@charset "UTF-8";
/* 
	Simple CSS
	v1.0 | 20091228
	
****************************************************
*** PLEASE REFRAIN FROM EDITING THIS FILE
*** Any CSS change that is required should be added to the local project's CSS file.
*** If you believe a change is required to this file please send a request to Colin
****************************************************

*/

/****************************************
RESET
http://meyerweb.com/eric/tools/css/reset/
v1.0 | 20080212 
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
body {
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

/* remember to define focus styles! */
:focus {
	outline: 0;
	}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
/****************************************
BASIC STYLES
*/
html, * {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4c4c4c;
	}
h1, h2, h3, p, a, li, td {line-height:1.1em;}
h1 {font-size:1.5em;margin-bottom:.2em;}
h2 {font-size:1.3em;margin-top:2em;margin-bottom:.2em;}
h3 {font-size:1em;margin-top:2em;margin-bottom:.2em;}
h3.marginTop {margin-top:4em;}
h3.smallMargin {margin-bottom:.5em;}
p {margin-bottom:1.2em;}
p.smallMargin {margin-bottom:.5em;}
p.marginTop {margin-top:2em;}
p.marginTopLarge {margin-top:4em;}

#content h1 span {
	display:block;
	font-weight:normal;
	font-size:.8em;
	color:#666;
	}
a {
	color:#09C;
	}
a img {
	border:0;
	}
.clear {
	clear:both;
	}
.fltL {
	float:left;
	}
.fltR {
	float:right;
	}
.fltL_50percent {
	float:left;
	width:45%;
	margin-right:4%;
	}
.fltL_60percent {
	float:left;
	width:55%;
	margin-right:4%;
	}
.fltL_40percentRight {
	float:left;
	width:35%;
	margin-left:4%;
	}
ul.chevron {
	margin: 0 0 10px 9px;
	}
ul.chevron li {
	background:transparent url(../images/global/bullet_chevron.png) no-repeat scroll left 3px;
	*background-color:#FFF; /* IE7 will hide the first bullet when it wraps to two lines and has the background color set to transparent */
	margin-bottom:9px;
	margin-top:4px;
	padding-left:14px;
	}
ul.square {
	list-style-position:outside;
	list-style-type:square;
	margin:0 0 16px 25px;
	}
ul.square li {
	margin-bottom:9px;
	}
ul.noMarker {
	margin:0 7px 16px 0;
	}
ul.noMarker li {
	margin-bottom:15px;
	padding-left:0;
	}
ul.noMarker li h4 {
	display:inline;
	}
ol {
	list-style-position:outside;
	list-style-type:decimal;
	margin:0 0 10px 25px;
	}
ol li {
	margin-bottom:6px;
	padding-left:0;
	}
ol.orderedList {
	list-style-position:outside;
	margin:0 0 10px 45px;
	}
ol.orderedList li {
	margin-bottom:6px;
	padding-left:0;
	}

/****************************************
FRAME
*/

html {height:100%;}
body {
	background-color:#FFF;
	height:100%;
	}

/* for all browsers that understand min-width */
#minWidth {
	min-width:778px;
	}
#header {
	background:#FFFFFF url(../images/global/hd_bg.gif) repeat-x scroll 0 19px;
	clear:both;
	float:left;
	width:100%;
	height:95px;
	position:relative;
	}
#logo {
	float: left;
	margin-left: 10px;
	}
#header h1 {
	color:#000000;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	line-height:22px;
	float: left;
	margin-top: 23px;
	margin-left: 10px;
	}
#header h1 span {
	color:#666;
	display:block;
	font-size:11px;
	line-height:16px;
	margin-left:2px;
	}

/***************************
CONTENT
defines styles presented in the content section
*/

#content {
	background-color:#FFF;
	position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%; /* width of whole page */
	overflow:hidden; /* This chops off any overhanging divs */
	}

.contentWrapper {
	position:relative;
	}

