/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Author: Danny Halarewich
	Website: www.limewheel.com
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
	font: normal small "trebuchet ms", verdana, sans-serif;
	color: #041b33;
	background: #fff url(/i/bg.jpg) 0 0 repeat-x;
	margin: 0px auto;
	padding: 0px;
}
body.submenu {
	background: #fff url(/i/bg_submenu.jpg) 0 0 repeat-x;
}
form { padding: 0px; margin: 0px }

* html body, table tr th, table tr td {
/*	font-size: x-small; *//* for IE5/Win */
/*	f\ont-size: small; *//* for other IE versions */
	/*f\ont-size: 0.8em;*/
}
body {
	font-family:"trebuchet ms",verdana,sans-serif;
	font-size:small;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}

div#wrapper {
	width: 906px;
	margin: 0px auto;
	padding: 0px;
	background: #fff url(/i/content_bg.gif) 0 0 repeat-y;
}

div#header {
	width: 906px;
	height: 151px;
	background: transparent url(/i/header_bg.gif) 0 0 no-repeat;
}

#logowrap {
	width: 906px;
	height: 86px;
}
	#logowrap h1 {
		margin: 0;
		padding: 19px 0 0 118px;
	}

	#logowrap h1 a {
		display: block;
		float: left;
		width: 252px;
		height: 55px;
		background: transparent url(/i/logo.jpg) 0 0 no-repeat;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


div#uppernav {
	width: 906px;
	margin-bottom: 10px;
}
	div#uppernav ul {
		width: 620px;
		list-style-type: none;
		text-align: right;
		margin: 0 auto;
		padding: 0;
	}
		div#uppernav li {
			display: inline;
			margin: 0 0 0 10px;
		}
			div#uppernav li a {color: #fff5ac; text-decoration: none;}
				div#uppernav li a:hover {color: #fff;}
div#navigation {
	width: 906px;
}
	#navigation ul {
		width: 622px;
		list-style-type: none;
		margin: 0 auto;
		padding: 0;
	}
		#navigation ul li {
			display: block;
			float: left;
			margin: 0;
			padding: 0;
		}
			#navigation ul li a {
				display: block;
				height: 37px;
				float: left;
			}

#navigation ul li a#n_about {
	width: 74px;
	background: transparent url(/i/n_about.jpg) left bottom no-repeat;
}
#navigation ul li a#n_demo {
	width: 78px;
	background: transparent url(/i/n_demo.jpg) left bottom no-repeat;
}
#navigation ul li a#n_trial {
	width: 111px;
	background: transparent url(/i/n_trial.jpg) left bottom no-repeat;
}
#navigation ul li a#n_qa {
	width: 82px;
	background: transparent url(/i/n_qa.jpg) left bottom no-repeat;
}
#navigation ul li a#n_articles {
	width: 93px;
	background: transparent url(/i/n_articles.jpg) left bottom no-repeat;
}
#navigation ul li a#n_related {
	width: 97px;
	background: transparent url(/i/n_related.jpg) left bottom no-repeat;
}
#navigation ul li a#n_contact {
	width: 87px;
	background: transparent url(/i/n_contact.jpg) left bottom no-repeat;
}
#navigation ul li a#m_home {
	width: 63px;
	background: transparent url(/i/m_home.jpg) left bottom no-repeat;
}
#navigation ul li a#m_personal {
	width: 116px;
	background: transparent url(/i/m_memberdata.jpg) left bottom no-repeat;
}
#navigation ul li a#m_care {
	width: 106px;
	background: transparent url(/i/m_care.jpg) left bottom no-repeat;
}
#navigation ul li a#m_track {
	width: 128px;
	background: transparent url(/i/m_tracking.jpg) left bottom no-repeat;
}
#navigation ul li a#m_research {
	width: 131px;
	background: transparent url(/i/m_research.jpg) left bottom no-repeat;
}
#navigation ul li a#m_contact {
	width: 77px;
	background: transparent url(/i/m_contact.jpg) left bottom no-repeat;
}
/* --- When hover over a navigation buttom, the background position changes to reveal the hover state --- */

