﻿/* Tables
//-------------------------------------------------------------------*/
.tblcommon { margin-bottom:1em; }
.tblcommon th {
	background:url(headercontent1.gif) #9fc4ff repeat-x 0 100%;
	border-top:solid 1px #000099;
	border-bottom:solid 1px #fff;
	padding:4px 10px 4px 10px;
	font-size:1.2em;
	text-align:left;
}
.tblcommon td {
	background:#efefef;
	padding:4px 10px 4px 10px;
	font-size:0.8em;
}

/* Forms
//-------------------------------------------------------------------*/
.frmcommon { padding:8px 16px;font-size:1em; }
.frmcommon h4 { margin-bottom:1em; }
.frmcommon a:link, .frmcommon a:visited { text-decoration:underline;color:#536482; }
.frmcommon a:hover, .frmcommon a:active { text-decoration:underline;color:#536482 }
.frmcommon .modify { float:right;width:auto;text-align:right; }
.frmcommon table { width:100%;padding-bottom:1em; }
.frmcommon table tr.row { background:#fff; }
.frmcommon table tr.rowalternate { background:#f8f8f8; }
.frmcommon table .labels { height:24px;padding:4px;text-align:left;font-weight:bold;color:#536482; }
.frmcommon table .labels .details { display:block;clear:both;font-weight:normal; }
.frmcommon table .controls { width:60%;padding:4px;border-left:solid 2px #dbd7d1;text-align:left;color:#536482; }
.frmcommon .footer { padding-top:8px;padding-left:30%;border-top:solid 2px #dbd7d1; }
html>body .frmcommon .footer { /* If Not IE */
	padding-left:38.6%;
}

/* Login */
.frmlogin { float:right;width:341px;height:60px;margin:16px 16px 0 0;overflow:hidden;font-size:10px;color:#327aa5; }
.frmlogin a:link, .frmlogin a:visited { text-decoration:underline;color:#327aa5; }
.frmlogin a:hover, .frmlogin a:active { text-decoration:underline;color:#327aa5; }
.frmlogin .labels { float:left;width:128px;margin:0 4px 0 1px; }
.frmlogin .controls { clear:both;font-size:12px; }
.frmlogin .controls .txtcommon { height:20px;width:128px;border:solid 1px #b4b4b4;background-color:#f3f3f3;color:#000; }
.frmlogin .controls .txtcommon:hover { border-color:#11a3ea;background-color:#fff; }
.frmlogin .controls .txtcommon:focus { border-color:#bc2a4d;background-color:#fff; }
.frmlogin .controls .btncommon { float:right;width:74px;height:22px;font-size:10px; }
.frmlogin .footer { margin-left:1px;text-align:left; }
.frmlogin .footer a:link { color:#536482; }
.frmlogin .footer .logs { float:right;width:auto;margin-right:4px; }

/* Forgot Password */
.frmforgot { float:right;width:243px;height:60px;margin:16px 16px 0 0;overflow:hidden;font-size:10px;color:#327aa5; }
.frmforgot a:link, .frmforgot a:visited { text-decoration:underline;color:#327aa5; }
.frmforgot a:hover, .frmforgot a:active { text-decoration:underline;color:#327aa5; }
.frmforgot .labels { float:left;width:128px;margin:0 4px 0 1px; }
.frmforgot .controls { clear:both;font-size:12px; }
.frmforgot .controls .txtcommon { height:20px;width:128px;border:solid 1px #b4b4b4;background-color:#f3f3f3;color:#000; }
.frmforgot .controls .txtcommon:hover { border-color:#11a3ea;background-color:#fff; }
.frmforgot .controls .txtcommon:focus { border-color:#bc2a4d;background-color:#fff; }
.frmforgot .controls .btncommon { float:right;width:110px;height:22px;font-size:10px; }
.frmforgot .footer { margin-left:1px;text-align:left; }
.frmforgot .footer a:link { color:#536482; }
.frmforgot .footer .logs { float:left;width:auto;margin-right:4px; }

/* DNA */
.frmdna { padding:8px 16px;color:#000; }
.frmdna h4 { margin-bottom:1em; }
.frmdna .markers { width:100%;margin-bottom:1em; }
.frmdna .markers td { padding:4px;border-left:solid 2px #dbd7d1; }
.frmdna .markers .labels td { background:#efefef;text-align:left; }
.frmdna .markers .controls td { text-align:left; }
.frmdna .ancestry { margin-bottom:1em; }
.frmdna .footer { padding-top:8px;border-top:solid 2px #dbd7d1;text-align:center; }
.output { color:#000; }
.output .results { margin-top:1em; }
.output .information { margin-top:1em; }
.output .dgcommon { margin-top:1em; }

/* Notices
//-------------------------------------------------------------------*/
div.notice-gray { margin:1em 0 1em 0;padding:1em 1em;border:dashed 1px #ccc;background:#e6e6e6; }
div.notice-yellow { margin:1em 0 1em 0;padding:1em 1em;border:dashed 1px #d0dd9e;background:#eff8ce; }
div.notice-green { margin:1em 0 1em 0;padding:1em 1em;border:dashed 1px #339966;background:#dbeedb; }

/* Inputs
//-------------------------------------------------------------------*/
/* Global */
input[type=text], input[type=password] { border:solid 1px #b4b4b4;background-color:#fff;color:#000; }
textarea { border:solid 1px #b4b4b4;background-color:#fff;color:#000; }
input[type=text]:hover, input[type=password]:hover, textarea:hover { border-color:#11a3ea; }
input[type=text]:focus, input[type=password]:focus, textarea:focus { border-color:#bc2a4d; }
select { border:solid 1px #b4b4b4;background-color:#fff;color:#000; }
/* Labels */
.lblcommon {}
/* Text Boxes */
.txtcommon { height:19px;border:solid 1px #b4b4b4;background-color:#fff;color:#000; }
/* Buttons */
.btncommon {}
.btnokay { width:74px; }
.btncancel { width:74px; }
.btnapply { width:74px; }
.btnback { width:74px; }
.btnnext { width:74px; }
.btnfinish { width:74px; }
.btnsave { width:74px; }
.btnsubmit { width:74px; }
.btnquery { width:74px; }
.btnsearch { width:74px; }
.btnreset { width:74px; }
.btnmodify { width:74px; }
.btnpublish { width:74px; }
.btnnew { width:74px; }
.btncreate { width:74px; }
.btnupdate { width:74px; }
.btndelete { width:74px; }
.btnadd { width:74px; }
.btnremove { width:74px; }
/* Drop-Down List */
.ddlcommon { height:21px;border:solid 1px #b4b4b4;background-color:#fff;color:#000; }
/* List Boxes */
.lbcommon { border:solid 1px #b4b4b4;background-color:#fff;color:#000; }
/* Check Box */
.cbcommon {}
/* Check Box List - Required attributes: cssclass="rblcommon" repeatlayout="flow" */
.cblcommon br { display:block;clear:both; }
.cblcommon input { display:block;float:left;width:auto;height:20px; }
.cblcommon label { display:block;float:left;width:44%;height:14px;padding-top:4px; }
/* Radio Buttons */
.rbcommon {}
/* Radio Button List - Required attributes: cssclass="rblcommon" repeatlayout="flow" */
.rblcommon label { padding:0 6px 0 2px; }

/* DataGrid Control
Required attributes: cssclass="dgcommon" cellspacing="0" cellpadding="0" gridlines="none"
Required markup code: <headerstyle cssclass="headerstyle"/><itemstyle cssclass="itemstyle"/><alternatingitemstyle cssclass="alternatingitemstyle"/><selecteditemstyle cssclass="selecteditemstyle"/><footerstyle cssclass="footerstyle"/><pagerstyle cssclass="pagerstyle"/>
References:
http://aspnet.4guysfromrolla.com/articles/021605-1.aspx
http://www.imaputz.com/cssStuff/bigFourVersion.html
http://icant.co.uk/csstablegallery
//-------------------------------------------------------------------*/
.dgcommon {
	width:100%;
	border-top:solid 1px #ccc;border-left:solid 1px #ccc;
}
.dgcommon .headerstyle td {
	padding:4px 4px 4px 4px;
	background:#536482;
	border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;
	font-weight:bold;color:#f7f6f3;
}
.dgcommon .headerstyle td a { color:#f7f6f3; }
.dgcommon .itemstyle { background:#fff; }
.dgcommon .itemstyle td {
	padding:2px;
	border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;
}
.dgcommon .alternatingitemstyle { background:#f7f6f3; }
.dgcommon .alternatingitemstyle td {
	padding:2px;
	border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;
}
.dgcommon .itemstyle:hover, .dgcommon .alternatingitemstyle:hover { background:#f6f4d0; }
.dgcommon .footerstyle { background:#ddd; }
.dgcommon .footerstyle td {
	padding:2px;
	border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;
}
.dgcommon .pagerstyle td, .dgcommon .pagerstyle a, .dgcommon .pagerstyle span {
	padding:2px;	
	background:#284775;
	font-weight:normal;color:#00ffff;
}

/* GridView Control
Required attributes: cssclass="gvcommon" cellpadding="0" cellspacing="0" gridlines="none"
Required markup code: <headerstyle cssclass="headerstyle"/><rowstyle cssclass="rowstyle"/><alternatingrowstyle cssclass="alternatingrowstyle"/><selectedrowstyle cssclass="selectedrowstyle"/><footerstyle cssclass="footerstyle"/><pagerstyle cssclass="pagerstyle"/>
//-------------------------------------------------------------------*/
.gvcommon {
	width:100%;
	border-top:solid 1px #ccc;border-left:solid 1px #ccc;
}
.gvcommon .headerstyle th {
	padding:4px 4px 4px 4px;
	background:#536482;
	border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;
	color:#f7f6f3;font-weight:bold;
}
.gvcommon .headerstyle th a { color:#f7f6f3; }
.gvcommon .rowstyle { background:#fff; }
.gvcommon .rowstyle td {
	padding:2px;
	border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;
}
.gvcommon .alternatingrowstyle { background:#f7f6f3; }
.gvcommon .alternatingrowstyle td {
	padding:2px;
	border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;
}
.gvcommon .rowstyle:hover, .gvcommon .alternatingrowstyle:hover { background:#f6f4d0; }
.gvcommon .footerstyle { background:#ddd; }
.gvcommon .footerstyle td {
	padding:2px;
	border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;
}
.gvcommon .pagerstyle td, .gvcommon .pagerstyle a, .gvcommon .pagerstyle span {
	padding:2px;	
	background:#005bab;
	font-weight:normal;color:#00ffff;
}

/* Page Specific Styles
//-------------------------------------------------------------------*/

/* Search DNA: Specific Columns */
.columnresults .c1-header { text-align:center; }
.columnresults .c2-header { text-align:center; }
.columnresults .c3-header { text-align:center; }
.columnresults .c4-header { text-align:center; }
.columnresults .c5-header { text-align:center; }
.columnresults .c6-header { text-align:center; }
.columnresults .c7-header { text-align:center; }
.columnresults .c1-item { text-align:center; }
.columnresults .c2-item { text-align:center; }
.columnresults .c3-item { text-align:center; }
.columnresults .c4-item { text-align:center; }
.columnresults .c5-item { text-align:center; }
.columnresults .c6-item { text-align:center; }
.columnresults .c7-item { text-align:center; }

/* Report */
.report { width:760px;margin:0 auto; }
.report h3 { margin:0 2% 10px 2%;padding-bottom:4px;border-bottom:solid 1px #fff;text-align:center;font-size:1.2em;font-weight:bold; }
.report .footer { margin:0 2% 0 2%;padding-top:4px;border-top:solid 1px #fff;text-align:center; }
.report .form { width:100%; }
.report .form .labels { padding:4px;text-align:right; }
.report .form .controls { padding:4px;border-left:solid 2px #fff; }

/* Overrides
//-------------------------------------------------------------------*/
.section { display:none; }
.frmcommon td.thspace { height:1px; font-size:0px; overflow:hidden; }


#jump { display:none; }
#region-dashboard {	display:none; }
#region-left {	display:none; }
#region-footer-navigation {	display:none; }
.output .queries-performed { display:none; }
H1 {  display:none; }
/* Media: Print
//-------------------------------------------------------------------/


/* Regions
//-------------------------------------------------------------------/

#region-dashboard #dashboard-max {	display:none; }
#region-left-menu {	 display:none; }
/*#region-header h1 { font-size:1.6em;text-align:center; }
#region-header #region-header-navigationcrumb { display:none; }
#region-content {}
#region-middle {
	margin:4px 0 0 0;
	padding:10px 0 10px 0;
	border-top:#000 solid 1px;
	border-bottom:#000 solid 1px;
}
#region-footer #region-footer-navigation { display:none; }
#region-footer .credit { margin-top:4px;text-align:center; }
#region-footer .credit .notice1 { display:none; }
#region-footer .credit .notice2 { font-size:0.8em;font-weight:bold;color:#000; }*/