@charset "utf-8";
/* Default Login */

html, body { font: 100%/1.4 Arial, Helvetica, sans-serif; padding: 0; margin:0; }
a:link { color: #333;  }
a:hover { color: #666699; }
a:visited { color: #666; }

/*Return to Login link*/
a.return{margin-bottom:15px !important; display: block;}

p { padding-bottom: 15px; font-size: .9em;  }
.last { border: 0; }
#wrapper { width:620px; margin:100px auto 0 auto; }

.btn { color: #fff;  border: 1px solid #666699; background-color: #666699; background-repeat: repeat-x; background-image: url(/sysoutage/images/defaultLogin/btn_grad.png);
text-decoration: none; font-weight: bold; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.35); border-radius: 8px; -moz-border-radius: 4px; -webkit-border-radius:  4px; padding: 7px 10px 7px 10px; text-shadow: 1px 1px 1px #484871;
}
.btn:hover, .btn:focus { color: #fff; border: 1px solid #666699; background-color: #333366; background-repeat: repeat-x;  background-image: url(/sysoutage/images/defaultLogin/btn_grad.png);
text-decoration: none; font-weight: bold;  text-shadow:0 -1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.35); padding: 7px 10px 7px 10px; text-shadow: 1px 1px 1px #484871;}

/* Main Container */
#login #loginContainer { background:#f6f6f6; padding: 0; border: 1px solid #ccc; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px 0px 9px #cccccc; -moz-box-shadow: 0px 0px 9px #cccccc; box-shadow: 0px 0px 9px #cccccc; }
#login h1 { color:#666699; font-size: 1.2em; margin:0 0 15px 0; text-shadow: 0px 1px 0px #ffffff;  }
#login h2 { color:#666699; font-size: .9em; margin:0; text-shadow: 0px 1px 0px #ffffff;  }
#loginContainer { float:left; width:100%;}
#loginFormContainer { float: left; padding-right: 10px; width: 340px; border-right: 1px solid #c0c0c0; }
#loginContainerInner { padding: 30px 30px 20px 30px; float:left; -webkit-box-shadow: inset 0px 0px 1px #ffffff;
-moz-box-shadow: inset 0px 0px 1px #ffffff;
box-shadow: inset 0px 0px 1px #ffffff; -moz-border-radius: 6px; border-radius: 6px; }
.legalText { width: 100%; padding-top: 20px; margin:0 auto; display:block; float:left; color: #888; text-shadow: 0px 1px 0px #ffffff; font-size: 70%; }
a.forgotPass { font-size:.9em; margin-left: 10px; border-left: 1px solid #777; padding-left: 10px; line-height: 2.5em; }
a.forgotPass:hover { color: #666699; }
.back { margin-bottom: 15px; display: block;}
.loginActions { margin-top: 10px; width: 100%; float: left;}
.loginActions li {float:left; display:block; width: auto !important;  }
/* Sidebar */
#sidebar { float: left; width: 200px;   }
#sidebarInner { padding-left: 30px; }
#sidebar h2 { margin-bottom: 5px; }
#sidebar ul { margin:0 0 15px 0; padding: 0; }
#sidebar ul li a, #sidebar ul li span{ list-style:none; padding: 1px 0 1px 0; font-size: .8em;}
#sidebar ul.newUserReg li, .privacyPolicy ul li, .anonList li, #systemRequirements ul li { background: url(/sysoutage/images/defaultLogin/arrow.png) no-repeat 0 7px; padding-left: 12px; }
.signIn { background: url(/sysoutage/images/defaultLogin/user.png) no-repeat 0 3px; padding:3px 0 3px 25px; font-size: .8em; }
#sidebar .email { background: url(/sysoutage/images/defaultLogin/email.png) no-repeat 0 2px; padding-left: 25px; }
#sidebar .phone { background: url(/sysoutage/images/defaultLogin/phone.png) no-repeat 0 2px; padding-left: 25px; font-size: .8em; }
#sidebar .help { background: url(/sysoutage/images/defaultLogin/help.png) no-repeat 0 1px; padding-left: 25px; }
/* form */
#login form#loginForm ul { margin:0; padding:0; }
#login form#loginForm ul li { list-style-type: none; float: left; margin-bottom: 10px; width: 100%; }
#login form#loginForm label { font-weight: bold; font-size: 82%; text-shadow: 0px 1px 0px #ffffff; display:block; padding-bottom:6px; float:left; }
#login form#loginForm input.idleField,  #login form#loginForm select.idleField, .regDetails input.idleField { font-size: 82%; border: 1px solid #c0c0c0; -moz-border-radius: 6px; -webkit-border-radius:6px; border-radius: 6px; padding: 10px; background: #fff; margin: 0 0 10px 0; width:85%;  color:#555; }
#login form#loginForm select.idleField{width: 92%;}
#login form#loginForm input.focusField {font-size: 82%; border: 1px solid #999; -moz-border-radius: 6px; -webkit-border-radius:6px; border-radius: 6px; padding: 10px; background: #fff; margin: 0 0 10px 0; width:85%; color:#555;
-webkit-box-shadow: inset 3px 3px 3px #eee;
-moz-box-shadow: inset 3px 3px 3px #eee;
box-shadow: inset 3px 3px 3px #eee; }
#login .loginActions { font-size: .8em; }
/* Footer */
#login #footer { color: #777; float: left; width: 100%; padding: 20px 0 40px 0; background: url(/sysoutage/images/defaultLogin/HealthTrio-Logo_color.png) no-repeat bottom center; }
#login #footer li, #login #footer p , #login #footer #warning { font-size: .7em; }
#login #footer ul { float: right; margin: 0; padding:0; }
#login #footer ul li { float:left; list-style-type: none; background: none; padding: 0; }
#login #footer ul li a:link { color: #333; border-right: 1px solid #777; padding-right: 5px; padding-left: 5px; }
#login #footer ul li a:hover { color: #666699; }
#login #footer ul li:last-child a { border-right: 0; }
#login #footer p { float: left; margin:0; padding:0; width: 50%; }
#warning { float: left; width: 100%; padding-top: 20px; }
/* float clearing for everyone else */
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; }
/* Error Message */
.errorMessage{ color: #ff6666;  font-size: .8em; margin-bottom: 10px;}
.errorHelp { font-size: 80%; }
.errorStatus {border: 1px solid #ff6666 !important; background: #ffecec !important;}
.errorList { list-style: disc; padding-left: 20px; padding-bottom: 15px; font-size: .8em;}
/* Anonymous Login */
.anonList li a { font-size: .8em; }

/* Privacy Policy */
.privacyPolicy #wrapper { margin-top: 20px; }
.privacyPolicy ul { padding: 0 0 20px 20px; }
.privacyPolicy #footer { border-top: 1px solid #ccc; margin-top: 10px; }
.privacyPolicy h1 { margin:0; }
.privacyPolicy p { padding: 5px 0 15px 0; }

/* System Requirements */
#systemRequirements {width: 560px;}
#systemRequirements h1 { border-bottom: 1px solid #CCC; margin: 0; padding:0 0 15px 0; }
#systemRequirements h1.noLine { border-bottom: none; margin: 0; padding:0 0 15px 0; }
#systemRequirements p.underLine { border-bottom: 1px solid #CCC; margin: 0; padding:0 0 15px 0; }
#systemRequirements ul { padding: 0 0 0 15px; margin: 0; }
#systemRequirements table caption{ text-align: left; margin-top: 15px; font-weight: bold; color: #666699; }
#systemRequirements table { text-align: left; padding: 15px 0 0 0; width: 100%;}
#systemRequirements table th, #systemRequirements table td { padding: 8px 8px; font-size: .8em; text-align: left;}
#systemRequirements thead { font-size: 1em; color: #666699; }
#systemRequirements table tbody th { width: 190px; text-align: left; }
#systemRequirements table tr.zebra { background: #fff; }

/************************ TOOLTIP **********************/
.tooltip{background: #fff; border: 2px solid #666699; color: #000;}
.tooltipArrow{ background: url("/sysoutage/images/icons/tooltip_left.png") no-repeat top right; }
.tooltipImage{background: url("/sysoutage/images/icons/helpIcon.png") no-repeat transparent; margin-left: 5px;}
.tooltipImage { text-indent: -9999px; display: block; width: 20px; height: 15px; float:left; }

/* User Maintenance */
.userMainWrap {width: 910px !important;}
.userMain {width: 850px !important;}

/* User Registration */
#systemRequirements h2.regH2 {margin-top: 15px;}
#systemRequirements ul.regDetails {font-size:0.9em; margin: 15px 0px; padding-left: 0px;}
#systemRequirements ul.regDetails li {background-image: none;  padding-left: 0px; margin: 2px 0px;}
ul.regDetails li label{font-weight: bold; width: 175px; display: inline-block;}
.shortIdle {width: 50% !important;}
#systemRequirements  .loginActions {padding-left: 0px;}
#systemRequirements  .loginActions li{background-image: none; padding-left: 0px;}