body{background:url(img/bg_body.png) fixed top left no-repeat}
a{color:#900}
a:hover{color:#c60}
h1,h2,h3,h4,h5,h6{font-weight:400;font-style:normal}
h1{font-size:30px;line-height:36px}
h2{font-size:24px;line-height:36px}
h3{font-size:18px;line-height:27px}
h4,h5,h6{line-height:18px}
h4{font-size:16px}
h5{font-size:15px}
h6{font-size:14px;text-transform:uppercase}
h1 small,h2 small{font-size:18px}
h3 small,h4 small{font-size:14px}


header .hcontent{min-height:62px}
header .hlogo{padding:1px 2% 1px 2%;float:right;width:26%}
header .hname{padding:1px 0%;float:left;width:66%}
header .hlogo{text-align:right}
header h1 a,header h1 a:hover{color:#fff;text-decoration:none;display:block}
header h1 span{border-left:2px solid #b66000;color:#f29400;margin-left:5px;padding-left:10px}
header .bg-nav{background:#300 url(img/bg_nav.png) center top no-repeat}
header .navbar{margin:0;color:#fff}
header .navbar .brand{margin-left:10px;color:#c46d04!important}
header .navbar .navbar-inner{padding:0;border:none;border-top:solid 1px #666;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;filter:none}
/*header .navbar .nav > li > a:focus,header .navbar .nav > li > a:hover{color:#fff;}*/
header .navbar .navbar-inner .brand,header .navbar.my .nav > .active > a,header .navbar .nav > .active > a:hover,header .navbar .nav > .active > a:focus,header .navbar .nav > li > a{color:#f3f3f3;text-shadow:none}
header .navbar .nav > .active > a,header .navbar .nav > .active > a:hover,header .navbar .nav > .active > a:focus{background-color:#c0cdd3;color:#000}
header .navbar .nav li.dropdown > .dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff}

footer {
  height:50px;
  padding-top:0px
}
footer p{font-size:85%;color:#fff;padding:15px 0;margin:0}

.bg-redimg{background:#300 url(img/bg_redimg.png) center top no-repeat}
.bg-redimg h3,.bg-redimg h3 small,.bg-redimg a{color:#fff}



html, body {
    height: 100%;
}

#pv_status {
    bottom: 0px;
    font-size: 0.8em;
    font-weight: bold;
    position: absolute;
    right: 10px;
}
.wrapper {
    height: auto !important;
    margin: 0 auto -50px;
    min-height: 100%;
}

.dataset-description {
  text-align: right;
}

table.dataset-description td{
  padding-left: 10px;
}

div.dt-buttons{
  float: right !important;
}
.dataTables_filter{
  text-align: right;
}
.dataTables_length {
    float: left;
}

.DTFC_LeftBodyLiner{
  overflow-x: hidden;
}

.table-data label{
  font-size:inherit;
  font-weight:normal;
}
.push {
    height: 50px;
}
.logos {
  height:100px;
  max-height:100px;
  text-align: right;
}
.logos img {
  max-height:100px;
  height:100px;
}
header .hname{
  padding-left:30px;
}
.hlogo img, .mx-img img{
  border: 0 none;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}


.plot-summary img {
  width:70%;
}
.logos div:nth-child(2) img {
  margin-top: 10px;
}
.btn-filter-model-1 {
  margin-top:5px;
  margin-bottom:5px;
  color:#fff;
  font-weight:normal;
}
.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: none;
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn {
  background-image: none;
}
.plot-type-switcher {
  margin-bottom:5px;
}
.plot-type-switcher button{
width:250px;
}

form.registration input[type="checkbox"],
form.registration input[type="radio"]{
  margin-left:0px;
  position: relative;
}
form.registration .radio-inline{
  margin-left:0px;
  padding-left:0px;
}

.url_preview {
  background: none repeat scroll 0 0 #FFDD00 !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
  color: #000;
  background-color: #FFCC00;/*#FFCC00;*/
}
.nav-tabs {
  border-bottom: 1px solid #FFCC00; /*#FFCC00;*/
  margin-bottom: 0px;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: #FFCC00; /*#FFCC00;*/
}

div.serverBar.A.clickable .server_bar:hover{
    box-shadow: 1px 1px 3px #FFCC00 !important;
}
div.serverBar.A.plus-sign .server_bar{
    background-position: 50% 50%;
    background-image: url("img/icon_plus_sign.png");
    background-repeat: no-repeat;
    vertical-align: text-top;
}
div.serverBar.A.minus-sign .server_bar{
    background-position: 50% 50%;
    background-image: url("img/icon_minus_sign.png");
    background-repeat: no-repeat;
    vertical-align: text-top;
}

#quality-plot {
  height:100%;
}
div.multi-bg-bar {
    width:100%;
    height:20px;
    position: relative;
    background: #000000 0% 10%;

}
div.plots {
  padding: 0 20px;

}
div.plot-buttons-container {
    padding: 0 20px;
}
.servers i {
  cursor:pointer;
}
.info-panel {
  border-color:#ccc;
  border-width:1px 1px 1px 1px;
  border-style: solid;
  background-color:#efefef;
  height: 20px;
  width: 100%;
}
.info-panel i {
  float:right;
  margin-top:3px;
  margin-right:3px;
}
tr.odd {
    background-color: #F9F9F9;
}
tr.even {
    background-color: #fff;
}
td.details {
  border-right: 0px;
  border-bottom: 0px;
  background-color: #ffffff !important;
}
div.server-content,div.scores {
  padding:10px 20px 10px 20px;
}
.dataTable.modeling-server-comparison tbody tr td:first-child,
.dataTable.lb-server-comparison tbody tr td:first-child{
  padding-left: 8px;
}
.dataTable.modeling-server-comparison tbody tr td:first-child:before,
.dataTable.lb-server-comparison tbody tr td:first-child:before{
  /*content:" - ";*/
}

.btn.server_compare_btn {
  background-color: #feda81;
  color:#000;
  font-weight: bold;

}

.btn.server_compare_btn:active {
  background-color: #44cc44;
  color:#000;
  font-weight: normal;

}

.server_ref_compare{
  color: #6c82fe;
  background-color: #f00;
  font-weight:bold;
}

.server_compare_btn_bg {
  padding: 0 0px 0px;
  -webkit-box-shadow: -3px 7px 7px 7px rgba(227,201,125,0.82);
  -moz-box-shadow: -3px 5px 7px 7px rgba(227,201,125,0.82);
  box-shadow: -3px 5px 7px 7px rgba(227,201,125,0.82);
}
.compare_check, .compare_radio{
  margin-left: 3px !important;
  padding: 0 5px 3px;
}

.compare_check{
  background-color: #feda81;

}
.compare_radio{
  background-color: #6c82fe;
}
.server_compare{
/*
  padding: 3px 6px;
*/
  font-size: 14px;

}
.server_compare_dropdown_item{
  cursor: pointer;
  padding: 4px;
}
.server_compare_dropdown_item:hover{
  background-color: #feda81;
}
.ref_server_name{
  color: #6c82fe;
  font-weight: bold;
}

.pos {
  color: #87C41F !important;
  background-color:#F5F9ED !important;
  font-weight: bold !important;
}
.neg {
  color: #FB8072 !important;
  background-color: #FFF1EF !important;
  font-weight: bold !important;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  background-image:none;
}

.dataTable tr.first-row th,
.dataTable tr td.ref,
.dataTable tr.marked td {
  background-color: #d1d8ff !important;
}
.dataTable tr.marked td.active {
  background-color: #364CF7 !important;
  color:#fff !important;
}
.dataTable tr.marked td.active a{
  color:#fff !important;
}
.dataTable tr.marked td {
 /*transition: padding-left 0.3s;
 -webkit-transition: padding-left 0.3s; /* Safari */*/
}
.dataTable tr.marked td:before {
 content:"" !important;
}
.btn-mini {
    font-size: 10.5px;
    line-height: 13px;
    padding: 0 3px;
}

.detail-panel {
  display: none;
  position:relative;
  width:100%;
}

.detail-panel.show {
  display: block;
}
h2.detail-panel-widget button {
  padding: 0px 5px;
}
h2.detail-panel:hover {
}
.detail-panel i {
  margin-top:6px;
  margin-right: 5px;
}
.serverBar.A .server_bar{
  background-color: #6F98DF;
}
.serverBar.B .server_bar {
  background-color: #B7B7B7;
}
.serverBar.C .server_bar {
  background-color: #222222;
}

.qry_color {
  color: #c10000;
}
.target_color {
  color: #34BA34;
}
.model_color {
  color: #3C67B2;
}
.btn-login-wrapper {
  background-image: none;
  border:1px solid #760B0D;
  box-shadow: 0px 0px 0px;
  padding: 5px 8px;
}
div.residue {
  height:inherit;
  background-color: red;
  position: absolute;
  z-index: 3;
}
.navbar {
  border:0px !important;
  min-height:0px !important;
}

header h1{
  margin-bottom:0px;
}

.table-data.show {
  display: block;
}

.info-btn{
  cursor: pointer;
  color: #900;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #990000;
  text-decoration: none;
}
.ui-state-default a:hover {
  text-decoration: underline;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: none;
  background-color: #eee;
}

a[data-toggle=tooltip] {
  cursor: help;
}
.tooltip-inner{
  max-width:400px;
  text-align: justify;
}
.plot-summary .text {
  display:none;
}
.plot-summary .text.active {
  display:block;
}
.plot-summary .text.show {
  display:block;
}
.plot-summary .text.hide {
  display:none;
}
p.info {
  font-size: 14px;
  color:#222;
  margin-left:10px;
}
ul.nav li.modeling a:hover,
ul.nav li.modeling a:focus,
ul.nav li.modeling.active a{
  *background-color:rgb(46,187,222) !important;
  background-color:rgba(46,187,222,0.7) !important;
  border-top: 1px solid #6fd1e9 !important;
}
ul.nav li.complete_modeling a:hover,
ul.nav li.complete_modeling a:focus,
ul.nav li.complete_modeling.active a {
  *background-color: rgb(80, 185, 101) !important;
  background-color: rgba(80, 185, 101, 0.7) !important;
  border-top: 1px solid #5ea45e !important;
}
ul.nav li.quality_estimation a:hover,
ul.nav li.quality_estimation a:focus,
ul.nav li.quality_estimation.active a{
  *background-color:rgb(221,151,3) !important;
  background-color:rgba(221,151,3,0.7) !important;
  border-top: 1px solid #f4c257 !important;
}
ul.nav li.contact_prediction a:hover,
ul.nav li.contact_prediction a:focus,
ul.nav li.contact_prediction.active a{
  *background-color:rgb(199,93,93) !important;
  background-color:rgba(199,93,93,0.7) !important;
  border-top: 1px solid #fe7878 !important;
}

#pred_cp_format_example{
    max-height: 200px;
    overflow-y: hidden;
}
#pred_cp_format_example.doNotLimitHeight {
    max-height: none;
}
.showAllBtn{
    cursor: pointer;
    color: #666;
    padding-left: 12px;
}
.showAllBtn:hover{
    color: #333;
}




header h1 span {
    font-size: 18px;
}
div.modeling {
  background: url('../img/cameo_3D_logo.png') no-repeat 152px -60px  #e6faff ;
  background-size:321px;
  border-color: #6fd1e9 !important;
}
div.modeling:hover {
  box-shadow: 0px 4px 8px #6fd1e9 !important;
}
div.complete_modeling {
  background: url('../img/cameo_3D_logo.png') no-repeat 152px -60px #efffef ;
  background-size:321px;
  border-color: #5ea45e !important;
  position: relative;
  overflow: hidden;
}
div.complete_modeling:hover {
  box-shadow: 0px 4px 8px #5ea45e !important;
}

div.quality_estimation {
  border-color: #f4c257 !important;
  background: url('../img/cameo_QE_logo.png') no-repeat 212px -99px  #fff6e3 ;
  background-size:280px;
}
div.quality_estimation:hover {
  box-shadow: 0px 4px 8px #f4c257 !important;
}
div.contact_prediction {
  border-color: #fe7878 !important;
  background: url('../img/cameo_CP_logo.png') 212px -99px no-repeat #ffe3e3;
  background-size: 280px;
}
div.contact_prediction:hover {
  box-shadow: 0px 4px 8px #fe7878 !important;
}

.navbar .btn-navbar {
  padding: 3px 10px;
}

.navbar-toggle {
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
}
.navbar .btn-navbar {
  background-color: #600;
  *background-color: #600;
  background-image:-ms-linear-gradient(top,#933,#600);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#933),to(#600));
  background-image:-webkit-linear-gradient(top,#933,#600);
  background-image:-o-linear-gradient(top,#933,#600);
  background-image:-moz-linear-gradient(top,#933,#600);
  background-image:linear-gradient(top,#933,#600);
  background-repeat:repeat-x;
  border-color:#600 #600 #300;
  border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#993333',endcolorstr='#660000',gradienttype=0);
  filter:progid:dximagetransform.microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #600;
  *background-color: #600;
}
.dropdown.active ul.dropdown-menu > li > a {
  background-color: rgba(255, 255, 255, 1) !important;
  border-top: 0px !important;
  color: #333333 !important;
  margin-top: -1px !important;
}
.dropdown.active ul.dropdown-menu > li.active > a,
.dropdown.active ul.dropdown-menu > li > a:hover {
  color: #fff !important;
}
.logo-group img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.logo-group img:hover {
    filter: none;
}
.contact-info p {
  margin:0px;
}

.table thead th {
    vertical-align: top;
}
colgroup col.active {
  background-color: #e7d695;
}

footer a:hover,a:focus {
  color:#ffffff;
}
div.loading,div.loading-datatables {
  display:none;
  background: url('../img/ajax-loader.gif') no-repeat center center transparent;
  height:200px;
  width:100%;
}
div.loading-datatables {
position: absolute;
top:40px;
}

p.sequence {
  word-wrap:break-word;
  max-width: 100%;
  font-family: monospace;
}

.lig_type {
  margin-right: 5px;
  font-weight: bold;
}
ul.ass_ligands {
  list-style: none;
  margin-left:0px;
  padding-left:0px;
}
div.fg-toolbar {
  border-right: 0px;
}


.paging_full_numbers {
    height: auto;
    line-height: 22px;
    width: 400px;
}
div.dataTables_paginate a.ui-button{
  margin: 3px 2px;
  padding:4px 8px;
  border: 1px solid #A6A6A6;
  color:#000;
  border-radius: 4px
}
div.dataTables_paginate a.ui-button.ui-state-default{
  background: transparent;
  background-color: #FFCC00;
}
.dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: left;
}
.dataTables_wrapper .dataTables_info {
  padding-top: 0.25em;
}

.dataTable {
  margin-bottom: 0px;
}
table.dataTable thead th, table.dataTable tfoot th {
  font-weight: normal;
}
table.dataTable thead th, table.dataTable thead td {
  border-bottom: 1px solid #eee;
}
.dataTables_paginate {
  width:50%;
}
.dataTables_info {
  margin: 7px 0 0 5px;
  width:49%;
}
.dataTables_filter {
  margin: 5px 5px 0 0;
}
.dataTables_length {
 margin: 5px 0px 0 5px;
}
.dataTables_filter input,.dataTables_length select {
  margin-bottom: 0px;
}
div.table-data {
  display:none;
  position: relative;
}
.timeframe.pager li > a {
  font-size: 14px;
  font-weight: normal;
}
.timeframe.pager li > a, .timeframe.pager li > span {
  border-radius: 4px 4px 4px 4px;
  padding: 5px 6px;
}
#msg.success {
  color:green;
}
#msg.failed {
  color:#990000;
}
.popover-content {
line-height: 16px;
}
.timeframe.pager{
  text-align: left;
}
.error-msg  {
  text-align: left !important;
  /*display: none;*/
  margin-left:10px;
}
.error-msg label {
  display: inline-block;
  margin-right: 10px;
  font-size: 12px;
  color:#c10000;
  width: 170px;
}
.invalid-feedback {
  font-weight: bold;
  color: red;
}
.logout-form {
  margin:0px;
  display:inline-block;
}
#login-slider .btn {
    margin-top: 0px;
}
#login-slider {
  display: inline-block;
  float: right;
  margin-right: 10px;
  margin-top: 4px;
  position: relative;
}
.btn-login,.btn-logout {
    font-size: 12px;
   /* height: 22px;*/
    margin-top: 1px;
    /*padding-top: 0;*/
}
.icon-login {
  margin-left:5px;
  margin-top:0px !important;
}
.login-wrapper .login-form {
  margin-left: 0px;background-image: none;
}

.register-inline-form {
  margin-top:30px;
}
.login-wrapper {
  margin-left: 6px;
  margin-top: 20px;
  text-align: left;
}
.login-wrapper {
  display: none;
  background-color: rgba(221, 221, 221, 0.95);
  /*height: 85px;*/
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 31px;
  width: 400px;
  box-shadow: 0px 2px 11px #777;
  border-radius:0px 0px 4px 4px;
  z-index: 1000;
}
.collapse.in .login-wrapper{
  right: 80px;
  bottom: 0px;
  top: -4px;
}

.btn-go,.btn-pw-reset {
  display: inline-block;
  margin-top: 0 !important;
  margin-bottom: 10px;
  padding:2px;
}
.register-inline-form {
  display: none;
}
.register-form {
  padding:20px;
  text-align: left;
}
.crm-register-form input,.crm-register-form select {
  border-color:#666;
}
.crm-register-form .control-label {
  text-align: left;
}
.register-form {
  display: none;
}
.login-wrapper form.login-form {
  margin-bottom: 5px;
}
.login-wrapper div.login-form p.alert {
 margin:0px 5px;
 text-align:center;
 padding:5px;
}
.login-wrapper div.login-form p {
  text-align: right;
  margin-right:10px;
  color:#666;
}


.icon-go {
  margin-top:0px !important;
}


.login-wrapper .login-form {
  margin-top:7px;

}
.email-login,.password-login {
  font-size:12px;
  color:#555555;
  border-radius: 1px !important;
  width:170px;
  height:28px;
  display:inline !important;
}
.password-login {
  margin-left:10px;
}
label {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 0;
}
label.checkbox.inline {
  font-weight: normal;
  margin: 0;
}
legend {
  margin-bottom: 10px;
}
.text {
  text-align: left;
}
.performance-overview {
  text-align: center;
}
.popover-title {
  padding:8px 4px !important;
}
.close.close-popover {
  line-height: 0;
}
.popover-content {
  font-size: 12px;
}
.image-container {
  border:1px solid #DDDDDD;
}

.legend-container {
  margin:10px 35px;
  padding:0px;
  text-align: justify;
  /*background: #f5f5f5;
  border: 1px solid #e3e3e3;*/
  width:87%;
  font-size: 12px;
}

.inset-legend-container {
  margin-top:5px;
  padding:15px;
  text-align: justify;
  /*background: #f5f5f5;
  border: 1px solid #e3e3e3;*/
  width:87%;
  font-size: 12px;
}

.image-thumbs-container {
  text-align: center;
  margin:60px 0px 0px 0px;
  /*width:80%;*/
}
.image-thumbs-container .thumb {
  border: 1px solid #DDDDDD;
  cursor: pointer;
  padding: 5px;
  position: relative;
  width:80px;
  margin: 10px 0;
  display: inline-block;
}
.image-thumbs-container .thumb .caption {
  background-color: #FFCC00;
  border-radius: 8px 8px 8px 8px;
  font-size: 12px;
  height: 23px;
  left: 0;
  line-height: 23px;
  position: absolute;
  top: 52px;
  width: 100%;
}
.image-thumbs-container .thumb.active,
.image-thumbs-container .thumb:hover {
  -webkit-box-shadow: 0px 0px 5px  0px rgba(255,204,0,1);
  -moz-box-shadow: 0px 0px 5px  0px rgba(255,204,0,1);
  box-shadow: 0px 0px 5px  0px rgba(255,204,0,1);
  -webkit-transition:box-shadow 0.1s linear;
  -moz-transition:box-shadow 0.1s linear;
  -o-transition:box-shadow 0.1s linear;
  -ms-transition:box-shadow 0.1s linear;
  transition:box-shadow 0.1s linear;
}
a:hover, a:focus {
  color: #990000;
  text-decoration: underline;
}

.btn {
  background-color: #FFCC00;
  color:#000;
  font-weight: bold;
}

.btn:active {
  background-color: #FFCC00;
  color:#000;
  font-weight: normal;
}

.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
    background-color: #FFCC00;
    color:#000;
    font-weight: bold;
}
ul.pager > .active > a {
    background-color: #FFCC00;
    color:#000;
    font-weight: normal;
}
.page-header {
  border-bottom: 1px solid #DDDDDD;
  margin: 20px 0 10px;
  padding-bottom: 9px;
}
thead tr {
  background-color: #DFDFDF;
  color:#222222;
}
.table-bordered {
    /*border: 1px solid #999;*/
    border-left: 0;
    border-radius: 0px 0px 4px 4px;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #999;
}
.table tbody + tbody {
  border-top: 2px solid #999;
}
.table th,
.table td {
  border-top: 1px solid #999;
}
.weekly-summary-table caption {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 4px;
  width: 20px;
}
.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child {
  border-top-left-radius: 0;
}
table.weekly-summary-table {
  position: relative;
}
.load-more-data {
  margin-top: 10px;
}
.table-header-row {
  margin-top:10px;
  position: relative;
}
.table-header {
  background-color: #505050;
  border-radius: 6px 0px 0 0;
  color: #FFFFFF;
  height: 25px;
  padding: 0 0px;
  width:100%;
}
.table-header-detail {
  background-color: #b42d26;
  border-radius: 20px 4px 0 50px;
  color: #FFFFFF;
  height: 25px;
  margin-left: 0 !important;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
}
.table-header-detail a {
  color: #FFFFFF;
  line-height: 25px;
  padding: 0 0 0 25px;
}
.table-header a {
  color: #FFFFFF;
  font-weight: bold;
  line-height: 27px;
  margin-left: 5px;
  text-decoration: none;
}
.table-header-label {
  cursor:pointer;
}
.table-header-label i {
  margin-left: 5px;
  margin-top: 0px;
}
.title {
  font-size:24px;
  display:block;
  padding-top:10px;
  margin-bottom: 10px;
}
.main {
  margin-bottom: 32px;
}
.page_title {
  margin-top:20px;
  margin-bottom:40px;
}
.breadcrumb {
    margin-top: 0px;
    border-radius: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
}
.breadcrumb li > a:hover,
.breadcrumb li.active a{
  color: #000  !important;
  border-top: 0px !important;
  margin-top: 0px !important;
  -webkit-transition:background-color 0.3s linear;
  -moz-transition:background-color 0.3s linear;
  -o-transition:background-color 0.3s linear;
  -ms-transition:background-color 0.3s linear;
  transition:background-color 0.3s linear;
  text-shadow: 1px 1px 1px #fff;
}
.breadcrumb {
  background-color:transparent;
  border-radius: 0px;
  font-weight:bold;
}
.breadcrumb .active a
{
  color: #000;
  text-shadow: 0 0;
  text-decoration: none;
}
.breadcrumb a
{
  color: #666;
  text-shadow: 0 0;
  text-decoration: none;
}
.featureStart {
    margin-left: 10px;
}
#sequenceFeatureTable input {
    margin: 3px;
}
#sequenceFeatureTable tr {
    height: 25px;
}
.featureType {
    margin-left: 5px;
}
.featureDescription {
    margin-left: 10px;
}
#detailStructure3DControls span{
  display:inline-block;
  margin-left: 10px;
}
#detailStructure3DControls label{
  display:inline-block;
  margin-top: 5px;
  margin-left: 5px;
}
#detailStructure3DControls input[type="radio"] {
  margin:0;
}
.struc_comp_fig_caption {
  font-style: italic;
  font-size:13px;
}
#skipped_models {
  width:80%;
  padding-right:0;
  left: 0px;
  position: relative;
  font-size: 12px;
  top:35px;
}
#RangeInfo {
  position:relative;
  top:38px;
  width:80%;
  font-size:14px;
  line-height:30px;
  height:30px;
  padding-right:0;
}
#skipped_models a.close{
  right: 4px;
    top: -13px;
}
.startpage-top-row {
  margin-bottom: 20px;
}
div.section-heading h3 {
    margin: 0;
    padding: 3px 10px;
}
.form_field_notok {
  border-color: #B94A48 !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
  color: #B94A48 !important;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  background-color: #ffffff;
}
.form_field_notok:focus {
  border-color: #B94A48 !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #D59392 !important;
}
.release-notes {
  font-size:12px;
}
.clickable {
  cursor: pointer;
}
.thumbnail {
  padding: 16px;
}

