#content {
      margin:14px auto;
      /*background-color:rgba(244,244,202,0.8);
      background-color:#FFE4E1;*/
      background-color:white;
      width:60%;
      /*min-width:1400px;*/
      min-height: 1600px;
      -webkit-box-shadow: 2px 4px 11px #737373;
      -moz-box-shadow: 2px 4px 11px #737373;
      box-shadow: 2px 4px 11px #737373;
      color:#3f3f3f;
      font-size:14px;
      overflow-y:auto;
      /*overflow-x:hidden;*/
      border-radius:4px;

      min-width: 1200px !important;
	}
	 #CpG{
    font-size:12px;
    font-weight:normal;
    text-align:center;
    font-family:Geneva, Verdana, sans-serif;
 }
 .part_to_all{
    width: 250px;
    color: #000;
    font-size: 14px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .part_to_all:hover{
    display: block;
    width: 100%;
    overflow: auto;
    white-space: normal;
  }  
h4{
      font-size:20px;
      margin:10px;
      background: url(/PHISDetector/static/images/home/h3-bor.gif) repeat-x bottom;
      padding-top:10px;
      padding-bottom: 7px;

   }
    #search{
      width:96%;
	  margin:10px 10px 20px 10px;
	  text-align:center;
    }
    
    #example{
      width:100%;
      height:100%;
      border:none;
    }
    
    #inside1{
      display:block;
     margin:10px 10px 10px 10px;
	  height: 1200px;
	  font-size:12px;
      font-weight:normal;
      /*background-color: #F5EAD6;*/
      text-align:center;
    }
    
    
	
	.bottomline{
      font-size:18px;
      margin:10px 5px;
      background: url("/PHISDetector/static/images/home/h3-bor.gif") repeat-x bottom;
      padding-top:10px;
      padding-bottom: 7px;

    }
    #searchprobe{
      width:100%;
    }
    #searchprofile{
      width:100%;
    }

    label{
      text-align:left;
      font-weight:bold;
      font-size:18px;
      font-family:'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
      line-height:50px;
      vertical-align:middle;
      
    }
    
    
    
