html{ padding:0; margin:0;  width:100%; height:100%;}
body{ margin:0; padding:0; width: 100%; font:normal 13px Arial; color:#000000; line-height:1.4em;/*background:url(../images/bg_strip.jpg) center repeat-y;*/}

ul{padding:0;margin:0;}
li{padding:0;margin:0;}
a { text-decoration:none; font-weight:bold;color:#17375e;}
a:hover {text-decoration:underline;}

.main {width:100%; padding:0; margin:0 auto;}

.header {
      background:#fff url(../image/header-bg8.PNG) left repeat-y ;

      min-width:1165px;
    width:auto ;
    background-position:100% 100%;
}

.block_header {margin:0 auto; width:100%; padding:0 0 10px 0;height:127px;}

.logo {
    float:left;
    margin-left: 68px;
    padding-left:10px;
    text-align:center;
}
.logo img{
    max-height:137px;
    border:none;
    float: none;
}
.logo2{
    padding-top:0px;
    float:right;
    color:#e46c0a;
}

.homeTd {
text-align: center;
    border:none;
    float: none;
}

.homeImg_1{
 max-height:350px;
 margin-top:20px;
 margin-bottom:30px;
 padding-left:100px;
 vertical-align:middle;
    border:none;
    float: none;
}

.homeImg_2{
 max-height:350px;
 margin-top:20px;
 margin-bottom:30px;
 padding-right:100px;
 vertical-align:middle;
    border:none;
    float: none;
}

.navigation {
height:38px;
margin-left: 78px;
padding-left:10px;
list-style-type:none;
border:0; 
min-width:1122px;
text-align:center; 

background: grey repeat-x top left;
}

.separate{
margin-left: 78px;
padding-left:10px;
    height:5px;
    background:#e7e7f1;
    min-width:1120px;
}
.separate_red{
    height:8px;
    margin-left: 75px;
      padding-left:10px;
    background:#31859c;
    min-width:1125px;
}
.dropdown{ 
     margin:0 auto;list-style-type:none; border:0; float:left;margin-left: 35px; 
}
.dropdown li { float:left; margin:0 auto; border:0; text-align:center; position:relative; }
.dropdown li a { float:left; margin:0; padding:10px 10px 10px 10px;  display:block;
                        color:#000000; text-decoration:none;font-size:14px;font-weight:bold; border-right:1px solid #ccc; }
#speciallia{border-right:none;}
.dropdown li a:hover { color:#026A73;background:#EFF3EA;}
.dropdown li.focusa { background:#23B9B7; }
.dropdown li ul { position:absolute;top:100%;left:0;list-style-type:none;display:none;background:#EFF3EA;}
.dropdown li ul li { float:none;}
.dropdown li ul li a { border-right:none; border:0px solid #ccc;display:block;text-align:left;width:120px;}
.dropdown li:hover ul{ display:block; }

.container {
    padding:0; 
    margin:0;
    min-width:100%;
}

.block_container{
    margin:0 auto; 
    min-width:1100px;
    width:100%; 
    padding:0 0 0px 5;
    border:solid grey 0px;
}

.content {
    float:left;
    margin-top:10px;
    margin-left: 80px;
    margin-right: 15px;
    margin-bottom: 10px;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    width: 1100px;
    box-shadow:-5px 5px 2px #A6A6A6; 
    border:1px solid #A6A6A6;
    min-height:420px;

}

#index{
    display:block;
    margin-top:60px;
}

.content h1{
    color:#31859c;
}
.content h3{
    color:#31859c;
}



.help{
    margin:0;
    padding:0;
    display:inline;
    height:13px;
    width:13px;

    
}

.content p{
    margin:10px;10px;5px;10px;
}

.aboutbar{
    margin-left:15px;
    position:absolute;
    top:195px;
    width:360px;
    height:30px;
    background:grey;
    border-radius: 7px;

}
.aboutbar span{
    display:block;
    margin-top:6px;
    margin-left:60px;
    color:#FFF;
    font-weight:bolder ;
    font-size:large  ;
}
.separate_col{
    
    float:left;
    margin-top:10px;
    width:2px;
    border-right: 1px dashed grey;
    height:572px;
}


.sidenav {
    float: left;
    width:380px;
    background:white;
    margin-top:5px;
    margin-left:5px;
    padding-left:10px;
}
     
.input{
    border: solid grey 1px;
    height:20px;
    width:290px;
    border-radius: 3px;
    font:  12px 'lucida sans', 'trebuchet MS', 'Tahoma';
    padding-left: 5px;
}   


.input:focus {
        outline: 0;
        border:solid 1px red;
        box-shadow: 0 0 2px rgba(0,0,0,.8) inset red;
}
#button2{

    border-radius: 3px 3px 3px 3px; 
    background:none;
    margin-left: 5px;
    padding: 2px 5px;
    width:65px;
    height:25px;
    background: #31859c 50% 50% repeat-x; 
    font-weight: bold; 
    color: #ffffff;
    border:solid 1px #31859c;
}

.sidenav h1 {
    border-bottom: 1px dashed #DDD;
    color: #E46C0A;
    font-size: 1.2em;
    height: 20px;

}
.sidenav h2 {
    border-bottom: 1px dashed #DDD;
    color: #E46C0A;
    font-size: 1.1em;
    height: 20px;
    margin-top: 1.2em;
    padding-left: 5px;
}
.sidenav ul {
    margin-left: 10px;
    padding: 0;
    list-style-type:square;
    font-weight:normal;
}

.sidenav li ul{
    margin-left: 10px;
    padding: 0; 
    list-style: square inside url('/i/eg_arrow.gif')
}

.sidenav li { 
    margin: 5px;;
    
}

.sidenav span{
    color: #000;
    display: block;
    font-weight:normal;
    font-size: 0.9em;
    padding: 3px 6px 3px 18px;
    text-decoration: none;
}

.styled {
    border: 3px double #E5E5E5;
    padding: 2px 3px;
    width:100px;
}

.select{
    font-family:Verdana, Geneva, sans-serif;
    font-size:13px;
    padding:2px;
}


.footer_block {
    margin:0 0 0 78px; 
    width:100%; 
}

.footer_block img{
    float:left;
    height:80px;
}

.footer_block span{
    margin-top:20px;
    margin-right:10px;
    display:block;
    float:left;
    font-size: 12px;
    text-align:left;
}

.footer {
    min-width:1165px;
    width:100%;
    padding:0; background:#fff  center repeat-y ;    width:auto;background-position:100% 100%;
}

.clearer {
    clear:both;
}


.members {
    list-style-type:none;
    margin:15px;10px;5px;10px;
    font-size:14px;
    font-weight:bold;
}

.tabletips
{
    border:none;
}
.tabletips td{
    
text-align:left;
border:none

}
.tipstd {
    padding-top:10px;
}

.tips {
    background:#EFF3EA;
    width:350px;
    margin-top:0px;
    margin-left:5px;
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;
}
.tips ul{
    margin-left:10px;
}
.dataimg{
    display:block;
    margin:0 auto;
}

.borderdown{
    padding-top:3px;
    padding-left:5px;
    border:solid 1px #7f9db9;
    margin-bottom:5px;
}

.borderdown2{
    padding-top:3px;
    padding-left:5px;
    border:solid 0px #7f9db9;
    margin-bottom:5px;
}

.borderdown span{
    
    font-weight:bold;
    color:#FF8000;
    
    
}

.bordersubmit {
    text-align:center;
    margin-bottom:10px;
}


#searchResult{
    
    display:block;
    text-align:center;

}


.search_opotion{

border:solid 1px grey;
margin-right:10px;
box-shadow:2px 2px 2px #A6A6A6;
padding:5px;10px;5px;10px;
}

.search_opotion table{
width:85%;
}

.search_opotion table td{
}

.search_opotion img{

margin-bottom:-5px;
}

.result_div{
margin-top:10px;
margin-bottom: 20px;
clear:both;
}

.result_table{
width:99%;
border:solid 1px #808080;
margin-top:5px;
cellspacing:0px;

}
.result_table th{

background:#eff3ea;
font-size:15px;
margin:0px;
border:solid 1px  #808080;
}

.result_table td{

text-align:center;
border:solid 1px  #808080;

}

.result_table2{
width:99%;
min-width:1000px;
border:solid 1px  #808080;
margin-top:5px;
cellspacing:0px;

}
.result_table2 th{

background:#eff3ea;
font-size:15px;
margin:0px;
border:solid 1px  #808080;
}

.result_table2 td{

text-align:center;
border:solid 1px  #808080;

}

.outlink a{
    background:url(../image/external_link.png) no-repeat 0 0;
    padding-left:10px;
}
.outlink a:hover{
     color:#9D2703; text-decoration:underline;
}
.outlink a:visted{
    color:#9D2703;
}

#chromatin_state{
    
    display:block;
    margin-top:10px;
    border:solid 3px #31859c;
    padding-top:5px;
    padding-bottom:5px;
    background:#eff3ea;
    font-weight:bold;
    text-align:center;
    width:25%;
}


div.subtitle {
    font:bold 13px Arial, Helvetica, sans-serif;
    background: #eff3ea;

    padding-top: 6px;
    padding-left:5px;
    padding-bottom:2px;
    text-align:left;
    color:black;
    z-index:1;
    margin-top:5px;
    height:20px;
}

div.tophelp {
    margin-left: -3px;
    z-index: 2;
    height: 10px;
    width:45px;
    position:relative;
    margin-top:0.3em;
    background:#ffffff;
    float:right;
}

.tophelp {
    margin-left: -3px;
    z-index: 2;
    height: 10px;
    width:45px;
    position:relative;
    margin-top:0.3em;
    background:#ffffff;
    float:right;
}
.report_variant{

     list-style-type:none; 
     border:0; 
     float:left; 
     margin-bottom:20px;
}

.report_variant li {
float:left; 
margin-left:50px; 
margin-top:20px; 
border:0; 
text-align:center; 
position:relative; 
background:#eff3ea;
padding:5px 30px 5px 30px;
}


.report_element{

     list-style-type:none; 
     border:0; 
     float:left; 
     margin-bottom:20px;
}

.report_element li{
float:left; 

margin-top:10px; 
margin-bottom:10px; 
margin-right:20px;
text-align:center; 
position:relative; 
background:#eff3ea;
padding:5px 20px 5px 20px;

border:solid 3px #595959;
}

.nonhidetable{
clear:both;
border:solid 1px blue;
}
.hidetable{
display: none;
clear:both;
border:solid 1px blue;
}


#tab{ margin-top:20px;margin-left:20px;}
#tab .tabList ul li{
    float:left;
    background:#eff3ea;
    border:1px solid #ccc;
    padding:5px 10px 5px 10px;
    text-align:center;
    margin-right:50px;
    margin-bottom:20px;
    cursor:pointer;
    list-style:none;
    font-weight:bold;
    font-size:14px;
    color:black;

}
#tab .tabCon{
    clear:both;
    margin:0,auto;
    border-top:none;

}
#tab .tabCon div{
    border:none;

}
#tab .tabList li.cur{
    background:#FFFEE8;
}
#tab .tabCon div.cur{
    width:100%;
}




