/* COLOR LEGEND
	#01aabc - main blue
	#80F3FF - secondary blue
	#7bbe43 - main green
	#D3FFAC - secondary green
	#eb661b - main orange	
	#2a4953 - dark turquoise blue
	#E0F6FF - secondary turquoise blue
*/

/************** TEMPLATE RELATED STYLES *************************/

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.75em;
	background-color:#0b2418;	
	text-align:left;
	margin:0;
	margin-bottom:50px;
	padding:0;
	color:#666666;		
}

#Container{	
	
	/*
border:1px solid red;
*/ 		
	padding:0px;
	margin:0px auto;
	width:960px;	
	background-color:#0b2418;	
	clear:both;	
}
 
#SiteRibbon {
	background:url('../images/nav/nav-bg.gif') repeat-x top;
	color:#fff;
	height:25px;
	padding:0;
	margin:0;
	font-size:.8em;
}

#SiteRibbon div.RibbonWrapper{
	margin:auto auto;
	width:960px;		
	padding:0;	
}


#SiteRibbon a{ display:block; color:#80F3FF; float:left; margin:0; padding:0; text-transform:uppercase; text-decoration:none;}
#SiteRibbon a:hover{color:#D3FFAC; text-decoration:underline;}


#Wrapper{
	/*
		border:1px dotted #fff;
	*/
	clear:both;	
	width:960px;
	margin:auto;
	color:#000;
	background-color:#fff;
}

#Header{
	margin:0;	
	/*
		border:1px solid yellow;
	*/
}

#Banner{
	
}

#MainContent{
	height:100%;
	min-height:500px;
	width:95%;
	padding:0 20px 0 20px;
	margin-top:10px;
	/*
		border:1px solid green;	
	*/		
}

#LeftNav{	
	/*
		border:1px solid black;	
	*/	
	float:left;	
	width:54px;	
}

#Footer{
	/*
	border:1px solid blue;
	*/	
	text-align:center;
	clear:both;
}

/************ PAGE SPECIFIC STYLES *************/
#FlashSplash, #FlashSplash a{
	text-align:center;
	color:#fff;		
}

#FrontMatterHeader, #FrontMatterViewer, #FrontMatterLink {
	background-color:#fff; 
	width:500px;
}
#FrontMatterLink {
	background-color:#000; 
	width:500px;
	text-align:center;
}


#FrontMatterHeader {
	text-align:center; 
	font-size:2em;
	padding:10px 2px 10px 0;
	color:#000;
	font-weight:bold;
}

#FrontMatterViewer {
	height:200px; 	
	overflow: auto; 
	margin-top:5px;	
	color:#000;
	padding-left:2px;
	background-color:#EFEFEF;
}
#FrontMatterViewer p{ display:block; margin-bottom:10px;}
#FrontMatterViewer strong{ font-weight:bold;}

/************** CASE STUDY RELATED STYLES *******************/
#PatientHistoryViewer{
	margin:auto;
	margin-bottom:30px;
	margin-left:-20px;
	width:960px;
	
}

#PatientHistory{
	width:900px;
	margin:auto;	
}

#PatientHistory h1{
	color:#003300;
	font-size:1.5em;
}

#PatientHistory h2{
	color:#003300;
	font-size:1.05em;
}

.patient-history-top{
	float:left;
	padding-bottom:10px;
	width:900px;
	
}

.patient-history-column{
	float:left; 
	width:45%;
	padding-right:15px;
}

.fullBox{
	display:block;
	background-color:#FEC;
	width:100%;
	float:left;
	padding:5px;
	margin-bottom:5px;
}

.patientColumn{
	float:left;
	width:420px;
	padding:0 30px 0 0;
}

.case-call-out{
	border:1px solid #000;
	border-bottom:2px solid #000;
	border-right:2px solid #000;
	padding:5px;
	display:block;
	width:230px;
}

#CaseInstructions
{
	background:#fff;
	color:#000;
	margin:5px 5px;
	padding:3px;
	float:left;
	width:400px;
	
}

#ChooseCase {
	position:relative; 	
	z-index:1;
	left:-20px;
	top:-10px;	
	padding:0px;
	margin:15px 0 0 0;
	width:460px;
	height:511px;
	background:url('../images/choose-case-bg.gif') no-repeat 0 0;	
	float:left;
	
}

#ChooseCase a {	
	position:relative;
	top:0;
	width:400px;
	height:140px;
	float:none; 
	font-size:.8em;
	padding:0;
	margin:22px 0 0 20px;	
	display:block;
	text-decoration:none;	
}

#ChooseCase a h1{ font-size:1.5em; color:#003300; padding:5px 0; margin:0; font-family:tahoma, "Times New Roman", Times, serif; font-stretch:wider; }
#ChooseCase a p{ width:185px; margin:0; padding:5px 0; font-size:1em; line-height:15px; color:#333; cursor:pointer;  }
#ChooseCase a span{ color:#cccc33; font-size:.9em; font-weight:bold; text-transform:uppercase; text-decoration:none; font-stretch:narrower; display:block; margin-right:0; padding:0;  }


