* {
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin: 0 auto;
    padding: 0;
}
a{
    text-decoration: none;
}
body {
    background: url("../images/bg_body_repeat.jpg") repeat-x scroll left top #FFFFFF;
}
.inner {
    width: 1002px;
}
.inner_left {
    background: url("../images/left_bg.jpg") no-repeat scroll right top transparent;
    float: left;
    height: 970px;
    width: 13px;
}
.inner_right {
    background: url("../images/right_bg.jpg") no-repeat scroll left top transparent;
    float: left;
    height: 970px;
    width: 13px;
}
.clear {
    clear: both;
}
.inner_middle {
    background-color: #FFFFFF;
    float: left;
    width: 976px;
    min-height:970px;
    height:auto !important;
    height:970px;    
}
.header_top {
    width: 976px;
}
.header_left {
    background: url("../images/header_topleft.gif") no-repeat scroll 24px 5px transparent;
    float: left;
    height: 126px;
    width: 141px;
}
.header_right {
    float: left;
    height: 51px;
    margin: 24px 19px 0 0;
}
.header_middle {
    float: right;
    margin-right: 15px;
}
.header_link_top {
    float: left;
}
.header_seperator_top {
    border-left: 1px solid #B2B2B2;
    float: left;
    height: 31px;
    width: 1px;
}
.header_link_top a {
    color: #000000;
    float: left;
    font-size: 11px;
    margin: 12px 12px 0;
}
.nav_left {
    background: url("../images/nav_left.gif") no-repeat scroll right bottom transparent;
    float: left;
    height: 39px;
    width: 3px;
}
.nav_repeat {
    background: url("../images/nav_repeat.gif") repeat-x scroll left bottom transparent;
    float: left;
    height: 39px;
    padding: 0 10px;
}
.nav_right {
    background: url("../images/nav_right.gif") no-repeat scroll left bottom transparent;
    float: left;
    height: 39px;
    margin-right: 2px;
    width: 3px;
}
.nav_repeat div {
    padding-top: 8px;
}
.nav_repeat a {
    color: #FFFFFF;
    font-size: 12px;
}
.nav_repeat a img {
    margin-left: 5px;
    vertical-align: middle;
}
.main_nav {
    float: right;
    list-style: none outside none;
}
.main_nav li {
    float: left;
}
.nav_first {
    background: url("../images/nav_first.gif") no-repeat scroll right bottom transparent;
    float: left;
    height: 39px;
    width: 125px;
}
iframe{
    height:100%;
    overflow-x:hidden;
}
.nav_left_selected {
    background: url("../images/nav_left_selected.gif") no-repeat scroll right bottom transparent;
    float: left;
    height: 39px;
    width: 3px;
}
.nav_repeat_selected {
    background: url("../images/nav_repeat_selected.gif") repeat-x scroll left bottom transparent;
    float: left;
    height: 39px;
    padding: 0 10px;
}
.nav_right_selected {
    background: url("../images/nav_right_selected.gif") no-repeat scroll left bottom transparent;
    float: left;
    height: 39px;
    margin-right: 2px;
    width: 3px;
}
.nav_repeat_selected a {
    color: #0e81d1;
    font-size: 12px;
}
.nav_repeat_selected div {
    padding-top: 8px;
}
.each_protein,
.structured_protein,
.unstructured_protein{
    float:left;
}
.structured_protein{
    width:40%;
    background:red;
}
.structured_protein .each_protein{
    width:32.8%;
}
.unstructured_protein{
    width:60%;
    background:blue;
}
.unstructured_protein .each_protein{
    width:13.9%;
}
.each_protein{
    text-align:center;
    color:#fff;
    font-weight:bold;
    border-right:1px solid #fff;
    height: 13px;
    padding: 5px 0;
}
.each_protein a{
    color:#fff;
}
.each_protein a:hover{
    color:green;
}
#genome{
    width:500px;
}
#site_body{
    padding:15px;
}
.title{
    background: none repeat scroll 0 0 #0E81D1;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 5px;
}
.title_content{
    margin-bottom:10px;
    padding:0px 10px;
}
.left{
    float:left;
}
#morphology{
    margin-right: 20px;
    width: 280px;
}
#genome_div{
    width: 646px;
}
#gene_desc #gnm_image{
    margin-left: 255px;
}
#gnm_image{
    margin-left: 108px;
    margin-top:15px;
}
.header_nav{
    padding:0 10px;
}
/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
    display:none;
    background:transparent url(../images/black_arrow.png);
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#fff;	
}
.tooltip strong{
    color:#fff;
}
tr.odd td.sorting_1 {
    background-color: #D3D6FF;
}
tr.even td.sorting_1 {
    background-color: #EAEBFF;
}
tr.even {
    background-color: white;
}
tr.odd {
    background-color: #E2E4FF;
}
table.display tfoot th {
    border-top: 1px solid black;
    font-weight: bold;
    padding: 3px 18px 3px 10px;
    text-align: left;
}
.sorting_asc {
    background: url("../images/sort_asc.png") no-repeat scroll right center transparent;
}
.sorting {
    background: url("../images/sort_both.png") no-repeat scroll right center transparent;
}
.sorting_desc {
    background: url("../images/sort_desc.png") no-repeat scroll right center transparent;
}
table.display thead th {
    border-bottom: 1px solid black;
    cursor: pointer;
    font-weight: bold;
    padding: 3px 18px 3px 10px;
    text-align: left;
}
table.display {
    clear: both;
    margin: 0 auto;
    width: 100%;
}
table.display td {
    padding: 3px 10px;
}
.dataTables_length {
    float: left;
    width: 40%;
}
.dataTables_filter {
    float: right;
    text-align: right;
    width: 50%;
}
.dataTables_processing {
    background-color: white;
    border: 1px solid #DDDDDD;
    color: #999999;
    font-size: 14px;
    height: 30px;
    left: 50%;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 250px;
}
.dataTables_filter {
    text-align: right;
}
.paginate_disabled_previous {
    background-image: url("../images/back_disabled.jpg");
}
.paginate_enabled_next {
    background-image: url("../images/forward_enabled.jpg");
}
.paginate_enabled_previous {
    background-image: url("../images/back_enabled.jpg");
}
.paginate_disabled_next {
    background-image: url("../images/forward_disabled.jpg");
}
.dataTables_info {
    float: left;
    width: 60%;
}
#protein_information a:hover,
#example1 a:hover,
#example a:hover{
    color:red;
}
.dataTables_paginate {
    float: right;
    text-align: right;
    width: 44px;
}
.spacer {
    clear: both;
    height: 20px;
}
._selected{
    background:#aea50e;   
}
table#protein_information{
    width:70%;
}
.center{
    text-align:center;
    font-weight:bold;
}
#protein_information .structured{
    color:red;
    font-size:15px;
    font-weight:bold;
}
#protein_information .nonstructured{
    color:blue;
    font-size:15px;
    font-weight:bold;
}
.highlight_links a{
    background:yellow;
    font-weight:bold;
}
.footer{
     padding: 10px;
    text-align: center;
}
#site_body iframe{
    height:800px;
}