/* 
====== Default CSS Content ======
	
	00: Reset
	01: Globals
	02: Typography
	03: Lists
	04: Home
	05: Print
	06: Data
	07: Web
	08: Email
	09: Mobile
	10: Studio
	11: Contact
	
============
*/

/* 
====== 0: START: Re-set ======
*/
/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */   
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,p,a,form,body,html,blockquote,fieldset,input{ margin:0; padding:0; }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img, img, fieldset{ border: none; }

sup { font-size: 75%; }

/* 
====== 0: END: Re-set ======
*/

/* 
====== 1: START: Globals ======
*/

*	{}

body {  
	line-height			: 1.5em; 
	color				: #5C5C5E;
	background			: #FFFFFF;
	font				: 80%/1.5em Trebuchet MS, Tahoma, Verdana, Arial, Sans-serif;
}
.clearboth {
	clear				: both;
	margin				: 0;
	padding				: 0;
	height				: 1px;
	line-height			: 1px;
}

.floatleft{
	float				: left;
}
.floatright{
	float				: right;
}

.ebook
{
	margin-right		: 20px;
	vertical-align		: top;
}

a.interestingFacts {
	/*background			: url(../images/home_interesting_facts.png) no-repeat 0 0;*/
	background          : url(../images/sprite.png) -425px -444px no-repeat;
	_background         : url(../images/sprite_ie6.png) -425px -444px no-repeat;
	height				: 60px;
	display				: block;
	text-decoration		: none;
	margin              : 10px 0 41px 0;
	text-align			: left;
	padding				: 10px 8px 5px 86px;
	font-size			: 11px;
	line-height         : 12px;
}

a.readingFC {
	background          : url(../images/sprite.png) -425px -605px no-repeat;
	_background         : url(../images/sprite_ie6.png) -425px -605px no-repeat;
	margin				: 0;
	display				: block;
	height				: 59px;
	font-size			: 11px;
	line-height         : 12px;
	padding				: 5px 8px 5px 86px;
	text-decoration     : none;
}

a.twitterLink {
	/*background			: url(../images/twitter_background.gif) no-repeat 0 0;*/
	background          : url(../images/sprite.png) -425px -536px no-repeat;
	_background         : url(../images/sprite_ie6.png) -425px -536px no-repeat;
	height				: 59px;
	display				: block;
	font-size			: 11px;
	padding				: 6px 0 0 86px;
	/*color				: #5C5C5E !important;*/
	text-decoration		: none;
	text-align			: left;
	line-height         : 12px;
	margin              : 10px 0 20px 0;
}

a.twitterLink span
{
	color				: #8fd9f4;
}


/* 
====== 1: END: Globals ======
*/

/*
====== 2: START: Typography ======
*/
h1	{	
	text-indent			: -10000px;
	margin				: 0;
	height				: 0;
	line-height			: 0;
	font-size			: 1px;
}

h1 a {
	border-bottom		: none !important;
	
}	
	
h2	{	
	font				: 170% Trebuchet MS;
	font-weight         : bold;
}

h2 span {
    display             : block;
	font-size			: 75%;
	font-weight			: normal; 
	margin-top          : -6px;
}

h2 img {
	vertical-align		: middle;
}

h3	{	
	font				: 120%; 
	color				: #009DDA;
}
h4	{	
	font-size			: 110%; 
}
h5	{	
	font-size			: 120%; 
}

p { 
    font-size           : 95%;
	margin				: 0;
	padding-bottom		: 1em;
	line-height         : 1.4em;
}

a:link, a:visited, a:hover, a:active{
	font-weight			: bold;
	color				: #FFF;
}

a:link {
	
}

a:visited{


}
a:hover {

}

a:active{

}

.warning{
	color				: #D32A2A;
}


.maintenanceWarning {
	border				: solid 1px #C80000;
	padding				: 5px 10px;
	background			: #F2D9D9;
	color				: #C80000;
}

.listTitle {
	padding				: 0;
	font-weight			: bold;
}
#index .delivering {
    padding-bottom      : 5px;
    *padding-bottom     : 5px;
    height              : 22px;
}

