body
{
    margin:0px 0 10px 0;
    background-color:#DADADA;
    font-family:Verdana, Arial, Helvetica, Sans-Serif;
    font-size:11px;
    line-height:140%;
    color:#666666;
    font-weight:normal;
    font-style:normal;
    height:100%;
}

.printmasthead
{
    visibility:hidden;
    position:absolute;
    top:-200px;
    left:-600px;
}

DIV, TD
{
    font-family:Verdana, Arial, Helvetica, Sans-Serif;
    font-size:11px;
    color:#666666;
    font-weight:normal;
    font-style:normal;
}

#wrapper
{
    position:absolute;
    text-align:center;
    width:100%;
    height:100%;
}

#wrapper1
{
    position:relative;
    margin-left:auto;
    margin-right:auto;
	text-align:left;
	width:961px;
	background-color:#FFFFFF;
}
	
#wrapper2
{
	position:relative;
	text-align:left;
	width:100%;
	background-color:#FFFFFF;
}

.topbar
{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    width:961px;
    height:247px;
    /*background:url(../../Images/Pioneer/masthead.jpg) top center no-repeat;*/
    background:url(../../DynamicImages/BannerImage.aspx) top center no-repeat;
}

#mastwelcome
{
    float:left;
    width:215px;
    font-size:11px;
    color:#004854;
    visibility:hidden;
}

#logout
{
    float:left;
    font-size:11px;
    color:#004854;
    font-weight:bold;
    text-decoration:underline;
    visibility:hidden;
}

#mastright
{
    float:right;
    width:166px;
    text-align:right;
    visibility:hidden;
}

#mastright div
{
    float:left;
    margin-right:4px;
    color:#004854;
    font-size:11px;
}

#mastrighttext
{
    margin-top:0px;
}

#containerwrapper
{
    /*margin-left:121px;*/
    width:961px;
}

#containertop
{
    
}

#controltable
{
    
}

/*Optional bottom on main container*/
#containerbottom
{
    position:relative;
    bottom:0px;
    width:100%;
    height:1px;
}

#container
{
    width:945px;
}

#menucontainer
{
    position:relative;
	top:0px;
	left:0px;
	float:left;
	width:190;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:181px; /* actual value */
	margin:0 0 0 0;
	padding:0 0 20px 0;
	z-index:100;
	background-color:#6d6e71;
}

#menubpad
{
    clear:both;
    /*height:50px;*/
}

#contentcontainer
{
    position:relative;
    padding-left:200px;
    margin-bottom:40px;
}

#contentPanel
{
    margin-bottom:20px;
    margin-right:20px;
}

/*Optional right container*/  
#rightcontainer
{
	position:relative;
	top:-10px;
	right:-10px;
	float:right;
	width:220px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:200px; /* actual value */
	margin:0 0 -10px 0;
	z-index:99;
}

#contentmast
{
    width:740px;
    padding-top:0px;
    padding-left:0px;
    color:#000000;
    visibility:hidden;
}

#contentmast1
{
    color:#9e1b32;
    font-size:28px;
    font-weight:bold;
    height:1px;
    visibility:hidden;
}

#footer
{
	top:1px;
	clear:both;
	margin:0;
	padding:1% 0;
    width:961px;
    height:60px;
    background-color:#CCCCCC;
}

#footercontent1
{
    position:relative;
    top:40px;
    text-align:center;
    height:40px;
}

#footercontent2
{
    position:relative;
    float:right;
    width:85px;
    height:22px;
    top:25px;
    margin-right:38px;
    text-align:center;
    cursor:pointer;
    text-transform:lowercase;
    visibility:hidden;
}

.clear
{
    clear:both;
}

/*Catalogue*/
.cataloguewrapper
{
    position:absolute;
    width:738px;
}
.cataloguecontainer
{
    width:738px;
    border:1px solid #231f20;
    text-align:center;
}

.cataloguepad
{
    clear:both;
    width:10px;
    height:10px;
}

.QuizDiv
{
	margin-top: 5px;
	text-align: left;
}

/*New quiz layout*/
/*All*/
.quizquestion
{
    width:686px;
    margin-bottom:10px;
}

.quizcontainer
{
    width:677px;
    border:1px solid #231f20;
    text-align:left;
    padding:4px;
}

.quizanswercontainerborder
{
    padding-top:2px;
    padding-bottom:8px;
    border:1px solid #231f20;
    width:738px;
    margin-bottom:10px;
}

