body
{
	font-family:Arial,Tahoma,Verdana;
	font-size:11px;
	color:#7F7F7F;
	background:#FFFFFF url(../../CourseAWV2/Images/bbg.png) repeat-x;
	padding:0; margin:0;
	cursor:default;
}
div,ul,li,table,fieldlist{margin:0;padding:0;}
ul{padding-left:15px;}
img{border:none;}
h2
{
	font-size:16px;
	color:#17A5E7;
}
#wrapper
{
	margin:0 auto;
	width:872px;
}
#dvhead
{
	background:transparent url("../../CourseAWV2/Images/headerbg.png") no-repeat;
	height:147px;
	margin:0 -68px 0 -34px;
	padding:23px 72px 0 36px;
}
#dvhead h1
{
	color:#0A4174;
	float:left;
	font-size:22px;
	margin:20px 16px;
	text-transform:uppercase;
}
#dvhead div.menu
{
	float:right;
	margin-top:24px;
	font-size:14px;
	font-weight:bold;
	padding-right:5px;
}
#dvhead div.menu a
{
	background:url(../../CourseAWV2/Images/bullet.png) no-repeat scroll 0 7px transparent;
	color:#FFFFFF;
	display:block;
	float:left;
	padding-left:8px;
}
#dvhead div.menu b
{
	display:block;
	float:left;
	margin:0 0 0 3px;
	padding:3px 0 3px 8px;
}
#dvhead div.menu em
{
	display:block;
	float:right;
	height:22px;
	margin-right:4px;
	width:8px;
}
#dvhead div.menu a:hover em
{
	background:transparent url(../../CourseAWV2/Images/topbtnrightbg.png) no-repeat;
}
#dvhead div.menu a:hover b
{
	background:transparent url(../../CourseAWV2/Images/topbtnleftbg.png) no-repeat;
}
#dvhead div.r
{
	color:#F4FAFF;
	float:right;
	margin-top:39px;
}
#dvhead div.r *
{
	color:#F4FAFF;
	/* MSU font-weight:bold;*/
	padding:5px 0 0 5px;
	display:block;
	float:left;
}
#btnaudio
{
	width:109px;
	height:24px;
	background:transparent url(../../CourseAWV2/Images/audiobtn.png) no-repeat;
}
#btnaudio:hover
{
	color:#13436F !important;
	background:transparent url(../../CourseAWV2/Images/audiobtnhv.png) no-repeat;
}
#btnlogout
{
	width:72px;
	height:24px;
	margin-right:-4px;
	background:transparent url(../../CourseAWV2/Images/logoutbtn.png) no-repeat;
}
#btnlogout:hover
{
	color:#13436F !important;
	background:transparent url(../../CourseAWV2/Images/logoutbtnhv.png) no-repeat;
}
#dvhead div.progress
{
	clear:left;
	color:#F4FAFF;
	/* MSU  font-weight:bold;*/
	margin-top:90px;
}
#dvhead div.progress span
{
	float:left;
	margin-left:16px;
}
#dvhead div.progress div.prog
{
	margin:3px 14px;
	width:170px;
	height:8px;
	float:left;
	overflow:hidden;
	background:#64A5DB url(../../CourseAWV2/Images/progressbg.png) no-repeat;
	/*-moz-border-radius:6px;
	border-radius:6px;
	-webkit-border-radius:6px;*/
}
#dvhead div.progress div.prog div
{
	height:8px;
	background:#64A5DB url(../../CourseAWV2/Images/progressa.png) repeat-x;
	/*-moz-border-radius:6px;
	border-radius:6px;
	-webkit-border-radius:6px;*/
}