#PatientInfoSlider,#SliderSwapper {
	position:absolute; 	
	z-index:1; 
	padding:0px;	
	height:510px;
	cursor:pointer;

}

#SliderSwapper {
	display:none;
}

/*
 These affect the In Case Patient Info Slider
*/
#PatientInfoSlider{
	position:absolute;
	width:650px;
	height:800px;

}

#PatientInfoWrapper { 
	float:left;	
	width:550px;
	margin:40px 0 0 30px;
	display:none;
	
	
}
#PatientInfoSlider h1{
	color:#003300;
	font-size:.8em;
	padding:0;
	margin:0;
}

#PatientInfoSlider h2{
	color:#003300;
	font-size:.8em;
	padding:0;
	margin:0;
	line-height:10px;
}
#PatientInfoSlider p{
	color:#003300;
	font-size:.8em;
	line-height:12px;
	padding:10px 0;
	margin:0;
}

#PatientInfoSlider .patient-history-top{
	float:left;
	margin-bottom:10px;
	width:550px;	
}

#PatientInfoSlider .patient-history-column{
	float:left; 
	width:45%;
	padding-right:15px;	
}

#TabHelperBlurb{	
	display:none;
	z-index:2;
	position:absolute;
	top:120px;
	left:225px;
	background: url('../images/tab-help-blurb.gif') no-repeat;
	height:112px;
	width:339px;
}

#CaseQuestionViewer {
	margin-left:100px;
	font-size:1em;
	width:500px;
}

#CaseTitle {
	background-color:#7bbe43;
	color:#fff;
	text-align:left;
	padding:10px;
	width:100%;	
}

div.caseQuestion{ margin:10px 0 15px 0; float:left; }
div.caseQuestion p.questionnumber{ display:block; float:left; margin:0; padding:0; width:20px; }
div.caseQuestion p{ display:block; float:left; margin:0; padding:0; width:470px; }

.optionWrapper { float:left; width:490px; display:block; clear:both; margin:5px 0;  }
.optionField { float:left; width:20px; display:block; }
.optionText { float:right; width:460px; display:block; }

#CMEAttestation	{
	background-color:#D3FFAC;
	padding:10px;
	width:500px;
}

.AnswerDetailsExposed, .AnswerDetails, .FinalAnswer{
	font-size:.9em;
	color:#000000;	
	width:490px;
	display:block;
	line-height:1.4em;
	background-color:#D3FFAC;
	padding: 2px 13px 13px 13px;
}

.FinalAnswer {
	background-color:#01aabc;
	color:#fff;
	font-weight:bold;
	clear:both;
}
.AnswerDetails {
	display:none;
	float:left;
}

a.sectionref{
	display:block; 
	line-height:30px;
	text-indent:30px;
	text-transform:uppercase;
	text-decoration:none;
	font-size:.8em;
	color:#003300;
}
a.sectionref:hover{ color:red; }
/*
	Used on Recommended Answer Screen
*/
div.recommendedAnswer fieldset { border:none;  margin:10px 0; padding:0; background-color:#F1F1F1;  } 
div.recommendedAnswer fieldset legend{ margin-left:-12px; margin-top:-15px; padding:10px 0px;}
div.recommendedAnswer p.sectionref{ margin:5px 15px 15px 15px; padding:5px; font-size:.8em; }
div.recommendedAnswer a.sectionref{ color:#333; }
/*
	Used in Answer Detail 
*/
fieldset{ border:none; } 
fieldset legend{ margin-left:-15px; margin-top:2px; padding:0;}
.section-opened{ border:1px solid #6FA638;}
p.sectionref{ display:none; padding:0 0 5px 5px; margin:0; font-size:.8em; }
.plus{ background: URL('../images/icons/16/112.png') no-repeat 10px 8px; display:block; }
.minus{ background: URL('../images/icons/16/117.png') no-repeat 10px 8px; display:block; }


.NovemberSky{
	font-size:.9em;
	color:#000;
	width:490px;
	display:block;
	line-height:1.4em;
	background-color:#E3E3E3;
	padding: 13px 13px;
}


#EvalForm{
	margin:auto;
	width:530px;
}

#EvalForm h1{
	font-size:1.18em;
}
#EvalForm h2{
	font-size:1em;
}
#EvalFormTitle {
	background-color:#7bbe43;
	color:#fff;
	text-align:left;
	padding:10px;
	width:490px;	
}
div.evalformInfo {
	background-color:#f1f1f1;
	color:#333;
	text-align:left;
	margin:10px 0;
	padding:10px;
	width:490px;	
}

div.evalQuestion{ margin:10px 0 15px 0; float:left; width:100%; }
div.evalQuestion span.Required{ display:block; float:left; margin:0; padding:0; width:10px; }
div.evalQuestion p{ display:block; float:left; width:470px; margin:0; padding:0; }

.Required{
	color:#eb661b;
	font-weight:bold;
	font-size:1.1em;
}
/************** SIGN IN/REGISTRATION FORM STYLES ***************************/
#RegistrationInfo {
	height:300px;
	margin:auto;
	width:720px;
	background-color:#7bbe43;
	color:#fff;

}
#RegistrationInfo h2 {
	font-size:1.1em;
	text-align:center;
}