.quizanswerradio
{
    float:left;
    margin-right:4px;
    margin-bottom:5px;
}

.quizAnswerRadio
{
    float:left;
}

.quizAnswerLabel
{
	margin: 1px 0px 0px 2px;
}

/*With image*/
.quizanswerimagecontainer
{
    float:right;
    margin-right:10px;
    width:120px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.quizanswercontainer
{   
    float:left;
    width:477px;
}

.quizanswer
{
    float:left;
    width:408px;
}

/*Individual*/
.quizanswerindividualimg
{
    float:left;
    width:130px;
}

.quizanswercontainerindividualimg
{
    
    width:600px;
    margin: 0px 0px 4px 6px;
}

/*Without image*/
.quizanswercontainernoimg
{
    width:600px;
}

.quizanswernoimg
{
    width:560px;
}

.quizTextCorrect
{
	border: #b6c81a 1px solid;
	background-color: #e5ffc0;
	padding-right: 6px; padding-left: 6px; padding-bottom: 2px; padding-top: 2px; 
	margin: 0px 0px 4px 6px;
}

.quizTextIncorrect
{ 
	border: red 1px solid;
	background-color: #ffcccc;
	padding-right: 6px; padding-left: 6px; padding-bottom: 2px; padding-top: 2px; 
	margin: 0px 0px 4px 6px;
}

.quizTextBlock
{ 
	padding-right: 6px; padding-left: 6px; padding-bottom: 2px; padding-top: 2px; 
	margin: 0px 0px 4px 6px;
}

.quizImageCorrect
{
	border: #b6c81a 1px solid;
	background-color: #e5ffc0;
	padding-right: 6px; padding-left: 6px; padding-bottom: 8px; padding-top: 8px; 
	margin: 0px 0px 4px 6px;
    float:left;
}

.quizImageIncorrect
{ 
	border: red 1px solid;
	background-color: #ffcccc;
	padding-right: 6px; padding-left: 6px; padding-bottom: 8px; padding-top: 8px; 
	margin: 0px 0px 4px 6px;
    float:left;
}

.quizImageBlock
{ 
	padding-right: 6px; padding-left: 6px; padding-bottom: 8px; padding-top: 8px; 
	margin: 0px 0px 4px 6px;
    float:left;
}

.quizAnswerBlock
{
	clear:both;
    width:677px;
	border: #f0f0f0 1px solid;
	background-color: #fafafa;
	padding-right: 6px; padding-left: 6px; padding-bottom: 2px; padding-top: 2px; 
	margin: 0px 0px 4px 6px;
}

.buttonBlockForm
{
	margin-left:218px;
}

.buttonBlock
{
    width:100%;
	text-align: center;
}

.loginPanel
{
	position:absolute;
/*	width:100%;
	height:100%; */
	background-color:#000000;
	z-index:9998;
	filter: alpha(opacity:65);
	KHTMLOpacity: 0.65;
	MozOpacity: 0.65;
	opacity: 0.65;
	top:0px;
	padding-bottom:15px;
}

.loginControl
{
	position:absolute;
	background: url(../../Images/Pioneer/sessionExpiredLogin.png) no-repeat left top;
	width: 378px;
	height: 233px;
	z-index: 9999;
}

#logincontainer
{
    margin-left:59px;
    margin-top:31px;
}

.logindetailBlock
{
	margin: 0 0 5px 0;
	padding: 0;
	width: 340px;
}

.logindetailErrorBlock
{
	margin-top:-6px;
	margin-bottom:10px;
	height:20px;
	padding: 0;
	width: 260px;
	color:Red;
	font-weight:normal;
	font-size:11px;
}

.logindetailBlock p
{
	margin: 0;
	padding: 0;
}

.logindetailBlock .logindetailTitle
{
	float: left;
	text-align: left;
	font-weight: bold;
	color: #901a1d;
	margin: 0px 0px 4px 4px;
	padding: 4px 0 0 0;
	width:100px;
}

.logindetailBlock .activationTitle
{
	float: left;
	text-align: left;
	font-weight: bold;
	color: #901a1d;
	margin: 0px 0px 4px 4px;
	padding: 4px 0 0 0;
	width:240px;
}

.logindetailBlock .logindetailInput INPUT[type="text"]
{
	float: left;
	text-align: left;
	margin: 2px 0px 0px;
	padding: 0;
	width: 150px;
	height:20px;
	border:1px solid #333333;
}

.logindetailBlock .logindetailInput INPUT[type="password"]
{
	float: left;
	text-align: left;
	margin: 2px 0px 0px;
	padding: 0;
	width: 150px;
	height:20px;
	border:1px solid #333333;
}

.logindetailBlock .detailInput
{
	float: left;
	text-align: left;
	margin: 2px 0px 0px;
	padding: 0;
	width: 200px;
}

.logindetailBlock .logindetailInputsubmit
{
	float: left;
	text-align: left;
	margin: 2px 0px 0px;
	padding: 0;
	width: 150px;
}

.logindetailBlock .detailInput p
{
	margin-top: 0px;
}

.clear
{
    clear:both;
}

.loginbutton
{
    background:url(../../images/Pioneer/genericButtonBackground.jpg) top center repeat-x;
    height:30px;
    border:0px solid #FFFFFF;
    text-align:center;
    color:#FFFFFF;
    font-weight:normal;
    font-size:11px;
    padding-left:2px;
    padding-right:2px;
    text-transform:uppercase;
    cursor:pointer;
}

/*Session Expired Login Panel*/
#bottomnav
{
    position:absolute;
    top:160px;
    left:163px;
    font-weight:bold;
    color:#FFFFFF;
    font-size:11px;
}

#bottomnav a:link, #bottomnav a:hover, #bottomnav a:active, #bottomnav a:visited
{
    color:#901a1d
}


a:link
{
    color:#901a1d
}

a:active
{
    color:#901a1d
}

a:visited
{
    color:#901a1d
}

a:hover
{
    color:#901a1d
}

/*New user question layout*/
/*All*/
.question
{
    width:680px;
    margin-bottom:4px;
    padding-left: 4px;
    font-weight: bold;
}

.answercontainerborder
{
    padding-top:2px;
    padding-bottom:2px;
    border:1px solid #231f20;
    width:738px;
    margin-bottom:10px;
}

.answercontainer
{
    width:600px;
}

.answercontainer INPUT[type="text"]
{
	margin-left:4px;
    margin-bottom:1px;
    width:480px;
}

.answerInput
{
    width:480px;
}

.answercontainer TEXTAREA
{
	margin-left:4px;
    margin-bottom:1px;
    width:480px;
    height:80px;
}

.questionRadioButton
{
	width:150px;
	float:left;
}

.questionRadioButtonYesNo
{
	width:50px;
	float:left;
}

.questionCheckBox
{
	width:300px;
	float:left;
}

.questionRadioButton2Column
{
	width:300px;
	float:left;
}

.questionRadioButton3Column
{
	width:200px;
	float:left;
}

.questionRadioButton4Column
{
	width:150px;
	float:left;
}

.questionRadioButton5Column
{
	width:120px;
	float:left;
}

.questionCheckBox2Column
{
	width:300px;
	float:left;
}

.questionCheckBox3Column
{
	width:200px;
	float:left;
}

.questionCheckBox4Column
{
	width:150px;
	float:left;
}

.questionCheckBox5Column
{
	width:120px;
	float:left;
}

/*Homepage Message*/
.popupMessageContainer
{
    position:absolute;
    margin-left:170px;
    margin-top:8px;
    padding:8px;
    width:350px;
    height:auto;
    text-align:center;
    background-color:#000000;
    border:0px;
    filter: alpha(opacity:100);
	KHTMLOpacity: 1.0;
	MozOpacity: 1.0;
	opacity: 1.0;
}

/*IE6*/
* html .popupMessageContainer
{
    top:0px;
    left:0px;
}

.popupTitle
{
    text-align:left;
    font-size:18px;
    font-weight:normal;
    color:#FFFFFF;
    padding:4px;
    background-color:#52110d;
}

.popupContent
{
    text-align:left;
    font-size:13px;
    color:#FFFFFF;
    padding:4px;
    line-height:140%;
    padding-bottom:10px;
    border-bottom:1px solid #666666;
}

.popupClose
{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
}

.popupClose DIV
{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    font-size:11px;
    color:#FFFFFF;
    cursor:pointer;
    text-align:center;
    font-weight:normal;
    cursor:pointer;
    width:100px;
    text-decoration:underline;
    background:url(../../images/Pioneer/genericButtonBackground.jpg) top center repeat-x;
    height:30px;
    padding-left:2px;
    padding-right:2px;
}