﻿html,body 
{
    overflow:auto;
    margin:0px;
}

body 
{
    background: #4E5B63 url('background-image.png') repeat-x;	
    font: normal 11px Verdana;
    vertical-align:middle;
    width:100%;
    height:100%;
    color:#222;
}

.nextGen_horizon 

{
    position:absolute;
    top:50%;
    left:0px;
    width:100%;
    margin-top:-300px;
    text-align:center;
    min-width:800px;
    min-height:600px;
}


a,a:focus,a:hover {
   outline: 0;
}
.nextGen_mainContainer 
{
    width:800px;
    height: 600px;
    position:relative;
    text-align:left;
    margin:0px auto;
}

.nextGen_hleft
{
	background: url("login-header-left.png") 0 0;  
	float:left;
	height:75px;
	width:250px;    
}

.nextGen_hlogo
{
    float:left;
    padding:27px 0 0 22px;
}


.nextGen_header
{
	height:75px;
    margin-left: auto;
    margin-right:auto;
    width:800px;
}



.nextGen_hmid
{
    background: url("login-header-middle.png") repeat-x 0 0;
	margin: 0 250px;
	height:75px; 
}


.nextGen_hright
{
	background: url("login-header-right.png") 0 0;
	float:right;
	height:75px;
	width:250px;	
}

.nextGen_footer
{
    margin: 0;
    padding: 0px 0px 4px 0px;
    font-size: 10px;
    color: White;
    font-family: Verdana;
    overflow:hidden;
    height: 26px;
    position:relative;
}

.nextGen_footerLogo 
{
    float: right;
    padding: 4px 8px;
    overflow:visible;
    position:absolute;
    left:670px;
    top:0px;
}


.nextGen_footerleft
{
	background: url("footerleft.png") 0 0;  
	float:left;
	height:30px;
	width:8px;    
}

.nextGen_footermid
{
    background: url("sprBkg.png") repeat-x 0 -370px;
	margin-left:8px;
	margin-right:8px;
	height:30px;
}


.nextGen_footerright
{
	background: url("footerright.png") no-repeat;
	float:right;
	height:30px;
	width:8px;
}



.nextGen_content
{
    background-color:White;
    margin-left: auto;
    margin-right:auto;
    height:515px;
    overflow: auto;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    padding:0px;
    color:#222;
}

.nextGen_innerContent
{
    padding:18px;
    color:#222;
}

.nextGen_title
{
    font: bold 12px Verdana;
    color:#E37222;
}
.nextGen_content ul li
{
    list-style-type:square;
    color:#E37222;
}

.nextGen_content ul li span
{
    color:#222;
}
.nextGen_content a
{
    color:#039;
}
.nextGen_logincontent a
{
    color:#039;
}
.nextGen_boxContainer 
{
    margin-top:10px;
    overflow:hidden;
}
.nextGen_mainLoginContainer 
{
    width:526px;
    height: 420px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-210px 0 0 -263px;
}

.nextGen_loginheader
{
	height:75px;
    margin-left: auto;
    margin-right:auto;
    width:526px;
}

.nextGen_logincontent
{
    background-color:White;
    margin-left: auto;
    margin-right:auto;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    padding:0px;
    color:#222;
}

.nextGen_loginfooterLogo 
{
    float: right;
    padding: 4px 8px;
    overflow:visible;
    position:absolute;
    left:406px;
    top:0px;
}

.nextGen_loginfields 
{
    margin:auto;
    width:284px;
    overflow:hidden;
}

.nextGen_fieldlabel 
{
    width:70px;
    display:inline-block;
    float:left;
    padding-top:5px;
}

.nextGen_btnlogin 
{
    float:right;
    margin-right:9px;
}

#lblMsgContainer,.nextGen_msgcontainer
{
    background-color:#FFFBDB;
    border-bottom: 1px solid #C7C4AB;
    overflow:hidden;
    padding-left:10px;
    padding-top:8px;
    padding-bottom:8px;
}

#lblMsgImage, .nextGen_msgimage
{
    float: left;
    height: 16px;
    padding-right: 5px;
    width: 16px;
}

.nextGen_msgInfo 
{
    background: url("sprBtn.png") no-repeat scroll 0 -80px transparent;
}

.nextGen_msgError
{
    background: url("sprBtn.png") no-repeat scroll 0 -120px transparent;
}

.nextGen_msgWarning
{
    background: url("sprBtn.png") no-repeat scroll 0 -160px transparent;
}

.nextGen_msgtext 
{
    position:relative;
    top:1px;
}

.nextGen_copyright
{
    font-size:9px;
    padding: 8px;
}

.nextGen_spacer 
{
    height:2px;
    overflow:hidden;
}

#nextGen_vimLink p {
    margin: 0;
}

.loginSection {
    border: 1px solid #999;
    padding: 10px;
    margin: 13px 10px;
}

.signOnSection {
    border: 1px solid #999;
    padding: 8px 12px;
    width: 220px;
    margin: 13px auto 13px 150px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .signOnSection {
        border: 1px solid #999;
        padding: 8px 12px;
        width: 220px;
        margin: 13px auto 13px 148px;
    }

    #SupportArea {
        overflow: auto;
        height: 100px;
    }

    #ssoHelpButton {
        height: 16px;
        width: 16px;
        background: url("sprBtn.png") no-repeat scroll 0 0 transparent;
        cursor: pointer;
        margin-left: 5px;
    }

    #ssoHelpText {
        display: none;
        padding-bottom: 10px;
    }
}

.privacyLink {
    font: normal 11px Verdana;
    float: right;
}
/**********************         Concurrent Login Modal dialog styles              ********************************/
#concBg {
    position: fixed; 
    top: 0; left: 0; 
    right: 0; 
    bottom: 0; 
    width: 100% !important; 
    height:100% !important;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9;
}
.conCont {
    position: relative;
    width: 660px; 
    height: 360px; 
    left: 50%;
    top: 50%; 
    margin: -130px 0 0 -330px;
    opacity: 1.0 !important;
    background-color: rgba(255, 255, 255, 1.0);
    font-size: 15px; 
    border: 3px solid #154360;
    border-radius: 7px;
}
.conHdr {
    position: relative;
    top: 0;
    left: 0;
    width: 99%;
    background-color: #154360;
    color: white;
    font-weight: bold;
    padding: 5px;
}
.conHerIco {
    float: right;
    font-weight: bold;
    text-decoration: none;
    color: white;
}
.conHerIco:hover {
    color: #ccc;
}
.conText {
    padding: 15px;
}
.cv {
    font-weight: bold;
}
.conBtn {
    background-color: #154360;
    border: none;
    color: white;
    padding: 6px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    border-radius: 3px;
}
.conBtn:hover {
    color: #CCC;
}