#index .delivering a, #index .delivering a:link, #index .delivering a:visited {
    text-decoration     : none;
    color               : #FFFFFF;
    text-align          : center;
    height              : 21px;
    _height             : 18px;
    position            : relative;
    z-index             : 10;
}
#index .delivering a:hover {
    color               : #EFEFEF;
}

#index .delivering span {
    float               : left;
    margin              : 0 !important;
}
#index .delivering span a {
    padding             : 3px 0 0 0;
}
.blue a {
	background          : url(../images/sprite.png) -64px -881px no-repeat;
	width               : 42px;
	display             : block;
	/*color				: #008ACF;*/
}

.green a {
	background          : url(../images/sprite.png) -106px -881px no-repeat;
	width               : 40px;
	display             : block;
	/*color				: #7EB61C;*/
}

.yellow a {
	background          : url(../images/sprite.png) -146px -881px no-repeat;
	width               : 40px;
	display             : block;
	/*color				: #F6A800;*/
}

.pink a {
    background          : url(../images/sprite.png) -186px -881px no-repeat;
	width               : 103px;
	display             : block;
    /*color               : #ce288c;*/
}

.purple a {
    background          : url(../images/sprite.png) -289px -881px no-repeat;
	width               : 112px;
	display             : block;
    /*color               : #92368f;*/
}

.dark-blue a {
    background          : url(../images/sprite.png) -401px -881px no-repeat;
	width               : 99px;
	display             : block;
    /*color               : #005a9d;*/
}

/*
====== 2: END: Typography ======
*/

/*
====== 3: START: Lists ======
*/


ol {

}

li{
	margin				: 0 0 0 17px;
    font-size           : 95%;
}

dl {
	
}

dt {
	float				: left;
	width				: 100px;
}

dd {
	margin				: 0 0 10px 110px;
}
/*
====== 3: END: Lists ======
*/

/*
===== 4: START: Home ======
*/

#index {
	background			: url(../images/backgroundHome2.jpg) 0 0 no-repeat #FFF;
	height				: 429px;
	padding				: 10px 0 0 10px;
}
#index h2, #index h3 {
    text-indent         : -9999px;
}
#index h2 {
    background			: url(../images/backgroundHomeLogos.jpg) 0 0;
    width               : 300px;
    height              : 160px;
    float               : left;
    position            : relative;
    top                 : -5px;
    left                : -10px;
}
#index h3 {
    background			: url(../images/backgroundHomeLogos.jpg) -387px -5px no-repeat;
    width               : 330px;
    height              : 290px;
    float               : right;
    position            : relative;
    top                 : -5px;
    left                : 0;
    z-index             : 0;
}
#index .title {
	margin				: 0 0 0.5em 40px;
	padding				: 0.5em 0 0 0;
	_padding-left		: 11px;
	font-size			: 180%;
}

#index .leftCol .title {
    margin              : 0 0 0.75em 0;
    padding             : 0;
    _padding-left       : 0;
}

#index .title span {
	font-size			: 100%;
	font-weight			: bold;
	display             : inline;
}

#index p {
    font-size           : 90%;
    line-height         : 1.2em;
    padding-bottom		: 8px;
}

#index .homeSignOff {
    padding-top         : 180px;
}

#index .homeSignOff span {
	margin				: 0 0 0 1.5em;
}

#index .homeSignOff .slogan {
	font-size			: 113%;
	font-weight			: bold;
	line-height			: 1.1em;
	margin              : 0;
	padding-bottom      : 1em;
	display             : block;
}

#index .homeSignOff img {
	vertical-align		: middle;
}

#index .leftCol {
	float				: left;
	width				: 700px;
	margin				: 5px 0 0 20px;
	_margin-left		: 10px;
}

#index .rightCol {
	width				: 204px;
	margin				: 13px 0 0 0;
	background          : url(../images/sprite.png) -297px 0 no-repeat;
	_background         : url(../images/sprite_ie6.png) -297px 0 no-repeat;
	float               : right;
}

#index .rightCol img {
    padding-top         : 0;
}

