/* ---------------------
basic layout - all pages
basic typography - all pages
basic colors - all pages
--------------------- */

/*
 * size: 800 x 600
 * width = 800 = 20(body padding) + 550(outer left) +10? + 200(outer-right) + 20(body padding)
 * 
 
 * teal background: 146259 
 * WiCell Logo red:
 *
 colors:
CC0033 - Wicell logo and red used throughout
006699 - nscb blue
fonts:
Verdana - used for all html text 
 */



body, div, p, th, td, li, dd    {
    /* redundant selectors to help NS4 remember */
    font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;
    font-size:    11px;
}
p {
	/* weird behavior in IE: top margin goes away inside table.contentpane? */
	    margin-top: 1em;
}

/* Added by the mabc for text box fonts */
.textarea { font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;
    font-size:    11px;
}

/* the following rule is recognized only by IE */
* html body {
  font-size: x-small;
}

h1 {
	font-size: 160%;
}
h2 {
	font-size: 140%;
}
h3 {
	font-size: 120%;	
}
h4 {
	font-size: 120%;
	margin:		2px;	
}
h5 {                      /* Request Technical Support page title */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	font-size: 13pt;
	line-height:25px;
	text-align: left;
	padding: 5px 0 5px 0;
	display:block;
	margin-right: 20px;
	font-weight: normal;
	color: #CC0033;
	/*color: #3C79B8;*/
}

/* ===================
 *   colors 
 * =================== */
div, td, p {
	color:#000000;
}

h1 {
	color: #FF0033;
	border-bottom: solid 1px black;
	padding-bottom: 3px;
}

a,
a:link,
a:active,
a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
}

table.module_table a, 
table.module_table a:link, 
table.module_table a:visited, 
table.module_table a:hover {	
	color: white;
}

/* =====================
 *   layout
 * ===================== */
 
/** clear the banner to make it sit in the bottom **/
.clear {
	clear:both;
}

table {
	margin: 0;
}

/* ---------------------
template layout
--------------------- */
body.wicellbody {
	background-color: #0e3e3b;
	margin: 10px;
	color: white;
	padding: 0px 10px 0px 10px;
}

div.footer {
	margin: 30px 20px 20px 0;
	padding: 0;
	width: 100%;
}

div.footer table {
	text-align: center;
	width: 100%;
}

span.mainlevel_footer  { /* separator */
	color: #ff0033; /* red-rules */
	font-weight: bold;
}

div.footer a:link, 
div.footer a:hover, 
div.footer a:visited, 
div.footer a:active, 
div.footer a { 
	text-decoration: underline;
	color: white;
}

/* outer left holds the main content containers, in addition to some menues */
#outerleft {
	position:relative;
	top: 0px;
	right: 0px;
	width: 800px;
	margin: 0;
	padding: 0;
}

/* outer right holds the menus on the right, header position, newsflashes */
#outerright {
	position:absolute;
	width: 200px;
	left: 810px;
	top: 10px;
}

/* container_inner holds two menus */
#container_inner {
	position:relative;
	bottom: 100px;
}

#logo {
	position: relative;
	height: 50px;
	margin: 0px;
	margin-left: -20pt;
	margin-top: -10pt;
	margin-bottom: 4em; /* added for IE7 - space between wicell logo and unlocking the potential title on homepage */
}

#logo img {
	float: left;
}

#leftcol {
	position:relative;
	width:172px;
	margin-top: 10pt;	
	top: 1px;
}

#leftcol table {
	width: 100%;
}

/* Right side sub-menu */
#rightcol_top, #rightcol {
	width: 180px;	
	margin:0 0 0 1px;
	position: relative;
	overflow:hidden;
}


table.contentpane { 
	width: 100%;
}

/* ----------------------
 *    menus
 * ---------------------- */

table.moduletable_submain, table.moduletable_main { 
	width: 100%;
	overflow: hidden;
}

/* grey menu */
table.moduletable_submain th {
				font-size: 12pt;
}
table.moduletable_submain td {
	/*background: #adacac; dark grey old submenu color  */
	background: #e3e3e3;
	height: 16pt;
	border-bottom-color: #0e3e3b;
	border-bottom-style: solid;
	border-bottom-width: 3px;	
	padding: 0px;
}
	
	
}
table.moduletable_submain a,
table.moduletable_submain a:visited {
	color:#cc0033;
}


