/*********** global elements ***********/

.hidden, .dumbhider {
	display: none;
	}

img {
	border: 0;
	}
	
body, td, h1, h2, div, a, select, .inputnormal, .inputsubmit {
	font-family: verdana, arial, helvetica, sans-serif;
	}

td, div, select {
	font-size: 11px;
	}

body, td, h1, h2 {
	color: #333;
	}

a:link {
	color: #b03b3b;
	}

a:visited {
	color: #b03b3b;
	}

a:hover {
	color: #7E0D0D;
	background: #fae8e2;
	}

body {
	background: #fff url(/images/nb_bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	}

h1 {
	color: #275B8F;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	}
	
h2 {
	color: #275B8F;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	margin: 10px 0 0 0;
	padding: 0;
	}
	
h3 {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0;
	}

#maincolumn h2 {
	font-size: 13px;
	margin: 20px 0 0 0;
	padding: 0;
	}

#maincolumn h2.first {
	margin: 0;
	}

#maincolumn h3 {
	font-size: 12px;
	margin: 15px 0 0 0;
	padding: 0;
	}

#maincolumn h3+p, #maincolumn h3.first {
	margin: 0;
	padding: 0;
	}

#subcolumn h2 {
	font-size: 11px;
	}

#subcolumn .caption {
	color: #666;
	margin: 5px 0 0.2em 0;
	}

#subcolumn .credit {
	font-size: 10px;
	color: #999;
	margin: 0.2em 0 0.5em 0;
	}

ul {
	font-weight: normal;
	line-height: 16px;
	}

ul.normal {
	font-size: 12px;
	}

p {
	text-align: left;
	font-size: 11px;
	line-height: 16px;
	}
p.normal {
	text-align: left;
	font-size: 12px;
	line-height: 20px;
	}

#maincolumn p, #maincolumn li {
	text-align: left;
	font-size: 12px;
	line-height: 20px;
	}

#maincolumn p {
	padding-right: 30px;
	}

.first {
	margin-top: 0:
	padding-top: 0;
	}

.selected {
	color: #415C6A;
	font-weight: normal;	
	}

#title, .subtitle {
	border: 1px solid #fff;
	vertical-align: top;
	margin: 10px 0;
	}

.label, .iconlabel, .gridlabel {
	font-size: 18px;
	font-weight: normal;
	color: #6E9BC2;	
	vertical-align: top;
	}

th {
	text-align: left;
	}	
	
.tablehead, .tableheadsort, .tableheadhelp, .tableheadright {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background: #6E9BC2;
	}

.tablehead a:link, .tableheadsort a:link, .tableheadright a:link {
	color: #fff;
	}

.tablehead a:visited, .tableheadsort a:visited, .tableheadright a:visited {
	color: #fff;
	}

.tableheadsort {
	font-size: 11px;
	} 

.tableheadhelp {
	font-weight: normal;
	}

.pipe {
	color: #999;
	}

.inputnormal, .inputsubmit {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	background: #d63d0a;
	}

.inputnormal  {
	background: #4B83B4;
	}