#index .dma {
    background          : url(../images/sprite.png) -436px -681px no-repeat;
    _background         : url(../images/sprite_ie6.png) -436px -681px no-repeat;
    width               : 65px;
    height              : 65px;
    margin              : 40px 0 0 0;
    text-indent         : -9999px;
}
#index .iso {
    background          : url(../images/sprite.png) -395px -769px no-repeat;
    _background         : url(../images/sprite_ie6.png) -395px -769px no-repeat;
    width               : 105px;
    height              : 83px;
    margin              : 30px 16px 0 0;
    _margin             : 30px 10px 0 0;
    text-indent         : -9999px;
}
#index .cta {
    font-size           : 1.6em;
    color               : #686767;
    padding             : 0;
}
#index .cta a, #index .cta a:hover, #index .cta a:visited, #index .cta span {
    color               : #000000;
    text-decoration     : none;
    font-weight         : bold;
    margin              : 0;
}

/*
===== 4: END: Home ======
*/


/*
===== 5: START: Print ======
*/

#print {
	background			: url(../images/backgroundPrint2.jpg) 0 0 no-repeat #FFF;
	height				: 390px;
	padding				: 0 5px 10px 40px;
	color				: #FFF;
}

#print .leftCol {
	float				: left;
	width				: 421px;	
	padding				: 15px 0 0 0;
}

#print h2 {
	font-size			: 2.4em;
	padding				: 0 0 0.25em 0;
}

#print h2 strong {
    color               : #0f487a;
}

#print p {
	padding				: 0 0 0.75em 0;
}

#print p.quote {
	width				: 216px;
	font-weight			: bold;
	font-style			: italic;
	font-size			: 110%;
	float				: right;
	margin				: 248px 0 0 0;
	padding				: 0;
}

#print p.small {
    font-size           : 70%;
}

#print .leftCol ul
{
    font-size           : 95%;
    line-height         : 1.4em;
    margin-bottom       : 0.6em;
}

/*
===== 5: END: Print ======
*/

/*
===== 6: START: Data ======
*/

#data {
	background			: url(../images/backgroundData.jpg) 0 0 no-repeat #FFF;
	height				: 390px;
	padding				: 0 20px 10px;
	color				: #FFF;
}

#data .rightCol {
	float				: right;
	width				: 440px;
	padding				: 40px 0 0 0;
}

#data h2 {
	font-size			: 2.4em;
	padding				: 0 0 0.25em 0;
	float				: left;
}

#data h2 strong {
    color               : #3c6239;
}

#data p {
	float				: left;
	width				: 434px;
	padding				: 0 0 1em 0;
}

#data p.last {
    line-height         : 1.8em;
}

#data p.quote {
	width				: 280px;
	font-weight			: bold;
	font-style			: italic;
	font-size			: 130%;
	margin				: 0 0 0 0;
	padding				: 255px 0 0 0;
}

#data a.promLink:link, a.promLink:visited {
	-moz-border-radius		: 3px;
	-webkit-border-radius	: 3px;
	border-radius			: 3px;
	background				: rgba(251, 255, 191, 0.5);
	background				: transparent url(../Images/backgroundData.jpg) repeat scroll -501px -432px;
	color					: #fff;
	padding					: 4px;
	#height					: 30px;
	#line-height			: 30px;
	padding					: 4px;
}

#data a.promLink:hover, a.promLink:active {
	-moz-border-radius		: 3px;
	-webkit-border-radius	: 3px;
	border-radius			: 3px;
	background				: rgba(251, 255, 191, 0.3);
	#background				: none;
	color					: #233F04;
	padding					: 4px;
}


/*
===== 6: END: Data ======
*/

/*
===== 7: START: Web ======
*/

#web {
	background			: url(../images/backgroundWeb.jpg) 0 0 no-repeat;
	height				: 390px;
	padding				: 0 10px 10px 40px;
	color				: #FFF;
}

#web .colLeft {
	float				: left;
	width				: 304px;
	margin				: 35px 0 0 0;
}

#web h2 {
	font-size			: 2.4em;
	padding				: 0 0 0.25em 0;
}