table.moduletable_main th {
	background: gray;	
	height: 16pt;
	font-size: 12pt;
}

/* left wicell menu */ 
table.moduletable_main td {
	/*background: #FFFFFF;	*/
	background: #e3e3e3;
	height: 16pt;
	
}
/* WiCell menu (left) */
table.moduletable_main td td {
	/*border-bottom-color: #0e3e3b;*/
	border-bottom-color: white;  /*added for wicell_interior look */
	border-bottom-style: solid;
	border-bottom-width: 3px;	
	padding: 0px;
}


table.moduletable_main a, table.moduletable_submain a, table.moduletable_main a:visited {
	color: #CC0033;
	width: 100%;
}

table.moduletable_main a.mainlevel:hover {
	background-color:#C03;
	color:#FFFFFF!important;
	text-decoration:none!important;
}

table.moduletable_submain a.mainlevel:hover {
	background-color: #CC0033; /*#484848;*/
	color:#FFFFFF!important; 
	text-decoration:none!important;
}

/*** read more link ***/
.readon,
a.readon:link,
a.readon:active,
a.readon:visited {
	color:#666666;
	font-weight:bold;
	text-align:left;
	margin-top:10px;
	letter-spacing: 1px;
	text-decoration:underline;
}


table.moduletable {
	width: 100%;
}

table.moduletable th {
	color: black;
}
/** content title **/
.componentheading {
	color:#000000;
	font-size: x-large;
	line-height:25px;
	text-align: left;
	padding: 5px 0 5px 0;
	display:block;
	position: relative;
}
/* ---------------------
Links
--------------------- */

.contentheading,
.contentpagetitle {
	font-weight: bold;
	padding-bottom: 10px;
	display:block;
	color: white;
}

a.contentpagetitle:link,
a.contentpagetitle:active,
a.contentpagetitle:visited {
	background-color:inherit;
}


/* all menu items */
.mainlevel {
	display: block; 
	font-size: 10.5pt;  /* was 11pt */
	padding: 2px;	
}

#active_menu {
	/*background:	#484848;;*/
	background: #CC0033;
	color: white;
}


table.contentpaneopen {
				width: 100%;
				padding-bottom: 20px;
}

table.contentpaneopen td.buttonheading {
				margin: 2px;
				width: 15px;
}

table.contentpaneopen td.contentheading {
				width: 100%;
				padding: 2px 2px 2px 2px;
}


/* ---------------------
CoA
--------------------- */

.prod_descr_cells {
	margin: 0;
	padding: 0;
	border: none;
}

/*
 * header for hES Cell CoA 
 * used in OSC product description
 * and possibly elsewhere
 */
 
table.coa_header {
	/*background-color: #D1D1D1;*/ /* product-header gray */
	background-color: #EEBDBE; /* WISC Bank */
	width: 100%;
	border: none;
	margin: 0;
	padding: 0;
}
table.coa_header td {
	padding: 10px 0 5px 20px;
}
td.coa_header_name {
	/*background-color: #2662A2;*/
	background-color: #CC0033; /*#3C79B8;*/  /* WISC Bank */
	color: white;
	padding: 5px;
	margin: 0;
}

table.coa_header input { /* replaces image_submit function 
	font-color: white !important;
	background-color: #3C79B8;*
	height: 90%;*/
}

td.coa_button { 
	text-align: right;
}
.coa_button input {
	 /* cell with 'request' button;
	 replaces image_submit function */
	/*background-color: #3C79B8;*/  /* NSCB blue */
	background-color: #CC0033; /* WISC Bank */
	border: 0;
	padding: 5px 1px ;
	margin-right: 10px;	
	color: white !important;
	font-size: larger;
	font-weight: bold;	
} 

div.coa_box {
	margin-left: 20px;
}
div.coa_box td {
	padding: 0; 
}

div.coa_box table.moduletable {
	/* 
	table.moduletables is 100% by default;
	IE wants to make the content 100% of the div;
	so, if the left margin or padding on the div is > 0,
	IE wants to push the content over, and make it stick out
	past the right hand edge of the enclosing div!
	that's why we set the width here:

	allowing for 20px margins on either side of a 700 px enclosing block,
	640/700 = 91.4%
	width: 620px;
	
		*/
	width: 660px;
	
	 /* 
	Mambo doesn't set 'cellspacing' is not set in the moduletable,
	 leading to a default spacing of 2px; 
	 so this is a kludgy way of dealing with it 
	position: relative; 		 
		left: -2px;
		 */
	margin-left: -2px;
}
/* 
 * top box for CoA
 */
 
