
body {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height:20px;
    color: #333;
    background-color:#fff;
}

.header {
    padding-top: 0px;
    padding-bottom: 10px;
    padding-right: 0px;
    text-align:left;
    background: transparent url('../images/ctd2_bg.png') no-repeat;
    
}
.footer {
    padding-right: 20px;
    height:25px;
    border-bottom: solid 1px #777;
}

.headerFooterCommon {
    background-color:#96a5c0;
}

.cftImage {
    height: 160px;
    width: 160px;	
    border-radius: 18px;
}
#compoundLink, #featureLink, #targetLink {
	
}

#compoundLink .cftImage {
	cursor: pointer;
	background: transparent url('../images/molecule_normal.png') no-repeat;
	
}
#compoundLink .cftImage:hover {
	background: transparent url('../images/molecule_over.png') no-repeat;
}

#featureLink .cftImage {
	cursor: pointer;
	background: transparent url('../images/dna_normal.png') no-repeat;
}
#featureLink .cftImage:hover {
	background: transparent url('../images/dna_over.png') no-repeat;
}

#targetLink .cftImage {
	cursor: pointer;
	background: transparent url('../images/protein_normal.png') no-repeat;
}
#targetLink .cftImage:hover  {
	background: transparent url('../images/protein_over.png') no-repeat;
}






.siteTitle {
	
    font-size: 25px;
    font-weight: bold;
    padding: 0 0 0 210px;
    text-shadow: 0 0.05em 0.2em #000;
    color:#fff;
    position: relative;
}

.siteOwner {
	font-size: 14px;
    font-weight: bold;
    padding: 0 10px 0 270px;
    text-shadow: 0 0.05em 0.2em #000;
    color:#fff;
    top: 15px;
    right: 0px;
    position: absolute;
}

.frontText {
    font-size: 16px;
    color: #666;
    line-height: 24px;
    padding-right: 20px;
}

.frontText h3 {
    font-weight: bold;
    font-size: 27px;
    margin-bottom: 10px;
    margin-top: 0px;
}

div.prettyDiv {
    /*border:none;*/
   border: solid 1px #ccc;
}

div.prettyDiv h3 {
    color:#2D3058;
    background-color: #eee;
    border-bottom: solid 1px #ccc;
}


.smallIcon {
    padding-right: 8px;
}

.frontSideBlock h3 {
    border: none;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    padding-left: 5px;
    margin-bottom: 10px;
}

.contentbody {
    width: 98%;
    padding-left:20px;
}

#logoutSpan {
    text-transform:none;
    font-size: 15px;
    font-weight: bold;
    padding-top: 7px;
    padding-right: 25px;
    text-shadow: 0 0.05em 0.2em #000;

}

#loginSpan {
    text-transform:none;
    font-size: 15px;
    padding-top: 7px;
    padding-right: 25px;
    text-shadow: 0 0.05em 0.2em #000;

}

.loginDiv {
    font-size: 15px;
}

.ctdLink {
    color:#347086;
}

#featureFilterTD {
    display:block;
    padding-right: 15px;
}


table.dataTable tbody tr.even:hover, #example tbody tr.even td.highlighted {
    background-color: #ced8dc !important;
    color: #000;
}

table.dataTable tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
    background-color: #ced8dc !important;
    color: #000;
}

table.dataTable tr.even:hover {
    background-color: #ced8dc !important;
    color: #000;
}

table.dataTable tr.even td.sorting_1 {
    background-color: #fff !important;
    color: #000 !important;
}

table.dataTable tr.odd td.sorting_1 {
    background-color: #eef5fa !important;
    color: #000 !important;
}

table.dataTable tr.even:hover td.sorting_1 {
    background-color: #aec8cc !important;
    color: #000 !important;
}
table.dataTable tr.even:hover td.sorting_1 a {
    color: #000 !important;
}

table.dataTable tr.odd:hover td.sorting_1 a {
    color: #000 !important;
}

table.dataTable tr.even:hover td.sorting_2 {
    background-color: #eef5fa !important;
    color: #000000 !important;
}

table.dataTable tr.even:hover td.sorting_3 {
    background-color: #aec8cc !important;
}
table.dataTable tr.odd:hover {
    background-color: #ced8dc !important;
    color: #000;
}
table.dataTable tr.odd:hover td.sorting_1 {
    background-color: #aec8cc !important;
    color: #000;
}
table.dataTable tr.odd:hover td.sorting_2 {
    background-color: #afd8dc !important;
}
table.dataTable tr.odd:hover td.sorting_3 {
    background-color: #afd8dc !important;
}



table.dataTable tr.odd  a {
    color: #2e7dad;
}
table.dataTable tr.even  a {
    color: #2e7dad;
}

table.dataTable tr.odd:hover a {
    color: #2e7dad;
}
table.dataTable tr.even:hover a {
    color: #2e7dad;
}

.special {
	display: none;
}