#helptab{ margin-top:20px;margin-left:20px;}
.helptabList ul li{
    float:left;
    background:#31859c;
    border:1px solid #ccc;
    width:180px;
    height:30px;
    text-align:center;
    margin-right:20px;
    margin-bottom:20px;
    position:relative;
    cursor:pointer;
    list-style:none;
    font-weight:bold;
    font-size:14px;
    color:white;
    border-radius: 5px;

}
.helptabList a{
    height:30px;
    font-weight:bold;
    font-size:14px;
    padding-top:
    color:white;
    background:green;


}
#helptab .helptabCon{
    clear:both;
    margin:0,auto;
    border-top:none;

}
#helptab .helptabCon div{
    border:none;

}
#helptab .helptabList li.helpcur{
    background:#FFFEE8;
    color:black;
}
#helptab .helptabCon div.helpcur{
    width:100%;
}

.basinfo {
    display:block;
    background:#31859c;
    width:180px;
    padding-left:20px;
    padding-top:5px;
    padding-bottom:5px;
    border:1px solid #ccc;
    font-weight:bold;
    font-size:16px;
    color:white;
    border-radius: 5px;


}

.report_info{
    display:block;
    margin-top:30px;
    background:green;
}


.report_info li{
    float:left;
    background:#31859c;
    text-align:center;
    margin-right:20px;
    padding-left:20px;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:20px;
    position:relative;
    cursor:pointer;
    list-style:none;
    font-weight:bold;
    font-size:14px;
    color:white;
}

