.headerbg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	min-width: 960px;
	height: 102px !important;
	background-color: black;
	z-index: -100; border:0;
	background-image: none;
}
body
{
    font-family:"Trebuchet MS", Helvetica, sans-serif;
}

input, select, textarea {
  font-family:"Trebuchet MS", Helvetica, sans-serif;
}

.contentWrapper { background-image: none; background-color:transparent; }
.mainCap { background-image: none; }
.header { margin-bottom: 59px; }
.bxLogo { margin-left: 22.5%; margin-top: 30px;}
.boxPadding { padding: 10px; }

#wrapperBox
{
    background-color:#FFF;
    border: 1px solid #ccc;
    height:185px;
    
    -moz-border-radius: 5px;
    -border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
}
#wrapperBox.userOver
{
    height:225px;
}
#wrapperBox.secureOver
{
    height:380px;
}
#wrapperBox.resetOver
{
    height:195px;
}
.preLoginFloatingBox
{
	float:right;
	height:165px;
	padding-left:18px;
	width:410px;
}
#learnMore 
{
	border-right:1px solid #EEE;
	float:left;
	color:#4F4F4F;
	line-height:1.4em;
	height:125px;
	margin:10px 0 10px 0;
	padding:10px 25px 10px 25px;
	width:220px;
}
#learnMore.userOver
{
	height:175px;
}

#learnMore.secureOver
{
    height:340px;
}

#learnMore.resetOver
{
    height:155px;
}

#rememberUserIDLabel
{
    color:#AAA;
    font-size:80%;
    position:relative;
    bottom:1px;
}

#loginHeader {
    background-color: #0091C0;
    color: #4F4F4F;
    font-family: arial;
    font-size: 1.5em;
    padding: 4px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
#loginHeader img
{
    float:right;
    margin-right:3px;
}

/* USER EMAIL CHANGE STUFF */
#wrapperBox.email-change
{
    height:240px;
}
.email-change .preLoginFloatingBox {
    padding-left:0;
    width:299px;
}
.inputEntryWrapper {
    height:30px;
    margin-top:5px;
}
.inputEntryWrapper label {
    float:left;
    font-size:12px;
    margin-top:10px;
}
.inputEntryWrapper input{
    float:right;
    height:20px;
    padding:0;
    width: 69%;
}
.email-change #learnMore {
    height:83%;
    padding:10px 15px;
    width:350px;
}
#updateEmailButtonDiv {
    float:right;
    margin-top:15px;
}
.userNameBox, .passBox
{
    height:22px;
    width: 100%;
}
.passBox.ghosted
{
    width:90%;
}
.ghosted
{
    color: Gray;
}

h1
{
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 2.3em;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 15px;
}

.welcomeHeader, .welcomeHeader a
{
    /*color: white; 
    text-shadow: black 0.1em 0.1em 0.2em, black 0.1em 0.1em 0.2em;
    */
    margin-left:16%;
}

#loginButton, #updateEmailButton
{
	background: url(/Content/images/login_95px.png) no-repeat 0;
	/* width: 113px; */
	width: 95px;
	height: 22px;
	border: none;
	cursor: pointer;
	float:left;
}

#updateEmailButton{
    background:none;
    background-color:#0098C3;
    border:1px solid #000;
    color:#FFF;
    font-weight:bold;
}
#loginForm
{
    width:400px;
}
#loginForm.ie
{
    margin-top:12px;
}

#loginButtonDiv 
{
	float: right;
	margin-right:27%;
	margin-top:6px;
}

@media only screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1)
{
    #loginButtonDiv {
        margin-right:25.4%;
    }
}

#submitButtonDiv 
{
    float:right;
    margin:4.8% 6% 0 0;
}
#submitButtonDiv.userOver
{
    margin:-10px 40px 0 0;
}
#submitButtonDiv.secureOver
{
    margin:0;
}
#helpButton 
{
    cursor: pointer;
    clear:both;
	left:58px;
    position:relative;
	top: 5px;
	width:40px;
}

#submitButtonDiv > #helpButton
{
    position:inherit;
    margin-left:29px;
}

#helpButton img
{
    vertical-align: middle;
    /*margin-left: 3px;*/
}
#helpButton a:visited
{
    color:#0098C3;
}
#checkBox
{
    margin:2.5% 7% 0 0;
    float:right;
}

#passwordResetRequestForm, #userIDRequestForm
{
    /* margin-top: 10px; */
}

form input[type="submit"]
{
    float: right;
}
#formErrorBox
{
    margin-top: 5px;
    /* font-weight: bold; */
    width:220px;
    float:left;
    font-style: italic;
    font-size: 0.8em;
    color: Red;
}
#formErrorBox.secureOver
{
    width:200px;
}

em
{
    font-style: italic;
}

strong
{
    font-weight: bold;
}

.helpSubBox
{
    text-align: left;
}
.jquerybubblepopup-innerHtml a
{
    color: #1E90FF;
    /*font-weight: bold;*/
}
.jquerybubblepopup-innerHtml ul
{
    margin-left: 0;
    padding-left: 0;
}

.jquerybubblepopup-innerHtml ul li
{
    list-style-type: none;
    margin-bottom: 5px;
}    
.emailBox
{
    width: 100%;
}
.nameBox
{
    width: 128px;
    display: inline-block;
}
#lastNameBox
{
    float: right;
}

div input[type="text"], div input[type="password"]
{
    margin-top: 6px;
    margin-bottom: 4px;
}
.passwordCheckmark
{
    margin-left: 5px;
}

#rememberForm
{
    margin-top: 30px;   
}

#rememberForm .rememberTitle
{
    font-weight: bold;
}

#rememberForm .rememberSubtitle
{
    margin-left: 24px;
}