.over2 {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #f5f5f5;
   opacity:0.5;
   z-index: 1002;
}
.layout2 {
   display: none;
   position: fixed;
   top: 50%;
   left: 40%;
   width: 20%;
   height: 20%;
   z-index: 1003;
   text-align:center;
}
.over1 {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #f5f5f5;
   opacity:0.5;
   z-index: 1002;
}
.layout1 {
   display: none;
   position: fixed;
   top: 50%;
   left: 40%;
   width: 20%;
   height: 20%;
   z-index: 1003;
   text-align:center;
}
	.clearfix:after, .container:after, .tab-nav:after {
	  content: ".";
	  display: block;
	  height: 0;
	  clear: both;
	  visibility: hidden;
	}



	/* =================
	   Container Styling */
	.container {
	  position: relative;
	  margin:0 auto;
	  width:100%;
	}

	/* ===========
	   Tab Styling */
	.tab-group {
	  position: relative;
	  border: 1px solid #eee;
	  margin-top: 3.5em;
	  margin-left: 50px;
	  margin-right:50px;
	  border-radius: 0 0 10px 10px;
	}
	.tab-group section {
	  opacity: 0;
	  height: 0;
	  padding: 0;
	  overflow: hidden;
	  transition: opacity 0.4s ease, height 0.4s ease;
	}
	.tab-group section.active {
	  opacity: 1;
	  height: auto;
	  overflow: visible;
	}

	.tab-nav {
	  list-style: none;
	  margin: -2.5em -1px 0 0;
	  padding: 0;
	  height: 3.5em;
	  overflow: hidden;
	  text-align:center;
	}
	.tab-nav li {
	  display: inline;
	  font-family: 'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	  font-size:16px;
	}
	.tab-nav li a {
	  
	  font-weight:bold;
	  top: 1px;
	  position: relative;
	  display: block;
	  float: left;
	  border-radius: 5px 5px 5px 5px;
	  background: #afcdeb;
	  line-height: 2em;
	  padding: 0 1em;
	  text-decoration: none;
	  color: #003266;
	  margin-top: .5em;
	  margin-right: 4px;
	  transition: background .2s ease, line-height .2s ease, margin .2s ease;
	}
	.tab-nav li.active a {
	  background: #003266;
	  color: #afcdeb;
	} 
    

    label{
      text-align:left;
      font-weight:bold;
      font-size:18px;
      font-family:'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
      line-height:50px;
      vertical-align:middle;
      
    }
    .sub{ 
      padding-left:4px;
    }
    #compute{
      width: 55%;
      margin-left:20%;
	  text-align:left;
	  
    }
    #complement{
      width:54%;
	  margin:72px 20% 10px 20%;
	  text-align:left;
    }
    #newgene{
      width:54%;
	  margin:-6px 23% 10px 23%;
	  text-align:left;
    }
    #complement ul { list-style-type: none;margin:0;padding:0;}
    #complement li { display: inline-block;margin:0; padding-right:10px;}
    #request{
      width:54%;
	  margin:20px 20% 10px 20%;
	  text-align:left;
    }
    #allprofile{
      width:54%;
	  margin:20px 20% 10px 20%;
	  text-align:left;
    }
    #caculate{
      width:40%;
	  margin:20px 27% 10px 27%;
	  text-align:left;
    }
    .demo_con1{
      width:50%;
	  margin:20px 22% 10px 22%;
	  text-align:right;
	  float:left;
    }
    .demo_con{
      width:40%;
	  margin:20px 27% 10px 27%;
	  text-align:right;
	  float:left;
    }
	.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size:16px;	
	font-family: 'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	padding:0px 23px;
	line-height:29px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font-weight:bold;
	}
	.button:hover {
	text-decoration: none;
	}
	.button:active {
	position: relative;
	top: 1px;
	}
	.bigrounded {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

	/* white */
	
	textarea {
	background: #f5f3f5;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #d8d9da;
	font-size:14px;	
	margin:0 2px;
	width:90%;
	overflow: auto;
    resize: vertical;
    height:200px;
    padding:8px 12px;
	}
	textarea:focus {
        background: #fff;
        border: 2px solid #003266;
    } 
    a.link1{
		display:inline-block;
		padding:2px 0;
		text-align:center;
		color:#FFF5EE;
		font:16px 'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
		font-weight:bold;
		cursor:pointer;
		background-color:#8FBC8F;
		line-height:27px;
		text-decoration:none;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px;
		float:left;
		width:100px;
	    border: solid 1px #afcdeb;

	   /* background: #003266;
	    background:#8FBC8F;*/
	    /*background: -webkit-gradient(linear, left top, left bottom, from(#2f5e8f), to(#003266));
	    background: -moz-linear-gradient(top, #2f5e8f, #003266);
	    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f5e8f', endColorstr='#003266');*/
	}
	/*a.link1:hover{
	    background: #03264a;
	    background: -webkit-gradient(linear, left top, left bottom, from(#103c69), to(#03264a));
	    background: -moz-linear-gradient(top,  #103c69,  #03264a);
	    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#103c69', endColorstr='#03264a');
	}
	a.link1:active {
	    background: #03264a;
	    background: -webkit-gradient(linear, left top, left bottom, from(#103c69), to(#03264a));
	    background: -moz-linear-gradient(top,  #103c69,  #03264a);
	    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#103c69', endColorstr='#03264a');
	}*/
	 a.link2{
		display:inline-block;
		padding:2px 0;
		text-align:center;
		color:#FFF5EE;
		font:16px 'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
		font-weight:bold;
		cursor:pointer;
		background-color:#245385;
		background-color:#8FBC8F;
		line-height:27px;
		text-decoration:none;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px;
		float:left;
		width:100px;
	    border: solid 1px #afcdeb;
	   /* background: #003266;*/
	   /* background-color:#8FBC8F;
	    background: -webkit-gradient(linear, left top, left bottom, from(#2f5e8f), to(#003266));
	    background: -moz-linear-gradient(top, #2f5e8f, #003266);
	    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f5e8f', endColorstr='#003266');*/
	    background-color:#8FBC8F;
	}
	a.link2:hover{
	   /* background: #03264a;*/
	    background-color:#8FBC8F;
	    /*background: -webkit-gradient(linear, left top, left bottom, from(#103c69), to(#03264a));
	    background: -moz-linear-gradient(top,  #103c69,  #03264a);
	    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#103c69', endColorstr='#03264a');*/
	}
	a.link2:active {
	   /* background: #03264a;*/
	    background-color:#8FBC8F;
	    /*background: -webkit-gradient(linear, left top, left bottom, from(#103c69), to(#03264a));
	    background: -moz-linear-gradient(top,  #103c69,  #03264a);
	    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#103c69', endColorstr='#03264a');*/
	}
	.link3{
		display:inline-block;
		
		text-align:center;
		color:#FFF5EE;
		font:16px 'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
		font-weight:bold;
		cursor:pointer;
		background-color:#245385;
		background-color:#8FBC8F;
		line-height:30px;
		text-decoration:none;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px;
	    border: solid 1px #afcdeb;
		float:right;
		width:100px;
		height:30px;
		margin-left:2px;
	   
	}
	
	input.textbox1{
	    width:45%;
		float:left;
		padding:5px;
		margin-right:1%;
		font-size: 13px;
        min-height: 32px;
        outline: none;
        color:#3f3f3f;
        background-color: #F5F4F5;
        background-repeat: no-repeat;
        background-position: right center;
        border: 2px solid #ccc;
        border-radius: 3px;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        transition: all 0.15s ease-in;
        -webkit-transition: all 0.15s ease-in 0;
        vertical-align: middle;
	}
	.textbox2{
	    width:50%;
		float:left;
		padding:5px;
		margin-right:1%;
		font-size: 13px;
        min-height: 100px;
        outline: none;
        color:#3f3f3f;
        background-color: #F5F4F5;
        background-repeat: no-repeat;
        background-position: right center;
        border: 2px solid #ccc;
        border-radius: 3px;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        transition: all 0.15s ease-in;
        -webkit-transition: all 0.15s ease-in 0;
        vertical-align: middle;
	}
	input.uploadFile1{
		position:absolute;
		left:50%;
		top:0px;
		opacity:0;
		filter:alpha(opacity=0);
		cursor:pointer;
		width:80px;
		height:36px;
		overflow: hidden;
	}  
    a.link{
		display:inline-block;
		padding:2px 0;
		text-align:center;
		color:#afcdeb;
		font:16px 'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
		font-weight:bold;
		cursor:pointer;
		background-color:#245385;
		line-height:27px;
		text-decoration:none;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px;
		float:left;
		width:20%;
	    border: solid 1px #003266;
	    background: #003266;
	    background: -webkit-gradient(linear, left top, left bottom, from(#2f5e8f), to(#003266));
	    background: -moz-linear-gradient(top, #2f5e8f, #003266);
	    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f5e8f', endColorstr='#003266');
	}
	a.link:hover{
	    background: #03264a;
	    background: -webkit-gradient(linear, left top, left bottom, from(#103c69), to(#03264a));
	    background: -moz-linear-gradient(top,  #103c69,  #03264a);
	    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#103c69', endColorstr='#03264a');
	}
	a.link:active {
	    background: #03264a;
	    background: -webkit-gradient(linear, left top, left bottom, from(#103c69), to(#03264a));
	    background: -moz-linear-gradient(top,  #103c69,  #03264a);
	    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#103c69', endColorstr='#03264a');
	}
	input.textbox{
	    width:78%;
		float:left;
		padding:5px;
		margin-right:1%;
		font-size: 13px;
        min-height: 32px;
        outline: none;
        color:#3f3f3f;
        background-color: #F5F4F5;
        background-repeat: no-repeat;
        background-position: right center;
        border: 2px solid #ccc;
        border-radius: 3px;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        transition: all 0.15s ease-in;
        -webkit-transition: all 0.15s ease-in 0;
        vertical-align: middle;
	}
	input.uploadFile{
		position:absolute;
		right:0px;
		top:0px;
		opacity:0;
		filter:alpha(opacity=0);
		cursor:pointer;
		width:100%;
		height:36px;
		overflow: hidden;
	}
	  input.gene{
        font-size: 13px;
        min-height: 32px;
        margin-top: 4px;
        width:150px;
        outline: none;
        color:#3f3f3f;
        background-color: #F5F4F5;
        background-repeat: no-repeat;
        background-position: right center;
        border: 2px solid #ccc;
        border-radius: 3px;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        transition: all 0.15s ease-in;
        -webkit-transition: all 0.15s ease-in 0;
        vertical-align: middle;
        
      }
      .button:focus,
      input[type=text]:focus,
      input[type=password]:focus {
        outline: none;
        border-color: #003266;
        box-shadow: inset 0 1px 2px rgba(0,0,0,.075), 0 0 5px rgba(81,167,232,.5);
      }
      .browsebox {
        position: relative;
        float:left;
        width:100%;
      }
      
      #newgene ul{
      margin:0; padding:0; list-style:none;
      }
      #newgene ul{
      padding:2px 0;
      }
      #newgene li{
      padding:3px 0;
      }
      #newgene input{
        font-size: 13px;
        min-height: 30px;
        margin-top: -4px;
        width:100%;
        outline: none;
        color:#3f3f3f;
        background-color: #F5F4F5;
        background-repeat: no-repeat;
        background-position: right center;
        border: 2px solid #ccc;
        border-radius: 3px;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        transition: all 0.15s ease-in;
        -webkit-transition: all 0.15s ease-in 0;
        vertical-align: middle;
      }
      #newgene a{
        color: #003266;
        font-weight:bold;
        font-size:13px;
        text-decoration:none;cursor: pointer;
      }
      #newgene .remove{
        padding-left:8px;
      }
      #newgene input:focus {
        outline: none;
        border-color: #003266;
        box-shadow: inset 0 1px 2px rgba(0,0,0,.075), 0 0 5px rgba(81,167,232,.5);
      }
      #dms{
        width:1180px;
        margin:0 auto;
        text-align:center;
        box-shadow:-1px 0px 0px rgba(0, 0, 0, 0.3),0px -1px 0px rgba(0, 0, 0, 0.3),0px 1px 0px rgba(0, 0, 0, 0.3),1px 0px 0px rgba(0, 0, 0, 0.3);
      }
      #dms .patterntitle{
      padding: 0 15px;
      margin-top:10px;
      font-size:18px;
      margin-bottom: 10px;
      font-family:'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
      letter-spacing: -0.5px;
      }
      #dms p{
      line-height: 1.5;
      margin-top:0px;
      padding: 0 25px;     
      }
	.white {
	color:#FFF5EE;
	background-color:#8FBC8F;
	border: solid 1px #FFF5EE;
	/*background: #003266;*/
	/*background: -webkit-gradient(linear, left top, left bottom, from(#2f5e8f), to(#003266));
	background: -moz-linear-gradient(top, #2f5e8f, #003266);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f5e8f', endColorstr='#003266');*/
	}
	.white:hover {
	background: #03264a;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#103c69), to(#03264a));
	background: -moz-linear-gradient(top,  #103c69,  #03264a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#103c69', endColorstr='#03264a');*/
	}
	.white:active {
	background: #03264a;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#103c69), to(#03264a));
	background: -moz-linear-gradient(top,  #103c69,  #03264a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#103c69', endColorstr='#03264a');*/
	}
    
	.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size:16px;	
	font-family: 'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	padding:0px 23px;
	line-height:29px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font-weight:bold;
	margin-bottom:10px;
	}
	.button:hover {
	text-decoration: none;
	}
	.button:active {
	position: relative;
	top: 1px;
	}
	.bigrounded {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}


	  #dme{
	    width:1180px;
        margin:0 auto;
	    margin-top:35px;
        text-align:center;
        box-shadow:-1px 0px 0px rgba(0, 0, 0, 0.3),0px -1px 0px rgba(0, 0, 0, 0.3),0px 1px 0px rgba(0, 0, 0, 0.3),1px 0px 0px rgba(0, 0, 0, 0.3);
      }
      #dme .patterntitle{
      padding: 0 15px;
      margin-top:10px;
      font-size:18px;
      margin-bottom: 10px;
      font-family:'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
      letter-spacing: -0.5px;
      }
      #dme p{
      line-height: 1.5;
      margin-top:0px;
      padding: 0 25px;     
      } 
      	
	  #dmr{
	    width:1180px;
        margin:0 auto;
	    margin-top:35px;
        text-align:center;
        box-shadow:-1px 0px 0px rgba(0, 0, 0, 0.3),0px -1px 0px rgba(0, 0, 0, 0.3),0px 1px 0px rgba(0, 0, 0, 0.3),1px 0px 0px rgba(0, 0, 0, 0.3);
      }
      #dmr .patterntitle{
      padding: 0 15px;
      margin-top:10px;
      font-size:18px;
      margin-bottom: 10px;
      font-family:'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
      letter-spacing: -0.5px;
      }
      #dmr p{
      line-height: 1.5;
      margin-top:0px;
      padding: 0 25px;     
      } 
