* {
  margin: 0;
  padding: 0;
}

a {
  color: #FFFFFF;
  text-decoration: none;
}

a:hover {
  color: blue;
}

html, body.CSPortalLogin {
  height: 100%;
  font-size: 12px;
  font-family: Tahoma;
}

div.CSPortalLoginMain {
  position: relative;
  height: 100%;
}

div.CSPortalLoginOuter {
  display: table;
  height: 100%;
  #position: relative;
  overflow: hidden;
  margin: auto;
}

div.CSPortalLoginMiddle {
  #position: absolute;
  #top: 50%;
  display: table-cell;
  vertical-align: middle;
}

div.CSPortalLoginInner {
  #position: relative;
  #top: -50%;
  margin: 0 auto;
}

div.CSPortalLoginSectionContent {
  position: absolute;
}

div.CSPortalLoginSectionContent._top {
  top: 0;
}

div.CSPortalLoginSectionContent._bottom {
  bottom: 0;
}

div.CSPortalLoginSectionContent._left {
  left: 0;
}

div.CSPortalLoginSectionContent._right {
  right: 0;
}

div.CSPortalLoginSectionContent._header {
  top: 0;
  height: 100px;
  width: 100%;
}

div.CSPortalLoginSectionContent._footer {
  bottom: 0;
  height: 65px;
  width: 100%;
}

div.CSPortalLoginMessages {
  position: absolute;
  top: 10px;
  width: 100%;
}

div.CSPortalLoginMessage {
  width: 340px;
  margin: 0 auto;
}

div.CSPortalLoginMessage#CSPortalLoginUnSupportedBrowser {
  width: auto;
  padding-left: 0;
}

div.CSPortalLoginServerType {
  position: absolute;
  top: 0;
  margin-top: 23px;
  color: #FFFFFF;
  font-size: 30px;
  text-align: center;
  width: 100%;
}

div.CSPortalLogin {
  padding: 30px;
  background: #90959B url(../../../gui/framework/img/backgrounds/24.png) 0 -1px repeat-x;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}

div.CSPortalLoginSectionContent {
  color: #FFFFFF;
  white-space: nowrap;
}

div.CSPortalLoginSectionContent._right {
  text-align: right;
}

div.CSPortalLoginSectionContent._top {
  vertical-align: top;
}

div.CSPortalLoginSectionContent._top._left {
  font-size: 30px;
  padding-left: 35px;
  padding-top: 23px;
}

div.CSPortalLoginSectionContent._top._right {
  text-align: right;
  padding-top: 33px;
  padding-right: 35px;
}

div.CSPortalLoginSectionContent._bottom {
  color: #95989B;
  font-size: 10px;
  vertical-align: bottom;
  padding-bottom: 23px;
}

div.CSPortalLoginSectionContent._bottom._left {
  padding-left: 35px;
}

div.CSPortalLoginSectionContent._bottom._right {
  padding-right: 35px;
}

div.CSPortalLoginInner {
  width: 360px;
}

div.CSPortalLoginInner div#CSPortalLogin label {
  display: none;
}

div.CSPortalLoginTitle{
  font-size: 15px;
  font-family: Arial;
  font-weight: bold;
  margin-bottom: 7px;
}

div.CSPortalLoginUser {
  border-top: 1px solid #C0C0C0;
  margin-bottom: 10px;
  #margin-bottom: 9px;
}

input#CSPortalLoginUserID,
input#CSPortalLoginLostPasswordInput,
input#CSPortalLoginLostPasswordProjectInput,
input#CSPortalLoginPassword,
select#CSPortalLoginSelect,
select#CSPortalLoginWebsite {
  border-color: #707070 rgb(171, 171, 171) rgb(206, 206, 206);
  border-style: solid;
  border-width: 1px;
  color: #808080;
  font-family: Helvetica;
  font-size: 13px;
  height: 25px;
  #height: 18px;
  margin-bottom: 2px;
  margin-top: -2px;
  padding: 4px 0px 0px 5px;
  width: 292px;
}