#web h2 strong {
    color               : #be661b;
}

#web .quote {
	width				: 230px;
	font-weight			: bold;
	font-style			: italic;
	float				: right;
	text-align			: right;
	font-size			: 110%;
	margin				: 65px 0 0 0;
	padding				: 0;
}	



/*
===== 7: END: Web ======
*/

/*
===== 8: START: Email ======
*/

#email {
	background			: url(../images/backgroundEmail.jpg) 0 0 no-repeat;
	height				: 390px;
	padding				: 0 10px 10px 430px;
	color				: #FFF;
}

#email h2 {
	font-size			: 2.4em;
	padding				: 0 0 0.25em 0;
}

#email h2 strong {
    color               : #960964;
}

#email .colRight {
	width				: 370px;
	float				: right;
	margin				: 20px 20px 0 0;
	_margin             : 20px 10px 0 0;
}

#email p {
}

#email .quote {
	width				: 210px;
	font-size			: 120%;
	font-weight			: bold;
	font-style			: italic;
	margin				: 50px 0 0 0;
	padding				: 0 0 0 168px;
}

/*
===== 8: END: Email ======
*/

/*
===== 9: START: Mobile ======
*/

#mobile {
	background			: url(../images/backgroundMobile.jpg) 0 0 no-repeat;
	height				: 390px;
	padding				: 0 10px 10px 40px;
	color				: #FFF;
}

#mobile .colLeft {
	float				: left;
	margin				: 40px 0 0 0;
}

#mobile h2 {
	font-size			: 2.4em;
	padding				: 0 0 0.25em 0;
}

#mobile h2 strong {
    color               : #522957;
}

#mobile p { 
	width				: 293px;
}

#mobile .quote {
	width				: 180px;
	font-size			: 120%;
	font-weight			: bold;
	font-style			: italic;
	margin				: 59px 0 0 0;
	padding				: 0 0 0 209px;
	float				: left;
}

/*
===== 9: END: Mobile ======
*/

/*
===== 10: START: Studio ======
*/

#studio {
	background			: url(../images/backgroundStudio.jpg) 0 0 no-repeat;
	height				: 390px;
	padding				: 0 20px 10px 20px;
	color				: #fff;
}

#studio .colRight {
	float				: right;
	width				: 350px;
	padding				: 15px 40px 0 0;
}

#studio h2 {
	font-size			: 2.4em;
	padding				: 0 0 0.25em;
}

#studio h2 strong {
    color               : #003b6a;
}

#studio p {
    padding-bottom      : 1em;
}

#studio .quote {
	width				: 185px;
	font-size			: 120%;
	font-weight			: bold;
	font-style			: italic;
	padding				: 89px 0 0 250px;
}

/*
===== 10: END: Studio ======
*/



/*
===== 11: START: Contact ======
*/

#contact {
	background			: url(../images/stripesContact.gif) 0 0 repeat;
	/*height				: 390px;*/
	padding				: 10px 0 0 0;
	text-align			: center;
}

.contactContainer {
	border				: solid 1px #F4F4F4;
	background			: #FFF;
	padding				: 5px;
	width				: 500px;
	margin				: 0 auto 10px;
}

.contactMsg {
	background			: url(../images/contactMsgBackground.jpg) 0 100% repeat-x #55C3EC;
	padding				: 10px;
	color				: #FFF;
	font-size			: 1.4em;
	line-height			: 1.5em;
}

.contactMsg h2 {
    text-align          : left;
    margin-bottom       : 8px;
}

.contactMsg h2 strong {
    color               : #12518a;
}

.contactMsg p {
    text-align          : left;
	padding				: 0;
}

#contact fieldset {
	background			: #FFF;
	width				: 480px;
	margin				: 0 auto;
	border				: solid 1px #F4F4F4;
	padding				: 5px 15px;
}

#contact dt {
	width				: 80px;
	text-align			: left;
}

#contact dd input, #contact dd textarea  {
	width				: 250px;
}

#contact dd textarea {
	font-family			: Arial;
	font-size			: 1em;
}