.report_info li a{
    color:white;
}
.report_info li a:hover{
    text-decoration:none;
}
#report_current{
    
    background:#E8E8E8;
    margin-top:-6px;
    padding-top:8px;
    padding-bottom:8px;
    border:solid 1px #E8E8E8;
    
}
#report_current a {
    color:black;
    font-size:16px;
}
.report_div{
    clear:both;
    background:#E8E8E8;
    padding:10px 10px 10px 10px;
    margin-bottom:10px;

}

.datacontentul{
    list-style-type:none;
    margin-top:20px;
}

.datacontentul a{
    color:red;
    font-weight:bold;
    font-size:14px;
}

.datacontentul a:hover{
    text-decoration:none;
}


#elementopotion{
font-weight:bold;
border:solid 1px #7f9db9;
text-align:center;
}
#elementopotion2{
padding-left:5px;
border:solid 1px #7f9db9;
text-align:left;
}

.elementopotion{
border-collapse: collapse;
}

.elementSearch{
    
    width:90%;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;

}
.elementSearch tr
{
    border:solid 1px #7f9db9;
    
}
.elementSearch td
{
}

#s2{
    padding-top:10px;
}

.turorial_imgwidth{
 max-width:95%;
}
.turorial_imgwidth2{
 max-width:95%;
 height:400px;
}
/************************ for cytoscape web network **********************************/
#cytoscapeweb { width: 100%; height: 550px; }
#cytoscapeweball { width: 100%; height: 800px; }