/* g6g-softwaredirectory.com CSS */
/* ------------------------------overall------------------------------------ */

body {font-family: Arial, Verdana, helvetica, sans-serif; background: #E8E8E8; font-size: 62.5%;}
h1 {font-size: 4.5em; color: #033D9C; float: left; font-family: Verdana;}
h2 {font-size: 1.7em; color: #666;}
h3 {font-size: 1.2em; color: #000; padding: 10px 0 5px 0;}
h4 {font-size: 0.9em; color: #000;}
h5 {font-size: 0.6em;}
p {padding: 4px 0 4px 0; line-height: 130%; font-size: 1.2em;}
li {line-height: 120%; font-size: 1.2em; padding: 2px 0 2px 0;}
strong {font-weight: bold;}
em {font-style: italic; color: #033D9C;}
a {text-decoration: none; color: #033D9C;}
a:hover {color: #35C804;}
.superscript {font-size:xx-small; vertical-align:super;}
.subscript{font-size:xx-small; vertical-align:sub;}
.i {font-style: italic;}

/* ------------------------------------header-------------------------------- */

#header {width: 980px; height: 75px; background: #FFF;}
.headercol-1 {float: left; width: 18%; display: inline; height:75px;}
.headercol-1 h1 {float: left; padding: 5px 0 0 20px;}
.headercol-1 h1 a {color: #033D9C;}
.headercol-1 h4 {padding: 7px 0 2px 25px; float: left;}
.smaller {font-size: 0.6em; padding: 37px 0 0 5px; float: left;}
.headercol-2 {float: left; width: 50%; margin: 0 5px; padding: 46px 0 0 8px; display: inline;}
.headercol-2 h2 {text-align: center; color: #666; font-weight: bold;}
.headercol-3 {float: left; width: 30%;}
.twitter-fb ul {clear:both;}
.twitter-fb ul li {display: inline; float: right; padding: 15px 8px 3px 0;}

/*-----------------start search.css for search box----------------------------*/
/*Search page body */
body {background-color:#E8E8E8; font-family:arial,sans-serif; font-size: 1.2em;}

/*Top categories*/
.main_cat1 {font-size: 1.2em; font-weight: bold; color:#0000FF}
.main_cat2 {font-size: 1.2em; font-weight: bold; color:#0000FF}
.cat1:visited {font-size: 1.2em; font-weight: bold; color:#5555AA}

/*Small urls*/
.url {color: #115599;line-height: 130%;width: 98%}

a:visited{color:#5555AA}
/*hr{color:#000066}*/

/*Page descriptions*/
.description{font-size: 1.2em;padding-bottom:2px;line-height: 130%;}

/* */
td {font-family:arial,sans-serif; font-size: 1.2em;}

/* Title/link of pages */
.title{color:#0000FF; font-size:1.2em;padding-bottom:2px;line-height: 130%;}
#result_report {text-align:center; 	padding:3px; background-color:#e5ecf9; font-weight: bold;	margin-bottom:14px;}
.catBanner {padding:3px; margin-top:15px; background-color:#e5ecf9; font-weight: bold;}
.webPageBanner {padding:3px; margin-top:20px; background-color:#e5ecf9; font-weight: bold;}
hr{color:#000066;}
hr.powered{width:550px; color: #000066}

/* main results table */
#results {width: 98%;}
#results h1 {	text-align: center; font-family: Verdana, Ariel; font-size:1.2em; color: #000066;}
#other_pages {	text-align:center;}
#powered_by {	margin:0 auto; margin-top:20px; font-size:10px; text-align:center; vertical-align: middle;}
#common_report {text-align:center;}
#cat_table {width:600px; 	margin-top:20px; padding-top:10px; padding-bottom:20px; border-top:1px solid #AAAAAA;	border-bottom:1px solid #AAAAAA;}
#cat_main {	font-weight: bold;}
.divline{	margin-top:20px;	margin-bottom:-5px; border-bottom:1px solid #DDDDDD;}
#sub_cat {	font-size:1.2em;}
.idented {	margin-left:30px;}
#did_you_mean {	font-size: 1.2em; text-align:center; margin:10px;}
/*------------begin style for text box and search button----------*/

/*-------search block in header (text box and button)------*/
.header-search {padding: 0 0 0 112px; clear:both; margin-top: 30px;}

/*-------GO button in header------*/
.input-search-go {cursor:pointer; width:30px; font-size:12px; background:#35C804; border: 1px solid #E8E8E8; padding: 0 0 1px 0; vertical-align: middle; font-weight: bold; height:21px;}

/*------text input box in header and results page----*/

.input-search {width: 140px; height: 17px; border: 2px solid #ccc; margin-right: 1px; padding: 0 1px 1px 1px; vertical-align: middle; color: #666;}

/*-------SEARCH button on results page------*/
.input-search-go-results {cursor:pointer; width:60px; font-size:12px; background:#35C804; border: 1px solid #ccc; padding: 1px 0 1px 0; vertical-align: middle; font-weight: bold; position:relative; top: 9px; height:21px;
}

/*--orig for border around search text input box on results page--*/
.searchBox{vertical-align:bottom;}
/*------text input box on results page ----*/
/*------------end style for text boxes and search buttons----------------*/

/*------Title on search results page----*/
.search-title {font-size: 1.7em; color: #666; font-weight: bold; padding-bottom: 5px;}

/*------------------------end search.css for search box----------------------*/


/* ---------------------------------subheader---------------------------------*/

#subheader {width: 980px; background:url(/images/subhead-1x30-3380f4-033D9C.jpg) repeat-x;}
#subheadnav ul {padding:6px 0 4px 35px;}
#subheadnav ul li{display:inline; margin-left: 0px; text-align: left; padding: 5px 25px 4px 0px; font-size: 1.2em;}
#subheadnav a {color:#FFF; text-decoration: none;}
#subheadnav a:hover {color:#35C804;}

/* ----------------------------------left sidebars-------------------------- */

/* left sidebar home */

#l-sidebar-home {float: left; width: 22%; padding-left: 1.5%; padding-right: 0.5%; margin-top: 10px; font-size: 1.1em; min-height: 560px;}
#l-sidebar-home ul {padding: 3px 5px 3px 10px;}
#l-sidebar-home li {list-style-type: none; font-size: 1.1em; text-align: left; margin-left: .7em; padding: 3px 2px 3px 2px;}
#l-sidebar-home a {text-decoration: none; color: #033D9C; font-weight: bold;}
#l-sidebar-home a:hover {color: #35C804;}

/* left sidebar with icons - bio or ai */

#l-sidebar-icon {float: left; width: 22%; padding-left: 1.5%; padding-right: 0.5%; margin-top: 10px; font-size: 1.1em; min-height: 560px;}
#l-sidebar-icon ul {padding: 3px 5px 3px 10px;}
#l-sidebar-icon li {list-style-type: none; font-size: 1.1em; text-align: left; margin-left: .7em; clear: both; vertical-align: bottom;}
#l-sidebar-icon a {text-decoration: none; color: #033D9C;}
#l-sidebar-icon a:hover {color: #35C804;}
.icon-title {float: left; margin:10px 0px;}
.icon-title ul.icon-title {padding-left:2px;} 
.icon-title ul.icon-title li {display:inline-block; font-size: 1.2em; font-weight: bold;}

li.genomics40   {height: 37px; width:40px; background: url('/images/icons40.png') 0 0;}    
li.crossomics40 {height: 37px; width:40px; background: url('/images/icons40.png') 0 -41px;}
li.proteomics40 {height: 37px; width:40px; background: url('/images/icons40.png') 0 -82px;}
li.metab40      {height: 37px; width:40px; background: url('/images/icons40.png') 0 -123px;}
li.ai40         {height: 37px; width:40px; background: url('/images/icons40.png') 0 -164px;}

/* l-sidebar-name  */

#l-sidebar-name {float: left; width: 22%; padding-left: 1.5%; padding-right: 0.5%; margin-top: 10px; min-height: 560px; font-weight: bold;}
#l-sidebar-name h3 {padding: 15px 0 5px 0; font-size: 1.3em;}
#l-sidebar-name p {float: left; list-style-type: none; font-size: 1.3em; padding: 8px 60px 0 15px; list-style-image: none;}
#l-sidebar-name a {text-decoration: none; color: #033D9C; padding: 1.5px 1.5px 1.5px 2.5px; float: left;}
#l-sidebar-name a:hover {color: #35C804;}

/* l-sidebar-mfg */

#l-sidebar-mfg {float: left; width: 22%; padding-left: 1.5%; padding-right: 0.5%; margin-top: 10px; min-height: 560px; }
#l-sidebar-mfg h3 {padding: 15px 0 5px 0; font-size: 1.3em; font-weight: bold;}
#l-sidebar-mfg p {float: left; list-style-type: none; font-size: 1.3em; padding: 8px 60px 0 15px; list-style-image: none; font-weight: bold;}
#l-sidebar-mfg .footnote {font-size:0.9em; font-weight: normal;}
#l-sidebar-mfg a {text-decoration: none; color: #033D9C; padding: 1.5px 1.5px 1.5px 2.5px; float: left;}
#l-sidebar-mfg a:hover {color: #35C804;}

/* --------------------------------central page content---------------------- */

#wrapper {width: 980px; background: #FFF; font-size: 10px; margin: 0 auto;}
#content {float: left; width: 36%; padding-left: 2%; padding-right: 2%; background: #FFF; margin-top: 10px; min-height: 560px;}
#content a {text-decoration: underline;}
#content p {padding: 4px 0 4px 0;}
#content h2 {line-height: 135%;}
.container {font-size: 1.0em; min-height: 560px; }
.top-icons {clear: both;padding-top:5px;}
.container h2 {padding: 10px 0 10px 0; font-weight: bold;}
.central-text {padding-top: 80px;}
ul#home-page-icons {position:relative;}
ul#home-page-icons li{margin:0;padding: 0px;list-style:none;position:absolute;top:0;}
ul#home-page-icons li, #home-page-icons a {height:60px;display:block;}  /* if you use display:inline; the link doesn't work with sprites */

                /* positions relative to left */       /* positions sprite mask */
li#genomics60   {left:0px;width:60px; background: url('/images/icons60.png') 0 0;}    
li#crossomics60 {left:68px;width:60px; background: url('/images/icons60.png') -61px 0;}
li#proteomics60 {left:136px;width:60px; background: url('/images/icons60.png') -122px 0; }
li#metab60      {left:204px;width:60px; background: url('/images/icons60.png') -183px 0;}
li#ai60         {left:272px;width:60px; background: url('/images/icons60.png') -244px 0;}

ul.indent {padding-left: 2em;}
ul.indent-2 {padding-left: 4em;}

/*-------------------------------table----------------------------------------*/

table.lccc {border: 2px solid #033D9C; font-size: 1.2em;}
table.ll {border: 2px solid #033D9C; font-size: 1.2em;}
th.left {text-align: left; font-weight: bold; padding: 3px; background: #033D9C;}
th.center {text-align: center; font-weight: bold; padding: 3px; background: #033D9C;}
td.left {text-align: left; padding: 3px;}
td.center {text-align: center;padding: 3px;}

/* -----------------------------Add to mail list form----------------------- */

fieldset {width: 30em;}
label {clear: left; float: left; width: 8em; text-align: right; padding: 2px 0 0 0; margin-right: 0.5em;}
input {float: left; width: 15em; padding: 2px 0 0 0;}
radio value {float: left;}
button {float: left; clear: both; margin-left: 7em; margin-top: 1em;}

/* --------------------------------- r-sidebars ------------------------------*/

#r-sidebar {float: right; width: 31%; padding: 0 1% 0 1%; margin-top: 10px; min-height: 550px;}
.ad1-bio {float: right; padding-bottom: 10px; text-align: center;}
.ad2-bio {float: right; padding-bottom: 20px; text-align: center;}
.ad1-ai {float: right; padding-bottom: 10px; text-align: center;}
.ad2-ai {float: right; padding-bottom: 20px; text-align: center;}

/* ---------------------------ad above footer------------------------------- */

#ad-footer {width: 100%; float: left; clear: both; height: 100px; text-align: center;}
.ad3 {padding: 10px 0 3px 0; text-align: center;}
.ad3a {padding: 15px 0 10px 0; text-align: center;}

/* -----------------------------footer---------------------------------------*/

#footer {background: #FFF; width: 940px; clear: both; height: 230px; padding: 15px 20px; margin-bottom: 10px; border-top: 1px solid #E8E8E8;}
#footer p {color: #000;}
#footer ul li {font-size: 0.9em;}
#footer a {color: #033D9C; padding: 0 0 0 3px;}
#footer a:hover {color: #35C804;}
.col-1 {width: 21%; float: left; padding-right: 0.5%; padding-left: 0.5%;}
.col-2 {width: 26%; float: left; padding-right: 0.5%; padding-left: 0.5%;}
.col-3 {width: 24%; float: left; padding-right: 0.5%; padding-left: 0.5%;}
.col-4 {width: 23%; float: left; padding-right: 0.5%; padding-left: 0.5%;}
.wide {float: left; width: 940px; margin-top: 2px; text-align: center;}

/* --------------------------other -------------------------------------------*/
 
.clear {clear: both;}

/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.1
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:-999px;
	background:url(../images/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../images/ui.totop.png) no-repeat left -61px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;

}

#toTop:active, #toTop:focus {
	outline:none;
}