@charset "UTF-8";
/* CSS Document */

#hug {
	width:900px;
	margin:0 auto;
	padding:0;
}

#header {
	width:900px;
	z-index:10;
	position:absolute;
	border-top:10px solid #00fff6;
	margin:0 auto;
}

#header-logos {
	background-color:#ffffff;
	padding:20px 20px 10px 20px;
}

#header-shadow {
	background-image:url(../../CourseDWI/images/shadow-bar.png);
	height:35px;
}


#container {
	position:relative;
	width:900px;
	top:0px;
	display:table;	
}


#left-nav {
	margin-left:20px;
	width:150px;
	background-image:url(../../CourseDWI/images/leftnav-bar.png);
	background-repeat:repeat-y;
	float:left;
	padding-top:160px;
	display:table-cell;
	height:800px;
}

#left-nav-links {
	text-align:right;
}

#left-nav-links table{
	width:150px;
}

#left-nav-links td {
	background-color:#daff88;
	border-bottom: 1px solid #FFFFFF;
}

#left-nav-links td:hover {
	background-color:#eefecb;
}

#left-nav-links a {
	color:#000000;
	font-family:'Roboto Slab', serif;
	font-weight:400;
	font-size:18px;
	text-decoration:none;
	display:block;
	width:80%;
	height:80%;
	padding:10%;
}

#content {
	float:left;
	width:650px;
	background-color:#fff;
	padding:160px 40px 40px 40px;
	display:table-cell;
	height:760px;
}

#content h1 {
	margin:0px 0px 40px 0px;
	padding:0px;
	color:#7968ad;
	font-family:'Roboto Slab', serif;
	font-weight:300;
	font-size:30px;
}

#previousnext 
{
	margin:40px auto 0 auto;
	width:100%;
	padding-bottom:10px;
}
.btnNext {
	float:right;
}
.btnPrevious {
	float:right;
}

.bold {
	font-weight:700;
}

.left {
	float:left;
}

.right {
	float:right;
}
.title1 
{
    color:#000;
    font-weight:bold;
    font-size:22px;
    font-family:Calibri;
    margin-bottom:25px;
}
.displayBox
{
	border-radius: 8px;
	padding: 10px;
	margin:10px 0;
	width: 87%;
}
.displayBox1 
{
    background-color:#fffffa;
    border-color:#fffffa;
}
.displayBox2 
{
    background-color:#EBEBEB;
    border-color:#EBEBEB;
}
.displayBox3
{
    background-color:#8AC3C5;
    border-color:#8AC3C5;
}
.displayBox .label
{
    font-weight:bold;
    font-size:16px;
    padding:5px 0;
}
.displayBox4
{
    background-color:#f1f1f1;
    border-color:#f1f1f1;
    margin-top:20px;
}
.rangeErrorMessage { font-weight:normal; }
.QuestionLabel { font-weight:bold; font-size:16px; color: #000 }

#tblDrinksPerDayInAWeek {
	
	width:100%;
	margin:0px auto;
	border-collapse: separate;
    border-spacing: 0;
	border: 10px solid #c9c9c9;
    border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 5px;
    padding: 0px;
}

#tblDrinksPerDayInAWeek caption {
	background-color: #3cfff6;
    font-size: 20px;
    font-weight: bold;
    padding: 15px;
    border: 1px solid #3cfff6;
    border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 5px;
}
#tblDrinksPerDayInAWeek .headerRow{
	background:#c9c9c9;
}
#tblDrinksPerDayInAWeek .captionCol{
	background-color:#FFFF66
}
#tblDrinksPerDayInAWeek .altRow {
	background-color:#cafffd
}
#tblDrinksPerDayInAWeek .sRow {
	background-color:#efe9d4;
}
#tblDrinksPerDayInAWeek input
{
	text-align:center;
}

.txtEntry
{
    width: 60px;
    height:20;
    padding:5px
}
.spacer { margin-top:20px;}

