@charset "utf-8";
/* font size chart 
  10 	 77
  11 	 85
  12 	 93
  13 	100
  14 	108
  15 	116
  16 	123.1
  17 	131
  18 	138.5
  19 	146.5
  20 	153.9
  21 	161.6
  22 	167
  23 	174
  24 	182
  25 	189
  26 	197
*/
/* Font conventions */ 
h1 { /*18px*/ 
    font-size:138.5%;   
} 
h2 { /*16px*/ 
    font-size:123.1%;  
} 
h3 { /*14px*/ 
	font-size:108%;   
}
/* Logical boldness of heading and strong elements */
h1,h2,h3,h4,h5,h6,strong {
	font-weight:bold; 
}
/* top & bottom margin based on font size */
h1,h2,h3 {
	margin:0.5em 0;
}
/* Spacing between elements */
p,fieldset,table,pre {
	margin-bottom:1em;
}

/* Room between lines */
pre {
    line-height:125%;
}

.header {
	clear:both;
}

.plainbkg{
	background-image: url(images/mainbkg.png);
	background-repeat: repeat-x;
	background-color: #183250;
}

.nucleicbkg{
	background-image: url(images/bkgnucleic.png);
	background-repeat: repeat-x;
	background-color: #5B6DAC;
}

#bkgcell2 .giologo {	background-image: url(backgrounds/cell2.jpg);}
#bkgmolecule1 .giologo { background-image: url(backgrounds/molecule1.jpg);}
#bkgelements .giologo { background-image: url(backgrounds/elements.jpg); }
#bkgdnaladder .giologo { background-image: url(backgrounds/dna_ladder.jpg);}
#bkgfern .giologo { background-image: url(backgrounds/fern.jpg); }
#bkgbeach .giologo { background-image: url(backgrounds/beach.jpg); }
#bkghelix .giologo { background-image: url(backgrounds/helix.jpg); }
#bkgtubes .giologo { background-image: url(backgrounds/tubes.jpg); }
#bkgmicar .giologo { background-image: url(backgrounds/microarray.gif); }
#bkgstar .giologo { background-image: url(backgrounds/ngc346.jpg); }

.giologo {
	position: relative;
	font-size:77%;
	background-image: url(backgrounds/cellreg.jpg);
	border:solid;
	border-color: #798A93;
	border-width: 1px;
	height: 59px;
	padding: 4px;
}

.giologo a {
	color: #000000;
	text-decoration: none;
}

.giologo .wblogo {
	text-align: center;
	float: left;
	background-color: #FFFFFF;
	border:solid;
	border-color: #798A93;
	border-width: 1px;
	padding: 4px;
}

.footer {
	clear: both;
}
.footer .content {
	text-align:center;
	padding:0.5em;
	font-size:85%;
	position: relative;
	clear: both;
	border-top: 1px solid #798A93;
} 

.footer .content li{
	display:inline;
	padding:0 2px 0 5px;
	margin:0;
	border-left:1px solid;
	font-family:verdana;
	color:#999999;
}

.footer .content li.first{
	border:0;
	padding-left:0;
}

.footer .content li.last{
	padding-right:0;
}

.footer .content p {
	margin: 0; 
	padding: 10px 0; 
}

#contentTable {
	padding: 20px;
	background-color: #98C4FF;
	color: #303030;
	border: 1px solid #798A93;
}

#contentTable .title {
    color: #000000;
}

.note {
	text-align: center;
	font-family: Helvetica, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

/* =============== SP/JR ============= */
#spdoc {
	margin:auto; /* center in viewport */
	width: 1020px; /* fix page width */
	background-color: #FFF;
}
#spleftbar{
	width: 170px;
}
#spleftbar .content {
	padding: 5px;
}
#spmain{
	width: 540px;
}
#spmain .content {
	padding: 5px;
}
#sprightbar{
	width: 310px;
}
#sprightbar .content {
	padding: 5px;
}
#sprightbar .wblink {
	width: auto;
	overflow: auto;
}
#sprightbar .wbmenubar {
	width: auto;
	overflow: auto;
}

/* =============== SMS ============ */
#smsdoc {
	margin:auto; /* center in viewport */
	width: 1020px; /* fix page width */
	background-color: #FFF;
}

/* =============== GI ============== */
#gimain{
	width: 710px;
}
#gimain .content {
	padding: 0px 0px;
}

/* ==============- DT ============== */
#etmain{
	width: 710px;
}

/* ============= search ============ */
#gsmain {
	width: 850px;
}
#gsrightbar{
	width: 170px;
}
#gsrightbar .content {
	padding: 5px;
}