.residue-range-outer-container {
  position: relative;
}
.residue-range-container {
position: absolute;
height:100%;
  top:-2%;
    z-index: 0;
}
.residue-range-box {
  position: absolute;
  background: rgb(218, 165, 32);
  filter: alpha(opacity = 40);
  opacity:0.4;
  border: 1px solid #000;
  box-shadow: 3px 4px 6px #666666;
  height: inherit;

}
.struc_comp_print {
    display: none;
}

.ui-selecting {
  background-color: #FFCC00 !important;
  border-color: #FFCC00 !important;
    box-shadow: 3px 4px 6px #666666;
}
header .navbar .nav > .active > a,header .navbar .nav > .active > a:hover,header .navbar .nav > .active > a:focus{background-color:rgba(180, 45, 38, 0.5);color:#fff}
#summarySequence {
  padding:0px !important;
}
.description p{
  margin-top:0px !important;
  }
.selection {
  position: absolute;
  border: 1px solid #89B;
  background: #BCE;
  background-color: #BEC;
  border-color: #8B9;
}
.size2 {
  height: 118px;
  line-height: 118px;
}
.size3 {
  height: 178px;
  line-height: 178px;
}

.pagination {
    text-align: center;
}
#skipped_models {
  margin-top:5px;
  font-weight: bold;
}
ol#highlight_list {
  margin-left:0px;
}
form#registerServer input[type=text]{
  width:300px;
}
form#registerServer textarea{
  width:400px;
  height:200px;
}
.examplelink {
  text-decoration: none;
  font-weight: normal;
  color: #600;
  font-size:14px;
}
.t_Content {
    background-color: #fff;
}
.tt {
    font-size: 12px;
    margin: 0;
    padding: 3px 15px 3px 0;
}
.examplelink span {
  display: none;
  text-decoration: none;
  font-weight: normal;
  font-size: 10px;
  color: #600;
  position: absolute;
  border: 1px #000000 solid;
  background-color: #FFFFFF;
  padding: 2px;
}
.examplelink:hover span {
  display: block;
}