#contact dd {
	margin-left			: 80px;
	text-align			: left;
}

#contact .warning {
	text-align			: left;
	float				: left;
}

#contact .button {
	float				: right;
}

.contactBottom {
	margin				: 10px 0 0 0;
}

.contactBottom img {
	margin				: 0 0 20px 0;
}

.contactBottom p {
	line-height			: 1.7em;
}

.contactBottom a {
	color				: #000;
}

.contactBottom .website a {
	color				: #009CDA;
	font-size			: 1.2em;
}

/*
===== 11: END: Contact ======
*/

/*
===== 12: START: Healthcheck ======
*/

#healthcheck, #userlist {
	background			: url(../images/stripesContact.gif) 0 0 repeat;
	/*height				: 390px;*/
	padding				: 10px 10px 15px 10px;
}

 #register {
	background			: url(../images/stripesContact.gif) 0 0 repeat;
	/*height				: 390px;*/
	padding				: 10px;
}

 #portalterms {
	background			: url(../images/stripesContact.gif) 0 0 repeat;
	/*height				: 390px;*/
	padding				: 10px;
}

 #portalterms h2
 {
 	margin-bottom		: 1em;
 }

#portalterms h3
 {
 	color				: #8DC61A;
 	margin-bottom		: 0.5em;
 }

#healthcheck a
{
	color				: #8DC61A;
}

#healthcheck h2, #register h2, #userlist h2
{
	font-size			: 2.6em;
	padding				: 0 0 0.3em;
}

#healthcheck h3, #register h3, #userlist h3
{
	color				: #8DC61A;
	margin-bottom		: 1em;
}

#healthcheck .healthcheckMsg h3
{
	margin-bottom		: 0;
	color				: #FFF;
}

#healthcheck p
{
	padding-bottom		: 1em;
}

.healthcheckLoginContainer
{
	float				: left;
	width				: 220px;
	margin				: 0 20px 50px 0;
}

.healthcheckLoginContainerInner {
	border				: solid 1px #F4F4F4;
	background			: #FFF;
	padding				: 5px;
	margin				: 0 0 10px;
}

#healthcheck .container
{
	border				: solid 1px #F4F4F4;
	background			: #FFF;
	padding				: 5px;
	margin				: 0;
}

.healthcheckMsg {
	background			: url(../images/healthcheckBackground.jpg) 0 100% repeat-x #79BD10;
	padding				: 10px;
	color				: #FFF;
	font-size			: 1.6em;
	line-height			: 1.5em;
	text-align			: center;
}

#healthcheck .healthcheckMsg a
{
	color				: #FFF;
}

.healthcheckMsg h3
{
	color				: #FFF;
	padding-bottom		: 0.5em;
}

.healthcheckMsg p {
	padding				: 0 0 5px 0;
}

.healthcheckMsg p.smallText
{
	font-size			: 11px;
	line-height			: 1.3em;
}

#healthcheck fieldset{
	background			: #FFF;
	border				: solid 1px #F4F4F4;
	padding				: 5px 10px;
	width				: 200px;
}


.adduser {
	background			: #FFF;
	border				: solid 1px #F4F4F4;
	padding				: 5px 10px;
	width				: 98% !important;
}

.adduser .register
{
	width				: 45%;
	margin-bottom		: 10px;
}

.adduser .register dd input
{
	width				: 200px;
}

.adduser .register .checkbox input
{
	margin-left		: 3px;
}

.healthcheckadmin fieldset
{
	width				: 98% !important;
}

.healthcheckadmin .leftCol
{
	width				: 47%;
	margin-right		: 3%;
	float				: left;
}

.healthcheckadmin .leftCol h4, .healthcheckadmin .rightCol h4
{
	margin-bottom		: 10px;
}

.healthcheckadmin .rightCol
{
	width				: 47%;
	float				: left;
}

.healthcheckadmin .rightCol #upload
{
	margin-bottom		: 20px;
}

.healthcheckadmin fieldset.jobdetails
{
	float				: left;
	width				: 72% !important;
	margin-bottom		: 10px;
}