#dvsidebar
{
	margin:-24px 2px 8px;
	float:left;
	font-size:12px;
	color:#13436F;
}
#dvsidebar div.tab
{
	background:transparent url(../../CourseAWV2/Images/sbbottombg.png) no-repeat center bottom;
	float:left;
	width:191px;
	clear:both;
	padding-bottom:24px;
}
#dvsidebar div.c
{
	background:transparent url(../../CourseAWV2/Images/sbtopcontentbg.png) no-repeat center top;
	padding:12px 12px 0 12px;
}
#dvsidebar img.h{float:left;margin-right:8px;}
#dvsidebar h2{font-size:14px;margin:7px 0 20px;}
#dvsidebar dl{margin:19px 5px;}
#dvsidebar dt
{
	float:left;
	margin:6px 0;
	width:100px;
}
#dvsidebar dd{color:#C95819;margin:6px 0;float:left;}
#dvsidebar a.bottom{clear:both;float:right;margin:8px 0 -12px;}

#dvcontent
{
	background:transparent url(../../CourseAWV2/Images/contentbottombg.png) no-repeat center bottom;
	padding-bottom:14px;
	width:677px;
	margin:-25px 0 0 200px;
}
#dvcontent div.top{background:transparent url(../../CourseAWV2/Images/contenttopbg.png) no-repeat center top;padding-top:30px;}
#dvcontent div.top div.c
{
	background:transparent url(../../CourseAWV2/Images/contentbg.png) repeat-y;
	min-height:285px;
	padding:0 24px 13px;
	font-size:13px;
}
.nav
{
	background:transparent url(../../CourseAWV2/Images/contentbg.png) repeat-y;
	min-height:485px;
	min-height:20px;
	padding:0 24px;
	font-size:13px;
}





