@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%;
}

#hd {
	margin-bottom:2px
}

/* <div class="yui-d3f" id="doc">
 control page */
#doc {
    background-color:#FFF; /* page background */
	padding-right: 2px; /* side padding */
	padding-left: 2px; /* side padding */
}

.contentbox {
	padding: 0.4em;
	background-color: #FFFFFF;
	color: #303030;
	border: 1px solid #A9B8C2;
}


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

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

#giologo .logo {
	text-align: center;
	float: left;
	background-color: #FFFFFF;
	line-height: 1em;
}

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

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

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

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

#footer 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;
}


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

.box {
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 1px;
}

.boxtt {
    font: bold 10px verdana, sans-serif;
    padding-top: 3px;
    padding-right: 6px;
    padding-bottom: 3px;
    padding-left: 6px;
}

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

.boxleft {
	float: left;
	margin: 3px;
}


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

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


/* ========= 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;
} 

.header {
	height: 67px;
	border: 1px solid #666699;
	background-image: url(backgrounds/bluespore.jpg);
	margin-bottom: 1px;
	position: relative;
} 

#header2 {
	background-image: url(backgrounds/cellreg.jpg);
	position: relative;
} 
#header3 {
	background-image: url(backgrounds/epid200.jpg);
}


#leftbar {
	position: absolute;
	top: 70px;
	width: 160px;
	left: 0px;
	background-repeat: repeat-x;
	height: 520px;
	background-color: #F5F6FB;
}

#rightbar {
	position: absolute;
	top: 70px;
	right: 0px;
	width: 200px;
	background-image: url(images/wbbkg.jpg);
	background-repeat: repeat-x;
	height: 400px;
}

#main {
	font: 110% Arial, Helvetica, sans-serif;
	margin-left: 160px;
	margin-right: 200px;
	padding-left: 1px;
	border-right-width: 1px;
	border-right-color: #CCCCCC;
	border-right-style: dotted;
	padding-right: 1px;
	padding-top: 0px;
	border-left-color: #CCCCCC;
	border-left-style: dotted;
	border-left-width: 1px;
	background-color: #FFFFFF;
}

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

#pubmed {
	position: relative;
	height: 38px;
	background-color: #CCCCCC;
	margin-bottom: 0px;
}

#gioimage {
	position: relative;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.4em;
	font-size: 0.8em;
	line-height: 1em;
	padding-right: 0.4em;
	float: left;
	height: 57px;
	text-align: center;
	border-color: #000000;
}

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

.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;
}

/* ========= subpanel content =========== */
.yui-u .spmain {
	background-color: #FFFFFF;
	overflow: visible;
}

#sm_content {
	 text-align:center
}

/* ============ 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;
}

td.mtdes {
	color: #333399;
	text-align: left;
	font-size: 77%;
	background-color: #f9f9f9;
	padding-left: 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;
}

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

.leftbench .wbmenubar {
	width: auto;
}

.rightbench .wbmenubar {
	width: auto;
	margin-left: -10px;
	margin-bottom: 5px;
} 

.wbmenutop {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	color: #660099;
	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;
}

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

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

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

td.wbarrow {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10px;
	color: #660099;
	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: #9933FF;
	text-decoration: underline;
}

/* ============ rightbar =========== */
.sprightbar {
	background-image: url(images/wbbkg.jpg);
	background-repeat: repeat-x;
	height: 400px;
	text-align: center;
}

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

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

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

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

/* Advertisement */
.ads {
	text-align: center;
	font-size: 9px;
	color: #336699;
}

/* ========== others ======= */
#spsearch {
	margin-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.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;
}