#rememberForm #submitButton
{
    margin-top: 10px;
    float: right;
}

#securityQuestionForm
{
    /*margin-left: 25px;*/
    margin-top: 10px;
}
/*
#securityQuestionForm div
{
    margin-top: 20px;
}
*/
#securityQuestionForm #submitButton
{
    float: right;
}

.securityQuestionChooserForm
{
    width:90%;
}
.securityQuestionChooserForm form div input.passBox,
.securityQuestionChooserForm form div select.securityQuestionPicker
{
    width: 100%;
}

.securityQuestionChooserForm div
{
    margin-bottom: 10px;
}

.formRowWrapper
{
    width:70%;
    text-align: left;
    float:left;
    
}
.formLabelWrapper, .formEntryWrapper
{
    display: inline-block;
}
.formLabelWrapper
{
    width: 100px;
    text-align: left;
    font-weight: bold;
}
.formEntryWrapper
{
    width: 100%;
}

#userIDRequestForm form .emailBox, #passwordResetRequestForm form input[type="text"]
{
    /* width: 256px; */
    width: 100%;
}

strong.success
{
    color: Green;
    display: block;
   margin-top:33px;
    font-size:110%;
}

#userIDRequestForm form input[type="submit"]
{
    margin-top: 7px;
}

#passwordResetRequestForm form input[type="submit"]
{
    margin-top: 8px;
}

#securityQuestionForm form input[type="submit"]
{
    margin-top: 7px;
}

#securityQuestionForm form div input[type="password"], #securityQuestionForm form div input[type="text"]
{
    /* margin-top: 10px; */
}
.text-box
{
    width:80%;
}
.text-box.single-line
{
    width:99%;
}
#loginFormErrorBox
{
    text-align: left;
    color: red;
    font-weight: bold;
    width:180px;
    font-size:90%;
}
.backToLogin
{
    text-align:right;
    margin-top:40px;
}

.backToLogin.userOver
{
    text-align:right;
    margin-top:90px;
}
.backToLogin.resetOver
{
    margin-top:70px;
}
#recaptcha_widget_div
{
    margin-left:25px;
}
.infoBox
{
    padding-top: 5px;
}
#passwordComplexity
{
    clear: none;
    background-color:#FFF;
    border: 1px solid #ccc;
    margin-top:20px;
    padding-bottom:20px;
    
    -moz-border-radius: 5px;
    -border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
}
a.dialogBackButton
{
    background: url(/Content/images/boxx_red.png) no-repeat center;
    display: inline-block;
    text-indent: -9999px;
    float: right;
    width: 16px;
}
a.dialogBackButton:hover
{
    background: url(/Content/images/boxx_red.png) no-repeat center; 
}

#securityQuestionForm .securityQuestionWrapper label
{
    font-style: italic;
}

#linksFooter
{
    border-bottom:1px solid #D0D0D0;
    height:15px;
    margin:20px 0 0 0;
    text-align:right;
    padding:0 0 5px 0;
}

#linksFooter li
{
    border-right: 1px solid #D0D0D0;
    float:left;
    font-size:90%;
    font-weight:bold;
    padding:0 5px 0 5px;
    list-style:none outside;
}

li#lastLink
{
    border:0;
    padding-right:1px;
}

#links
{
    float:right;
}

#copyright
{
    clear:both;
    color:#8F8F8F;
    font-size:90%;
    margin-left:1px;
}

a:link
{
    color:#0098C3;
    text-decoration:none;
}
a:visited
{
    color:#0098C3;
    text-decoration:none;
}
a:hover
{
    color:#9B1889;
    text-decoration:none;
}
a:active
{
    color:#0098C3;
    text-decoration:none;
}
h3
{
    color:#000;
    line-height:140%;
    margin-bottom:5px;
}
.helpSubBox h3
{
    color:#FFF;
}
#ribbon
{
    background-color:#EA2839;
    height:8px;
    min-width:100%;
    overflow:hidden;
    position:absolute;
    top:102px;
}
#blue
{
    background-color:#00B0CA;
    height:8px;
    left:0;
    position:absolute;
    width:12.5%;
}
#magenta
{
    background-color:#CB0044;
    height:8px;
    left:12.5%;
    position:absolute;
    width:12.5%;
}
#teal
{
    background-color:#00B2A9;
    height:8px;
    left:25%;
    position:absolute;
    width:12.5%;
}
#maroon
{
    background-color:#A30050;
    height:8px;
    left:37.5%;
    position:absolute;
    width:12.5%;
}
#yellow
{
    background-color:#BED600;
    height:8px;
    left:50%;
    position:absolute;
    width:12.5%;
}
#purple
{
    background-color:#9B1889;
    height:8px;
    left:62.5%;
    position:absolute;
    width:12.5%;
}
#darkBlue
{
    background-color:#0098C3;
    height:8px;
    left:75%;
    position:absolute;
    width:12.5%;
}
.hasPlaceholder
{
	color: #AAA;
}

.passwordPlaceholder
{
    font-size:120%;
    position:relative;
    top:18px;
    right:277px;
	color: #AAA;
	display:none;
}

.readonly-message 
{
    padding: 0 5px 0 5px;
}

.readonly-message p
{
    color: red;
    font-weight: bold;  
}

.development-message {
    padding: 0 5px 0 5px;
}

.development-message p {
    color: blue;
    font-weight: bold;
    font-size: 10px;
}

.error-message {
    padding: 10px 25px 10px 25px;
}

.error-message p {
    font-size: 14px;
}

.error-message .backToLogin {
    text-align: left;
    margin-top: 0;
}

.preLoginLogo {
    height:100px;
}

.ribbonColor
{
    height: 8px;
    width: 12.5%;
    position: absolute;    
    top: 0;        
}