html,body{height: 100%; width:100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
@font-face {
    font-family: 'museo300';
    src: url('../font/museo300-regular-webfont.eot');
    src: url('../font/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/museo300-regular-webfont.woff2') format('woff2'),
         url('../font/museo300-regular-webfont.woff') format('woff'),
         url('../font/museo300-regular-webfont.ttf') format('truetype'),
         url('../font/museo300-regular-webfont.svg#museo300') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'museo_sans500';
    src: url('../font/museosans_500-webfont.eot');
    src: url('../font/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/museosans_500-webfont.woff2') format('woff2'),
         url('../font/museosans_500-webfont.woff') format('woff'),
         url('../font/museosans_500-webfont.ttf') format('truetype'),
         url('../font/museosans_500-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;
}
*{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin:0; padding:0; }
img{border:0 none;}
body{color:#00342b; font-family: 'museo_sans500'; font-size:14px; line-height:17px; }
input, textarea, select, button {font-family: 'museo_sans500'; 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(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); 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_31739.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;}
.logosection .logo{margin-bottom: 20px; max-height: 150px;}
.logosection h1{font-family: 'museo300'; font-size: 30px; font-weight: normal; line-height:35px; margin-bottom: 20px;}

.loginWrapper{padding:20px; background:rgba(255,255,255,1) ; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF,endColorstr=#FFFFFFFF)"; 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:#009B55; padding:5px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #ffffff ; border:0; font-size: 16px;}
.loginbtn:hover{background: #00342b ; 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:#00342b; text-decoration:none; font-size:12px;}
.resetWrapper a:hover{ text-decoration:underline;}

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

.supportlbl{text-align: center; color:#00342b; font-size: 12px; text-shadow: 1px 1px 0px #3d3d3d; padding: 10px 0;}
.supportlbl a{color: #00342b;  text-decoration: none;}
.supportlbl a:hover{ text-decoration: underline;}

.footersection{position: absolute; text-align: center; bottom: 0; width: 100%;}
.footersection p{color:#00342b ; margin-bottom: 5px; font-size: 12px; text-shadow: 1px 1px 0px #3d3d3d;}
.footersection a{color: #00342b ;  text-decoration: none;}
.footersection a:hover{ text-decoration: underline;}
.footerlogo{position: absolute;  bottom: 5px; right:30px;}

.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;}

.setPasswordPage .remembersection label + label {display: none;} 

/*Authorisation page css */
.cancelBtn { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; background-color:transparent; color:#00342b; 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;}

@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%;}
}