.expSurvey { }
.expSurvey .divHeader { font-weight:bold; width:100%; background-color:#144975; }

.expSurvey .tblHeader { width:45%; float:right; display: table; color: #fff; }
.expSurvey .tblHeader div {width:80px;text-align:center;vertical-align:middle; display:table-cell; padding: 10px; }

.expSurvey .divSurveyRow { padding:10px; background-color:#fffffa; }
.expSurvey .divSurveyRowAlt { padding:10px; background-color: #f1f1f1; }

.expSurvey .leftCol { width: 55%; float:left; height: 100%; }
.expSurvey .rightCol { float:left; width: 45%; height: 100%; }

.expSurvey .tblResponse { width: 100%; min-height:100%; position:relative;}
.expSurvey .tblResponse td { width: 100px; text-align:center; vertical-align:middle; padding:20px;  }

.expSurvey .borderTop { border-top: 1px solid transparent; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.expSurvey .borderBottom { border-bottom: 1px solid transparent; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }

.clear { clear:both; float:none; }

.lessons {
	width:100%;
}
.lessons td {
	height:30px;
	padding:5px;
}
.lessons .status {
	text-align:center;
	width:100px;
}
.lessons .name {
	width:600px;
	vertical-align:middle;
}
.lessons .action {
	width:100px;
	vertical-align:middle;
}

.summaryName { color:#ded2a9; font-size:18px; font-weight:bold; padding:10px 0; }
.heading1 { color:#324499; font-size:24px; font-weight:bold; padding:5px 0; }
.heading2 { color:#F5AE42; font-size:20px; font-weight:bold; padding:5px 0; }
.altHeading3 { color: #F7941D; font-size:16px; font-weight:bold; }

.highlightText { color:black; font-weight:bold; }
.highlightNumber { color:black; font-weight:bold; }
.clear { clear:both; }
.sectionBreak { height:1px; margin:30px 0; border-bottom: dashed 2px #A6A6A6; }
.smalltext { font-size:small;}

.displaybox { font-size:14px;}
p {
    line-height: 1.3;
    margin-bottom: 0.5em;
    margin-top: 0;
    padding-top: 5px;
}
.resultBox {
    background-color: #efe9d4;
    border: 2px solid #efe9d4;
    border-radius: 8px;
    padding: 20px;
}
.resultBoxAlt {
    background-color: #EBEBEB;
    border: 2px solid #EBEBEB;
    border-radius: 8px;
    padding: 20px;
}
.resultBox .title, .resultBoxAlt .title
{
	color:#324499; 
	margin-bottom:15px;
}
.bacDrinkDriveGrid
{
	background-color:#def1ef;
	padding:30px;
	border:solid 5px #cfe1de;
	border-radius:25px;
}
.bacDrinkDriveGrid th
{
	padding:10px 10px;
}
.bacDrinkDriveGrid td
{
	padding:10px 30px;
}
.bacDrinkDriveGrid .selected td
{
	background-color:#d7b561;
	font-weight:bold;
}

 .questionLabel {display:table-cell; vertical-align:middle !important;height: 80px;}
 
 .reminder {
	padding:15px 0 10px;
	text-align:center;
}

.subTitle { font-weight: bold }

/* BAC Chart */
.indBACChartCell
{
	border: 1px solid white;
    color: Black;
    font-weight: bold;
    padding: 2px;
    text-align: center;
}
.indBACChartCellDrinks {
    background-color: #FFFFFF;
    border: 1px solid white;
    color: #999999;
    font-weight: bold;
    padding: 2px;
    text-align: center;
}
.indBACChartCellGreen {
    background-color: #BCD85f;
    border: 1px solid white;
    padding: 2px;
    text-align: center;
}
.indBACChartCellYellow {
    background-color: #ffcb05;
    border: 1px solid white;
    font-weight: bold;
    padding: 2px;
    text-align: center;
}
.indBACChartCellRed {
    background-color: #b8292f;
    border: 1px solid white;
    padding: 2px;
    text-align: center;
    color:White;
}
.indUserBAC {
    border: 3px solid black;
}