html * { margin:0; padding:0; }
body {
    background:transparent;
    font-family:Arial,Helvetica,Verdana,sans-serif;
}
html,body,form#aspnetForm {
    margin:0;
    padding:0;
    height:100%;
    display:block;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}

#login_container {
    margin: 0;
    padding: 0;
    background: url(/Resource/ContentHandler.ashx/content-ext/background-lineart.png) no-repeat center center;
    background-size: cover;
    min-height: 100%;
}
#login_body {
    padding: 29px 0 61px;
}
#login_footer {
    margin-top: 127px;
    position: relative;
    width: 100%;
    bottom: 0;
}

div#login_header {
    text-align:center;
    background: white;
    padding-bottom: 1em;
}
div#login_header * { margin:0 auto; }

div#login_header_top_band { line-height:20px; font-size:20px; margin:0; padding:0; width:100%; height:20px; padding:0; }
#login_header div#login_header_title {
    background: transparent url(/Resource/ContentHandler.ashx/content-ext/logo-header-TCPG.png);
    width: 255px;
    height: 80px;
    background-size: contain;
    background-repeat: no-repeat;
}
#loginWindow {
    width:305px;
    padding-bottom:1em;
    text-align: center;
    display:inline-block;
}
#loginWindow .field {
    margin-bottom: 0;
}

#loginWindowContentLogo { text-align:left; line-height:70px; height:82px; }
.forgotPasswordButton {
    font-size: 0.85em;
    width: 54%;
    float: left;
    line-height: 1.33em;
    margin-left: 1.33em;
    margin-top: 2px;
}
#forgotPasswordButton:hover { text-decoration:none; }
.reqFormNote {
    font-size:0.75em;
    font-style:italic;
    color: #a91c38;
}
.field {
    	position:relative;
}
.field .loginInput { border:solid 1px #bababa; line-height:1.25em !important; padding:8px 2px; margin:8px 0; font-size:12pt; text-align:center !important; background-color:transparent; }
.field label {
    display: block;
    line-height: 1.5em;
    padding: 8px 2px;
    margin: 8px 0;
    width: 280px;
    font-size: 10pt;
    color: #000;
    text-align: left;
}
.fieldCB {
    background-color:#FFC;
    border: solid 1px #F9F3C5;
    padding:10px;
    font-size:10pt;
    margin-top:10px;
}
.fieldCB label {
    cursor:pointer;
}
.fieldCB label a:hover {
    color:#00f !important;
}
#register_columns .field input.invalid {
    border-color: red;
}
.ui-dialog .ui-dialog-content.message {
    background-color: #b4efea;
    width: 74%;
    margin: 13px auto 1px;
    border: 1px #00b09b solid;
    border-radius: 2.5px;
    padding: 1em 1.2em;
    text-align: center;
}
#register-window.ui-dialog .ui-dialog-content.message {
    width: 74%;
}
.field .error-message {
    position: absolute;
    font-size: 9pt;
    top: 45px;
    background-color: red;
    padding: 3px 5px 2px;
    color: white;
    z-index: 100;
    border-radius: 0px 0px 3px 3px;
    right: 9px;
    transition: all .5s ease-in;
}
.field .hide.error-message {
    z-index: 0;
    top: 24px;
    opacity: 0;
}

.float-left { float: left; }

.dialog {
    /*background: url(/Custom/Resources/Images/LoginPage_RegisterBox.png);*/
    background-size: cover;
}
.regDialog {
    font-size:10pt;
}
.regDialog .pleaseFix li {
    margin-left:1.33em;
    padding:4px 0;
}

#login_body .ui-dialog {
    /*background: url(/Custom/Resources/Images/LoginPage_RegisterBox.png);*/
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 2.5px;
    position: relative;
    padding-bottom: 54px;
    overflow: visible;
}
#divLoginWelcomeTxt { text-align:center; color:#fff; font-weight:bold; font-style:italic; font-size:1.5em; }
#divLoginWelcomeTxt span { display:block; }
#txtWelcomeLine01 {}
#txtWelcomeLine02 { font-size:1.5em; }
#txtWelcomeLine03 { color:#edff00; }

/* columns */
div#login_columns, div#login_columns * { z-index:1; }
div#login_columns {
    width: 630px;
    padding-top: 25px;
    margin: 0 auto;
}