input#CSPortalLoginRegisterPasswordInput,
input#CSPortalLoginRegisterEmailInput {
  border-color: #707070 rgb(171, 171, 171) rgb(206, 206, 206);
  border-style: solid;
  border-width: 1px;
  color: #808080;
  font-family: Helvetica;
  font-size: 13px;
  height: 18px;
  margin-bottom: 2px;
  width: 100%;
}

input#CSPortalLoginLostPasswordProjectInput {
  margin-top: 10px;
}

input#CSPortalLoginUserID {
  width: 292px;
  color: #808080;
  height: 25px;
  #height: 18px;
  font-size: 13px;
}

div.CSPortalLoginPortal, div.CSPortalLoginWebsite, div.CSPortalLoginPassword, div.CSPortalLoginRegisterPassword, div.CSPortalLoginRegisterEmail {
  border-top: 1px solid #C0C0C0;
  margin-bottom: 10px;
}

input#CSPortalLoginPassword {
  width: 292px;
  color: #808080;
  height: 25px;
  #height: 18px;
  font-size: 13px;
}

div.CSPortalLoginWebsite, div.CSPortalLoginPortal {
  margin-bottom: 20px;
}

div.CSPortalLoginLostPassword, div.CSPortalLoginRegister {
  margin-top: 70px;
  border-top: 1px solid silver;
  clear: both;
}

div.CSPortalLoginLostPassword hr, div.CSPortalLoginRegister hr {
  #visibility: hidden;
  margin-bottom: 22px;
  border: none;
  height: 1px;
}

input#CSPortalLoginUserID:focus,
input#CSPortalLoginRegisterPasswordInput:focus,
input#CSPortalLoginRegisterEmailInput:focus,
input#CSPortalLoginLostPasswordInput:focus,
input#CSPortalLoginLostPasswordProjectInput:focus,
input#CSPortalLoginPassword:focus,
select:focus {
  -moz-border-bottom-colors: #B8BEC4 rgb(168, 174, 180);
  -moz-border-left-colors: #B8BEC4 rgb(152, 158, 164);
  -moz-border-right-colors: #B8BEC4 rgb(152, 158, 164);
  -moz-border-top-colors: #9CA5AE rgb(124, 130, 136);
  border-bottom-colors: #B8BEC4 rgb(168, 174, 180);
  border-left-colors: #B8BEC4 rgb(152, 158, 164);
  border-right-colors: #B8BEC4 rgb(152, 158, 164);
  border-top-colors: #9CA5AE rgb(124, 130, 136);
  -webkit-border-bottom-colors: #B8BEC4 rgb(168, 174, 180);
  -webkit-border-left-colors: #B8BEC4 rgb(152, 158, 164);
  -webkit-border-right-colors: #B8BEC4 rgb(152, 158, 164);
  -webkit-border-top-colors: #9CA5AE rgb(124, 130, 136);
  -moz-outline-radius: 2px;
  outline-radius: 2px;
  -webkit-outline-radius: 2px;
  background-color: #FEFEEE;
  outline-color: #CED2D5;
  outline-style: solid;
  outline-width: 2px;
}

body.ie.ie10 input#CSPortalLoginRegisterPasswordInput:focus,
body.ie.ie10 input#CSPortalLoginRegisterEmailInput:focus {
  outline-style: none;
}

select#CSPortalLoginSelect, select#CSPortalLoginWebsite {
  color: black;
  width: 100%;
  height: 25px;
  font-size: 13px;
}

div.CSPortalLoginCookie {
  margin-top: 25px;
  font-size: 13px;
  cursor: pointer;
}

input#CSPortalLoginCookie {
  position: relative;
  top: 1px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input#CSPortalLoginCookie {
    top: 0px;
  }
}

div.CSPortalLoginButton {
  margin-top: 20px;
  text-align: left;
}

span.CSPortalLoginForgotPassword {
  font-size: 13px;
  cursor: pointer;
}