/* RADIO */

.regular-radio {
	display: none;
}

.regular-radio + label {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	margin-right:5px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
}

.regular-radio:checked + label:after {
	content: ' ';
	width: 12px;
	height: 12px;
	border-radius: 50px;
	position: absolute;
	top: 3px;
	background: #99a1a7;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	text-shadow: 0px;
	left: 3px;
	font-size: 32px;
}

.regular-radio:checked + label {
	background-color: #e9ecee;
	color: #99a1a7;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.regular-radio + label:active, .regular-radio:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
table.altrowstable {
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #a9c6c9;
border-collapse: collapse;
}
table.altrowstable th {
border-width: 1px;
padding: 5px;
border-style: solid;
border-color: #a9c6c9;
}
table.altrowstable td {
border-width: 1px;
padding: 5px;
border-style: solid;
border-color: #a9c6c9;
}
.oddrowcolor{
background-color:#d4e3e5;
}
.evenrowcolor{
background-color:#c3dde0;
}
#CpG{
    font-size:12px;
    font-weight:normal;
    text-align:center;
    font-family:Geneva, Verdana, sans-serif;
 }

 #navigation 
{
 height:50px;
 background-color:#8FBC8F;
 width:700px;
}
#navigation ul
{ 
    list-style-type: none;
}
#navigation ul li
{ 
    float:left; 
    display:inline; 
    margin-right:2px;
}
#navigation ul li span 
{ 
    float:left; 
    height:40px; 
    padding:0 0 0 15px;
    width:200px;
    line-height:40px; 
    text-decoration: none;
    color:#F0FFFF;
}