
body
{
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#centeringDiv
{
    width: 800px;
    margin: 0px auto 0px auto;
    overflow: hidden;
}

#userTag 
{
    position:absolute;
    top: 0;
    right: 0;
    width: 170px;
    padding: 10px;
    text-align: center;
}

#header
{
    width: 700px;
    margin: 0px auto 0px auto;
    padding: 20px 0px 20px 0px;
    display: table;
    overflow: hidden;
}

#nav
{
    width: 600px;
    margin: 0px auto 30px auto;
    padding: 0px 0px 0px 0px;
    clear: none;
    display: block;
    overflow: hidden;
}

#main
{
    width: 800px;
    margin: 0px auto 30px auto;              
}

#footer
{
    width: 800px;
    margin: 0px auto 30px auto;
    clear: both;
}

hr
{
    width: 70%;
    height: 1px;
    border: 0 none;
}

.endHR
{
    height: 4px;
}

img
{
    border: none;
    margin: 0px;
    padding: 0px;
}

#instructionalText
{
    width: 600px;
    margin: 0px auto 15px auto;
}

#instructionalText_LoginPage
{
    width: 600px;
    margin: 0px auto 0px auto;
}

.inputLabel
{
    width: 11em;
    float: left;
    text-align: right;
    margin:.2em 1em 0em 0em;
    display: block;
}

.manageAccInputLabel
{
    width: 12em;
    float: left;
    text-align: right;
    margin:.2em 1em 0em 0em;
    display: block;
}

.checkboxText
{
    clear: both;
}

.checkboxAlignedText
{
    margin-bottom: 1px;
    clear: both;
}

.checkboxLabel
{
    clear: both;
    position: relative;
    margin:.2em 0em 0em 0em;
}

.login
{
    width: 120px;
    height: 36px;
    margin: 1em auto 0em auto;
    display: block;
}

.errorMessage
{
    display: none;
}

.standingsDiv
{
	width: 600px;
	margin: 0px auto 30px auto;
	padding: 20px;
	background-color: rgb(255, 255, 255);
	border: 2px solid rgb(150, 150, 150);
	overflow: hidden;
}

/* Form Fields CSS */
.formDiv
{
	width: 500px;
	margin: 0px auto 0px auto;
	padding: 0px;
}

.formLabel
{
    float:left; 
    width:220px; 
    text-align:right; 
    margin:2.5px 3px 0px 0px; 
    display:inline;
}

.formLabelSmall
{
    float:left; 
    width:175px; 
    text-align:left; 
    margin:0px 3px 0px 0px; 
    display:inline;
}

.profileFormLabel
{
    float:left; 
    width:220px; 
    text-align:right; 
    margin:2.5px 3px 0px 0px; 
    display:inline;
}

.formField
{
    display:inline; 
    position:relative; 
    top:-2px;
    margin:0px
}


.formHeadlines
{
    margin: 0px;
    padding: 20px 0px 10px 0px;
    font-size: 24pt;
    font-weight: 600;
}

.formLinesRight
{
    width: 70%;
    text-align: left;
    margin: 0px 0px 2px 0px;
}

.formLinesLeft
{
    width: 30%;
    text-align: right;
    margin: 0px 0px 2px 0px;
} 

.formFields
{
    margin: 2px 0px 0px 0px;
    width: 224px;
}

.shiftRight
{
    position:relative;
    left:00px;
}

/* Tooltip CSS */
.toolTipTarget
{
    display: inline;  
    margin: 5px 3px 0px 3px;
    cursor: pointer;
}

.toolTip
{
    text-align: center;
    margin: 8px;
    padding: 8px;
    border: 1px solid rgb(150,150,150);
    background-color:rgb(255,255,255);
    position: absolute;
    z-index: 2;
}

.countdownImage
{
    display: inline;
    margin-right: 2px;
}

#privacyPolicyStatementDiv
{
    width: 70%;
    text-align: left;
    margin: 20px auto auto auto;
    padding: 10px 0px 10px 10px;
}

.privacyGrid
{
	display: grid;
    display: -ms-grid;	   
	grid-template-columns:7% 93%; 	
	grid-column-gap: 0px;
    -ms-grid-columns: 7% 93%;    
	margin-bottom: 5px;
}

#privacyStatementLink
{
    text-decoration: underline;
    font-weight: 600;
}

.privacyStatementColumn1
{
    grid-column-start:1; 
    grid-column-end:1;
    -ms-grid-column: 1; 
    -ms-grid-column-span: 1; 
    -ms-grid-row-span: 1;
    padding-top: 10px;
    text-align: right;
}

.privacyStatementColumn2
{
    grid-column-start:2; 
    grid-column-end:2;
    -ms-grid-column: 2; 
    -ms-grid-column-span: 1; 
    -ms-grid-row-span: 1;  
    margin-left: 10px;
}

#modalBackground
{
    width: 100%;
    height: 100%;
    margin: auto;
    background-color: rgba(80,80,80,.5);
    display: none;
    z-index: 99;
}

#rejectModal
{
    width: 440px;
    display: none;
    margin: auto;
    padding: 0px;
    background-color: rgb(256,256,256);
    border: 4px solid rgb(175, 0, 0);
    border-radius: 2px;
    box-shadow: 0px 3px 5px 2px rgba(100,100,100,.5);
    z-index: 100;
    text-align: center;
}

.centered 
{
  position: fixed;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.modalButton
{
    display:inline-block !important;
    width: auto !important;
    height: 36px !important;
    margin: 10px 0px 0px 10px !important;
    padding: 0px 25px 0px 25px;
}

.disabled
{
    opacity: 0.5;
    pointer-events:none;
}

.verifyButtons
{
    width: 120px;
    height: 36px;
    margin: 0em auto 0em auto;
    display: block;
}