.plainlink a:link {text-decoration:none; color:#333; }
.plainlink a:hover {text-decoration:none; color:#333; }
.plainlink a:visited {text-decoration:none; color:#333; }

.plainlink_head a:link {text-decoration:none; color: #6E9BC2;}
.plainlink_head a:hover {text-decoration:none; color: #6E9BC2; }
.plainlink_head a:visited {text-decoration:none; color: #6E9BC2; }


/*********** page structure ***********/

#main {
	width: 720px;
	}

#maincolumn {
	width: 500px;
	}

#subcolumn {
	width: 220px;
	}

#subcolumn .first {
	margin-top: 0;
	padding-top: 0;
	}

#popup {
	background: #fff;
	padding: 30px;
	}

.box {
	background: #e2ecf0;
	margin: 0 0 10px 0;
	}

.boxcontents {
	font-size: 11px;
	line-height: 16px;
	background: #e2ecf0;
	padding: 0 10px 3px 10px;
	}

.boxcontents h3 {
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	color: #6E9BC2;	
	margin: 0;
	padding: 0 10px 0 10px;
	}

.box p {
	width: 200px;
	margin: 6px 0 0 0;
	padding: 0;
	}

.boxcontents p {
	margin-top: 0.3em;
	padding: 0;
	}

.box ul {
	margin: 0.7em 0 0 0;
	}

.box li {
	margin: 0.3em 0 0 0;
	}
	
.boxstrong {
	background: #4B83B4;
	}

.boxstrong h3 {
	color: #fff;
	font-size: 11px;
	background: #4B83B4;
	margin: 0;
	padding: 4px 10px 0 10px;
	}

.boxstrongbottom {
	background: #e2ecf0;
	}


/*********** login and account ***********/

#login, #account {
	background: #eee;
	width: 435px;
	padding: 4px 0 4px 8px;
	}

#login .fieldlabel, #account .fieldlabel {
	text-align: right;
	}

.privacy {
	color: #999;
	}

#account {
	width: 720px;
	}

/*********** home page ***********/

.gridlabel {
	margin-top: 10px;
	}

.quicksearch {
	margin: 10px 0 0 0;
	}

#ancillary {
	margin: 10px 0 10px 0;
	}

#about {
	width: 220px;
	background: #e2ecf0;
	}

#statistics {
	width: 490px;
	padding: 0 0 0 10px;
	}

.filled {
	background: #e2ecf0;
	}

#statsgrid td, #statsgrid th {
	font-size: 11px;
	padding: 0;
	}

#statsgrid th {
	color: #6E9BC2;	
	font-weight: bold;
	text-align: left;
	}

#quickfact {
	width: 720px;
	}

/*********** header ***********/

#navigation {
	width: 548px;
	}

#navigation a:link, #navigation a:visited {
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	}

#navigation a:hover {
	color: #fff;
	background: transparent;
	text-decoration: underline;
	}

#subnav {
	height: 24px;
	font-size: 11px;
	line-height: 17px;
	color: #fff;
	text-align: right;
	}

#subnav a:link, #subnav a:visited {
	color: #c4d7ff;	
	}

#subnav a:hover {
	color: #fff;
	}

#new, #saved {
	width: 134px;
	background: #4B83B4;
	}

#new a:hover, #saved a:hover {
	background: #275B8F;
	}

#new {
	width: 135px;
	}

#new a, #saved a {
	display: block;
	}

#help {
	width: 163px;
	vertical-align: bottom;
	padding: 0 0 5px 30px;
	}

#tools {
	width: 100px;
	vertical-align: bottom;
	padding: 0 0 5px 20px;
	}

#downloads {
	width: 100px;
	vertical-align: bottom;
	padding: 0 0 5px 10px;
	}

/*********** query form ***********/

#queryform {
	width: 720px;
	}

#queryform tr {
	background: #E2ECF0;
	} 

#queryform td {
	border-bottom: 1px solid #fff;
	}

#queryform .tablehead {
	padding: 20px 0 6px 6px;
	}
	
.hidden {
	display: none;
}
.fieldlabel {
	font-size: 11px;
	font-weight: bold;
	}

.fieldentry {
	font-size: 10px;
	line-height: 16px;
	color: #888;
	}

.textarea {
	margin: 1px;
	}

.pulldownoperators, .pulldownoptions {
	font-family: verdana, arial, helvetica, sans serif;
	font-size: 12px;
	color: #666;
	background: #fff;
	}

.pulldownoperators {
	font-size: 10px;
	color: #666;
	background: #eee;
	}

#formbuttons {
	margin: 10px 0;
	}

.help {
	font-size: 11px;
	font-weight: normal;
	}

/*********** results ***********/

#results, .details, .standard {
	width: 720px;
	background: #E2ECF0;
	}