.healthcheckadmin fieldset.jobdetails dt, .healthcheckadmin .registerright dt, .healthcheckadmin .registerleft dt
{
	width				: 18%;
	float				: left !important;
}

.healthcheckadmin .mapping .registerright dt, .healthcheckadmin .mapping .registerleft dt
{
	width				: 25%;
}

.healthcheckadmin .mapping .registerright dd, .healthcheckadmin .mapping .registerleft dd
{
	width				: 70%;
}

.radio input
{
	margin-right		: 4px;
}

.healthcheckadmin .registerright dt, .healthcheckadmin .registerleft dt
{
	font-weight			: bold;
}

.healthcheckadmin fieldset.jobdetails dd, .healthcheckadmin .registerright dd, .healthcheckadmin .registerleft dd
{
	margin-bottom		: 10px;
	width				: 80%;
	float				: left !important;
}

.healthcheckadmin .status
{
	text-align			: center;
	background			: url(../images/healthcheckBackground.jpg) 0 0 repeat-x #79BD10;
	color				: #FFF;
	width				: 18%;
	padding				: 10px 5px;
}

.healthcheckadmin .status a
{
	color				: #FFF !important;
}

.healthcheckadmin .activitytable
{
	width				: 72%;
}

.healthcheckadmin .status h3
{
	color				: #FFF !important;
	margin-bottom		: 5px !important;
}

#healthcheck fieldset p
{
	padding-bottom		: 5px;
}

#healthcheck fieldset p.smallText
{
	font-size			: 11px;
	margin-bottom		: 5px;
}

#healthcheck fieldset dt {
	text-align			: left;
	float				: none;
}


.healthcheckadmin fieldset .editprofile dt, .dropdownlist dt
{
	width				: 26%;
	float				: left !important;
}

.healthcheckadmin fieldset .editprofile dd, .dropdownlist dd
{
	width				: 72%;
	float				: left !important;
}

#healthcheck fieldset dd 
{
	float				: none;
	margin-left			: 0;
	text-align			: left;
}


#healthcheck fieldset input.button {
	margin-bottom		: 10px;
}

.healthcheckadmin table, table.DataGrid
{
	background			: #FFF;
}

table.DataGrid
{
	width				: 100%;
	border				: 1px #F0F0F0 solid;
	margin-top			: 20px;
}

.radmenu
{
	width				: 920px;
}

.healthcheckadmin table.outer, .healthcheckadmin .activitytable table, table.DataGrid
{
	margin-bottom		: 20px;
}

.healthcheckadmin table.outer td table td, .healthcheckadmin .activitytable td, table.DataGrid td
{
	padding				: 4px 8px;
	text-align			: center;
}

.healthcheckadmin table.outer td table tr.tr_b td, table.DataGrid tr.tr_b td
{
	background-color	: #F0F0F0;
}

.healthcheckadmin table.outer td table th, .healthcheckadmin .activitytable th, table.DataGrid th
{
	padding				: 4px 8px;
	background			: url(../images/healthcheckBackground.jpg) 0 50% repeat-x #79BD10;
	color				: #FFF;
}

.healthcheckadmin table.outer td table th a, .healthcheckadmin .activitytable th a, table.DataGrid th a
{
	color				: #FFF !important;
}



#register .registerContainer
{
	background			: #FFF;
	border				: solid 1px #F4F4F4;
	padding				: 5px 10px;
}

#register .leftCol, .healthcheckadmin .registerleft
{
	float				: left;
	width				: 47%;
}

#register .rightCol, .healthcheckadmin .registerright
{
	float				: right;
	width				: 47%;
}

.mdTextbox
{
	width				: 40%;
}

.lgTextbox
{
	width				: 90%;
}

 #portalterms .container
 {
 	background			: #FFF;
	border				: solid 1px #F4F4F4;
	padding				: 5px 10px;
 }
 
  #portalterms .container ol
  {
  	margin				: 0 0 20px 5px;
  }
 
  #portalterms .container .chk input
  {
  	margin-right		: 5px;
  }

/*
===== 12: END: Healthcheck ======
*/