/* --------- /stylesheets/shared.css --------- */ 
body{margin:0;padding:0;font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;font-size:small;/*text-align:center;*/color:#333;background:#f5f5f5;}
/* links */
a,a:link,a:visited{color:#06b;}
a:hover{color:#38f;text-decoration:underline;}
a.cancel:link,a.cancel:visited,a.cancel:hover{color:#c00;}
a.dim:link,a.dim:visited,a.dim:hover{color:#2E82C7;}
.dim a:link,.dim a:visited,.dim a:hover{color:#2E82C7;}
.hide{display:none;}
ul.bullet{margin-left:30px;list-style:disc;}
ul.none{margin:0;padding:0;list-style:none;}
.align_right{text-align:right;}
/* table */
table{border-collapse:collapse;}
th,td{padding:.1em .5em;}
th.label,
td.label{text-align:right;vertical-align:top;white-space:nowrap;}
tr.divider{border-top:1px solid #ccc;}
table.spacious th,
table.spacious td{padding:.1em .8em;}
/* plans */
table#plans{width:100%;margin:20px 0;text-align:center;border:1px solid #bbb;}
table#plans th,
table#plans td{padding:10px 10px;}
table#plans th{background:#dcdcdc;}
table#plans td{border:1px solid #dcdcdc;}
table#plans th.plan{font-size:125%;font-weight:bold;}
table#plans .employees{font-size:125%;font-weight:bold;}
table#plans tr{vertical-align:top;}
table#plans tr.price{background:#FFFFE3;}
table#plans td.price div.monthly_price{font-weight:bold;font-size:150%;color:#090;}
table#plans td.current{font-weight:bold;background:#ffffcc;}
table#plans td.popular{background:#ffc;border-right:2px solid #dcdcdc;border-left:2px solid #dcdcdc;}
table#plans img{margin-top:10px;}
/* flashes */
.flash{margin:5px 0;padding:5px 10px;color:inherit;-webkit-border-radius:5px;-moz-border-radius:5px;}
.flash.info{background:#ffffcc;border:1px solid #ccc;}
.flash.success{color:#060;background:#e2f9e3;border:1px solid #9c9;}
.flash.error{padding:10px 10px 10px 35px;font-weight:bold;color:#333;background:#ffc0c0 url(/images/alert_32.gif) no-repeat 0 50%;border:1px solid #c99;}
.errorExplanation{margin:5px 0;padding:5px 10px;color:inherit;-webkit-border-radius:5px;-moz-border-radius:5px;padding:10px 10px 10px 35px;font-weight:bold;color:#333;background:#ffc0c0 url(/images/alert_32.gif) no-repeat 0 50%;border:1px solid #c99;}
ul.errors li{margin:5px 0;padding:10px 10px 10px 35px;font-weight:bold;color:#800000;background:#ffc0c0 url(/images/alert_32.gif) no-repeat 0 50%;border:1px solid #c00;}
.date{font-family:"Lucida Grande",sans-serif;}
/* account logo */
img.account-logo{padding:2px;background:#fff;border:1px solid #ddd;}
/* help */
body.help h3{margin:20px 0 0 0;padding:0 0 5px 0;border-bottom:1px solid #555;}
body.help div.section{margin:10px 0;}
body.help code{display:block;margin:5px 0;padding:5px 10px;background:#f5f5f5;border:1px solid #dcdcdc;}
body.help code .substitute{text-transform:uppercase;color:#00f;}
/* newsletter */
body.newsletter h1#title{font-size:200%;}
body.newsletter #content ul li{margin-left:30px;list-style:disc;}
body.newsletter h2{margin-top:20px;padding-bottom:5px;font-size:150%;border-bottom:1px solid #dcdcdc;}
body.newsletter h3{font-size:115%;}
body.newsletter #newsletter_footer{margin-top:30px;padding-top:5px;border-top:1px solid #dcdcdc;}
/* pagination */
.pagination{padding:3px 0;margin:1em 0 .3em 0;/* text-align:center;*/}
.pagination a:link,
.pagination a:visited{padding:2px 5px 2px 5px;margin:2px;border:1px solid #aaaadd;text-decoration:none;color:#06b;}
.pagination a:hover,.pagination a:active{border:1px solid #38f;color:#38f;}
.pagination span.current{padding:2px 5px 2px 5px;margin:2px;border:1px solid #38f;font-weight:bold;background-color:#38f;color:#fff;}
.pagination span.disabled{padding:2px 5px 2px 5px;margin:2px;border:1px solid #eee;color:#ddd;}/* --------- /stylesheets/portal.css --------- */ 
body {
	background: #f5f5f5;
	text-align: left;
}

#wrap {
	width: 750px;
	margin: 20px auto;
	background: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;  
}
#content {
  padding: 20px 30px;
}
#header h1 {
  margin: 0;
  padding: 0;
  font-size: 150%;
  float: left;
}
#header img {
  float: left;
}
#header #company_address {
  float: right;
}

span.optional {
  color: #aaa;
}
h2 {
  margin: 0;
  padding: 20px 0 5px 0;
  clear: both;
  font-size: 125%;
  border-bottom: 1px solid #555;
}
h3 {
  margin: 0;
  padding: 10px 0 5px 0;
  font-size: 110%;
  border-bottom: 1px solid #dcdcdc;
}
#footer {
  text-align: center;
  margin: 1em 0;
}

hr {
  color: #dcdcdc;
}

form {
  margin: 30px 0;
}

th, td {
	padding: .3em .5em;
}
th {
  background: #dcdcdc;
}
td.label {
	color: #555;
  font-weight: bold;
	text-align: right;
	vertical-align: top;
}

.validation_err {
	border: 2px solid red;
}/* --------- /stylesheets/jquery.validationEngine.css --------- */ 
.formError{position:absolute;top:300px;left:300px;padding-bottom:13px;display:block;z-index:5000;}
#debugMode{background:#000;position:fixed;width:100%;height:200px;top:0;left:0;overflow:scroll;opacity:0.8;display:block;padding:10px;color:#fff;font-size:14px;z-index:100000;}
.ajaxSubmit{padding:20px;background:#55ea55;border:1px solid #999;display:none}
.formError .formErrorContent{width:100%;background:#ee0101;color:#fff;width:150px;font-family:tahoma;font-size:11px;border:2px solid #ddd;box-shadow:0px 0px 6px #000;-moz-box-shadow:0px 0px 6px #000;-webkit-box-shadow:0px 0px 6px #000;padding:4px 10px 4px 10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.greenPopup .formErrorContent{background:#33be40;}
.blackPopup .formErrorContent{background:#393939;color:#FFF;}
.formError .formErrorArrow{position:absolute;bottom:0;left:20px;width:15px;height:15px;z-index:5001;}
.formError .formErrorArrowBottom{top:0;margin:-6px;}
.formError .formErrorArrow div{border-left:2px solid #ddd;border-right:2px solid #ddd;box-shadow:0px 2px 3px #444;-moz-box-shadow:0px 2px 3px #444;-webkit-box-shadow:0px 2px 3px #444;font-size:0px;height:1px;background:#ee0101;margin:0 auto;line-height:0px;font-size:0px;display:block;}
.formError .formErrorArrowBottom div{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}
.greenPopup .formErrorArrow div{background:#33be40;}
.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}
.formError .formErrorArrow .line10{width:15px;border:none;}
.formError .formErrorArrow .line9{width:13px;border:none;}
.formError .formErrorArrow .line8{width:11px;}
.formError .formErrorArrow .line7{width:9px;}
.formError .formErrorArrow .line6{width:7px;}
.formError .formErrorArrow .line5{width:5px;}
.formError .formErrorArrow .line4{width:3px;}
.formError .formErrorArrow .line3{width:1px;border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:0px solid #ddd;}
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}