div.coa_top {
	text-align: left;
}

/* set the width for the 'pseudo-header' for coa_top
 and the size of the coa_top table to be the same fixed width;
 sorry to be so rigid, but percentages just won't work (I thnk).
 
 parent is approx. 640px,
 margins of 20px,
 gives 600
 */

div.coa_top {
	width: 580px;
}

/*
 * CoA header has links and stuff
 */
 
.coa_label a:link, .coa_label a:hover, .coa_label a:active, .coa_label a:visited {
	color: white !important;
	text-decoration: underline;
}

.coa_labels a:link, .coa_labels a:hover, .coa_labels a:active, .coa_labels a:visited {
	color: white !important;
	text-decoration: underline;
}

p.coa_label {
	font-weight: bold;
	/*background-color: #7CACDD;*/  /* coa blue */ 
	background-color: #bdbaba;  /* WISC Bank */
	margin: 0;
	padding: 10px 0 10px 5px;	
}

table.coa_labels {
	font-weight: bold;
	/*background-color: #7CACDD;*/  /* coa blue */
	background-color: #bdbaba;  /* WISC Bank */
	margin: 0px;
	width: 100%; 
	height: 40px;
	border: solid 1px #D1D1D1; /*#7cacdd;*/ /* WISC Bank*/
}

.coa a:link, .coa a:hover, .coa a:active,	.coa a:visited {
	text-decoration: underline;
}

/* 
 * by default, the CoA header in the content item is ignored
 */
div.coa div.coa_top p.coa_label {
	display: none;
}

div.coa table {
	border: none;
	border-collapse:collapse;
	margin-bottom: 10px;
	width: 100%;
}	

div.coa td, div.coa th {
	/*border: solid 1px #7cacdd; WISC*/
	border: solid 1px #EEBDBE;
	padding-left: 5px;
 	text-align: left;
}
.coa_qa {
	/*border: solid 1px #7cacdd; WISC*/
	border: solid 1px #EEBDBE;
	padding: 2px 0 2px 5px;
	
}

/* ---------------------
Help Desk
--------------------- */

table.moduletable_helpdesk {
	background-color: #EBE9EA;
	width: 100%;
}

table.moduletable_helpdesk tr.EvenRow{
	background-color: #EBE9EA;
}

table.moduletable_helpdesk tr.OddRow {
	background-color: white;
}

table.moduletable_helpdesk tr.OddRow td, table.moduletable_helpdesk tr.EvenRow td {
	border: none; 
	height: 23px;
}

table.moduletable_helpdesk tr.helpdesk_rows {
	height: 23px;
	vertical-align: top;
}

table.moduletable_helpdesk tr.helpdesk_header {
	background-color: #B5B5B5;
	color: white;
	height: 20px;
}

tr.helpdesk_reply {
	margin: 50px;
}

p.helpdesk_footer {
	height: 15px;
}

tr.helpdesk_submitButton {
	background-color: #B5B5B5;
}

td.helpdesk_submitButton {
	background-color: #B5B5B5;
}

/*
input.helpdesk_upload {
	background-color: #B5B5B5;
}
*/

input.helpdesk_update_add {
	background-color: #FF0033;
	color: white;
}

tr.helpdesk_submitButton input {
	background-color: #FF0033;
	color: white;
	margin: 5px;
}

table.moduletable_helpdesk, table.moduletable_helpdesk td{
	border: solid 1px #B5B5B5;
	border-collapse: collapse;
}

table.moduletable_helpdesk td {
	border-left: none;
	border-right: none;
}

table.blog {
	margin-top: 10px;
}
.blog p {
	line-height: 17px;
	color: white;	
}
div.helpbox {
	position: absolute;
	width: 150px;
	border: solid thin black;
	background-color: white;
	color: black;
	padding: 10px;
	zIndex: 1000;
}
span.inputRequirement {
	color: #CC0033;
}

/* Hides WuFoo title and description fields for Cyto Pricing Form */
.wufoo .info{
	display:none
}