#loginInformation { width:300px; padding:0; display:inline-block; margin-right:1em; vertical-align:top; }
#infoBox01 { background-image:linear-gradient(#e4fdfb 0%, #b4efea 100%); border:1px #00b09b solid; }
#infoBox02 { background-image:linear-gradient(#e2f4fd 0%, #b4dbef 100%); border:1px #0080b0 solid; }
.infoBoxes { width:90%; margin:1em auto; border-radius:4px; padding:0.5em 1em; text-align:center; }
.infoBoxes h3 { color:#0c223e; }
.infoBoxes a { color:#a91c38; }
.infoBoxes a:hover { text-decoration:none; }

#register_columns {
    width: 450px;
    margin: 0 auto;
}
#register-window {
    width:450px;
    padding-bottom:1em;
    background-size: cover;
}
#register_columns .field label {
    float: left;
    width: 33%;
}
#register_columns .field input,
#register_columns .field .ui-select,
#login_columns .field input,
#login_columns .field .ui-select {
    background: white;
    border-color: #00b09b;
    border-radius: 2.5px;
}
#register_columns .field input,
#register_columns .field .ui-select {
    float: right;
    width: 60%;
}

#register-window.ui-dialog .ui-dialog-content {
    width: 93%;
}
.ui-dialog .ui-dialog-content.footer {
    overflow: hidden;
    bottom: 5px;
    position: absolute;
}

.ui-dialog .button {
    border-radius: 1px;
    padding: 9px 12px 9px;
}

.ui-dialog .button.primary {
    border: 1px #00b09b solid;
    color: #00b09b;
    background: white;
    font-weight: bold;
    white-space: nowrap;
    text-decoration: none;
    float: right;
    border-radius: 2.5px;
}

#register_columns .field .ui-select {
    border: 1px #00b09b solid;
    text-align: left;
    line-height:1.25em;
    padding:8px 2px;
    margin:8px 0;
    font-size:12pt;
}

.ui-select .ui-option-title {
    font-style: italic;
    padding: 2px 4px;
}
.ui-select .ui-option {
    padding: 6px 4px;
    font-weight: initial;
    text-shadow: 0px 0px 1px #848484;
    cursor: pointer;
    transition: background-color .75s cubic-bezier(0, 0, 0.08, 1.02);
    background-color: white;
}
.ui-select .ui-option:hover {
    background: #ddd;
}
.ui-option .ui-option-text {
    background-color: transparent;
}
.ui-select .ui-option input {
    border: 1px #9a9a9a solid;
    padding: 3px;
    width: 74%;
    position: relative;
    bottom: 4px;
}

.inputFieldSet { margin:1em auto; }
.login-buttons {
    text-align:right;
    margin: 10px 14px;
    font-size: 13.06px;
}

.login-remember {
    float: left;
    position: relative;
    top: 11px;
}
#register_columns .login-remember input {
    float: none;
    display: inline;
    width: inherit;
    position: relative;
    top: 2px;
}
#register_columns .field.login-remember label {
    float: none;
    display: inline;
    padding: 0 0 0 10px;
}

#loginButton .ui-button-text { color:#00b09b !important; }
#loginButton:hover { background-color:#00b09b ;color:#fff !important; }

#features { width:350px; font-family:Helvetica,Arial,sans-serif; padding-left:400px; }
#features h1 { font-weight:normal !important; vertical-align:bottom; font-size:16pt; letter-spacing:normal; height:23px; background-color: #58585a; margin:0; padding:8px 0 3px 0.25em; }
#features h1 span { margin:0; padding:0 0 0 2px; display:block; float:left; }
#features h1 .titleText { color:#fff; margin:0; padding:0 0 0 0.25em; }

#features ul { clear:both; padding:0.5em 2em; background: rgba(255, 255, 255, 0.3); }
#features ul li { font-family:Helvetica,Arial,sans-serif; margin:0; padding:0.25em 0 0.5em 0; list-style-type:none; font-size:10pt;}
#features ul li div { margin:0; padding:0; line-height:14px; height:14px; }
#features ul li div span { padding:0 4px 0 0; margin:0; display:block; float:left; }
#features ul li div span.txt-orange { font-weight:200; }
#features ul li span.indent { display:block; margin-left:13px; }

#login_footer #login_footer_container {
    position: relative;
    margin: 0;
    padding: 12px 0 0 0;
    height: 100%;
    background: #58585a;
}

