*
{
scrollbar-face-color:#002C42;
scrollbar-arrow-color:FF8C00;
scrollbar-track-color:#003E5E;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#008FC0;
scrollbar-3dlight-color:#008FC0;
scrollbar-darkshadow-Color:#000000;
}

.submenuLink {
 color: white;
 text-decoration : none;
 FONT-FAMILY : 'Open Sans';
 width : 100%;
 font-size: 8pt;
}

body
{
	background: #002C42;
	color: #E7E7E7;
	margin: 0 0 0 0;
	cursor: default;
	font-family: 'Open Sans', Helvetica, sans-serif;
}

form
{
	display: inline;
}

a:link
{
	color: #FFAC00;
	text-decoration: none;
}

a:visited
{
	color: #E18810;
	text-decoration: none;
}

a:active
{
	color: white;
	text-decoration: underline;
}

a:hover
{
	color: #006699;
	text-decoration: underline;
}

.skillbox
{
	border: 1px solid #005F90;
	background-color: #222222;
	width: 120px;
}

table.title
{
	border-top: 1px solid #005F90;
	border-bottom: 1px solid #005F90;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	width: 100%;
	background: #002C42;
}

table.sidebar
{
	border: 1px solid #60B7E2;
	cellspacing: 2;
	cellpadding: 1;
}

/* Targeting the table with ID 'Table1' */
#Table0 {
    width: 100%; /* Use the full width of its container */
    table-layout: fixed; /* Ensures equal column widths */
}

/* Targeting the table cells (td) of the table with ID 'Table1' */
#Table0 td {
    width: 20%; /* Each column will take up 20% of the table width */
}


#Table7 {
    width: 100%; /* Full width of its container */
}

#Table7 #initial #Table8,
#Table7 #maximum #Table9 {
    width: 20%; /* Each nested table takes 20% of its parent cell's width */
}

/* Assuming you want the last cell of the row in Table7 to take the remaining space */
#Table7 td:last-child {
    width: 60%; /* Approximately the remaining space */
}


tr.header
{
	background: #01344F;
	color: white;
	vertical-align: middle;
}

tr.smalllabel
{
	background: #01344F;
	color: white;
	vertical-align: middle;
	font-weight: bold;
	font-size: 12px;
}

tr.alt
{
	background: #003C52;
}

tr.small
{
	font-size: 12px;
}

td.righttower
{
	background: #01344F;
	color: White;
	border: 1px solid #005F90;
	width: 135px;
}

td.title
{
	background: #002C42;
}

td.label
{
	background: #01344F;
	color: white;
	font-weight: bold;
}

.sidebar.sidebar-title{
	padding-top: 2px;
}

td.sidebar.sidebar-title font.default_8 strong{
	font-size: 1rem;
	font-weight: bold;
}

.midcolumn td {
    width: 50%;
}


