@charset "utf-8";
/* CSS Document */
 
#navTitle{ font-size:28px; padding-left: 16px; padding-right: 4px;}

@media (min-width: 800px) {
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;   min-width:200px;  
}
}

.navbar-nav > li > a{
  padding-left:8px; padding-right:8px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #bb3333, #dd5555);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bb3333), to(#bb3333));
  background-image: -webkit-linear-gradient(top, #bb3333, #dd5555);
  background-image: -o-linear-gradient(top, #bb3333, #dd5555);
  background-image: linear-gradient(to bottom, #bb3333, #dd5555);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbb3333', endColorstr='#ffbb3333', GradientType=0);
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #bb3333, #dd5555);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bb3333), to(#bb3333));
  background-image: -webkit-linear-gradient(top, #bb3333, #dd5555);
  background-image: -o-linear-gradient(top, #bb3333, #dd5555);
  background-image: linear-gradient(to bottom, #bb3333, #dd5555);
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbb3333', endColorstr='#ffbb3333', GradientType=0);
}


.canttouchthis {
  color: transparent; 
  font-size:0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  background-color: #f5f5f5;
}


/* Set the fixed height of the footer here */
#sib_footer {
  padding-left:20px;
  background-color: #333;
  color: #F7F8FA;
  font-family: Verdana;
  font-size: 10px;
}

#sib_footer a{
	color:#FFF;
  text-shadow:none;
	font-family: Verdana;
  font-size: 10px;
  padding:0px 15px 0px 0px;
}


@media (min-width: 768px) 
{
  .popover { max-width:450px;}
}

a
{
	color: #d6161d;
	text-decoration: none;
}
a:hover {
	color: #d6161d;
	text-decoration: underline;
}

.errorlist { 
     list-style-type: none; 
     background-color: #C00; 
     color: white;
     margin: 0; 
     padding: 2px 4px 2px 4px; 
     border-radius: 5px 5px 5px 5px;
}
   

dl{ padding:5px; }
dt,dd{
	  border-top: 1px solid #DDD;
    padding:4px 10px 4px 10px;
 }

.dl-horizontal dd {  margin-left: 160px;}
.dl-narrow dt{ width:110px }
.dl-narrow dd{ margin-left:100px; }

.dl-medium dt, .dl-medium dd{ line-height:16px; }
.dl-medium dt{ width:120px }
.dl-medium dd{ margin-left:130px;} 

@media (max-width: 768px) {
.dl-horizontal dd {
    margin-left: 0px;
    border-top: none;
}
.dl-narrow dt,.dl-medium dt{ width:auto;}

}

.fancy_box_swap{ display:none; }

.entryDiv{ line-height:1em; margin-bottom:10px; }
.entryDiv table{ border:1px solid #CCC; }

#colourOptions label, #ssOptions label{
  width:100px;
  font-size: .9em;
  font-weight:normal;
}
#colourOptions input, #ssOptions input{
  margin-right:2px;
  }

/* THIS USED TO BE template.css */

.alignTblContainer{
  position:relative;
}
.alignTblContainer td
{
  border:0;
  padding:0;
}

.alignNameTbl, .alignTbl{ 
  padding-left:2px;
  margin-bottom:2px; 
}

.alignNameTbl td, .alignTbl td{
  font-family:"Courier New", Courier, monospace;  
  color:#333;
  line-height:normal; 
}

.alignNameTbl td  { 
  text-align:right; 
  padding-top:2px;
  padding-bottom:2px;
  border-right:1px solid #bbb;
  padding-right:2px; 
}
 
.alignTbl td { 
  text-align:left; 
  padding-top:2px;
  padding-bottom:2px;
}


.shadowCursor{
  color:000;
  background-color:#989898 !important;
  border-top:1px solid #222;
  border-bottom:1px solid #222;
}
.cursor {
  background-color: black !important;
  color: white !important;
  opacity: 1 !important;
}
 .ss span{   
  padding-left:1px;
  padding-right:1px;
}

  .hydrophobic,
  .polar,
  .small,
  .proline,
  .tiny,
  .aliphatic,
  .aromatic,
  .positive,
  .negative,
  .charged,
  .serThr,
  .large
  {background-color:rgb(20,80,250); background-color:rgba(20,80,250,.4); color:#000; }
  
  .hoverSelect { background-color:rgb(100,140,240); background-color:rgba(100,140,240,.2)!important;  }
   
  
.nonVisible { color:rgb(34,34,34); color:rgba(34,34,34,.3); }

.coverageBar{ width:120px; max-width:120px; height:14px; box-sizing:content-box;}

.modelsBuilt a, .modelsFailed a{ color: #333;}
.modelsBuilt{  padding:2px 4px 2px 4px; background-color:rgb(0,140,0); background-color:rgba(0,140,0,.3) }
.modelsFailed{ padding:2px 4px 2px 4px; background-color:rgb(200,0,0); background-color:rgba(200,0,0,.3) }

.ligand {
  background-color: #CFC;
  font-size:.9em;
  padding: 2px 4px 2px 2px;
  color: #444;
  margin-bottom: 0px;
  border: 1px solid #FFF;
}
.notAccepted{
  color:#333;
  background-color: #fcc;
}

.boxedImage {margin:4px;border:1px solid #ddd;border-radius: 10px;cursor:pointer; }
.boxedImage:hover {
    box-shadow: 0 0 5px rgba(200, 200, 200, 1);
    -webkit-box-shadow: 0 0 5px rgba(200, 200, 200, 1); 
    -moz-box-shadow: 0 0 5px rgba(200, 200, 200, 1);   
}

#pv_status {
    font-weight:bold;
    font:helvetica;
    font-size:.8em;
    position:absolute;
    bottom:0;
    right:0;
}

.threeDTrigger{
text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.50);
cursor:pointer;
}
.threeDTrigger:hover {
color:#333;
text-shadow: 2px 2px 3px rgba(0, 0, 0, .5)
}
    
.hoverResidue{
  color:#FFF;
  background-color: #C44 !important;
}
.selectResidue{
  border-top:3px solid rgba(255,0,0,.6);
  border-bottom:3px solid rgba(255,0,0,.6);
}

.modelFailed{
  color:#D00;
  margin-top:2em;
  font-size:2em;
  text-align:center;
  vertical-align:middle;  
}

#template-table>div:nth-child(2n+1){
    background-color: #F9F9F9;
}
#template-table>div{ border-bottom:1px solid #CCC;}
#template-table label{ margin-bottom:0px;min-height:30px; line-height:30px; }
#template-table [class*="span"]{ min-height:30px; line-height:30px; height:24px; }


#template-table div [class*="headerSort"]{
  cursor:pointer;
}
#template-table div [class*="headerSort"]:after{
  content:'';
  background-repeat: no-repeat;
  background-position: center right;
  padding-right:10px;
}
.headerSortNone,.headerSortUp,.headerSortDown {
  background-position: left center;
  background-repeat: no-repeat;
  cursor: pointer;
  padding-left:8px !important;
  padding-right:8px !important;
} 
.headerSortNone{ 
  background-image: url(../images/bg.gif);
}
.headerSortUp {
  background-image: url(../images/asc.gif);
}
.headerSortDown {
  background-image: url(../images/desc.gif);
}

#modelSummaryTable>div
{
  border:1px solid #DDD;
  border-radius: 10px;
  margin-bottom:8px;
  padding:4px;
}

}

@media print
{
  .noprint { display:none; }
  
  #smng_body {
  padding:0;
  }
  
  #smng_tbl{
	padding:0;
	} 
  
  body {
    background-color:#fff;
  }
    
}