#results td, .details td, .standard td {
	font-size: 11px;
	border-bottom: 1px solid #fff;
	}
	
.category {
	font-size: 13px;
	padding: 20px 0 12px 0;
	background: #fff;
	}

.definition {
	font-size: 11px;
	font-weight: bold;
	}

#results .definition {
	width: 70%;
	}

.property {
	line-height: 16px;
	}

#results .property {
	width: 30%;
	}

.filter {
	line-height: 21px;
	}
 
.filter, .range {
	font-size: 11px;
	color: #999;
	margin: 0;
	}

.relate {
	font-size: 11px;
	font-weight: bold;
	color: #333;
	background: #fbdcd7;
	}


/*********** query summary ***********/

#summary {
	font-size: 11px;
	line-height: 28px;
	margin-bottom: 5px;
	}
	
#summary tr {
	background: #e2ecf0;
	}

#summary td {
	color: #666;
	border-bottom: 1px solid #fff;
	}

#summary td.fulldescription, #summary td.linkage, #summary td.nolinkage {
	color: #666;
	border-bottom: 0;
	}

#summary strong {
	color: #333;
	}

#summary .description, #summary .fulldescription {
	text-align: left;
	padding: 1px 0 0 10px;
	}
	
#summary tr.selected {
	font-weight: normal;
	background: #fbdcd7;
	}

#summary .radioselected {
	width: 28px;
	height: 29px;
	background: #d9aaa0;
	}

#summary tr.last {
	background: #fff;
	}

#summary .radio {
	width: 28px;
	height: 29px;
	background: #cfe0e8;
	}

#summary .rownum {
	width: 20px;
	}

#summary .action {
	font-size: 10px;
	}

#summary td.linkage {
	background: url(/images/summary_linkage.gif);
	background-repeat: y;
	}

#summary ul, #summary li {
	margin: 0;	
	line-height: 16px;
	}
	
#summary ul {
	margin: 0 0 10px 20px;	
	}

#buttons {
	font-size: 11px;
	line-height: 26px;
	font-weight: bold;
	color: #666;
	background: #cfe0e8;
	padding: 10px 0 0 0;
	width: 100px;
	}

#buttons .help {
	text-align: left;
	margin: 0 0 0 23px;
	padding: 0;
	}

/*********** profile ***********/

#more {
	margin-top: 0;
	margin-bottom: 10px;
	}

#more .value {
	color: #82ACD1;
	font-size: 11px;
	}
	
.tag, .value {
	color: #275B8F;
	font-size: 11px;
	}
	
.tag {
	width: 80px;
	font-size: 11px;
	font-weight: bold;
	}

.iconlabel {
	font-size: 18px;
	}

textarea {
	font-size: 11px;
	color: #415C6A;
	}	

.sequence, pre, .prearea {
	font-family: andale mono, courier new, courier, monospace;
	font-size: 11px;
	line-height: 20px;
	}

.highlighted {
	background: #fc0;
	}
	
/*********** grid ***********/
	
#grid td {
	text-align: center;
	}

#families {
 	background: #e2ecf0 url(/images/grid_simple/families.gif);
	}

#pathways {
 	background: #e2ecf0 url(/images/grid_simple/pathways.gif);
	}

#interactions {
 	background: #e2ecf0 url(/images/grid_simple/interactions.gif);
	}

#domains {
 	background: #e2ecf0 url(/images/grid_simple/domains.gif);
	}

#proteins {
 	background: #e2ecf0 url(/images/grid_simple/proteins.gif);
	}

#nucleics {
 	background: #e2ecf0 url(/images/grid_simple/nucleics.gif);
	}

#structures {
 	background: #e2ecf0 url(/images/grid_simple/structures.gif);
	}

#expression {
 	background: #e2ecf0 url(/images/grid_simple/expression.gif);
	}

#unigene {
       background: #e2ecf0 url(/images/grid_simple/unigene.gif);
	}

 /*********** footer ***********/