td.sidebar
{
	background: #003E5E;
	color: white`;
	vertical-align: middle;
	font-weight: bold;
}

td.sidebar3
{
	background: #003E5E;
	color: white;
	vertical-align: top;
	font-weight: bold;
}

td.sidebar2
{
	background: #01344F;
	color: white;
	vertical-align: middle;
	font-weight: bold;
	text-align: right;
}

td.emphasis
{
	background: #01344F;
	color: white;
	vertical-align: middle;
	font-weight: bold;
    font-size: 32px;
    text-align: center;
	border: 1px solid #60B7E2;
}

td.commentHead
{
	background: #00344F;
	color: #E7E7E7;
	vertical-align: baseline;
	text-align: center;
}


td.smalllabel
{
	background: #01344F;
	color: white;
	vertical-align: middle;
	font-weight: bold;
	font-size: 12px;
}

td.dnalabel
{
	background: #01344F;
	color: white;
	vertical-align: middle;
	font-size: .8rem;
	text-align: right;
}

td.dnalabexplanation
{
	/*background: #01344F;*/
	color: white;
	vertical-align: top;
	font-size: 12px;
	text-align: left;
    width: 450px;
}
td.dnalabexplanation > li
{
    margin: 5px 0;
}


td.small
{
	font-size: 12px;
}


td.smallright
{
	font-size: 12px;
	text-align: right;
}

td.dmglabel
{
	background: #01344F;
	color: white;
	vertical-align: middle;
	font-weight: bold;
	font-size: 12px;
}

td.dmg
{
	background: #01344F;
	color: white;
	vertical-align: middle;
	font-size: 12px;
}

td.effectiveness
{
	text-align: left;
	color: #FC9F1A;
}

td.category
{
	text-align: left;
	color: 99F75B;
}

td.subcategory{
    text-align: left;
}

td.in10{
    padding-left: 10px;
}

td.in20{
    padding-left: 20px;
}

td.fs16, span.fs16{
    font-size: 1rem;
}

td.green, span.green{
    color:#99f75b;
}

td.orange, span.orange{
    color:#FC9F1A;
}

td.effectVs
{
	text-align: right;
	color: 99F75B;
}




font.category
{
	color: 99F75B;
}



span.postdate
{
	text-align: left;
	font-size: 10px;
}

span.poster
{
	font-size: 10px;
	font-style: italic;
}

span.newstitle
{
	font-size: 16px;
	font-style: normal;
	text-align: left;
}


span.lastvisit
{
	font-size: 11px;
	font-style: normal;
	text-align: left;
}

span.ego
{
	font-size: 18px;
	font-style: bold;
	text-align: center;
}

span.error
{
	font-size: 12px;
	font-style: bold;
	text-align: center;
	color: Yellow;
}

font.emph
{
	color: Yellow;
	font-size: 18px;
	font-style:italic;
}

.default_logged { font-size: 8pt;  FONT-FAMILY:  'Open Sans'; text-decoration: normal; color: #88FF37}

.default_9 { font-size: 9pt; FONT-FAMILY:  'Open Sans'; text-decoration: normal;  }
.default_8 { font-size: .8rem;  FONT-FAMILY:  'Open Sans'; text-decoration: normal; padding: 2px 0 2px 2px;}
.default_7 { font-size: 7pt;  FONT-FAMILY:  'Open Sans' }
.premium_banner { font-size: 11pt; FONT-FAMILY:  'Open Sans'; color: #C19D31 }

.menu_left {
	width : 200;
	height: 20;
	background-color : #000000;
	color: white;
	font-size : 10pt;
	FONT-WEIGHT: bold;
	FONT-FAMILY : verdana;
	text-align : center;
	text-decoration : none;
	padding : 1px;
	z-index: 1;
	onmouseover : ;
   	onmouseout : ;
}
.menu {
	width : 120;
	height : 20;
	background-color : #000000;
	color: white;
	font-size : 7pt;
	FONT-WEIGHT: bold;
	FONT-FAMILY : verdana;
	text-align : center;
	text-decoration : none;
	padding : 1px;
	z-index: 1;
	onmouseover : ;
   	onmouseout : ;
}
.menu_small {
	width : 80;
	height : 20;
	background-color : #000000;
	color: white;
	font-size : 7pt;
	FONT-WEIGHT: bold;
	FONT-FAMILY : verdana;
	text-align : center;
	text-decoration : none;
	padding : 1px;
	z-index: 1;
	onmouseover : ;
   	onmouseout : ;
}
.menu_large {
	width : 160;
	height : 20;
	background-color : #000000;
	color: white;
	font-size : 7pt;
	FONT-WEIGHT: bold;
	FONT-FAMILY : verdana;
	text-align : center;
	text-decoration : none;
	padding : 1px;
	z-index: 1;
	onmouseover : ;
   	onmouseout : ;
}
.submenu {
	width : 160;
	position : absolute;
	background-color : #000000;
	color: white;
	text-decoration : none;
	font-size : 10pt;
	FONT-FAMILY : 'Open Sans';
	text-align : left;
	padding : 5px;
	z-index: 1;
}
.submenuLink {
	color: white;
	text-decoration : none;
	FONT-FAMILY : 'Open Sans';
	width : 100%;
}
.submenuLink:link {
	color: white;
	width : 100%;
	FONT-FAMILY : 'Open Sans';
	padding : 2px;
	text-decoration : none;
}
.submenuLink:visited {
	color: white;
	width : 100%;
	FONT-FAMILY : 'Open Sans';
	padding : 2px;
	text-decoration : none;
}
.submenuLink:active {
	color : #000000;
	background : #FEFEFE;
	width : 100%;
	FONT-FAMILY : 'Open Sans';
	text-decoration : none;
}
.submenuLink:hover {
	color : #000000;
	background : #FEFEFE;
	width : 100%;
	FONT-FAMILY : 'Open Sans';
	text-decoration : none;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted white; /* If you want dots under the hoverable text */
    cursor: pointer;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    display: inline-block;
    white-space: nowrap;
    /*width: 150px;*/
    background-color: #003E5E;
    color: #99F75B;
    text-align: left;
    padding: 5px 10px;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    border-color: #60B7E2;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 115%; 
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

/* Align check box labels - SEH */
label.checkbox-label input[type=checkbox]{
    position: relative;
    vertical-align: middle;
    bottom: 1px;
}

input, select {
    font-family: 'Open Sans', sans-serif;
}