#spsearch { 
	margin-top: 5px;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#smsmain {
	width: 710px;
	text-align:center
}
#smsmain .content {
	padding: 0px;
}
#smsx {
	width: 310px;
}
#smsx .content {
	padding: 5px;
}
#smsx .wblink {
	width: auto;
	overflow: auto;
} 
#smsx .smsmenubar {
	margin: 0px;
} 

.seqform {
	background-color: #D8E0FE;
	padding: 15px;
}

.proform {
	background-color: #CCCCFF;
	padding: 15px;
}

.seqinput {
	background-color: #FFFDEC;
	font-family: "Courier New", Courier, monospace;
}

/* ========== sideblock =========== */
.sideblock {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

/* ========= index boxes=========== */

.box {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #CDE4EB;	/*background-color: #F5F6FB;*/
	background-color: #FFF;
}

.boxtt {
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFEEF2;
	background-color: #F5F6FB;
	font-family: verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
}

.boxbody {
	font: 11px/15px verdana, sans-serif;
	padding: 4px;
	color: #333333;

}

.boxleft {
	float: left;
	padding: 1px;
	border: 1px solid #CDE4EB;
	margin-top: 6px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 6px;	
}

#welcome {
	/*background-color: #15B304;
	color: #FFFFFF;*/
}

#rightadv {
	/*background-color: #A58170;
	color: #FFFFFF;*/
}

#rightlink {
	background-color: #6666FF;
	color: #FFFFFF;
}

#feedback {
	/*background-color: #FF9900;
	color: #FFFFFF;*/
}

#leftads {
	text-align: center;
	/*font-size: 9px;*/
	/* color: #FFFFFF; */
	/*background-color: #336699;*/
}

#leftadsbody{
	/*background-color: #F5F6FB;*/
	text-align: center;
}

/* ========= index =========== */
body.index  {
	font: 100% Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

.page {
	position: relative;
	width: 1020px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
} 

#leftbar {
	position: relative;
	float:left;
	width: 137px;
}

#rightbar {
	position: relative;
	float:right;
	width: 212px;
}

#main {
	font: 110% Arial, Helvetica, sans-serif;
	position: relative;
	float:right;
	width: 669px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 5px;
	background-color: #FFFFFF;
}
#errorreport {
	padding-top: 10px;
}

#ggsearch {
	padding-top: 5px;
	padding-bottom: 0px;
}

.socialicons {
	padding-top: 5px;
	padding-bottom: 0px;
	margin-bottom:20px;
	text-align: center;
}

#pubmed {
	position: relative;
	height: 38px;
	background-color: #CCCCCC;
	margin-bottom: 0px;
	background-image: url(images/pmbg.gif);
	background-repeat: repeat-x;
}

.bottom {
	padding-top: 20px;

}

.querier {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 0px 0px;
}
.querier  #psearch{
	padding: 0px;
}
.querier #pfor {
	padding: 0px;
}
.querier .rightside {
	padding-right: 2px;
}

/* ============ Manipulation Table =========== */
.mtmenubar {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 85%;
	width: 100%;
	padding: 2px;
	margin: 0px;
}

.mtmenumain {
	font-size: 116%;
	color: #333399;
	vertical-align: top;
	text-decoration: none;
	padding: 0px;
}

