/* @import url(//fonts.googleapis.com/css?family=Lato:300); */
/* @import url(//fonts.googleapis.com/css?family=Lato:400); */
@import url(/include/css/font-lato.css);
@import url(font-awesome.min.css);

body {background:#fff; color:#000; font:75%/1.4em 'Lato','Helvetica Neue',Helvetica,Arial,sans-serif; margin:0; width:100%;}
img {border:none;}
a {color:#007197; cursor:pointer; text-decoration:none;}
a:hover,a:focus {text-decoration:underline;}
#info-window {width:592px; margin:10% auto 0;}
#info-window * {-moz-box-sizing:border-box; box-sizing:border-box;}
#info-window div.top-bar {position:absolute; top:0; left:0; width:100%; background-color:#34383C; border-bottom:1px solid #282B2E; height:40px;}
#info-window div.top-bar a {float:left; margin:10px 0 0 10px; color:#d6e4ef; font:110%/1em 'Lato','Helvetica Neue',Helvetica,Arial,sans-serif; text-decoration:none;}
#info-window h1 {border-bottom:1px solid #DBDEE0; color:#333; font-size:140%; margin:0 0 30px; padding:0 0 5px;}
#info-window .error-window h1 {background:url(/images/warning-icon.gif) no-repeat scroll 0 0; padding:2px 0 6px 26px;}
h1.software {background:url(/images/Software-CD-Case-Blue.gif) no-repeat scroll 0 3px; border-bottom:1px solid #DBDEE0; color:#333; display:block;  font-size:13px; margin:0 0 20px ;padding:2px 0 6px 26px !important;}
#info-window h2 {font-size:140%; margin:0 0 20px 0; padding:0;}
#info-window ul {color:#007197; list-style-type:disc; margin:0 0 20px 0; padding-left:13px;}
#info-window p {margin:0 0 20px 0; padding:0;}
#info-window .login-window {float:left;}
#info-window .content {float:left; width:592px; padding:25px 45px 0 45px; text-align:left; border:1px solid #DBDEE0; border-radius:0;}
#info-window .inner-login-box {margin:0 25px; width:450px;}
#info-window .login-input {margin:0 0 15px 0; float:left; clear:left; width:100%;}
#info-window .login-input label {color:#545454; display:block; font-size:120%; font-weight:700; padding:0 0 5px 0;}
#info-window .login-input input {display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; vertical-align: middle; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#info-window .login-input input:hover,
#info-window .login-input input:focus {border-color: #66afe9; outline: 0;}
#info-window .login-input a {float:left; clear:both; margin-left:0; font-size:100%;}
#info-window .login-button {margin:0 0 20px 0; float:left; clear:left;}
#info-window .remember-me {float:left; clear:left; width:100%;}
#info-window .remember-me span {margin:0 0 20px 0; float:left; clear:left; width:100%;}
#info-window .remember-me input {float:left; margin:2px 0;}
#info-window .remember-me label {float:left; padding:2px 5px;}
#info-window a.ellogo {display:block; margin:0 auto; padding-top:20px; width:81px; clear:left;}
#info-window a.ellogo img {}
#info-window div.login-error {color:red; display:block; font-size:110%; margin-bottom:20px;}
#info-window .CaptchaContainer {margin:0 0 15px 0; float:left; clear:left; width:100%;}
#info-window .main-login {width:250px;}
#info-window .main-login h1 {display:none;}
#info-window .main-login .content {width:250px; padding:0; border:none; border-radius:0;}
#info-window .main-login .inner-login-box {margin:0; width:250px;}
#info-window .main-login .login-input label {float:none; display:block;}
#info-window .main-login .login-input input {/*width:238px;*/}
#info-window .main-login .login-button {margin-left:0; width:100%;}
#info-window .main-login .login-button input {float:left;}
#info-window .main-login .login-button p {float:left; margin:0; padding:5px 0 0 5px; font-size:14px;}
#info-window .alert-danger {background-color:#F2DEDE; border-color:#EBCCD1; color:#B94A48; border:1px solid rgba(0, 0, 0, 0); border-radius:4px; margin-bottom:10px; padding:10px;}

.blue-button input, .login-button input, .blue-button input:active, .login-button input:active {cursor: pointer; font-size: 14px; font-weight: normal; line-height: 1.42857; margin:0 10px 0 0; padding: 6px 12px; text-align: center; vertical-align: middle; white-space: nowrap; border-radius: 2px; width:auto; height:auto; text-shadow: none; background:#36A9E1; color: #fff; border:none;}
.blue-button input:hover, .blue-button input:focus, .login-button input:hover, .login-button input:focus {background:#1e8fc6; cursor:pointer; text-decoration:none; color:#fff;}

div[id$="PanelChangeLogin"] {float:left; clear:left; width:372px; margin-bottom:20px;}
div[id$="PanelChangePassword"] {float:left; clear:left; width:372px;}

#info-window #rules {margin:0 0 25px 140px; font-size:90%;}
#info-window #rules li {margin-left:15px;}

.blue-button input[disabled="disabled"] {background-color:#aaB0EC; border:0; color:#FFF; font-size:110%; font-weight:700; padding:5px 18px;}

/* social login buttons */
#additional-logins {float:left; min-height:325px; width:300px; margin:0 0 0 40px; padding:0 0 0 40px; border-left:1px solid #DBDEE0;}
.oauth-social-logins, .saml-login-box {float:left; clear:both; width:250px; margin:0; padding:0;}
.oauth-social-logins a, .saml-login-box a {float:left; width:250px; height:30px; margin-bottom:5px; padding:6px 10px 0 40px; color:#fff; font-family: 'Lato','Helvetica Neue',Helvetica,Arial,sans-serif; background-color:#000; border-radius:2px; font-size:14px; position:relative; opacity:0.9;}
.oauth-social-logins a:hover, .oauth-social-logins a:focus, .saml-login-box a:hover, .saml-login-box a:focus {opacity:1;}
.oauth-social-logins a:before, .saml-login-box a:before {content:"\f090"; border-right:1px solid #FFFFFF; font-family:FontAwesome; font-size:16px; height:30px; left:0; padding-top:7px; position:absolute; text-align:center; top:0; width:30px;}
.oauth-social-logins a.social-fb, .oauth-social-logins a.social-facebook {background-color:#3b5998;}
.oauth-social-logins a.social-fb:before, .oauth-social-logins a.social-facebook:before {content:"\f09a";}
.oauth-social-logins a.social-gmail, .oauth-social-logins a.social-google, .oauth-social-logins a.social-google-plus, .oauth-social-logins a.social-gplus {background-color:#444444;}
.oauth-social-logins a.social-gmail:before, .oauth-social-logins a.social-google:before, .oauth-social-logins a.social-google-plus:before, .oauth-social-logins a.social-gplus:before {content:"\f0d5";}
.oauth-social-logins a.social-linkedin {background-color:#0076A8;}
.oauth-social-logins a.social-linkedin:before {content:"\f0e1";}
.oauth-social-logins a.social-openid {background-color:#f78c40;}
.oauth-social-logins a.social-openid:before {content:"\f090";}
.oauth-social-logins a.social-twitter {background-color:#3a92c8;}
.oauth-social-logins a.social-twitter:before {content:"\f099";}
.oauth-social-logins a.social-windows-live, .oauth-social-logins a.social-windows, .oauth-social-logins a.social-live, .oauth-social-logins a.social-microsoft {background-color:#1570a6;}
.oauth-social-logins a.social-windows-live:before, .oauth-social-logins a.social-windows:before, .oauth-social-logins a.social-live:before, .oauth-social-logins a.social-microsoft:before {content:"\f17a";}
.oauth-social-logins a.social-yahoo {background-color:#ad0126;}
.oauth-social-logins a.social-yahoo:before {content:"\f090";}
.oauth-social-logins a.social-weibo {background-color:#EC1E2D;}
.oauth-social-logins a.social-weibo:before {content:"\f18a";}
.saml-login-box a {background-color:#34383C;}
.saml-login-box a:before {content:"\f090";}

/* forgotten password choose new page / shared with classic / needs converting */
.forgottenpasswordchoosenew .clsChangePW {-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background:#fff;border:solid #C7C7C7 1px;margin:10% auto 0;width:510px;padding: 25px 45px;}
.forgottenpasswordchoosenew h1 {border-bottom: 1px solid #C7C7C7;color: #333;font-size: 13px;margin: 0px 0px 20px;padding: 0px 0px 5px;}
.forgottenpasswordchoosenew label {color: #545454;display: block;float: left;font-size: 11px;font-weight: 700;padding: 5px 0px;width: 150px;}
.forgottenpasswordchoosenew input {border: 1px solid #C9C9C9;padding: 2px;width: 150px !important;}
.forgottenpasswordchoosenew input[type="submit"] {background-color: #00B0EC;border: 0px;color: white;font-size: 13px;font-weight: 700;padding: 5px 18px;width:auto !important;margin-left:150px;}