html,body{height: 100%; width:100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
*{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin:0; padding:0; }
img{border:0 none;}
body{color:#002855; font-size:14px; line-height:17px; }
input, textarea, select, button {font-size:16px; line-height:20px; }
button,input[type=button],input[type=submit]{cursor:pointer;} 
.textbox{border:1px solid #bbbbbb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:5px; color:#3d3d3d; width:100%; line-height: 18px;}
.textbox:focus{box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.2); outline:0; }

.clearfix:before, .clearfix:after{ display: table;  content: " ";}
.clearfix:after{ clear: both;}
.pull-left{float:left;}
.pull-right{float:right;}

.defaultWrapperBG{background:url(../img/bg.jpg) no-repeat center center; background-size: cover;}
.wrapper{background:url(../../../../../flag/flag_8513.gif) no-repeat center center; background-size: cover;}
.wrapperBGcolor{background-color: #ffffff;}
.defaultWrapperBG, .wrapper, .wrapperBGcolor{display:table; width:100%; height:100%; }
.wapperinner{display:table-cell; vertical-align:middle; position: relative; z-index: 1;} 

.logosection{text-align:center; margin-top: -90px;}
.logosection .logo{margin-bottom: 20px; max-height: 150px;}
.logosection h1{font-size: 30px; font-weight: normal; line-height:35px; margin-bottom: 20px;}

.loginWrapper{padding:20px; background:rgba(255,255,255,0.8) ; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF)"; width:355px; margin:0 auto;}
.loginWrapper h4{text-align:center; font-size: 20px; font-weight: normal; line-height: 25px; margin-bottom: 20px;}

.loginWrapper .passActivateText{margin-bottom: 15px;}

.formWrapper{margin-bottom:15px; padding: 0 20px; min-height: 130px;}
.form-group{margin-bottom:20px;}

.remembersection{margin-bottom: 25px;}
.remembersection label{font-size:16px; margin-top: 8px; display: inline-block;}
.btn, a.btn{text-decoration: none;}
.loginbtn{background:#a6172e; padding:5px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #ffffff ; border:0; font-size: 16px;}
.loginbtn:hover{background: #ee3035 ; color: #ffffff;}

.haserror, .haserror:focus{border-color:#a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;}
.errorMessage{list-style: none; margin-bottom: 15px;}
.errorMessage li{color:#f00;}

.errorMessageBlock p.requirementsText { margin-bottom: 15px;}
.errorMessageBlock ul{padding-left:20px;}
.errorMessageBlock ul li { list-style: disc;}

.resetWrapper{text-align:center; margin-bottom: 25px;}
.resetWrapper a{color:#002855; text-decoration:none; font-size:12px;}
.resetWrapper a:hover{ text-decoration:underline;}

.resetWrapper p{margin-top:20px;}
.loginpage .resetWrapper a.signUpLink{color:#ee3035; font-size:16px;}

.Powerbysection{text-align:center;}
.Powerbysection a{vertical-align:-8px; margin-left:10px; display:inline-block;}

.supportlbl{text-align: center; color:#ffffff; font-size: 12px; padding: 10px 0;}
.supportlbl a{color: #ffffff;  text-decoration: none;}
.supportlbl a:hover{ text-decoration: underline;}

.footersection{position: absolute; text-align: center; bottom: 0; width: 100%; background: #f3f3f3; padding: 15px; box-shadow: inset 0px 2px 3px 0px #e3e3e3;
    -moz-box-shadow: inset 0px 2px 3px 0px #e3e3e3;
    -webkit-box-shadow: inset 0px 2px 3px 0px #e3e3e3;}
.footersection p{color:#ffffff ; margin-bottom: 5px; font-size: 12px;}
.footersection a{color: #ffffff ;  text-decoration: none;}
.footersection a:hover{ text-decoration: underline;}

.form-group{position: relative;}
.placeholderLbl{position: absolute; left:0; top:0; bottom:0; right:0; padding:8px 0 0 6px; color:#A9A9A9; font-size: 16px;}
.placeholderLbl:hover{cursor: text;}

.setPasswordPage .formWrapper,.forgotPassword .formWrapper{padding: 0; margin-bottom: 20px;}
.setPasswordPage .remembersection label{display: block; margin-bottom: 15px;}
.passRules{margin: 15px 0 20px;}
.passRules h5{font-size: 18px; font-weight: normal; line-height: 25px; margin-bottom: 10px;}
.passRules p{margin-bottom: 10px;}

/*Authorisation page css */
.cancelBtn { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; background-color:transparent; color:#002855; margin-right:10px;}
.cancelBtn:hover{text-decoration:underline;}
.alert {padding: 10px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px;}
.alert-warning {color: #c09853; background-color: #fcf8e3; border-color: #faebcc;}
.oauthPermission{margin:10px 0 20px 17px;}
.oauthPermission li{margin-bottom:10px;}

.ssoLink {
    text-align: center;
}
.ssoLink > a {
    color: #ee3035;
    font-weight: bold;
}

@media (max-width: 767px) {
	.wapperinner{padding: 10px 0;}
	.footersection{position: static; text-align: center;}
	.footerlogo{display: none;}
}
@media (max-width: 479px) {
	.loginWrapper{width:100%; padding: 5%;}
	.logosection h1{font-size: 22px; line-height: 30px; font-weight: bold;}
	.recaptcha_img {width:288px; overflow:hidden;}
	#recaptcha_widget_div {margin-left: -15px; transform:scale(0.92, 1); -webkit-transform:scale(0.92, 1); width: 100%;}
}
@media (min-height: 753px) {
	.unsubscribePage .footersection{position: relative;}
	
}