.example_text{
  font-size:8pt !important;
}
.one-zero-one-submenu ul{
list-style: none;
margin-left:0px;
}
.one-zero-one-submenu ul li i{
margin-right:5px;
}
a.scroll-top i {
   float: right;
    margin: 9px;
}
footer {
    /*margin-top: 30px;*/
}
footer a.scroll-top i {
   float: right;
    margin: 5px;
}
i {
  opacity:0.9;
 }
 .carousel {
     margin-bottom: 0px;

}

#ajax_tooltip p{
  margin-bottom: 3px;
}
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
label.title {
  border-bottom:1px solid #ccc;
margin: 20px 0 10px;
    width: 98%;
}
label.title a{
  font-size:18px;
}
.highlighted {
  background-color: #FFCC00 !important;
  border-color: #FFCC00 !important;
/*   border-color: #F0DD99 !important;
*   background-color: #F0DD99 !important;
*/
}
.selected_table {
  background-color: #DBB !important;
  /*color: rgb(189, 184, 94) !important;*/
}
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
    background-color: #FFCC00 !important;
  border-color: #FFCC00 !important;
/*   border-color: #F0DD99 !important;
*   background-color: #F0DD99 !important;
*/

}
a.externallink {
    background: url("../img/new_window_icon.gif") no-repeat scroll right center transparent;
    color: #990000;
    padding-right: 12px;
    text-decoration: none;
}
.selected {
border: 1px solid #222 !important;
  height: 8px;
  cursor: help;
  padding:0px !important;
    box-shadow: 2px 2px 3px #666666;

}
.popover {
  width: 400px;
}
.popover-title {
    border-bottom: 1px solid #EBEBEB !important;
    margin: 0 !important;

}