/**********************
LIST VIEW
defines styles present in the list view
*/
.rightCorner {
	background:transparent url(../images/tableSprite.gif) repeat-x scroll -6px -74px;
	height:21px;
	position:absolute;
	right:0;
	top:0;
	width:7px;
	z-index:1;
	float:right;
	}
.leftCorner {
	position:absolute;
	left:0;
	*left:-1px; /*both IE 6 and 7 need this to keep it on the edge*/
	top:0;
	z-index:1;
	background: transparent url(../images/tableSprite.gif) 0 -74px repeat-x;
	width:7px;
	height:21px;
	}
table.information {
	background-color:#FFF;
	position:relative;
	width:100%;
	}
table.informationOnly {
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	}
table.information th {
	background:transparent url(../images/tableSprite.gif) repeat-x scroll 0 -103px;
	height:14px;
	line-height:14px;
	border-left:1px solid #CCC;
	padding:3px 5px 4px 18px;
	text-align:left;
	white-space:nowrap;
	}
table.information th a {
	color:#535353;
	}
table.information th span {margin:0 5px;}
table.information td.information,
table.informationOnly td {
	padding:14px 17px 10px;
	vertical-align:top;
	width:auto;
	background-color:#FFF;
	}
table.informationOnly th {
	padding-left:5px;
	}
table.informationOnly td {
	padding:12px 5px;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	}
table.informationOnly .stripe td{
	background-color:#F2F2F2;
	}

.contentBox_50perct,
.contentBox_40perct, 
.contentBox_60perct,
.contentBox {
	background:transparent url(../images/tableSprite.gif) repeat-x scroll 0 -103px;
	border:1px solid #A0A0A0;
	float:left;
	margin:10px 0 15px 30px;
	position:relative;
	width:449px;
	}
.contentBox_40perct {width:355px;}
.contentBox_60perct {width:565px;}
.contentBox {width:930px;}
.compliance .contentBox {width:952px;}
.contentBox_50perct h3,
.contentBox_40perct h3,
.contentBox_60perct h3,
.contentBox h3 {
	margin-bottom:6px;
	padding:4px 0 0 10px;
	}
.contentBox_50perct h5,
.contentBox_40perct h5, 
.contentBox_60perct h5,
.contentBox h5 {
	margin:25px 0 15px 10px;
	text-transform:uppercase;
	}
.contentBox_50perct p {
	margin:15px 12px;
	}


#tabbedSection {
	width:96%;
	margin:40px 0 20px 2%;
	background-color:#ededed;
	border:1px solid #ababab;
	position:relative;
	}

#tabbedSection .tabCornerTR,
#tabbedSection .tabCornerBR,
#tabbedSection .tabCornerBL {
	background:transparent url(../images/preferencesSprite.png) no-repeat scroll -28px -68px;
	height:4px;
	position:absolute;
	right:-1px;
	top:-1px;
	width:4px;
	overflow:hidden;
	}
#tabbedSection .tabCornerBR {
	background-position:-14px -68px;
	bottom:-1px;
	top:auto;
	}
#tabbedSection .tabCornerBL {
	background-position:0 -68px;
	bottom:-1px;
	left:-1px;
	right:auto;
	top:auto;
	}
#tabbedSection ul.tabs {
	left:-1px;
	padding:0;
	position:absolute;
	top:-23px;
	width:100%;
	}
#tabbedSection ul.tabs li {
	float:left;
	}
#tabbedSection ul.tabs a {
	background:transparent url(../images/preferencesSprite.png) no-repeat scroll left -34px;
	float:left;
	margin-right:4px;
	padding:0 0 0 3px;
	text-decoration:none;
	cursor:pointer;
	width:170px;
	}
#tabbedSection ul.tabs span {
	background:transparent url(../images/preferencesSprite.png) no-repeat scroll right -34px;
	color:#181818;
	display:block;
	font-size:12px;
	font-weight:bold;
	height:16px;
	padding:6px 14px 0 5px;
	position:relative;
	right:-4px;
	text-decoration:none;
	}
