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

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

.topbar
{
    margin-left:auto;
    margin-right:auto;
    width:961px;
    height:295px;
    background:url(../../images/Pioneer/loginMasthead.jpg) top center no-repeat;
}

#mastright
{
    margin-left:auto;
    margin-right:auto;
    width:961px;
    height:76px;
    visibility:hidden;
}

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


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

#mastrighttext
{
    margin-top:0px;
}

#loginwrapper
{
    position:relative;
    margin-left:auto;
    margin-right:auto;
	text-align:center;
	width:961px;
}

#logincontainerleft
{
	position:relative;
	float:left;
	text-align:left;
	width:961px;
	height:360px;
	background:url(../../images/Pioneer/loginContainerBackground.jpg) top center no-repeat;
}

#logincontainer
{
    margin-left:299px;
    margin-top:40px;
    width:370px;
}

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

.logindetailErrorBlock
{
	margin-left:44px;
	height:20px;
	padding: 0;
	padding-top:10px;
	width: 310px;
	color:Red;
	font-weight:normal;
	font-size:11px;
}

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

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

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

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

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

.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;
}

#submitbutton
{
    
}

#loginimage
{
    float:left;
    padding-top:4px;
}

#bottomnav
{
    position:relative;
    width:200px;
    font-weight:bold;
    color:#901a1d;
    font-size:11px;
    margin-left:124px;
    margin-top:7px;
}

#activateBottomNav
{
    position:relative;
    width:200px;
    font-weight:bold;
    color:#901a1d;
    font-size:11px;
    margin-left:218px;
    margin-top:7px;
    
}

.lostPasswordLink
{
    float:left;
    width:110px;
    font-weight:bold;
    font-size:11px;
}

.registerLink
{
    float:left;
    font-weight:bold;
    font-size:11px;
    margin-right:8px;
}

a:link
{
    color:#901a1d
}

a:active
{
    color:#901a1d
}

a:visited
{
    color:#901a1d
}

a:hover
{
    color:#901a1d
}

/*Start free text and activate container layout for pre-login*/

#freetextcontainer
{
    position:relative;
    text-align:left;
    width:961px;
    background:url(../../images/Pioneer/freetextContainerBackground.jpg) top center repeat-y;
    padding-top:13px;
}

#freetextcontainertop
{
    position:relative;
    top:-13px;
    background:url(../../images/Pioneer/freetextContainerTopBackground.jpg) top center no-repeat;
}

#freetextcontainerbottom
{
    position:relative;
    width:961px;
    height:149px;
    background:url(../../images/Pioneer/freetextContainerBottom.jpg) bottom center no-repeat;
}

#freetextcontentwrapper
{
    padding-left:90px;
    padding-right:90px;
    padding-bottom:20px;
    padding-top:10px;
    min-height:200px;
    height:auto !important;
    height:200px;
}

#freetextbackgorund
{
    position:relative;
    min-height:100px;
}

h2
{
    margin-top:20px;
    margin-bottom:20px;
    color:#231f20;
    font-size:16px;
    font-weight:normal;
}

/*Lost Password*/

#lostpasswordcontainer
{
    padding:4px;
    width:775px;
}

.lostpassworddetailBlock
{
	margin: 0 0 5px 0;
	padding: 0;
	width: 775px;
	border-top:1px solid #CCCCCC;
}

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

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

.lostpasswordusercodesubmit
{
    clear:both;
	font-weight: bold;
	text-align: left;
	color: #901a1d;
	margin: -22px 0px 20px 112px;
	padding: 0px 0 0 0;
}

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

.lostpasswordemailInput INPUT
{
	width: 240px;
	border:1px solid #292464;
}

.lostpasswordusercodeInput INPUT
{
	border:1px solid #292464;
}
.lostpasswordemailsubmit
{
    clear:both;
	font-weight: bold;
	text-align: left;
	color: #901a1d;
	margin: -22px 0px 0px 112px;
	padding: 0px 0 0 0;
}