.help_paragraphs{
  -webkit-transition: background 0.5s linear;
  -moz-transition: background 0.5s linear;
  -ms-transition: background 0.5s linear;
  -o-transition: background 0.5s linear;
  transition: background 0.5s linear;
  padding: 5px;
}

.tutorial-guides-box {
}
.tutorial-guides-box p {
  margin:5px 0;
  padding:0;
}
.tutorial-guides-box i {
  opacity:0.5;
}
.main-content {
  margin-bottom:40px;
}
.overviewHeader {
  width:100%;
}
.userSeqRange {
  width:100%;
}
.serverBar {
  width:100%;
  margin-top:10px;
}
.residue-range-container {
  width:100%;
}
.summaryStructureBars {
  width:100%;
}
.modelBars {
 width:100%;
}
#summaryDomainBars a.externallink {
  font-size:11px;
}
.sequence_reference_bar {
  position: relative;
  top: 0px;
  left: 0px;
  height: 3px;
  border: 0px solid ;
  background-color: #c10000;
  font-size: 0px;
  padding:1px;
}
.barRow {
  float:left;
  height: inherit;
}
.legendRow {
  float:left;
  height: inherit;
    line-height: 12px;
  font-size: 12px;
  margin-left:10px;
}
.barRowContainer {
    height: 8px;
    margin-bottom:5px;
    position:relative;
}
.model_bar, .query_bar {
  height:inherit;
  padding:1px;
  font-size: 0px;
  cursor: help;
}
.server_bar {
  height:inherit;
  padding:1px;
  font-size: 0px;
  position: absolute;
  z-index:2;
}
.seq_bar {
  height:inherit;
  padding:1px;
  font-size: 0px;
  position: absolute;
  z-index:2;
  background-color: #64E164;
}