#navigation ul li a#n_about:hover,
#navigation ul li a#n_demo:hover,
#navigation ul li a#n_trial:hover,
#navigation ul li a#n_qa:hover,
#navigation ul li a#n_articles:hover,
#navigation ul li a#n_related:hover,
#navigation ul li a#n_contact:hover,
#navigation ul li a#m_home:hover,
#navigation ul li a#m_personal:hover,
#navigation ul li a#m_care:hover,
#navigation ul li a#m_track:hover,
#navigation ul li a#m_research:hover,
#navigation ul li a#m_contact:hover
{
	background-position: left top;
}

/* --- Style for Current navigation item --- */

#navigation ul li#currentnav a {
	background-position: left top;
}
ul#careTypes {
	position: absolute;
	top: 147px;
	margin: 0px auto;
	padding: 0px;
	background-color: #051B33;
}
ul#careTypes li {
	float: left;
	margin: 0px 20px;
	list-style: none;
	background-color: #051B33;
}
ul#careTypes li a {
	color: #fff;
	text-decoration: none;
}
ul#careTypes li a:hover {
	color: #fff;
	text-decoration: underline;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Structural Divs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#banner {
	width: 906px;
	height: 305px;
	background: transparent url(/i/banner_bg.jpg) 0 0 no-repeat;
}
#topline {
	width: 906px;
	height: 15px;
	padding: 0px;
	margin: 0px;
	background: transparent url(/i/banner_line906x15.jpg) 0 0 no-repeat;
	/* DGibby background: transparent url(/i/banner_line.jpg) 0 0 no-repeat; */
}


#contentwrap {
	width: 866px;
	background: transparent url(/i/watermark.gif) right bottom no-repeat;
	padding: 20px;
}

	#contentwrap #maincontent {
		width: 545px;
		float: left;
		padding-right: 20px;
	}

	#contentwrap #sidebar {
		width: 301px;
		float: left;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footerwrap {
	width: 100%;
	background: transparent url(/i/footer_bg.gif) 0 0 repeat-x;
}

#footer {
	width: 906px;
	background: #fff url(/i/content_bg.gif) 0 0 repeat-y;
	margin: 0 auto;
}

#footercontent {
	background: transparent url(/i/footer_content.gif) 0 0 no-repeat;
	width: 866px;
	padding: 20px;
}

/* --- Tall Footer columns --- */

#footercontent #col-1 {
	float: left;
	width: 290px;
	padding: 0 10px 0 0;
}
#footercontent #col-2 {
	float: left;
	width: 290px;
	padding: 0 10px 0 0;
}
#footercontent #col-3 {
	float: left;
	width: 266px;
}

#footercontent p#copyright {
	font-size: 90%;
	margin: 0;
}
/* add the tallfooter class to the copyright paragraph when it is shown below the "Tall Footer" content, otherwise do not use it */
#footercontent p#copyright.tallfooter {
	clear: both;
	border-top: 1px dashed #7C8BA1;
	padding-top: 10px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Emergency Login
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#notAMember, #usernameLogin, #forgotPassword {
	border: 1px solid #7C8BA1;
	padding: 12px;
	float: left;
	margin-bottom: 12px;
	margin-right: 18px;
}
#usernameLogin {
	width: 340px;
}
#crisisIDLogin {
	border: 1px solid #7C8BA1;
	background-color:#FFF;
	padding: 12px;
	float: right;
	margin-bottom: 12px;
	width: 426px;
}
#usernameLogin h3, #usernameLogin p, #notAMember h3, #crisisIDLogin h3, #crisisIDLogin p, #forgotPassword h3 {
	margin-top: 0px;
	margin-bottom: 6px;
}