div#login_footer_container_notification {
    margin: 10px 0 15px 3px;
    padding: 0;
    color: #fff;
}
ul#login_footer_container_links { margin:0 0 0 20px; padding:0; }
ul#login_footer_container_links li { float:left; margin:0; padding: 0px 44px 0 0; list-style-type:none; }
ul#login_footer_container_links li a {
    color: #fff;
    font-weight: bold;
}
div#login_footer_container_copyrightInfo {
    margin: 0;
    padding: 0 20px 0 0;
    color: #fff;
    text-shadow: white 0px 0px 0px;
    font-weight: bold;
    position: absolute;
    bottom: 17px;
    right: 10px;
    font-weight: normal;
}
div#login_footer_container_logos_container { margin:0; clear:both; text-align:center; }
div#login_footer_container_logos { margin:0 auto; padding:0; }
div#login_footer_container_logos span { display:inline-block; margin:0; padding:0; height:70px; }

.list-logos {
    height: 125px;
    background: rgba(255,255,255,.75);
    position: absolute;
    top: -125px;
    z-index: 100;
    width: 100%;
    text-align: center;
}

.list-logos ul {
    text-align: center;
    margin: 12px auto 0;
    list-style: none;
    width: 100%;
}
.list-logos li {
    padding: 0 25px;
    display: inline-block;
    height: 50px;
    vertical-align: top;
}
.list-logos li img {
}

.logoBandRed { background-color:#75240d; color:#223878; }
.logoBandOrange { background-color:#ef7622; color:#3e3935; }
.logoBandBlue { background-color:#1db7d8; color:#fff; }
.logoBandDarkBlue { background-color:#223878; color:#4571bd; }
.logoBandBlack { background-color:#3e3935; color:#fff; }

div#login_footer div#login_footer_logoband {
	clear:both;
	width:100%;
	margin:0;
	padding:0;
	height: 80px;
	background: #4f4f4f;
	white-space:nowrap;
	vertical-align:top;
	overflow:hidden;
}

div#login_footer div#login_footer_logoband span { height:70px; line-height:60px; display:inline-block; vertical-align:top; }
div#login_footer div#login_footer_logoband .first { width: 78%; margin:0; padding:0; height:70px; text-align:right; font-style:italic; font-weight:normal; font-size: 13px; color:#fff; line-height:70px; margin-left:-3em; padding-right:3em; }
div#login_footer div#login_footer_logoband .other {
    width: 21.9%;
    margin: 14px 0px;
    padding: 0px;
    height: 50px;
    display: inline-block;
}

.logoBandLogo {
    background: url(/Custom/Resources/Images/rt-logo.png) center center no-repeat;
    margin: 0;
    padding: 0;
    width: 200px;
    cursor: pointer;
    background-size: contain;
}
.modalDialog h1.title { font-weight:bold; font-size:12pt; }
.modalDialog .message { font-weight:normal; font-size:11pt; }
.modalDialog .message a { font-weight:normal; font-size:11pt; }
.modalDialog .message p { padding:0.5em 0; }
.modalDialog .message input[type='text'] { /* font-size: 11pt; */ padding:0.3em; margin:0; }

#emailHeading { margin:0; padding:0.25em; width:95%;}
#emailHeading .ui-state-error { font-size:12pt !important; width:95%; }
#emailFieldSet { padding-top:1em; }
#emailLabel { width:95% !important; padding:8px 2px; margin:8px 0; font-size:12pt; }

.txt-light { color:#fdfdfd; }
.txt-dark { color:#3e3935; }
.txt-orange { color:#ef7622; }
.txt-blue { color:#1db7d8; }
.txt-lgray { color:#b6b6b6; }
.txt-darkblue { color:#003471; }
.txt-green { color:#97d428; }

.glyphs { background:transparent url(../images/Glyphs.png) top left no-repeat; }
.caret1 { background-position:0px 0px; width:14px; height:23px; }
.caret2 { background-position:0px -25px; width:9px; height:14px; }
.caret3 { background-position:0px -40px; width:9px; height:14px; }
.caret4 { background-position:0px -55px; width:9px; height:14px; }

/* jQueryUI / Arista Fixes */
.ui-widget { font-family:inherit !important; }
.ui-widget-header, ui-widget-content { color:#333 !important; }
.ui-button-text { font-size:12px !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border:none !important; }