
.clear{
	clear:both;
}

html, body{
	margin:0px;
	height:100%;
	width:100%;
}

#main{
	background-color:#f5f5f5;
	width:100%;
	height:100%;
	padding-top:30px;
	margin-left: auto ;
	margin-right: auto ;
	position:fixed;
}

#loginWrapper{	
	width:100%;
	min-height:550px;
	height:81%;
}

#iframeWrapper, iframe{
	width:100%;
	height:100%;
	border:none;
}

#loginBox{
		background-color:#ffffff;
		width:405px;
		height:390px;
		padding:30px;
		margin-left: auto ;
		margin-right: auto ;
		font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
		font-size:12px;
		box-shadow: 0px 10px 40px #cccccc;
		background-repeat:no-repeat;
		background-position: 210px 130px;
}

#header{
		height:90px;
		width:100%;
}

#loginLogo{
	width:100%;
	height:23px;
	background-position:right;
	background-repeat:no-repeat;
}

#loginTitle {
	margin-top:27px;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; 
	font-weight: normal; 
	font-size:40px; 
	color: #6d6e70;
	text-align:left;
}

#loginTitleAdminMain {
	margin-top:27px;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; 
	font-weight: normal; 
	font-size:40px; 
	color: #6d6e70;
	text-align:left;
}

#loginTitleAdminSub {
	margin-top:5px;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; 
	font-weight: normal; 
	font-size:15px; 
	color: #6d6e70;
	text-align:left;
}

.loginLogo{
		width:115px;
		height:18px;
		white-space:nowrap;
		background-repeat:no-repeat;
		top:16px;
		left:2px;
		position:absolute;
}

.loginContent{
		background-position:right,bottom;
		background-repeat:no-repeat;
		height:350px;
}

#loginForm{
	margin-top:130px;
	height:200px;
	padding-left:3px;
}

#loginForm form{
	margin: 0px;
}

#loginForm .loginButton{
	margin-top: 20px;
	color: #f0f1e2;
	background-color:#003e68 ;
	border:2px; 
	width:80px; 
	height:30px;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	text-align: center;
}

#loginForm .loginLabel{
	color:#6d6e70;
    font-size:12px;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

#loginForm .clear{
	margin-top: 15px;
    clear:both;
}


/* Font styling for input fields: User ID, Password */
.loginField input{
	border-color: #f0f1f2;
    border-style: solid;
    border: 2px inset;
    width: 250px;
    height: 30px;
}

.iframeDiv {
	height:100%;
}

#footer{
	height:100%;
	width:100%;
}

#footerWrapper{
	height:18%;
	min-height:120px  !important;
	width:100%;	
}

#footer{
	background-color:#dddddd;
	width:100%;
	height:100%;
	padding-top:5px;
	padding-bottom:10px;
	margin-left: auto ;
	margin-right: auto ;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size:12px;
	min-height: 100px;
}

#tririgaLegal{
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10px;
    color: #999999;
	text-align:justify;
	width:800px;
	margin-left: auto ;
	margin-right: auto ;
}

#tririgaLegal a:link{ 
	color: #999999;
}

#csiImage{
	padding-top:5px;
	float:left;
	width:7%;
}

#csiLegal{
	float:right;
	width:93%;
}

#messageOverlay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     background-color: rgba(0, 0, 0, .5);
     z-index: 1000;
}

#messageWrapper{
	margin-top:180px;
	margin-left: auto ;
	margin-right: auto ;
	width: 300px;
	background-color: rgba(255, 255, 255, 1);
}


#messageWrapper #dialogMessageHeader{
	background-color: #003e68;
	color:white;
	font-size: 1.4em;
	padding:15px;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}



#messageWrapper #dialogBody{
	padding:15px;
	padding-bottom:0px;
	font-size:small;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color:#777777;
	text-align:left;
}

#messageWrapper .activeUser{
	color:#FFFFC2;
}

#messageWrapper #saMessage{
	font-size: small;
}

#messageWrapper #saMessageTitle{
	font-weight:bold;
}

#messageWrapper #dialogButtonWrapper{
	padding:15px;
	float:right;
}

#messageWrapper #msgButtonAffirm{
	color: #003e68;
	background-color : #ffffff;
	border:2px solid #003e68;
	height:30px;
	font-weight: bold;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; 
}

#loginError{
	float:right;
	color:red;
	font-weight: bold;
	font-size:small;
	width:300px;
	margin-top: 28px;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; 
}

#loginSubmit{
	float:left;
}

#messageWrapper #msgButtonCancel{
	color: #003e68;
	background-color : #ffffff;
	border:2px solid #003e68;
	height:30px;
	font-weight: bold;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; 
}

#messageWrapper #msgButtonAffirm:hover{
	background-color : #dddddd;
}

#messageWrapper #msgButtonCancel:hover{
	background-color : #dddddd;

}

#loginForm #productionModeMessage{
	padding-top: 7px;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; 
	font-size:12px;
	color:#d74352;
	text-align: center;
}