#footer {
	color: #999;
	background: #fff;
	border-top: 3px solid #e2ecf0;
	margin: 30px 0 0 0;
	padding: 5px 0 0 0;
	}
	
#copyright {
	font-size: 11px;
	color: #999;
	margin: 0;
	}

#support {
	font-size: 11px;
	color: #999;
	width: 400px;
	margin: 0;
	}

#sponsors {
	font-size: 11px;
	text-align: right;
	width: 400px;
	margin: 10px 0 0 0;
	}
	
/*********** embedded table ***********/

#embt {
	font-size: 11px;
	line-height: 28px;
	/* margin-bottom: 5px; */
	}
	
#embt tr {
	background: #e2ecf0;
	}
#embt td {
	color: #666;
	 vertical-align: top;
	 border-bottom: 1px solid #e2ecf0;
	}

#embt td.fulldescription, #embt td.linkage, #embt td.nolinkage {
	color: #666;
	border-bottom: 0;
	}


#embt strong {
	color: #333;
	}

#embt .description, #embt .fulldescription {
	text-align: left;
	padding: 1px 0 0 10px;
	}
	
#embt tr.selected {
	font-weight: normal;
	background: #fbdcd7;
	}

#embt .radioselected {
	width: 28px;
	height: 29px;
	background: #d9aaa0;
	}

#embt tr.last {
	background: #fbdcd7;
	}

#embt .radio {
	width: 28px;
	height: 29px;
	background: #cfe0e8;
	}

#embt .rownum {
	width: 20px;
	}

#embt .action {
	font-size: 10px;
	}

#embt td.linkage {
	background: url(/images/summary_linkage.gif);
	background-repeat: y;
	}

#embt ul, #summary li {
	margin: 0;	
	line-height: 16px;
	}
	
#embt ul {
	margin: 0 0 10px 20px;	
	}

#embt {
	font-size: 11px;
	line-height: 26px;
	font-weight: bold;
	color: #666;
	padding: 10px 0 0 0; 
	/*width: 100px;*/
	}

#embt .help {
	text-align: left;
	margin: 0 0 0 23px;
	padding: 0;
	}

/*********** selected embedded table ***********/

#embtselected {
	font-size: 11px;
	line-height: 28px;
	/* margin-bottom: 5px; */
	}
	
#embtselected tr {
	background: #fbdcd7;
	}
#embtselected td {
	color: #666;
	 vertical-align: top;
	 border-bottom: 1px solid #fbdcd7;
	}

#embtselected td.fulldescription, #embtselected td.linkage, #embtselected td.nolinkage {
	color: #666;
	border-bottom: 0;
	}


#embtselected strong {
	color: #333;
	}

#embtselected .description, #embtselected .fulldescription {
	text-align: left;
	padding: 1px 0 0 10px;
	}
	
#embtselected tr.selected {
	font-weight: normal;
	background: #fbdcd7;
	}

#embtselected .radioselected {
	width: 28px;
	height: 29px;
	background: #d9aaa0;
	}

#embtselected tr.last {
	background: #fbdcd7;
	}

#embtselected .radio {
	width: 28px;
	height: 29px;
	background: #cfe0e8;
	}

#embtselected .rownum {
	width: 20px;
	}

#embtselected .action {
	font-size: 10px;
	}

#embtselected td.linkage {
	background: url(/images/summary_linkage.gif);
	background-repeat: y;
	}

#embtselected ul, #summary li {
	margin: 0;	
	line-height: 16px;
	}
	
#embtselected ul {
	margin: 0 0 10px 20px;	
	}

#embtselected {
	font-size: 11px;
	line-height: 26px;
	font-weight: bold;
	color: #666;
	padding: 10px 0 0 0; 
	/*width: 100px;*/
	}

#embtselected .help {
	text-align: left;
	margin: 0 0 0 23px;
	padding: 0;
	}