#tabbedSection ul.tabs a:hover,
#tabbedSection.tab1 li.tab1 a,
#tabbedSection.tab2 li.tab2 a,
#tabbedSection.tab3 li.tab3 a,
#tabbedSection.tab4 li.tab4 a,
#tabbedSection.tab5 li.tab5 a {
	background-position: left top;
	}
#tabbedSection ul.tabs a:hover span,
#tabbedSection.tab1 li.tab1 span,
#tabbedSection.tab2 li.tab2 span, 
#tabbedSection.tab3 li.tab3 span,
#tabbedSection.tab4 li.tab4 span, 
#tabbedSection.tab5 li.tab5 span {
	background-position: right top;
	height:17px;
	}
#tabbedSection div.tab1,
#tabbedSection div.tab2,
#tabbedSection div.tab3,
#tabbedSection div.tab4,
#tabbedSection div.tab5 {
	display:none;
	}
#tabbedSection.tab1 div.tab1,
#tabbedSection.tab2 div.tab2,
#tabbedSection.tab3 div.tab3,
#tabbedSection.tab4 div.tab4,
#tabbedSection.tab5 div.tab5 {
	display:block;
	}

.information .labelDataContainer {
	overflow:hidden;
	margin-bottom:15px;
	}
.information .labelDataContainerLast {
	overflow:hidden;
	margin-bottom:0;
	}
.information .label {
	font-weight:bold;
	float:left;
	margin-right:5px;
	padding-bottom:2005px;
	margin-bottom:-2000px;
	text-align:right;
	width:120px;
	}
.information .topPadding9 {padding-top:9px;}
.information .topPadding7 {padding-top:7px;}
.information .topPadding4 {padding-top:4px;}
.information .topPadding2 {padding-top:2px;}
.information .data {
	padding-bottom:2005px;
	margin-bottom:-2000px;
	float:left;
	}


/***************************
FOOTER
defines styles present in the footer
*/

#footer {
	position:relative;
	clear:both;
	float:left;
	width:100%;
	}
.footerGradient {
	background:#FFF url(../images/global/bottom_bg.gif) repeat-x 0 0;
	clear:both;
	height:60px;
	}
#footerLinks {
	border-top:2px solid #FF0000;
	height:14px;
	padding:8px 15px;
	position:relative;
	}
#footerLinks a {
	padding:0 5px;
	text-decoration:none;
	}
html #footerLinks,
#footerLinks span {
	color:#09C;
	}
#footerLinks span {
	position:absolute;
	right:15px;
	top:8px;
	}
	
	
	
	
/***************************
CERTIFICATION SPECIFIC STYLES
*/

.certificationContent {
	background:transparent url(../images/tableSprite.gif) repeat-x scroll 0 -103px;
	border:1px solid #A0A0A0;
	float:left;
	margin:10px 0 15px 0;
	position:relative;
	width:100%;
	}
.certificationContent h3 {
	margin-bottom:6px;
	margin-top:0;
	padding:4px 0 0 10px;
	}
.certificationContent .certificationDescription {
	margin:10px 0;
	float:left;
	}
.certificationContent img.certificationSeal {
	float:left;
	margin:40px 0 0 90px;
	}

.certificationSeals img.certificationSeal {
	margin:40px 4% 0;
	float:left;
	}
	
.theLifecycle {
	float:left;
	margin:1em 15px 10px 0;
	}
	
	


/***************************
IE6 Hacks
by preceding a style attribute with * you can target IE6 and IE7
see http://css-discuss.incutio.com/?page=StarHtmlHack
*/
* html #minWidth {
	width:expression(document.body.clientWidth < 780 ? "778px" : "100%" );
	}
* html .leftCorner {
	left:-1px; /*both IE 6 and 7 need this to keep it on the edge*/
	}
* html ul.chevron li { /* replacing transparent PNG images with GIF counterpart */
	background-image: url(../images/global/bullet_chevron.gif);
	background-position: 0 2px;
	background-color:#FFF;
	}
* html .information .labelDataContainer,
* html .information .labelDataContainerLast { /* IE6 doesnt work with this layout concept perfectly so float and clear were added to force them to break after each content group */
	float:left;
	clear:left;
	}