/* link's classes, */
a,a:link,a:visited,a:active	{ color: #3333FF; text-decoration: none; border-style:none;cursor:pointer; }
a:hover	{ color: #003399; text-decoration: none; }
a:active{outline:none;}

imagelink	{ color: #3333FF; text-decoration: none; border-style:none; }

 /* THE NEXT LINE CONTROLS THE DEFAULT FONT SIZE */

TABLE		{ COLOR: #666666; FONT: 11px geneva, verdana, arial, sans-serif; font-weight: normal }

/* .Title and .title both are same and used for the page title and required at every page*/
.title 		{ color:#FFFFFF;position:relative;top:-23px;left:-13px;font-size:14px; font-weight:bold; }

.subtitle 	{ COLOR: #339999; FONT: 13px verdana, arial, sans-serif; font-weight: bold }

.phonetitle 	{ color: #339999; font: 12px verdana, arial, sans-serif; font-weight: bold }

/* this class is in use for the page bottom area as copyrights and some referenses or aditional text at the bottom*/
.copytext 	{ COLOR: #666666; FONT: 10px arial, verdana, sans-serif; font-weight: bold }

.quotechoice 	{ COLOR: #003333 }

.sidetexttitle 	{ COLOR: #000000; FONT: 11px verdana, arial, sans-serif; font-weight: bold }

.sidetext	{ color: #FFFFFF; FONT: 12px arial, verdana, sans-serif;
		  font-weight: normal;
		  border: #FFFFFF 1px solid }

.just 		{ text-align: justify}

.faq 		{ line-height: 16px }




.headermenu	{ color: #FFFFFF; font: 10px verdana, arial, sans-serif; font-weight: bold }

/* Used for all kind of buttons on page*/
.Button { 	background-image: url("../../CourseAWV2/images/Button.gif");
	 	background-color:#FFFFFF;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #367BA7;
		font-size: 8pt;
		height: 20px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		BORDER: #367BA7 1px solid
		}
		
.buttonRed { 	background-image: url("../../CourseAWV2/images/Button.gif");
		background-color:#FFFFFF;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #990000;
		font-size: 8pt;
		height: 20px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		BORDER: #367BA7 1px solid }

.Buttonon { 	background-image: url("../../CourseAWV2/images/ButtonOn.gif");
		background-color:#F0F0F0;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #000000;
		font-size: 8pt;
		height: 20px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		BORDER: #000000 1px solid }


.shadeform	{ FONT: 13px arial, verdana, sans-serif;
		background-image:  url("Media/Interface/ShadeForm.gif");
		text-align: left;
		WIDTH: 200PX;
		BORDER: #666666 1px solid}

.quoteform	{ FONT: 13px arial, verdana, sans-serif;
		background-image:  url("Media/Interface/ShadeForm.gif");
		text-align: left;
		BORDER: #000066 1px solid}

.textarea	{ FONT: 13px arial, verdana, sans-serif;
		background-image:  url("Media/Interface/ShadeForm.gif");
		text-align: left;
		WIDTH: 250PX;
		HEIGHT: 125PX;
		BORDER: #999999 2px solid}

.dropdown 	{ COLOR: #333333;
		WIDTH: 200PX;
		FONT: 11px geneva, verdana, arial, sans-serif }


.searchbutton {	background-image: url("Media/Interface/Button.gif");
		background-color:#F0F0F0;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #000000;
		font-size: 8pt;
		height: 20px;
		width: 35px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		BORDER: #000000 1px solid }

.searchform 	{ background-image:  url("Media/Interface/ShadeForm.gif");
		  WIDTH: 85PX;
		  HEIGHT: 20PX; FONT: 11px arial, verdana, sans-serif;
		  BORDER: #000000 1px solid }


.searchdrop	{ WIDTH: 60PX; HEIGHT: 20PX; FONT: 11px arial, georgia, "Times New Roman", sans-serif }




 /* START CODE FOR THE GALLERY */



.picturetitle 	{ COLOR: #000000; FONT: 11px verdana, arial, sans-serif; font-weight: bold }

.picturedesc 	{ COLOR: #7D8FB1; FONT: 11px arial, verdana, sans-serif; font-weight: bold }


.button-popups  { background-image: url("Media/Interface/Button.gif");
		background-color:#FFFFFF;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #367BA7;
		font-size: 8pt;
		height: 20px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		BORDER: #367BA7 1px solid }

.buttonon-popups { background-image: url("Media/Interface/ButtonOn.gif");
		background-color:#F0F0F0;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #000000;
		font-size: 8pt;
		height: 20px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		BORDER: #000000 1px solid }


.rollover 	{ background-color: #7D8FB1 }

.gallery_nav	{ FONT: 12px arial, verdana, sans-serif;
		  font-weight: bold;
		  background-image: url("Media/Interface/background_gallery_nav.gif") }

.cartamount	{ FONT: 13px arial, verdana, sans-serif;
		  background-image: url("Media/Interface/cart-shadeform.gif");
		  text-align: center;
		  WIDTH: 20PX;
		  BORDER: #000000 1px solid}

/* Class Used for Check boxes and redio buttons */
.Emphasis{ COLOR: #003366; FONT: normal 10px verdana, arial, sans-serif}




 /* START THE CODE FOR THE VERTICAL MENUS */


a.menu		{ font-family: Verdana, Arial, Helvetica, sans-serif;
		  font-size: 9pt;
		  height: 25px;
		  width: 125px;
		  cursor:hand;
		  font-weight: normal;
		  text-indent: 8px;
		  line-height: 16pt;
		  text-align: left;
		  display: block;
		  border: #FFFFFF 0px solid; }


a.menu:link 	{ color: #FFFFFF;
		  background:#367BA7;
		  background-image:  url("../../CourseAWV2/images/Menu.gif");}


a.menu:visited 	{ color: #FFFFFF;
		  background:#367BA7;
		  background-image:  url("../../CourseAWV2/images/Menu.gif");}


a.menu:active 	{ background:#367BA7;
		  background-image:  url("../../CourseAWV2/images/Menu.gif");
		  color: #FFFFFF; }


a.menu:hover 	{ background:#FFFFFF;
		  background-image:  url("../../CourseAWV2/images/MenuOn.gif");
		  color: #000000; }



 /* START THE CODE FOR THE HORIZONTAL MENUS */


.menuhorz	{ font-family: arial, verdana, helvetica, sans;
		  font-size: 7pt;
		  height: 18px;
		  cursor:hand;
		  font-weight: bold;
		  line-height: 11pt;
		  padding-left: 9px;
		  padding-right: 9px;
		  text-align: center;
		  display: block;
		  border: #FFFFFF 1px solid; }


a.menuhorz:link { 
		  background-color:#367BA7;
		  color: #FFFFFF; }


a.menuhorz:visited { 
		  background-color:#367BA7;
		  color: #FFFFFF; }


a.menuhorz:active {  
		   background-color:#367BA7;
		   border: #000000 1px solid;
		   color: #FFFFFF; }


a.menuhorz:hover { 
		  background-color:#FFFFFF;
		   border: #FFFFFF 1px solid;
		  color: #367BA7; }
.WhiteText {
COLOR: #FFFFFF; FONT: normal 11px geneva, verdana, arial, sans-serif
}
.BlackText {
COLOR: #000000; FONT: normal 11px geneva, verdana, arial, sans-serif
}
.EmphasisRed {
COLOR: #990000; FONT: normal 10px verdana, arial, sans-serif
}

.EmphasisOff {
COLOR: #666666; FONT: normal 10px verdana, arial, sans-serif
}
.EmphasisBold {
COLOR: #003366; FONT: bold normal 10px verdana, arial, sans-serif
}
/* class used for tip (success message)*/
.Prompt {
COLOR: #0000FF; FONT: small-caps normal 11px verdana, arial, sans-serif}
/* class used for wrong responces (failure message) */
.PromptRed {
COLOR: #990000; FONT: small-caps normal 11px verdana, arial, sans-serif
}

/*Class used for questions text*/
.InteractionQuestion
{
	font-weight: bold;
	font-size: 12pt;
	color: navy;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	text-decoration: none;
}

/* .rolloveron 	{ background-color: #000000; Filter: Alpha(Opacity=60) }*/
.menu-location  { position:absolute; visibility:visible; left:0px; top:0px; z-index:2 }
/*#date-location { left: 135px; POSITION: absolute; TOP: 116px }
#menulocation 	{ LEFT: 0px; WIDTH: 150px; POSITION: absolute; TOP: 131px; padding:0px 0px; white-space:nowrap; }*/


/***  e-CHUG specific attributes  **/
/* title1, title2 and title3 are used for the sub-title on page*/
.title1	{ COLOR: #367BA7; FONT: 14pt verdana, arial, sans-serif; font-weight: bold; }
.title2	{ COLOR: #339999; FONT: 13pt verdana, arial, sans-serif; font-weight: bold; }
.title3	{ COLOR: #339999; FONT: 11pt verdana, arial, sans-serif; font-weight: bold; }

.bigText { font: 10pt Arial, Verdana, Geneva, Helvetica, sans-serif;}
.fontBold {font-weight: bold;}
.mediumGrey { background-color: #F0F0F0;}
.darkGrey {background-color:#999999}
.questionLabel {text-align:left;}
.questionResponse {text-align:left;}
.tableHeader { COLOR: #FFFFFF; FONT: 12pt verdana, arial, sans-serif; font-weight: bold; background-color: #999999;}

.page-splits	{ border: #339999 1px solid; background-color: #EFD6DE; color: #EFD6DE; height: 5px; width: 100%; }

.formTextBox {color:#000000;
	background-image:url("../../common/Media/Interface/shadeform.gif");
	BORDER: #367BA7 1px solid;
	text-align: left;
	FONT: 12px arial, verdana, sans-serif;}
	

/***************

#dvhighlight
{
	padding-bottom:14px;
	width:640px;
	margin: 0 0 0 0;
	text-align: left;
}
#dvhighlight div.top{background:transparent url(../../CourseAWV2/Images/highlighttop.png) no-repeat left top;}
#dvhighlight div.top div.c
{
	background:transparent url(../../CourseAWV2/Images/highlightcenter.png) repeat-y left;
	
	font-size:11px;
}
#dvhighlight h2{font-size:14px; text-align:left; color:#13436F;}
*/
.highlightarea
{
	padding-bottom:14px;
	width:640px;
	margin: 0 0 0 0;
	text-align: left;
}
.highlightarea h2{font-size:14px; text-align:left; color:#13436F; margin:0px;}
.highlightarea h3{font-size:11px; text-align:left; color:#13436F; margin:0px;}
.highlightarea .highlighttop{
	background: url(../../CourseAWV2/Images/highlighttop.png) no-repeat scroll 0 0;
	height:10px;
}
.highlightarea .highlightcontent{
	background: url(../../CourseAWV2/Images/highlightcenter.png) repeat-y scroll 0 0;
	padding-left:10px;
	padding-right:15px;
	
}
.highlightarea .highlightfooter{
	background: url(../../CourseAWV2/Images/highlightbottom.png) no-repeat scroll 0 0;
	height:14px;
}

/*****************/
/* E-Chug      */
/**************/
.chugfieldset {
	border: 0px solid #dddddd;
	padding: 5px 15px 5px 15px;
	background: url("../../Assessments/images/bg_tan_fade.gif") top left repeat-x #ffffff;
	margin-bottom:20px;
}

.chuglegend {
	border:1px solid #dddddd; 
	color:#FFFFFF;
	font-weight: bold;
	margin-left:-15px;
	padding: 2px 5px;
    background-color : #367BA7;
}
.shade1  {
	background-color: #e6debb; /* dark color -- input dark bar e6debb */
}

.shade2 {
	background-color: #f8f3da;  /* light color -- input light bar f8f3da*/
}

.shade3 {
	background-color: #a49e86;  /* very dark color -- input very dark bar */
}
caption {
	background : #367BA7;
	color : #ffffff;
	padding: 2px 5px;
	font-weight: bold;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #666666;
}

.grid {
	border: 1px solid #666666;
	background-color:#f8f3da;
	width:500px;
} 

.hidden {
     display : none;
}

.displaybox {
	background: url("../../Assessments/images/bg_displaybox.gif") top right no-repeat #e6debb;
	border: 1px solid #cfc9b1;
	padding: 5px 20px;
}

.indBACChartCell
{
	text-align:center;
	font-weight:bold;
	padding:2px;
}
.indBACChartCellDrinks
{
	text-align:center;
	background-color: #ffffff;
	color: #999999;
	font-weight:bold;
	padding:2px;
}
.indBACChartCellGreen
{
	text-align:center;
	font-weight:bold;
	padding:2px;
	background-color:#66cc66;
}
.indBACChartCellGrey
{
	text-align:center;
	font-weight:bold;
	padding:2px;
	background-color:#dee6c1;
}
.indBACChartCellYellow
{
	text-align:center;
	font-weight:bold;
	padding:2px;
	background-color:#f8eeb3;
}
.indBACChartCellOrange
{
	text-align:center;
	font-weight:bold;
	padding:2px;
	background-color:#f8d57b;
}
.indBACChartCellRed
{
	text-align:center;
	font-weight:bold;
	padding:2px;
	background-color:#d85a4e;
}
.indBACChartCellMaroon
{
	text-align:center;
	font-weight:bold;
	padding:2px;
	background-color:#7b2e26;
}
.color  {
	color: #A40000; /* dark color -- head background, links color */
}

#navigationButtons{text-align:left;min-height:35px;}
#navigationButtons input,#navigationButtons a{margin:5px;}
.button{float:left;}
.btnNext{float:right;}
.btnNext:hover
{
	background:transparent url(../../CourseAWV2/Images/nextbtnhv.png) no-repeat;
}


.btnaudio
{
	color:#F4FAFF;
	padding:5px 0 0 5px;
	display:block;
	float:left;
	width:109px;
	height:24px;
	background:transparent url(../../CourseAWV2/Images/audiobtn.png) no-repeat;
}
.btnaudio:hover
{
	color:#13436F !important;
	background:transparent url(../../CourseAWV2/Images/audiobtnhv.png) no-repeat;
}

.innerUL		{ margin-left:20px; }
.imgPointer		{ vertical-align:middle; }
.aImgLink		{ margin-left:5px; height:25px; }
.innerP			{ padding-left:8px; }
.imgTD			{ padding-top:14px; }
.titleEChug		{ color:#FFFFFF;position:relative;top:-33px;left:-19px;font-size:14px; }
.titleLfive 	{ color:#FFFFFF;position:relative;top:-26px;left:-13px;font-size:14px; }

/*Class to Hide EChug Default title*/
.pTitle {display:none;}
/*Class to Fix EChug results*/
 .awPrinteChug {text-align:center;margin:0 auto;width:663px;}
/* End E-CHUG ****
*******************/