#emergencylogin {
	width: 301px;
	background: transparent url(/i/emergencylogin_bg.gif) left bottom no-repeat;
	margin-bottom: 20px;
}

	#emergencylogin h2 {
		display: block;
		width: 301px;
		height: 41px;
		background: transparent url(/i/emergencylogin_header.jpg) 0 0 no-repeat;
		margin: 0;
	}

		#emergencylogin form {
			margin-bottom: 20px;
			padding: 0 10px;
			margin: 0;
		}

		#emergencylogin form p {
			margin: 0;
			padding: 0;
		}

		#emergencylogin p label,#emergencylogin p input {
			display: block;
			width: 150px;
			float: left;
		}

		#emergencylogin p label {
			text-align: right;
			width: 100px;
			color: #fff;
			font: bold 100% "trebuchet ms", verdana, sans-serif;
			padding-right: 20px;
		}

		#emergencylogin p label span {
			color: #FFD538;
		}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Signup Form
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
form fieldset label, form #create_account label {
	display: block;
	float: left;
	width: 120px;
	padding-top: 3px;
	clear: left;
}
form #create_account input, form #create_account select,
form fieldset input, form fieldset select {
	margin-top: 3px;
}
fieldset, #create_account {
	padding: 0px 6px;
}
div#priceDiv {
	float: right;
	border: 1px solid #eee;
	margin: 6px;
	padding: 12px
}
#priceDiv h4, #priceDiv p, #priceDiv ul {
	margin: 0px;
}
input.error, select.error, textarea.error {
	border: 2px dotted red
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   members area
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
textarea{
	font: normal small "trebuchet ms", "Verdana", sans-serif;
}
span.label {
	padding: 4px 0px;
	font-weight: bold;
	text-align: right;
	display: block;
	width: 160px;
	float: left;
	clear: left;
}
span.share {
	padding: 4px 0px;
	font-weight: bold;
	text-align: right;
	display: block;
	width: 460px;
	float: right;
	clear: right;
}
span.innershare {
	padding: 0px;
	margin: 0px;
	text-align: left;
	display: block;
	float: left;
	clear: right;
}
span.field {
	display: block;
	float: left;
	padding: 4px 9px;
	clear: right;
}
fieldset {
	display: block;
	position:relative;
	border: 1px solid #1F334D;
	float: left;
	margin: 12px 3px;
	padding: 0px 12px 12px;
	min-width: 640px;
	width: 646px;
	min-height: 640px;
	h\eight: 640px;
}
#create_account {
	display: block;
	position:relative;
	border: 1px solid #1F334D;
	float: left;
	margin: 12px 3px;
	padding: 0px;
	min-width: 640px;
	width: 646px;
	min-height: 640px;
	h\eight: 640px;
}

fieldset legend span {
	display: block;
	position: absolute;
	clear: both;
	padding: 3px 6px;
	margin: 0px 0px 12px 0px;
	background:#576A88;
	width: 660px;
	top: -1.4em; left: -13px;
	color: #fff;
	font-weight: bold;
	font-size: 12pt;
	line-height: 1em;
	height: 1em;
}
#create_account #billingInfo, #create_account #loginInfo, #create_account #contactInfo {
margin: 9px 12px
}
#create_account h2 {
	display: block;
	clear: both;
	padding:3px;
	margin:0px;
	background:#576A88;
	width: 640px;
	color: #fff;
	font-weight: bold;
	font-size: 12pt;
	line-height: 1em;
	height: 1em;
}
/*
fieldset legend span {
	position:relative;
	top: -1.2em;
	left: -1.2em;
	padding:3px 6px;
	background:#576A88;
	color:#fff;
	font-size: 12pt;
	font-weight: bold;
}
*/
.dataBox, .pageBox {
	background-color: #FFF;
	display: block;
	border: 1px solid #1F334D;
	float: left;
	margin: 12px 3px;
	padding: 0px;
	/*min-width: 750px;*/
	/*width: 860px;*/
	width: 646px;
	min-height: 80px;
	/*max-height: 240px;*/
}
div.dataBoxTall {
	background-color: #FFF;
	display: block;
	border: 1px solid #1F334D;
	float: left;
	margin: 12px 3px;
	padding: 0px;
	min-width: 750px;
	width: 860px;
	min-height: 640px;
	h\eight: 640px;
	/*max-height: 700px;*/
}
div.head {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px 3px;
	margin: 0px;
	min-width: 744px;
	width: 854px;
	height: 27px;
	background-color: #1F334D;
	color: #FFF;
}
div.dataBox div.head h3, div.pageBox div.head h3, div.dataBoxTall div.head h3, fieldset.dataBox, fieldset.pageBox {
	float: left;
	padding: 2px 0px;
	margin: 0px;
	font-size: 1.2em;
	color: #FFF;
	width: 710px;
}
div.head a.showHide {
	float: right;
	padding: 2px 0px;
	text-decoration: normal;
	color: #FFCC00;
}
div.items {
	clear: both;
	padding: 3px 6px;
	margin: 0px;
	width: 848px;
	/*height: 146px;
	overflow: auto;*/
}