span.CSPortalLoginButton {
  padding: 10px 0;
  float: right;
}

span.CSPortalLoginButton #login {
  padding: 5px;
  position: relative;
  top: -15px;
  background-color: #FFFFFF;
  border: 1px solid #707070;
  cursor: pointer;
}

div.CSPortalGuiForm input[type=button] {
  width: auto;
  float: right;
}

.CSPortalLogin p, .CSPortalLogin ul {
  margin-bottom: 10px;
}

td.CSPortalLoginLabelTop {
  vertical-align: top;
}

div.CSPortalLoginMessage {
  display: none;
  text-align: left;
  line-height: 150%;
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid;
  clear: both;
}

span#CSPortalLoginSupportedBrowser {
  display: block;
}

div.CSPortalLoginSupportedBrowser {
}

div.CSPortalLoginMessageTitle, div.CSPortalLoginMessageTitle * {
  padding-top: 5px;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
}

div.CSPortalLoginMessage.red {
  background-color: #D7C4C5;
  border: 1px solid #AE888B;
  color: #000000;
}

div.CSPortalLoginMessage.yellow {
  background-color: #FEFEEE;
  border: 1px solid darkGoldenRod;
  color: #000000;
  text-align: center;
}

span#CSPortalLoginClientBrowser {
  #margin-right: 5px;
}

body.ie input#CSPortalLoginCookie {
  position: relative;
  top: 1px;
}

body.Mac input#CSPortalLoginCookie {
  position: relative;
  top: -1px;
}

body.Mac.ff input#CSPortalLoginCookie {
  position: relative;
  top: 0px;
}

#CSPortalLoginBackgroundImage {
  position: fixed;
  left: 0px;
  top: 0px;
  background-size: cover;
  min-width: 100%;
  min-height: 100%;
}

#CSPortalLoginBackgroundVideo {
  position: fixed;
  left: 0px;
  top: 0px;
  min-width: 100%;
  min-height: 100%;
  background-color: transparent;
  cursor: pointer;
}

body.HasBackgroundVideo DIV.CSPortalLoginSectionContent._header,
body.HasBackgroundImage DIV.CSPortalLoginSectionContent._header,
body.HasBackgroundVideo DIV.CSPortalLoginSectionContent._footer,
body.HasBackgroundImage DIV.CSPortalLoginSectionContent._footer {
  opacity: 0.3;
}

/**************************************** CSPortalLoginMaintenanceMode ************************************************/


body.CSPortalLoginMaintenanceMode div.CSPortalLoginOuter div.CSPortalLoginInner div.CSPortalLoginButton > span:not(.CSPortalLoginButton) {
  visibility: hidden !important;
}
body.CSPortalLoginMaintenanceMode.CSPortalLoginMaintenanceModeDisabled div.CSPortalLoginMaintenanceMode,
body.CSPortalLoginMaintenanceMode:not(.CSPortalLoginMaintenanceModeDisabled) div.CSPortalLoginOuter {
  display: none;
}

body.CSPortalLoginMaintenanceMode div.CSPortalLoginMaintenanceMode {
  display: table;
  height: 100%;
  width: 100%;
}
body.CSPortalLoginMaintenanceMode div.CSPortalLoginMaintenanceMode div.CSPortalLoginMaintenanceModeOuter {
  display: table-cell;
  vertical-align: middle;
}
body.CSPortalLoginMaintenanceMode div.CSPortalLoginMaintenanceMode div.CSPortalLoginMaintenanceModeOuter div.CSPortalLoginMaintenanceModeInner {
  background: #90959B url(../../../gui/framework/img/backgrounds/24.png) 0 -1px repeat-x;
  display: block;
  margin: 0 auto;
  padding: 25px;
  width: 310px;
  text-align: left;
  border-radius: 20px;
}
body.CSPortalLoginMaintenanceMode div.CSPortalLoginMaintenanceMode div.CSPortalLoginMaintenanceModeOuter div.CSPortalLoginMaintenanceModeInner div.CSPortalLoginMaintenanceModeTitle {
  font-size: 15px;
  font-family: Arial;
  font-weight: bold;
  margin-bottom: 7px;
}
body.CSPortalLoginMaintenanceMode div.CSPortalLoginMaintenanceMode div.CSPortalLoginMaintenanceModeOuter div.CSPortalLoginMaintenanceModeInner div.CSPortalLoginMaintenanceModeMessage {
  margin-bottom: 7px;
}
body.CSPortalLoginMaintenanceMode div.CSPortalLoginMaintenanceMode div.CSPortalLoginMaintenanceModeOuter div.CSPortalLoginMaintenanceModeInner div.CSPortalLoginMaintenanceModeButton {
  cursor: pointer;
  background-color: #FFFFFF;
  padding: 5px;
  border: 1px solid #707070;
}