.query_bar {
  /*top: -4px;*/
}
.main-content h1 {
  border-bottom:1px solid #E2E2E2;
  padding-bottom:15px;
}
.main-content h3 {
    border-bottom:1px solid #ccc;
    color: #82878C;
    font-family: Verdana,arial,Helvetica,sans-serif;
    margin: 20px 0 10px;
    padding: 0 0 7px;
}
.main-content p {
    margin: 5px 0;
    padding: 0px 3px 0px 0;
}

.navbar-nav > li > a {
  padding: 10px 15px;
}

.navbar ul.nav > li > a {
    -webkit-transition:background-color 0.2s linear;
  -moz-transition:background-color 0.2s linear;
  -o-transition:background-color 0.2s linear;
  -ms-transition:background-color 0.2s linear;
  transition:background-color 0.2s linear;
  background-color:#300;
}
.navbar ul.nav > li.active > a,
.navbar ul.nav > li.active > a:hover,
.navbar ul.nav > li > a:hover,
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background-color:rgba(180,45,38,0.5);
  color: #ffffff;
  border-top: 1px solid #B42D26;
  margin-top: -1px;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #3D0200;
  background-image: -moz-linear-gradient(top, #7A0D00, #3D0200);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7A0D00), to(#3D0200));
  background-image: -webkit-linear-gradient(top, #7A0D00, #3D0200);
  background-image: -o-linear-gradient(top, #7A0D00, #3D0200);
  background-image: linear-gradient(to bottom, #7A0D00, #3D0200);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7A0D00', endColorstr='#3D0200', GradientType=0);
}
#sequence_input{
  max-width:540px;
  height:100px;
  width:100%;
}

.beta-ribbon {
  color: white;
  background-color: #B42D26;
  width: 120px;
  height: 34px;
  font-size: 20px;
  letter-spacing: 2px;
  position: absolute;
  top: 10px;
  right: -33px;
  text-align: center;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  font-family: Arial;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
  background-color: #600;
  color: #FFFFFF;
}

.canttouchthis {
    /* hides the text, useful to hide email address from robots */
    color: green !important;
    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;
}

@media(min-width: 1200px){
}
@media (min-width: 768px) and (max-width: 829px) {
#login-slider {
  margin-right: 6px;
}
header .navbar .nav-collapse .nav > li > a{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
header .nav-collapse .dropdown-menu > li > a{color:#fff}
header .navbar .navbar-inner .nav-collapse .nav > li > a:hover{background-color:rgba(180,45,38,0.5);color:#fff}
}
@media (max-width: 767px) {
  header .dropdown-menu li > a{color:#fff}
  header .nav li  a:hover{background-color:rgba(180,45,38,0.5);color:#fff}
  .hname span {
  display: none;
}

@media (max-width: 480px) {
.hname span {
  display: none;
}
p.error-msg {
  display: none;
}
.login-form input {
  display: block;
  margin-left: 10px;
}
.login-wrapper {
  width: 200px;
}
  header h1{font-size:26px}
  header .navbar .nav-collapse .nav > li > a{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
  header .nav-collapse .dropdown-menu > li > a{color:#fff}
  header .navbar .navbar-inner .nav-collapse .nav > li > a:hover{background-color:rgba(180,45,38,0.5);color:#fff}
}