div.dataBoxTall div.items {
	min-height: 652px;
	h\eight: 652px;
	/*max-height: 706px;*/
}
tr.evenrow td, tr.evenrow th, div.evenrow, span.evenrow {
	background-color: #CCDDFF;
}
tr.oddrow td, tr.oddrow th, div.oddrow, span.oddrow {
	background-color: #FFFFCC;
}
.evenrow span, .oddrow span {
	background-color: inherit;
}
div.error {
	color: #CC0000;
	font-weight: bold;
}
div#errors {
	color: #CC0000;
	font-weight: bold;
	padding: 9px;
	margin-bottom: 12px;
	border: 2px dotted #CC0000;
}
div#infos {
	color: #334466;
	font-weight: bold;
	padding: 9px;
	margin-bottom: 12px;
	border: 1px solid #556688;
}
a image.button {
	border:0
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Hot Boxes
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.hotbox {
	width: 281px;
	height: 62px;
	margin-bottom: 20px;
	padding: 10px;
}

.bluebox {
	background: transparent url(/i/hotbox_blue.jpg) 0 0 no-repeat;
}
.brownbox {
	background: transparent url(/i/hotbox_brown.jpg) 0 0 no-repeat;
}
.redbox {
	background: transparent url(/i/hotbox_red.jpg) 0 0 no-repeat;
}
.yellowbox {
	background: transparent url(/i/hotbox_yellow.jpg) 0 0 no-repeat;
}
.purplebox {
	background: transparent url(/i/hotbox_purple.jpg) 0 0 no-repeat;
}

.hotbox h2 {
	font-size: 150%;
	color: #fff;
	margin: 0 0 5px 0;
}
	.hotbox h2 a {
		color: #fff;
		text-decoration: none;
	}

.hotbox p {
	font-size: 100%;
	color: #fff;
	line-height: 110%;
	margin: 0;
}
	.yellowbox p {
		color: #041b33;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Typography
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


h2 {
	font: bold 180% "trebuchet ms", verdana, sans-serif; /* 240% */
	color: #041b33;
	margin: 15px 0;
}

h3 {
	font: bold 150% "trebuchet ms", verdana, sans-serif; /* 180% */
	color: #041b33;
	margin: 15px 0;
}

h4 {
	font: normal 130% "trebuchet ms", verdana, sans-serif;
	color: #041b33;
	margin: 15px 0;
}

p {
	font: normal 110% "trebuchet ms", verdana, sans-serif;
	line-height: 140%;
	color: #041b33;
	margin: 20px 0;
}

a {
	font: normal 100% "trebuchet ms", verdana, sans-serif;
	color: #5670d1;
}
a:hover {color: #d8ab10;}
table.crisisReport a {
	color: #5670d1;
}
table.crisisReport a:hover {
	color: #d8ab10;
}

abbr,acronym {
	border-bottom: 1px dotted #041b33;
}

blockquote {
	background-color: #D4D8DF;
	border: 1px solid #7C8BA1;
	font: italic 120% "trebuchet ms", verdana, sans-serif;
	padding: 5px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Misc.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header h1 a,
#navigation ul li a,
#emergencylogin h2 {	  /*----Add image replaced element here----*/
	letter-spacing: -1000em;
	text-indent: -999em;
	overflow: hidden;
}


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


div.dataBox, div.pageBox {
	border-bottom:2px solid #1F334D;
	border-top:2px solid #31517D;
	border-right:2px solid #1F334D;
	border-left:2px solid #31517D;
	width:99%;
	/*Note width is set to 99 to fix ie 5 window scrolling, ideally set it to 100% then add conditional comment for the 99% for IE 5/5.5*/
}


/*
table.crisisReport {
	border: 1px solid #1F334D;
	margin: 0px auto;
}
table.crisisReport th {
	border-right: 1px solid #7F93AD;
	border-bottom: 1px solid #1F334D;
}
table.crisisReport td {
	border-right: 1px solid #7F93AD;
	border-bottom: 1px solid #5F738D
}
*/
div.dataBox h3, div.dataBoxTall h3 {
	margin:0;
	padding:6px;
	background:#576A88 url('title.jpg') repeat-x top;
	color:#fff;
	position:relative;
	height:1%;
	font-size: 12pt
}
div.dataBox h3 img, div.dataBoxTall h3 img {
	position:absolute;
	padding:4px;
	border:0;
	right:0;
	top:0;
}
div.pageBox h3 {
	margin:0;
	padding:8px 0px 2px 6px;
	background:#576A88 url('title.jpg') repeat-x top;
	color:#fff;
	position:relative;
	height:30px;
	font-size: 12pt
}
div.pageBox h3 img {
	position:absolute;
	padding:0;
	border:0;
	right:0;
	top:0;
}
#changePassLink {
	padding:12px 0px 12px 55px;
}
/*div.dataBox #foot {
	position:absolute;
	padding:4px;
	border:0;
	right:0;
	bottom:0
}
*/
table.crisisReport {
	width:100%;
	text-align:left !important;
	margin:0;
	padding:0;
	border:0;
}
table.crisisReport thead th {
	background-color:#919EAF;
	border-bottom:1px solid #fff;
	color:#1F334D;
	padding:6px;
}
table.crisisReport tbody td {
	padding:6px;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
table.crisisReport tr.evenrow td{
	background-color:#D0D6DC;
}
table.crisisReport tr.oddrow td {
	background-color:#FFFFCC;
}
table.crisisReport tfoot td {
	padding:6px;
}
table.crisisReport tfoot b {
	color:#1F334D;
}
table.crisisReport tbody td a, table.crisisReport thead th a {
	font-weight:bold;
	color:#1F334D;

}
table.crisisReport thead th a {
	text-decoration: none;
}
table.crisisReport thead th a:hover {
	font-weight:bold;
	color:#FFF;
	text-decoration: underline;
}
table.crisisReport tbody td a:hover,table.crisisReport tbody td a:focus {
	text-decoration:none !important;
	color:#1F334D;
}

div#subNav {
	float: right;
	width: 220px;
	w\idth: 212px;
	margin: 0px 12px;
	padding: 0px;
/*	border-bottom:2px solid #576A88;*/
}
h3.subNav {
	width:220px;
	w\idth: 212px;
	color:#fff;
	background:#576A88 url('/i/navtitle.jpg') no-repeat top;
	margin:0 0 1px 0;
	padding:4px;

}
h3.subNav a, h3.subNav a:hover, h3.subNav a:link, h3.subNav a:visited {
	text-decoration: none;
	color:#fff;
}
p.subNav {
	width:220px;
	w\idth: 212px;
	color:#576A88;
	background:#D2D7DF url('/i/nav_p.jpg') no-repeat top;
	margin:0;
	padding:4px;
}
ul.subNav,ul.subNav ul {
	width:220px;
	color:#041B33;
	background-color:#fff;
	margin:0;
	padding:0;
	list-style:none;
/*	border-bottom:2px solid #576A88;*/
	border-bottom:1px solid #FFF;
	display:block;
}
ul.subNav ul {
	border-bottom:0 !important;
}
ul.subNav li {
	display:block;
	border-top:1px solid #fff;
	margin:0;
	padding:0;
	background:#D6DAE2 url('/i/nav_li.jpg') no-repeat top;
}
ul.subNav li a {
	display:block;
	color:#041B33;
	background:url('/i/arrow1.gif') no-repeat left;
	margin:0;
	padding:4px 4px 4px 24px;
	text-decoration:none;
	height:1%;
}
ul.subNav li a:hover, ul.subNav li a:focus  {
	background:url('/i/arrow2.gif') no-repeat left;
	color:#576A88;
}
ul.subNav ul li a {
	padding:4px 4px 4px 38px !important;
	background:url('/i/square1.gif') no-repeat left !important;
}
ul.subNav ul li a:hover, ul.subNav ul li a:focus {
	background:url('/i/square2.gif') no-repeat left !important;
	color:#576A88;
}
ul.subNav li.title {
	display:block;
	color:#fff;
	background:#576A88 url('/i/navtitle_inner.jpg') no-repeat top;
}
ul.subNav li.title span {
	display:block;
	color:#fff;
	background:url('/i/plus.gif') no-repeat left;
	padding:4px 4px 4px 24px;
}