#RegistrationInfo h3 {
	font-size:1.0em;
}

#SignInForm,#RegisterNow{
	margin:0 0 0 100px;
	padding:10px 5px 10px 5px;
	float:left;
	width:200px;
	height:220px;
	background-color:#D3FFAC;
	color:#000;
}

#RegisterNow a, {
	display:block;
	color:#fff;
	width:148px;
	height:42px;
	line-height:32px;
	background:url('../images/signupbutton.gif') center top no-repeat;
	text-shadow:#1e6c8f 2px 2px 0px;
	letter-spacing:-1px;
	text-align:center;
	font-size:1.5em;
	text-decoration:none;
}
#RegisterNow a:hover{
	text-decoration:none;
	background:url('../images/signupbutton.gif') center bottom no-repeat;
	text-shadow:#b8441c 2px 2px 0px;
	text-align:center;
}
#RegisterNow p{
	font-size:.8em;
}

#RegisterWindowForm label{
	display:block;	
	width:150px;
	float:left;
	padding-right:10px;
}
#RegisterWindowForm span{
	clear:both;
	display:block;	
}

.SexyButton{
	display:block;
	color:#fff;
	width:100px;
	height:28px;
	background:url('../images/sexybutton.gif') center top no-repeat;
	text-shadow:#1e6c8f 2px 2px 0px;
	letter-spacing:-1px;
	text-align:center;
	font-size:1.2em;
	text-decoration:none;
}
.SexyButton:hover {
	text-decoration:none;
	background:url('../images/sexybutton.gif') center bottom no-repeat;
	text-shadow:#b8441c 2px 2px 0px;
	text-align:center;
}

.AnotherSexyButton{
	display:block;
	color:#fff;
	width:100px;
	height:28px;
	background:url('../images/anothersexybutton.gif') center top no-repeat;
	text-shadow:#1e6c8f 2px 2px 0px;
	letter-spacing:-1px;
	text-align:center;
	font-size:1.2em;
	text-decoration:none;
}
.AnotherSexyButton:hover {
	text-decoration:none;
	background:url('../images/anothersexybutton.gif') center bottom no-repeat;
	text-shadow:#b8441c 2px 2px 0px;
	text-align:center;
}
/**************** GLOBAL CLASSES/STYLES ***********************/
.RunFromFlashSlider {
	float:right;
	padding-top:5px;
	background:#2a4953;
	width:450px;
	color:#fff;
}

.TextOnlyLink {	
	color:#01aabc;
	font-size:1em;
}
.TextOnlyLink:hover {	
	color:#7bbe43;
}

.ResetPasswordLink {	
	color:#000;
	font-size:1em;
}
.ResetPasswordLink:hover {	
	color:#eb661b;
}

.ContentNavLink{
	clear:both;
	margin-top:50px;
	display:block;
	color:#fff;
	width:100px;
	height:28px;
	background:url('../images/sexynavbutton.gif') center top no-repeat;
	text-shadow:#1e6c8f 2px 2px 0px;
	letter-spacing:-1px;
	text-align:center;
	font-size:1.2em;
	text-decoration:none;
}
.ContentNavLink:hover {
	text-decoration:none;
	background:url('../images/sexynavbutton.gif') center bottom no-repeat;
	text-shadow:#b8441c 2px 2px 0px;
	text-align:center;
}

.ErrorMessage{
	background-color:#000;
	color:#FF0000;
	padding:5px;
	width:90%;
	text-align:center; 	
}

.InfoMessage {
	background-color:#01aabc;
	color:#fff;;
	padding:5px 10px;
	width:100%;
	text-align:left; 	
}


.Exception{
	background-color:#000;
	color:#FF0000;
	padding:5px;	 		
}

/* this style used to trigger global JQUERY function  in main template */
.Rounded{
	
}

.Center{
	margin:auto;
}
.PushRight {
	margin-left:130px;
}
.PushFurtherRight {
	margin-left:280px;
}
h1 {
	font-size:1.8em;
}

.WBCLink {	
	color:#fff;
	font-size:1em;
}
.WBCLink:hover {	
	color:#000;
}

.transparent{
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
} 
.boxOut{
	background-color:#333333;
	
}




/******************** MY STATUS STYLES *************************/
#MyStatus{
	margin:auto;
}

#CompletedCases{
	background-color:#2a4953;
	color:#fff;
	text-align:left;
	padding:10px;
	margin:auto;
}

#RemainingCases {
	background-color:#D3FFAC;
	color:#1D323A;
	text-align:left;
	padding:10px;
	margin:auto;
}

#RemainingCases a {
	color:#fff;	
}

#CompletedCases a {
	color:#7bbe43;	
}

#CompletedCases hr{
	width:80%;
	border:1px dotted #aaa;	
}

.CompletedCaseEntry{
	background-color:#fff;
	color:#000;;
	padding:5px;
	width:500px;
	display:none;
}
/******************** CERTIFICATE STYLES *************************/
.certCaseTitle{
	font-size:.85em;
}