/* --------------------------------------------------- */
/* Form elements
/* --------------------------------------------------- */
.abara label.textinput {float: left; width: 200px; background-color: transparent; font-weight: 700; margin: 0;}
.wrap.abara input[type="text"], .wrap.abara input[type="email"], .wrap.abara input[type="password"]  {width: 260px;}
.field-after {background: #eee; padding: 3px 5px; border: 1px solid #ccc; border-radius: 0 4px 4px 0; margin-left: -4px; font-weight: 700;}
.colorpckr {position: absolute; left: 15%; background: #fff; padding: 10px; box-shadow: 0 0 4px #ccc;}

label.error {position: absolute; margin-left: 250px; background: #d80100; color: #fff; padding: 5px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
p.error {background: #d80100; color: #fff; padding: 5px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
p.abara-note {background: #21759b; color: #fff; padding: 5px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
p.abara-note a, p.error a {color: #fff; text-decoration: underline;}
p.abara-note a:hover, p.error a:hover {color: #fff; text-decoration: none;}


#abara-settings-panel {float: left; width: 60%; margin-right: 30px;}
#abara-preview-panel {float: left; width: 30%; min-width: 300px;}

/* --------------------------------------------------- */
/* SSO Box preview
/* --------------------------------------------------- */
#abara-sso {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#abara-sso .sso-container {padding: 15px;}
#abara-sso .course-overview {margin: 10px 0;}
#abara-sso h3 {margin-top: 0; font-size: 18px;}
#abara-sso h4 {margin-top: 0; margin-bottom: 10px; font-size: 15px;  padding-bottom: 5px; 
	border-bottom: 1px solid #ccc; -moz-box-shadow: 0px 1px 0px #fff; -webkit-box-shadow: 0px 1px 0px #fff; box-shadow: 0px 1px 0px #fff;}
#abara-sso img {width: 50px; height: 50px; margin-right: 3px; padding: 1px; background: #fff; border: 1px solid #ccc; float: left;}
#abara-sso .not-started {background: url(../images/not_started.png) left center no-repeat; padding-left: 25px; line-height: 24px;}
#abara-sso .inprogress-courses {background: url(../images/in_progress.png) left center no-repeat; padding-left: 25px; line-height: 24px;}
#abara-sso .completed-courses {background: url(../images/completed.png) left center no-repeat; padding-left: 25px; line-height: 24px;}
#abara-sso .not-completed-courses {background: url(../images/not_completed.png) left center no-repeat; padding-left: 25px; line-height: 24px;}
#abara-sso span.number {float: right; font-weight: 700;}
#abara-sso .last-course {float: left; width: 100%; margin-bottom: 35px;}
#abara-sso .last-course .last-course-meta { margin-left: 15px; }
#abara-sso .last-course .last-course-meta h4 {margin: 0 0 10px; font-weight: 400; font-size: 13px; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
#abara-sso .last-course .progress {width: 100%; height: 10px; background: #ccc; clear:both; margin-top: 10px;}
#abara-sso .last-course .bar{height: 10px; background: #85b200;}
a.abara-button {padding: 7px 10px; text-decoration: none; font-weight: 700;}

/* --------------------------------------------------- */
/* Login Box
/* --------------------------------------------------- */
#abara-login-box {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-family: Arial, Helvetica, sans-serif;}
#abara-login-box p {font-size: 12px; line-height: 1.4em;}
#abara-login-box .login-container {padding: 20px;}
#abara-login-box .login-container .logo-holder {width: 100%; text-align: center; padding: 10px 0;}
#abara-login-box .login-container .logo-holder img {max-width: 170px;}
#abara-login-box .abara-text {width: 100%; background: #f9f9f9; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: 1px solid; padding: 7px; font-size: 14px; line-height: 20px; margin-bottom: 10px;
	box-shadow: 1px 1px 2px #eee inset; -moz-box-shadow: 1px 1px 2px #eee inset; -webkit-box-shadow: 1px 1px 2px #eee inset;} 
#abara-login-box input.abara-button {padding: 7px 10px; font-size: 14px; text-decoration: none; font-weight: 700; margin-top: 10px; cursor: pointer;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#abara-login-box p.abara-introtext { text-align: center; font-weight: bold; font-size: 16px; }