﻿@import url("reset-min.css");
/*--------------------------------------
* MAIN AUDIT TOOL WRAPPER
*--------------------------------------*/
#audittool-main
{
	font-size: 62.5%;
	font-family:Arial,Verdana;
	width:662px;
	background-color:#FCFCFC;
	border:1px solid #ccc;
	padding:5px;
	padding-bottom:10px;
}
#audittool-main h1, #audittool-flash h1
{
	font-size:1.8em;
	font-weight:bold;
	letter-spacing:-0.04em;
	color:#003366;
}
#audittool-main p, #audittool-flash p
{
	font-size:1.3em;
	line-height:1.3em;
	padding:.5em 0;
}

#audittool-main.a {
   outline: none;
}

#audittool-main fl
{
	float:left;
}


#audittool-main fr
{
	float:right;
}

/*--------------------------------------
* SECTION DESCRIPTION PANEL
*--------------------------------------*/
.audittool-section-description
{
	margin-bottom:2em;
	padding-left:82px;
	min-height:75px;
}
.audittool-section-description h1
{
	font-size:1.8em;
	font-weight:bold;
	letter-spacing:-0.04em;
	color:#003366;
}
.audittool-section-description p
{
}

/*--------------------------------------
* QUESTION PANEL
*--------------------------------------*/
.audittool-question
{

}

/* Question label */
.audittool-question h2
{
	font-size:1.6em;
	font-weight:normal;
	letter-spacing:-0.04em;
	color:#003366;
	background:url(../img/question-bg.png) left top no-repeat;
	border:1px solid #ccc;
	padding:0.2em;
}

.answer-base-table
{
	font-size:1.4em;
	width:100%;
}
.answer-base-table caption
{
	display:none;
}
.answer-base-table th
{
	padding:0.5em 0.2em;
	font-weight:bold;
	color:#333;
	border-bottom:1px solid #999;
}
.answer-base-table .answer-col
{
	width:85%;
}
.answer-base-table td.answer-td
{
	padding:0.5em 0.2em;
}
.answer-base-table .answer-td label span
{
	display:none;
}
.answer-base-table .audittool-hr 
{
	border-top:1px dotted #ccc;
}
.answer-base-table .audittool-hr hr
{
	display:none;
}
.answer-base-table .single-choice-radiotd
{
	text-align:center;
}
.questionError
{
	border:4px solid #CC0000;
	background:url(../img/ico-error.gif) 8px center no-repeat;
	padding:14px 10px 0 54px;
	font-size:1.6em;
	font-weight:bold;
	letter-spacing:-0.05em;
	min-height:40px;
	margin:0.5em 0;
	color:#CC0000;
	vertical-align:middle;
}

.questionError a, .success a
{
	color:#003366;
}

.questionError a:hover, .success a:hover
{
	text-decoration:none;
}


.success
{
	border:4px solid #006633;
	background:url(../img/ico-tick.gif) 8px center no-repeat;
	padding:14px 10px 0 54px;
	font-size:1.6em;
	font-weight:bold;
	letter-spacing:-0.05em;
	min-height:40px;
	margin:0.5em 0;
	color:#006633;
	vertical-align:middle;
}
.nextButton,.printButton,.emailButton,.homeButton
{
	background:transparent;
	border:none;
	text-indent:-1em;
	background-position:0 0;
	background-repeat:no-repeat;
	width:96px;
	height:43px;
}
.nextButton
{
	background:transparent url(../img/btn-next.gif) no-repeat;
}
.emailButton
{
	background:transparent url(../img/btn-email.gif) no-repeat;
}
.printButton
{
	background:transparent url(../img/btn-print.gif) no-repeat;
}
.homeButton
{
	background:transparent url(../img/btn-home.gif) no-repeat;
}
.nextButton:hover,.printButton:hover,.emailButton:hover,.homeButton:hover
{
	background-position:0 -43px;
}
.alignRight
{
	text-align:right;
	padding:0 10px;
}
.buttonsLeft
{
	float:left;
	padding:0 10px;
}
.buttonsRight
{
	padding:0 10px;
	float:right;
}
/*--------------------------------------
* SELECT PANEL
*--------------------------------------*/
.audittool1_pnlSelectSection
{
	
}
#audittool1_pnlSelectSection p
{
	padding:0.8em 0;
}
#audittool1_pnlSelectSection h1
{
    font-size:1.8em;
	font-weight:bold;
	letter-spacing:-0.05em;
	color:#003366;
	
}
#audittool1_pnlSelectSection .select-buttons
{
	width:648px;
	background:url(../img/selection-bg.gif) left bottom no-repeat;
	padding-bottom:31px;
	margin-left:8px;
}
#audittool1_pnlSelectSection .select-buttons h2
{
	color:#666;
	background:url(../img/selection-header-bg.gif) left top repeat-x;
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
	letter-spacing:-0.05em;
	padding:7px 0;

}
#audittool1_pnlSelectSection .select-buttons ul
{
}
#audittool1_pnlSelectSection .select-buttons ul li 
{
	padding:0;
	margin:0;
	display:inline;
	list-style:none;
}
/*--------------------------------------
* SUMMARY PANEL
*--------------------------------------*/
.audittool-summary
{
	overflow:auto;
}
.audittool-summary h1,.emailPanel h1
{
	font-size:2.4em;
	letter-spacing:-0.05em;
	color:#33CCFF;
	font-weight:bold;
	padding-bottom:0.5em;
}
.audittool-summary h1 span, .emailPanel h1 span
{
	color:#666;
}

.audittool-summary h2
{
	font-size:1.6em;
	letter-spacing:-0.04em;
	color:#003366;
	font-weight:bold;
	float:left;
	overflow:auto;
}
.audittool-summary h3
{
	font-size:1.6em;
	font-weight:normal;
	letter-spacing:-0.04em;
	font-weight:bold;
	float:right;
	overflow:auto;
	color:#33CCFF;
}
.audittool-summary h3 span
{
	color:Black;
}
.audittool-summary .audittool-summary-hr
{
	clear:both;
}
.audittool-summary .summary-red
{
	background:url(../img/Flag-red.gif) left top no-repeat;
	padding-left:56px;
	margin-left:8px;
	min-height:60px;
}

.audittool-summary .summary-green
{
	background:url(../img/Flag-green.gif) left top no-repeat;
	padding-left:56px;
	margin-left:8px;
	min-height:60px;
}

.audittool-summary .summary-amber
{
	background:url(../img/Flag-amber.gif) left top no-repeat;
		padding-left:56px;
	margin-left:8px;
	min-height:60px;
}

/*--------------------------------------
* EMAIL PANEL
*--------------------------------------*/
.emailPanel h2
{
	font-size:1.6em;
	letter-spacing:-0.04em;
	color:#003366;
	font-weight:bold;
}
.emailForm
{
	border-top:1px solid #666;
	border-bottom:1px solid #ccc;
	padding:.5em 0;
}
.emailForm input
{
	vertical-align:middle;
}
.emailTextbox
{
	border:1px solid #333;
	padding:0.2em;
	width:300px;
}