.mtmenutop {
	color: #333399;
	/*border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-align: left;
	padding-top: 5px;
}

.mtbb {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}



a.mtmenutop:link, a.mtmenutop:visited, a.mtenutop:active {
	color: #333399;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

a.mtmenutop:hover  	{
	color: #0033FF;
	text-decoration: underline;
}

td.mtbullet {
	background-image: url(images/bulletblue.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

td.mtav {
	color: #000;
	text-align: left;
	background-color: #FFF5E1;
	vertical-align: middle;
	padding: 2px 4px;
}

td.mtdes {
	color: #333399;
	text-align: left;
	font-size: 88%;
	background-color: #f9f9f9;
	padding: 2px;
}

a.mtref:link   	{
	color: #333333;
	text-decoration: none;
}
a.mtref:visited 	{
	color: #333333;
	text-decoration: none;
}
a.mtref:active  	{
	color: #333333;
	text-decoration: none;
}
a.mtref:hover  	{
	color: #0033FF;
	text-decoration: underline;
}

/* ============ SMS Menu =========== */
.wbmenubar {
	background-image: url(images/wbbkg.jpg);
	background-repeat: repeat-x;
	border: 1px solid #798A93;
	padding: 2px;
	margin: 0px;
}

/* wb link */
.wblink {
	margin: 5px;
	width: 180px;
}

.wblinkbody {
	font: verdana, sans-serif;
	font-size: 10px;
	color: #000;
}

.wblinkbody .title {
	font-size: 12px;
	color: #3366CC;
	font-weight: bold;
	text-decoration: none;
}

.wblinkleft {
	float: left;
	padding-right: 5px;
}

/* wb menu */
.wbmenuhead {
	color: #309;
	padding: 5px;
	text-align: center;
}

.wbmenuhead a {
	color: #309;
	text-decoration: none;
}

.wbmenutop {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	color: #0033CC;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	text-align: center;
	padding: 5px;
}

.wbmenumain {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	color: #0033CC;
	vertical-align: top;
	text-decoration: none;
	padding: 1px;
	margin-top: 5px;
	margin-bottom: 10px;
}

a.wbmenutop:link, a.wbmenutop:visited, a.wbmenutop:active {
	color: #0033CC;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

a.wbmenutop:hover  	{
	color: #0099CC;
	text-decoration: underline;
}

td.wbarrow {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10px;
	color: #0033CC;
	text-align: left;
	background-image: url(images/wbarrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

td.wbnav {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10px;
	color: #000;
	text-align: left;
}

a.wbref:link   	{
	color: #333333;
	text-decoration: none;
}
a.wbref:visited 	{
	color: #333333;
	text-decoration: none;
}
a.wbref:active  	{
	color: #333333;
	text-decoration: none;
}
a.wbref:hover  	{
	color: #0099CC;
	text-decoration: underline;
}

/* sms menu */
.smsmenubar {
	width: auto;
}

.smsmenuhead {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-align: center;
	background-color: #660099;
	padding: 5px;
}
.smsmenutop {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	color: #660099;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	text-align: center;
	padding: 5px;
}

.smsmenumain {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	color: #660099;
	vertical-align: top;
	text-decoration: none;
	padding: 1px;
}

a.smsmenutop:link, a.smsmenutop:visited, a.smsmenutop:active {
	color: #660099;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

a.smsmenutop:hover  	{
	color: #9933FF;
	text-decoration: underline;
}

td.smsarrow {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10px;
	color: #660099;
	text-align: left;
	background-image: url(images/smsarrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

td.smsnav {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10px;
	color: #000;
	text-align: left;
}

a.smsref:link   	{
	color: #333333;
	text-decoration: none;
}
a.smsref:visited 	{
	color: #333333;
	text-decoration: none;
}
a.smsref:active  	{
	color: #333333;
	text-decoration: none;
}
a.smsref:hover  	{
	color: #9933FF;
	text-decoration: underline;
}

/* add this */
.addthisstandard {
	margin-bottom: 10px;
	margin-top: 5px;
	padding-top: 10px;
}

/* ============ rightbar =========== */
.sprightbar {
	height: 400px;
	text-align: center;
}

/* ========== logobox ========== */

.logolinks {
	font-size: 20px;
	text-align: center;
	font-weight: bolder;
	color: #009;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}

.logobox {
	background-color: #FFF;
	margin: 5px;
	width: 88px;
	float: left;
}
.logoimg {
	padding: 2px;
	border: 1px solid #999;
}
.logott {
	font-family: verdana, sans-serif;
	font-size: 11px;
	text-align: center;
}
a.logott:link, a.logott:visited, a.logott:active {
	text-decoration: none;
	font-weight: bold;
	color: #393;
}

a.logott:hover  	{
	color: #393;
	text-decoration: underline;
}

/* ========== toolbox ========== */
.toolbox {
	margin: 5px;
	float: left;
	background-image: url(images/tbbkg3.jpg);
	background-repeat: no-repeat;
	padding: 10px;
}
.toolboxtitle {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	padding: 2px;
	margin-top: 2px;
	background-color: #FEF1C7;
}

a.toolboxtitle:link, a.toolboxtitle:visited, a.toolboxtitle:active {
	text-decoration: none;
	color: #000;
}

a.toolboxtitle:hover  	{
	color: #09F;
	text-decoration: none;
}


/* ========== calculator ======= */
.calc {
	background-color:#F8F2D3;
	padding: 20px;
}

.rotor {
	background-color:#EAEAD7;
	padding: 20px;
}

.celtofar {
	background-color:#F0EEE1;
	padding: 20px;
}

/* ========== Advertisement ========== */
.gibanner {
	float: left;
	margin-left: 80px;
}