/******************************************* CSPortalLoginTermsOfUse ***************************************************/

div.CSPortalLoginTermsOfUse {
  display: none;
}
body.CSPortalLoginTermsOfUse div.CSPortalLoginOuter,
body.CSPortalLoginTermsOfUse div.CSPortalLoginMaintenanceMode{
  display: none !important;
}
body.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUse {
  display: table;
  height: 100%;
  width: 100%;
}
body.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUseOuter {
  display: table-cell;
  vertical-align: middle;
}
body.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUseOuter div.CSPortalLoginTermsOfUseInner {
  background: #90959B url(../../../gui/framework/img/backgrounds/24.png) 0 -1px repeat-x;
  margin: 0 auto;
  padding: 25px;
  width: 310px;
  text-align: left;
  border-radius: 20px;
  display: block;
}
body.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUseOuter div.CSPortalLoginTermsOfUseInner div.CSPortalLoginTermsOfUseTitle {
  font-size: 15px;
  font-family: Arial;
  font-weight: bold;
  margin-bottom: 7px;
}
body.CSPortalLoginTermsOfUse:not(.CSPortalLoginTermsOfUseCheck) div.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUseOuter div.CSPortalLoginTermsOfUseInner div.CSPortalLoginTermsOfUseButtons  button#CSPortalLoginTermsOfUseButtonAccept,
body.CSPortalLoginTermsOfUse:not(.CSPortalLoginTermsOfUseCheck) div.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUseOuter div.CSPortalLoginTermsOfUseInner div.CSPortalLoginTermsOfUseButtons  button#CSPortalLoginTermsOfUseButtonReject {
  display: none;
}
body.CSPortalLoginTermsOfUse:not(.CSPortalLoginTermsOfUseCheck) div.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUseOuter div.CSPortalLoginTermsOfUseInner div.CSPortalLoginTermsOfUseButtons button#CSPortalLoginTermsOfUseButtonLogin {
  display: initial;
}
body.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUseOuter div.CSPortalLoginTermsOfUseInner div.CSPortalLoginTermsOfUseButtons > button {
  margin-top: 7px;
  margin-right: 7px;
  cursor: pointer;
  background-color: #FFFFFF;
  padding: 5px;
  border: 1px solid #707070;
}

body.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUseMessage > * {
  vertical-align: baseline;
  font-family: inherit;
  font-style: inherit;
  font-size: 12px;
  border: none;
  padding: 0;
  margin: 0;
}
body.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUseMessage h1,
body.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUseMessage h2,
body.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUseMessage h3,
body.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUseMessage h4,
body.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUseMessage h5,
body.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUseMessage h6,
body.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUseMessage p,
body.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUseMessage pre,
body.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUseMessage blockquote,
body.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUseMessage form,
body.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUseMessage ul,
body.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUseMessage ol,
body.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUseMessage dl {
  margin: 10px 0;
}
body.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUseMessage li,
body.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUseMessage dd,
body.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUseMessage blockquote {
  margin-left: 30px;
}
body.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUseMessage dt {
  font-weight: bold;
}
body.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUse div.CSPortalLoginTermsOfUseMessage table {
  border-collapse: collapse;
  border-spacing: 0;
}