body
{
  min-width:940px;
  background:#eee;
  font-weight:700;
  font-size:10px;
  font-family:verdana,sans-serif;
}

br
{
}

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

a:hover
{
  text-decoration:underline;
}

h2
{
  margin:0;
  padding:0 0 0 15px;
  color:#000;
  font:bold 14px Verdana,Arial,Helvetica,sans-serif;
}

abbr
{
  border-bottom:1px dotted #999;
}

ul
{
  padding-left:20px;
}

input,textarea,select
{
  font-weight:400;
  font-size:10px;
  font-family:verdana,sans-serif;
}

#main
{
  margin:0;
  padding:0 0 20px 10px;
  width:890px;
  border:1px solid #ccc;
  background:#fff;
}

#list_row:hover
{
  background:#CDF url(/images/pointer.gif) no-repeat fixed center right;
}

#page
{
  margin:0 auto;
  width:911px;
}

#header
{
  margin:0;
  padding:0;
  width:900px;
  height: 150px;
  border:1px solid #9FB1BC;
  border-bottom:none;
  background:#500778;
  position: relative;
}

#header.ss {
  height: 90px;
}

#logo
{
  background: url(/images/efs/banner.jpg) no-repeat 0 0;
  background-size: 900px 150px;
  height: 150px;
  width: 900px;
  position: absolute;
  left: 0;
  top: 0;

  /* for users conf */
  border-bottom: 1px solid #500778;
}

#page.lite #header.ss #logo,
#header.ss #logo {
  background: url(/images/efs/simply-said-logo4.png) no-repeat -60px center;
  height: 90px;
}

#header.ss #logo {
  background-position: left center;
}

#logo h1
{
  text-indent: -9999px;
  /*margin:5px 0;*/
}

#district_quick {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  opacity: 0.5;
}

#orgbar
{
  margin:0;
  padding:10px 0 10px 10px;
  width:890px;
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
  background:#fff;
  font-weight:700;
  font-size:150%;
}

#orgname
{
  display:block;
  float:left;
}

#school_select
{
  margin:5px 0 0;
}

#school_select form select
{
  padding:3px;
  width:400px;
  color:#500778;
  font-weight:700;
  font-size:11px;
}

#right a
{
  display:block;
  float:right;
  padding:3px 5px;
  border-right:1px solid #000;
  text-decoration:none;
  font-weight:400;
  font-size:10px;
}

img
{
  border:none;
}

img.thumb
{
  border:1px solid #ccc;
}

#sidebar
{
  position:relative;
  display:block;
  float:left;
  width:20%;
  border:none;
  background:#fff;
}

#content
{
  display:block;
  float:left;
  padding:10px;
  width:75%;
  background:#fff;
  font-weight:400;
}

#table_header,.section_header
{
  padding:5px;
  background-color:#500778;
  color:#fff;
  text-align:center;
  font-weight:700;
  font-size:11px;
}

#table_header span
{
  display:block;
  margin:3px 150px;
}

#footer
{
  clear:both;
  margin:0;
  padding:10px 0 10px 10px;
  width:890px;
  border:1px solid #9FB1BC;
  border-top:none;
  background:#500778;
  color:#DDD;
  text-align:center;
  font-weight:400;
}

#footer a
{  
  color: #F6F0F9;
  font-weight:700;
}

/* Menu */
#menu
{
  position:relative;
  display:block;
  margin:10px;
  width:150px;
}

#menu ul
{
  margin:0;
  padding:0;
  list-style:none;
}

#menu li
{
  position:relative;
}

#menu li ul
{
  position:absolute;
  top:0;
  left:120px;
  z-index:100;
  display:none;
  width:350px;
}

#menu li:hover ul
{
  display:block;
}

#menu li a
{
  height:24px;
  text-decoration:none;
  font-size:11px;
  font-family:Helvetica,Arial,sans-serif;
  voice-family:"\"}\"";
  voice-family:inherit;
}

#menu li a:link,#menu li a:visited
{
  display:block;
  padding:8px 0 0 10px;
   
  color:#4D4D4D;
}

#menu li a:hover,#menu li a.current
{
  padding:8px 0 0 10px;
  color:#500778; 
  background: url(/images/efs/menu10.gif) 0 -64px;
}
#menu li.disabled
{
  padding:8px 0 12px 10px; 
  color:#4D4D4D;
}

#menu li ul li a
{
  height:22px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);
  -moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);
  box-shadow:0 2px 5px rgba(0,0,0,0.2);
  -khtml-border-radius:5px;
}

#menu li ul li a:link,#menu li ul li a:visited
{
  border:1px solid #F0E5F6;
  background:#F6F0f9;
}

#menu li ul li a:hover,#menu li ul li a.current
{
  border:1px solid #e0e0e0;
  background:#fff;
}

#menu li ul li.disabled
{
  border:1px solid #e5e5e5;
  background:#f6f6f6;
}

#menu-top
{
  float:right;
  width:450px;
}

#menu-top div
{
  float:right;
  padding:3px 5px;
  border-right:1px solid #000;
  text-decoration:none;
  font-weight:400;
  font-size:10px;
}

#menu-top #logout
{
  border-right:none;
  font-weight:700;
}

#menu-top #logout a
{
  color:red;
}

#set_mode
{
  margin-top:40px;
}

#operator-meta
{
  padding:3px 5px;
  border-right:1px solid #000;
  color:#333;
  text-decoration:none;
  font-weight:400;
  font-size:10px;
}

#district_line,
.district_line,
.district_line_legend,
.sub_district_line_legend
{
  float:left;
  padding:2px 0;
  width:550px;
/* height: 20px; */
  border-bottom:1px solid #eee;
}

#district_line #label,.district_line .label
{
  padding:3px 0;
}

.district_line_legend, 
.sub_district_line_legend
{
  margin:15px 0 3px;
  padding:2px 0;
  height:auto;
  border-bottom:1px solid #ccc;
  font-weight:700;
  font-size:1.1em;
}

.sub_district_line_legend {
  font-style: italic;
  font-weight: normal;
}

#label,.district_line .label
{
  display:inline;
  float:left;
  width:200px;
}

#text,.district_line .text
{
  display:inline;
  float:left;
  width:250px;
  text-align:left;
}

.district_line .text span.align
{
  float:left;
  margin:3px;
}

a.payment_links:hover
{
  color:#fff;
}

#newsitem
{
  display:table;
  margin-right:auto;
  margin-bottom:15px;
  margin-left:auto;
  width:650px;
}

#newstitle
{
  display:inline;
  padding:5px;
  border-bottom:none;
  font-weight:700;
  font-size:115%;
}

#newsbody
{
  display:block;
  clear:both;
  padding:5px;
}

#newsdate
{
  display:block;
  padding:5px;
  padding-top:2px;
  border:none;
  color:#aaa;
  font-weight:400;
  font-size:85%;
}

#info_area
{
  position:absolute;
  top:190px;
  left:930px;
  display:none;
  padding:8px;
  width:400px;
  height:100px;
  border:1px solid #000;
  background-color:#fff;
}

p.label_checkbox_pair
{
  position:relative;
  display:inline-block;
  float:none;
/* clear: both; */
  margin:0;
  padding:0;
  line-height:2em;
}

p.label_checkbox_pair input
{
  position:absolute;
  top:1px;
  left:-3px;
}

p.label_checkbox_pair label
{
  display:block;
  margin-left:20px
/* width: px; */
}

/* TABLE DEFAULTS */
table.legacy
{
  margin:5px auto;
  width:650px;
  border:none;
}

table.legacy td
{
  background:#fff;
}

table tr.alt
{
  background:#efefef;
}

td.number
{
  padding-right:10px;
  text-align:right;
}

/* LISTING STYLES */
#list_search
{
/* margin: 10px 12px -5px 0px; */
/* padding: 5px; */
  width:245px;
/* border: 1px solid #F0E5F6; */
/* background: #500778; */
/* color: #fff; */
}

#list_search #q
{
  width:110px;
}

#list_search #q_field
{
  width:100px;
}

#list_search label
{
  font-weight:700;
}

#q_tiptip
{
  position:relative;
  top:1px;
  margin-left:3px;
}

.ui-tabs #q_tiptip
{
  top:3px;
}

table.list
{
  margin:10px auto;
  width:650px;
  border:0;
}

table.list th,table.list td
{
  padding:3px;
  text-align:left;
}

table.list th.right,table.list td.right
{
  float:none;
  text-align:right;
}

table.list td.action,table.list th.action
{
  width:20px;
  text-align:center;
}

table.row-border th,table.row-border td
{
  border-bottom:1px solid #eee;
}

/* BASIC LAYOUT */
.basic-content-container
{
/* position: absolute; */
  clear:both;
  width:676px;
}

.basic-content
{
  position:relative;
/* top: 0px; */
/* left: 0px; */
  width:500px;
}

.basic-sidebar
{
  float:right;
  width:170px;
}

.basic-sidebar h4
{
  margin-top:0;
}

.section_subheader
{
  padding:5px;
  background-color:#F0E5F6;
  color:#333;
  text-align:center;
  font-weight:700;
  font-size:10px;
}

.section_body
{
  padding:10px;
  background:#fff;
}

/* FORMS */
form.inline,form.inline div
{
  display:inline;
}

form.constrained
{
  margin:5px auto;
  width:670px;
}

form.constrained label,form.constrained div.label
{
  float:left;
  margin:2px 10px 0 0;
  width:125px;
  font-weight:700;
}

form.constrained div.label,form.constrained label.checkbox
{
  width:auto;
  font-weight:400;
}

form.constrained div.label.hdivider
{
  margin:2px 10px 0;
}

form.constrained .form-row,form.constrained .form-row-last
{
  clear:both;
  margin-bottom:7px;
  min-height:18px;
}

form.constrained .form-row-last
{
  margin-bottom:0;
}

form.constrained .form-row-last.student
{
  margin-top:7px;
  padding-top:6px;
}

form.constrained .submit_general
{
  margin-bottom:0;
}

form.constrained .column label,form.constrained .reference_code label,form.constrained .show_pending label,form.constrained .column div.label
{
  width:100px;
}

form.constrained .column input.field
{
  width:190px;
}

form.constrained .column input.field-date
{
  width:70px;
}

form.constrained .column select.field
{
  width:196px;
}

.general .form-row
{
  padding-top:1px;
  padding-bottom:6px;
  border-bottom:1px solid #EEE;
}

form.constrained .column
{
  float:left;
  margin:0 5px;
  width:309px;
}

fieldset
{
  padding:5px;
  border:1px solid #ccc;
}

input.field,textarea.field
{
  width:200px;
}

.uniform input.field,.uniform select.field
{
  padding:1px;
}

input.field.short
{
  width:50px;
}

select.field
{
  width:206px;
}

label.checkbox,form.constrained label.checkbox
{
  width:auto;
}

input.checkbox
{
  position:relative;
  top:3px;
  margin:0 3px 0 0;
}

.days_allowed input.checkbox
{
  top:0;
}

div.inline
{
  float:left;
  margin-right:10px;
}

div.inline label
{
  display:block;
}

#error-container,#error_container
{
  padding:5px;
  border:1px solid #fcc;
  background:#fff3f3;
  color:#900;
}

#error_container
{
  display:none;
  margin-bottom:5px;
}

#error_container h4
{
  margin-top:5px;
}

#error-container label.error
{
  background:transparent;
  color:inherit;
}

.has_errors
{
  margin:10px 0;
  color:red;
}

.formmgr-status-failure
{
  margin-bottom:5px;
  color:red;
}

div.error input,input.formmgr-haserror,#ip_builder input.field.formmgr-haserror
{
  border:1px solid red;
}

.dfv_errors
{
  float:left;
  clear:left;
  color:red;
}

label.error,span.error_message,p.formmgr-message-text
{
  position:absolute;
  z-index:100;
  display:none;
  margin:0;
  padding:3px;
  background:red;
  color:#fff;
  font-weight:700;
  font-size:9px;
}

span.error_message
{
  display:block;
}

.hint {
  margin-top: 3px;
  color: #555;
  font-style: italic;
  font-size: 10px;
}

/* SIMPLE FORM */
.sf
{
  padding:10px;
}

.sf input.field,.sf textarea.field
{
  margin:0 0 10px;
  padding:5px;
  width:350px;
  border:1px solid #ccc;
  background:#fff;
  background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#eee),color-stop(0.5,white));
  background-image:-webkit-linear-gradient(center bottom,#eee 0%,white 50%);
  background-image:-moz-linear-gradient(center bottom,#eee 0%,white 50%);
  background-image:-o-linear-gradient(bottom,#eee 0%,#fff 50%);
  background-image:-ms-linear-gradient(top,#eee 0%,#fff 50%);
  background-image:linear-gradient(top,#eee 0%,#fff 50%);
  font-size:1.1em;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee',endColorstr = '#ffffff',GradientType = 0);
}

.sf input.field.tight {
  margin: 0;
}

.sf textarea.field
{
  height:90px;
}

.sf textarea.field:focus,.sf input.field:focus
{
  outline:none;
  border:1px solid #dd7;
  background:#fffffa;
  background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#ffe),color-stop(0.5,white));
  background-image:-webkit-linear-gradient(center bottom,#ffe 0%,white 50%);
  background-image:-moz-linear-gradient(center bottom,#ffe 0%,white 50%);
  background-image:-o-linear-gradient(bottom,#ffe 0%,#fffffa 50%);
  background-image:-ms-linear-gradient(top,#ffe 0%,#fffffa 50%);
  background-image:linear-gradient(top,#ffe 0%,#fffffa 50%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffee',endColorstr = '#fffffa',GradientType = 0);
}

.sf select.field
{
  margin:0 0 10px;
  width:362px;
}

.sf dt
{
  float:left;
  clear:left;
  margin-right:15px;
  padding-top:5px;
  width:100px;
}

#edit_event.sf dt
{
  width:110px;
}

.sf label
{
  font-weight:400;
  font-size:1.1em;
}

.sf label span
{
  color:red;
  font-weight:700;
}

.sf dd.submit-button
{
  margin-top:20px;
  text-align:center;
}

.sf dd.submit-button .button
{
  font-size:1.1em;
}

.sf dd.view
{
  margin-left:110px;
  padding-top:5px;
  min-height:20px;
  font-size:1.1em;
}

.note,.note-fade,.note-clear,.note-error,.note-blue
{
  margin-bottom:15px;
  padding:10px;
  border:1px solid #dd7;
  background-color:#ffe;
  color:#333;
  line-height:1.4em;
}


/* .note,
.note-fade,
.note-clear,
.note-error
{
  min-width: 730px; */


/* padding: 5px; */


/* color: #333; */


/* margin-bottom: 15px; */


/* font-size: 11px; */


/* line-height: 1.4em; */
.note .condensed
{
  margin:0;
}

.note ul.condensed
{
  padding-left:20px;
  line-height:inherit;
}

.note-fade
{
  border:1px solid #dda;
  background-color:#fffff3;
}

.note-clear
{
}

.note-error
{
  border:1px solid #e99;
  background-color:#fcc;
}

.note-error ul
{
  margin:0;
}

.note-blue {
  border: 1px solid #c5dbec;
  background: #DFEFFC;
}

#launch-help
{
  position:relative;
  top:4px;
  right:8px;
  color:#ddd;
  font-weight:700;
}

p.field-info
{
  position:absolute;
  z-index:99;
  display:none;
  margin:0;
  padding:3px;
  border:1px solid #ccc;
  border-top:none;
  background:#efefef;
  color:#333;
  font-size:9px;
}

.button input,.button
{
  padding:0;
  border:none;
  border-bottom:1px solid transparent;
  background:none;
  color:#500778;
  font-size:9px;
  font-family:verdana,arial;
}

.button input:hover,.button:hover
{
  border-bottom:1px solid #500778;
  text-decoration:underline;
}

.date_select_container
{
  position:relative;
}

.date_select_cal
{
  position:absolute!important;
  z-index:1;
  display:none;
  width:140px;
}

.date_select_trigger
{
  display:block;
  margin-top:-1px;
}

.row
{
  padding:5px;
  border-bottom:1px solid #ccc;
}

.radio_list
{
  margin:0;
  padding:0;
  list-style-type:none;
}

.radio_list label input.radio,.radio_list label input.checkbox
{
  position:relative;
  top:2px;
}

/* PAYMENT HISTORY */
#payment_detail_adjustments
{
  width:435px;
}

/* OPERATOR */
#operator #account_information
{
  background:#fff;
}

#operator input.field,#operator select.field
{
  float:left;
}

#operator #ipfilter
{
  width:460px;
}

#ip_builder
{
  width:375px;
}

#ip_range_table div.type
{
  padding-left:10px;
  width:48px;
}

#ip_range_table td
{
  padding:3px;
}

#ip_builder input.field
{
  padding:2px;
  width:120px;
  border:1px solid #ccc;
  text-align:center;
}

#ip_builder_status
{
  text-align:right;
}

#dlgIpBuilder_c,#dlgIpBuilder
{
  width:385px;
}

#update_operator label input[type=checkbox]
{
  position:relative;
  bottom:-2px;
}

#operator .form-row
{
  float:left;
  padding-bottom:6px;
  width:638px;
  border-bottom:1px solid #eee;
}

#operator .form-row.name
{
  margin:inherit;
  margin-bottom:7px;
}

#operator .form-row.name input
{
  width:200px;
}

#operator #ip_range_table .form-row
{
  width:auto;
}

#operator .nested
{
  clear:both;
  margin-left:143px;
  padding-top:5px;
}

#operator #report_information_access .nested
{
  clear:both;
  margin:7px 0 7px 20px;
}

#operator #report_information_access .nested .nested label
{
  margin-bottom:3px;
  width:270px;
}

#operator #school-all_children label
{
  margin-bottom:3px;
  width:200px;
}

#operator .nested .form-row
{
  margin-bottom:3px;
  padding-bottom:0;
  border-bottom:none;
}

#operator .rights label
{
  margin:0 10px;
  width:auto;
  font-weight:400;
}

#operator .rights label .checkbox
{
  margin:0 2px 0 0;
}

#operator .rights label .radio
{
  position:relative;
  top:2px;
  margin:0;
}

#operator table td.cb {
  text-align: center;
  font-weight: bold;
  font-size: 2em;
}

/* #operator .rights.parent-payment-rights label {
  width: 210px; */
#operator .region-label
{
  padding:3px 0;
  width:125px;
}

#operator .dfv-error
{
  float:left;
}

#operator .dfv_errors
{
  margin-top:1px;
}

#operator form.constrained #operator-payment-items label, 
#operator form.constrained #operator-payment-items div.label {
  width: auto;
  font-weight: normal;
}

#operator .indent-1,
#operator .indent-2
{
  display:block;
  margin-left:10px;
}

#operator .indent-2
{
  margin-left:20px;
}

#operator-payment-items tr.filtered {
  background: #ffe !important;
}

#operator-payment-items tr.hover {
  background: #DFEFFC !important;
}

#table-header-sticky-wrapper {
  height: auto !important; 
}

/* CASH TRACKER STYLES */

.ctracker .button
{
  border-bottom:none;
}

.ctracker.adjustable #check_number,.ctracker.adjustable #total,.ctracker.adjustable .amount input
{
  background-color:#ffe;
}

.ctracker .basic-content
{
  width:676px;
}

.ctracker .basic-content input
{
  border:1px solid #ccc;
}

.ctracker .basic-content input#submit
{
  border:none;
}

.ctracker .title
{
  float:left;
}

.ctracker .total
{
  float:right;
}

.ctracker h3
{
  clear:both;
}

.ctracker fieldset.details
{
  position:relative;
  top:3px;
  clear:both;
  margin-bottom:8px;
  padding:7px 0 5px;
}

.ctracker #date_issued_cal
{
  position:absolute;
  top:2px;
  left:83px;
  z-index:1;
  display:none;
}

.ctracker #date_issued_trigger
{
  display:block;
  margin-top:11px;
  margin-left:-9px;
}

.ctracker label
{
  font-weight:700;
}

.ctracker input
{
  padding:3px;
}

.ctracker .date input
{
  width:70px;
}

.ctracker #check_number
{
  width:130px;
}

.ctracker #total
{
  width:75px;
}

.ctracker .button input
{
  padding:0;
  border:none;
}

.ctracker .student_number
{
  width:102px;
}

.ctracker .student_number.yui-ac
{
  font-family:inherit!important;
}

.ctracker .details .student_number input
{
  width:95px;
}

.ctracker .details .student_number .yui-ac-container
{
/* width: 200px; */
  padding-bottem:2em;
}

.ctracker .details .name
{
  width:162px;
}

.ctracker .details .name.yui-ac
{
  font-family:inherit!important;
}

.ctracker .details .name input
{
  width:155px;
}

.ctracker .details .name .yui-ac-container
{
  width:150px;
  padding-bottem:2em;
}

.ctracker .grade input
{
  width:40px;
}

.ctracker .details .event
{
  position:relative;
  width:184px;
}

.ctracker .details .event.yui-ac
{
  font-family:inherit!important;
}

.ctracker .details .event input
{
  width:156px;
  border-right:none;
}

.ctracker .details .event .yui-ac-container
{
  width:200px;
  padding-bottem:2em;
}

.ctracker .details .event .toggle-container
{
  position:absolute;
  top:0;
  right:0;
  float:right;
  width:20px;
  height:18px;
}

.ctracker .details .event .toggle-container:first
{
  top:12px;
}

.ctracker .details .event .yui-button button
{
  width:18px;
  height:18px;
  background:url(../../images/efs/ac-arrow-rt.png) no-repeat scroll center center transparent;
}

.ctracker .details .event .open .yui-button button
{
  width:18px;
  height:18px;
  background:url(../../images/efs/ac-arrow-dn.png) no-repeat scroll center 2px transparent;
}

.ctracker .details .event .yui-button
{
  margin:0;
}

.ctracker .amount
{
  margin:0;
}

.ctracker .amount input
{
  width:60px;
}

.ctracker .remove
.ctracker .remove-detail
{
  margin:0;
  padding-top:2px;
  padding-left:3px;
}

.ctracker .remove-detail
{
  float:left;
  margin-top:2px;
  margin-left:3px;
}

.ctracker fieldset.details fieldset
{
  margin-bottom:3px;
  border:none;
  border-bottom:1px solid #ddd;
}

.ctracker fieldset.details fieldset legend
{
  display:none;
}

.ctracker fieldset.balancer
{
  margin:0;
  padding:0;
  border:none;
}

.ctracker div.balancer
{
  float:right;
  margin-right:0;
}

.ctracker fieldset.balancer .balance-amount
{
  margin-right:0;
}

.ctracker fieldset.balancer .balance
{
  padding:2px;
  border:1px solid #ccc;
  color:#333;
  font-weight:700;
}

.ctracker fieldset.balancer legend
{
  display:none;
}

.ctracker .add-another,.ctracker .update-total
{
  position:relative;
  float:right;
}

.ctracker .add-another
{
  right:90px;
}

.ctracker .update-total
{
  right:-100px;
  margin-left:6px;
  padding-left:6px;
  border-left:1px solid #00C;
}

.ctracker.yui-skin-sam .yui-ac-input
{
  position:static;
}

.ctracker #add-another-record
{
/* display: none; */
}

.ctracker #finalize_deposit_form
{
  margin-right:10px;
}

.ctracker #payments
{
  width:600px;
}

.ctracker #payments th
{
  text-align:left;
}

.ctracker #payments strike
{
  color:#999;
}

#dlgFamilyNumber_c
{
  width:300px;
}

#family-number-lookup
{
  float:right;
  padding-bottom:5px;
}


/* NEW CASH TRACKER */

#ctracker_form fieldset {
  border: none;
}

#ctracker_form.ctracker #check_number {
  width: 60px;
}

#ctracker_form.ctracker #total {
  width: 60px;
}

#ctracker_form.ctracker #comment,
#ctracker_form.ctracker #email {
  width: 160px;
}

#ctracker_form.ctracker fieldset.balancer .balance
{
  padding:5px;
  border:1px solid #ccc;
  color:#333;
  font-weight:700;
}

#ctracker_form #form_head {
  padding: 10px 0;
  /*border: 1px solid #ccc;
  border-width: 1px 0 1px 0;*/
}

#ctracker_form label {
  font-size: 10px;
  margin-bottom: 3px;
}

#ctracker_form #details fieldset {
  margin: 10px 0 20px 0;
  padding: 0;
}

#ctracker_form #details fieldset fieldset {
  margin: 5px 0 10px 0;
}

#ctracker_form #details legend {
  display: none;
}

#ctracker_form.ctracker .details .event
{
  position:relative;
  width:275px;
}

#ctracker_form.ctracker .details .name
{
  width:250px;
}

#ctracker_form.ctracker .remove-detail {
  margin-top: 5px;
}

#ctracker_form.ctracker .update-total {
  border: none;
  top: 2px;
  right: 0;
}

#ctracker_form.ctracker .add-another {
  right: 0;
  top: 2px;
}

#ctracker_form.ctracker input
{
  padding:6px;
}

#ctracker_form.ctracker div.balancer {
  float: left;
}

#ctracker_head #family-number-lookup {
  padding-bottom: 0px;
  float: none;
}

#ctracker_head #balancer {
  float: right;
  margin: 0.67em 0;
  font-weight: bold;
}

#ctracker_head #balancer th {
  font-size: 1.6em;
  text-align: center;
}

#ctracker_head #balancer td {
  font-size: 1.8em;
  text-align: center;
}

/* adjustments */
#ctracker_form #payments {
  width: 655px;
}

.ctracker .ctracker_form #payments {
  width: 655px;
}

.ctracker .ctracker_form #payments .deleted {
  text-decoration: line-through;
  color: #999;
}

#ctracker_foot {
  width: 644px;
}

/* USER */
#add_recurring_form h2,h2.flush-left
{
  margin:3px 0 14px;
  padding:0 0 2px;
  border-bottom:1px solid #ddd;
}

#add_recurring_form h3
{
  margin:3px 0 7px;
  padding-bottom:2px;
  border-bottom:1px solid #ddd;
}

#add_recurring_form label
{
  padding-bottom:2px;
  font-weight:700;
}

#add_recurring_form fieldset
{
  border:none;
}

#add_recurring_form .form-row,#add_recurring_form .form-row-label
{
  float:left;
  width:658px;
  border-bottom:1px solid #eee;
}

#add_recurring_form .form-row
{
  margin-top:5px;
  padding-bottom:6px;
  border-bottom:1px solid #eee;
}

#add_recurring_form input.error,#add_recurring_form select.error
{
  padding:2px 1px;
  border:1px solid #900;
}

#add_recurring_form .form-row-label div.inline
{
  overflow:hidden;
  width:144px;
}

#add_recurring_form .form-row input.field
{
  width:125px;
}

#add_recurring_form .form-row input.field.amount
{
  width:75px;
}

#add_recurring_form .form-row select.field
{
  padding:1px;
  width:144px;
}

#add_recurring_form .form-row select.field.student,#add_recurring_form .form-row select.field.event
{
  width:214px;
}

#add_recurring_form .form-row img.remove
{
  margin-top:1px;
}

#add_recurring_form .form-row-label
{
  margin-top:5px;
}

#add_recurring_form .form-row-label label
{
  width:194px;
}

#add_recurring_form ul#payment-methods
{
  padding:0;
}

#add_recurring_form ul#payment-methods li
{
  margin-bottom:5px;
  list-style-type:none;
}

#add_recurring_form ul#payment-methods li label
{
  font-weight:400;
}

#add_recurring_form ul#payment-methods li input
{
  position:relative;
  top:2px;
  margin:0 4px 0 0;
  padding:0;
}

#add_recurring_form #payment-method
{
  padding:5px 10px;
  min-height:75px;
  width:390px;
  border:1px solid #cdd;
  background:#f6ffff;
}

#add_recurring_form #payment-method .form-row
{
  width:380px;
  border-bottom:1px solid #cdd;
}

#add_recurring_form #payment-method .form-row label
{
  float:left;
  width:125px;
}

#add_recurring_form #preview
{
  margin-top:30px;
  width:585px;
}

#add_recurring_form #preview.show
{
  margin:0;
  padding:10px;
  width:640px;
}

#add_recurring_form #preview h2,#add_recurring_form #preview h3
{
  border-color:#e9e9dd;
}

#add_recurring_form #preview .form-row-label
{
  width:585px;
  border-color:#eed;
}

#add_recurring_form #preview.show .form-row-label
{
  width:640px;
}

#add_recurring_form #preview .form-row-label div.inline
{
  overflow:hidden;
  width:130px;
}

#add_recurring_form .preview-pmt-date {
  float: left;
  font-weight: bold;
  width: 105px;
}

/* REPORTS */
form.constrained .name,form.constrained .reference_code
{
  margin:0 5px 7px;
}

form.constrained .name input,form.constrained .reference_code input
{
  width:625px;
}

.reports_column
{
  float:left;
  margin:5px;
  width:325px;
}

#reports_dynamic
{
}

.reports_list li
{
  margin-bottom:5px;
}

#show_historical
{
  margin-right:30px;
}

#report_filters
{
  border:1px solid #ccc;
  background:#fcfcfc;
}

#report_filters .section_body
{
  background:transparent;
}

.yui-skin-sam #report_filters .yui-ac
{
  font-family:inherit;
}

#report_container
{
  padding:10px;
  width:645px;
  height:465px;
/* border: 1px solid #ccc; */
  border:1px solid #fff;
}

.sf #report_filters #reference_code {
  margin-bottom: 0;
}

.sf #report_filters .select2-container.field {
  margin-bottom: 0;
}

.sf #report_filters label {
  margin-top: 7px;
  font-size: 1em;
}

#report_filters div.checker {
  float: left;
  margin: 4px 20px 0 0;
}

#report_filters .tight-checker div.checker {
  margin-right: 4px;
}

form.constrained .tight-checker label {
  margin-right: 2px; 
}

#report_filters .ui-datepicker-trigger {
  width: 20px;
}

#legacy_report_filters .ui-datepicker-trigger {
  width: 20px;
  vertical-align: sub;
}
form.constrained #report_filters .form-row-last.student {
  margin-top: 0;
  padding-top: 1px; 
}

/* SETUP */
.notice
{
  margin-top:6px;
  padding:3px;
  border:1px solid #9FB1BC;
  background-color:#fff;
}

/* YUI */
.yui-skin-sam .yui-calcontainer .title
{
  float:none!important;
  padding-bottom:.6em!important;
  background-image:url(../../images/efs/sprite.png)!important;
}

.yui-skin-sam .yui-calcontainer .calclose
{
  background-image:url(../../images/efs/sprite.png)!important;
}

#message-dialog-container.yui-skin-sam
{
  margin:0 0 10px;
}

#message-dialog-container.yui-skin-sam .bd a
{
  color:#500778;
}

.yui-skin-sam .message-dialog
{
  position:relative;
  top:0;
  left:0;
  z-index:1;
  border-width:1px 0;
  border-style:solid;
  border-color:gray;
  *border-width:1px;
  *zoom:1;
  _zoom:normal;
}

.yui-skin-sam .message-dialog .hd,.yui-skin-sam .message-dialog .bd,.yui-skin-sam .message-dialog .ft
{
  margin:0 -1px;
  border-width:0 1px;
  border-style:solid;
  border-color:gray;
  *margin:0;
  *border:0;
}

.yui-skin-sam .message-dialog .hd
{
  border-bottom:solid 1px #ccc;
}

.yui-skin-sam .message-dialog .bd,.yui-skin-sam .message-dialog .ft
{
  background-color:#F2F2F2;
}

.yui-skin-sam .message-dialog .hd
{
  padding:3px 10px;
  background:url(/images/efs/sprite.png) repeat-x 0 -200px;
  color:#000;
  font-weight:700;
  font-size:93%;
  line-height:2;
  *line-height:1.9;
}

.yui-skin-sam .message-dialog .bd
{
  padding:10px;
}

.yui-skin-sam .message-dialog .ft
{
  padding:5px 10px;
  border-top:solid 1px gray;
  font-size:77%;
}

.yui-skin-sam .message-dialog-close
{
  position:absolute;
  top:5px;
  right:6px;
  width:25px;
  height:15px;
  background:url(/images/efs/sprite.png) no-repeat 0 -300px;
  cursor:pointer;
}

.yui-skin-sam .yui-panel .hd
{
  padding:3px 10px!important;
}

.yui-skin-sam .bd a
{
  color:red;
}

.yui-skin-sam .yui-log,.yui-skin-sam .yui-log p
{
  font-size:103%!important;
  font-family:consolas!important;
}

.yui-skin-sam .yui-button button,.yui-skin-sam .yui-button a,.yui-skin-sam .yui-button a:visited
{
  padding:3px 10px!important;
  min-height:0!important;
  font-size:1.1em!important;
  line-height:1.1em!important;
}

.yui-skin-sam .mwi-navset.yui-navset .yui-nav .selected a,.yui-skin-sam .mwi-navset.yui-navset .yui-nav .selected a em
{
  border-color:#500778;
}

.yui-skin-sam .mwi-navset.yui-navset .yui-nav .selected a,.yui-skin-sam .mwi-navset.yui-navset .yui-nav .selected a:focus,.yui-skin-sam .mwi-navset.yui-navset .yui-nav .selected a:hover
{
  background:url(/images/efs/sprite.png) repeat-x scroll left -1410px #500778;
}

.yui-skin-sam .mwi-navset.yui-navset .yui-nav a,.yui-skin-sam .mwi-navset.yui-navset .yui-navset-top .yui-nav a
{
  background:url(/images/efs/sprite.png) repeat-x scroll 0 0 #D8D8D8;
}

.yui-skin-sam .mwi-navset.yui-navset .yui-nav a:hover,.yui-skin-sam .mwi-navset.yui-navset .yui-nav a:focus
{
  outline:0;
  background:#500778 url(/images/efs/sprite.png) repeat-x left -1310px;
}

.yui-skin-sam .mwi-navset.yui-navset .yui-nav,.yui-skin-sam .mwi-navset.yui-navset .yui-navset-top .yui-nav
{
  border-color:#500778;
}

.yui-skin-sam .mwi-navset.yui-navset .yui-content,.yui-skin-sam .mwi-navset.yui-navset .yui-navset-top .yui-content
{
  padding:.5em;
}

.yui-ac-loading,.ui-autocomplete-loading
{
  background:url(/images/efs/loading2.gif) no-repeat center right;
}

/* jQuery UI */
/* Constrain the height of autocomplete lists, make them scrollable */
.ui-autocomplete
{
  z-index:10000!important;
  overflow-x:hidden;
  overflow-y:auto;
/* prevent horizontal scrollbar */
/* add padding to account for vertical scrollbar 
  padding-right:20px; */
  max-height:200px;
}

/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete
{
  height:200px;
}

.ui-menu .ui-menu-item a
{
  font-weight:400;
}

.ui-widget-content table.list a
{
  color:#500778;
  font-weight:700;
}

.ui-dialog
{
  -webkit-box-shadow:0 5px 20px rgba(0,0,0,0.55);
  -moz-box-shadow:0 5px 20px rgba(0,0,0,0.55);
  box-shadow:0 5px 20px rgba(0,0,0,0.55);
}

.ui-datepicker-trigger
{
  position:relative;
  top:3px;
  left:1px;
  margin:0;
  padding:0;
  width:16px;
  height:16px;
  border:none;
  background:none;
  cursor:pointer;
}

#sortable { margin: 0; padding: 0; width: 75%; list-style-type: none; }

#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.6em; height: 18px; font-size: 1.2em; }

#sortable li span { position: absolute; margin-left: -1.4em; }

html>body #sortable li { height: 18px; line-height: 1.2em; }

.ui-state-highlight { height: 18px; line-height: 1.2em; }

.ui-datepicker-calendar .ui-state-highlight { height: inherit; line-height: inherit; }
.ui-datepicker-calendar td { width: 26px; }
  



/* FLASHES */
.flash
{
  margin:3px;
  padding:5px;
}

.message-info
{
  border:1px solid #acf;
  background-color:#eff;
}

.message-error
{
  border:1px solid #e99;
  background-color:#fcc;
}

/* COLORS */
.pale-blue
{
  background:#F6F0F9;
}

.pale-sky-blue
{
  background:#ddf0ff;
}

.white
{
  background:#fff;
}

.light-gray
{
  background:#f6f6f6;
}

.gray-text
{
  color:gray;
}

.red-text
{
  color:red;
}

.blue-text
{
  color:#500778;
}

.dark-ocean-text {
  color: #500778;
}

.crimson-text
{
  color:#900;
}

.row-fade
{
  background:#f3f3f3;
}

.row-fade a
{
  color:#777;
}

.gray-box
{
  background-color:#efefef;
  padding:5px;
  border:1px solid #ccc;
}

/* MISC */
.quick-tip
{
  margin-left:3px;
}

.borderless
{
  border:none;
}

.clear
{
  clear:both;
  height:1px;
}

.clear-grow
{
  clear:both;
}

.hide
{
  display:none;
}

.center,.align-center
{
  text-align:center;
}

.align-right
{
  text-align:right;
}

.align-left
{
  text-align:left;
}

.margin-10
{
  margin:10px 0;
}

.inline
{
  display:inline;
}

.left
{
  float:left;
}

.right
{
  float:right;
}

.bold
{
  font-weight:700;
}

.large
{
  font-size:1.1em;
}

.flush
{
  margin-left:0;
  padding-left:0;
}

.toggle
{
  cursor:pointer;
}

.rotate-90 {

  position:absolute;
  top: 40px;
  left: -38px;
  z-index:1; /*NEEDED FOR IE8*/
  padding: 5px;

  width: 90px;
  background-color:transparent;

  text-align: left;
  font-weight: bold;
  -webkit-transform: rotate(-90deg);              /*Safari, Chrome*/
  -moz-transform: rotate(-90deg);                 /*FF*/
  -ms-transform: rotate(-90deg) !important;       /*IE9*/
  -o-transform: rotate(-90deg);                   /*Opera*/
      transform: rotate(-90deg);                      /*CSS3 default*/

  zoom: 1;
}

/* LIST */
.list li
{
  margin-bottom:5px;
}

.list-tall li
{
  margin-bottom:10px;
}

.tight
{
  margin:0;
  padding-left:2em;
}

/* BLOCK FORMATTING */
.indent-025
{
  display:block;
  margin-left:5px;
}

.indent-1,
.indent-2
{
  display:block;
  margin-left:20px;
}

.indent-2
{
  margin-left:40px;
}

.block-center
{
  margin:10px;
  text-align:center;
}

.back-link-loud
{
  display:block;
  margin:20px 0 0 15px;
  font-weight:700;
  font-size:1.2em;
}

/* IDLE TIME OUT */
#timeout-notice
{
  position:fixed;
  top:0;
  right:0;
  left:0;
  z-index:100000;
  display:none;
  padding:10px;
  border:3px solid #FF6500;
  background:#CC5100;
  color:#fff;
  text-align:center;
  font-size:12px;
}

#timeout-notice a
{
  color:#fff;
  font-weight:700;
}

#timeout-notice span
{
  font-weight:700;
}

/* LITE */
#page.lite
{
  width:435px;
}

#page.lite #logo
{
  /*height:43px;*/
  background-image: url(/images/efs/banner-login.jpg);
  background-size: 435px 150px;
  width: 434px;
}

#page.lite #header,#page.lite #orgbar,#page.lite #main,#page.lite #main #content,#page.lite #main #content form.constrained,#page.lite #footer
{
  width:auto;
}

#page.lite #main
{
  padding:10px;
}

#page.lite #main #content
{
  padding:10px 20px;
}

#page.lite #main #content form.constrained
{
  margin-top:10px;
}

#page.lite .form-row
{
  padding-top:1px;
  padding-bottom:6px;
  border-bottom:1px solid #EEE;
}

#page.lite input.field
{
  width:200px;
}

/* #page.lite input#account_number.field,
#page.lite input#email.field {
  width: 200px; */
#page.lite #label_account_number,#page.lite #account_number_help,img.tiptip
{
  position:relative;
  top:3px;
}

#page.lite div.tip
{
  margin:3px 0 0 139px;
}

#page.lite div.tip a
{
}

#page .flash
{
  margin:3px 0;
}

#page #forgot_password
{
  position:relative;
  top:10px;
}

/* RECOVERY FORMS */
#token-pin
{
  font-size:6em;
}

#token-pin .pin
{
  color:red;
  font-weight:700;
}

/* NOTES */
#notes label span
{
  display:block;
  margin-bottom:5px;
  font-weight:700;
}

#notes label input,#notes label textarea
{
  display:block;
}

/* STUDENT FEES */
#dialog-student-fee ul.list
{
  margin-left:110px;
  color:#333;
}

#dialog-student-fee ul.list.error
{
  color:red;
}

.student-fee-buttons
{
  position:absolute;
  right:20px;
  bottom:20px;
}

/* loading screen */

#load-screen {
  display: none;
  position: fixed;
  z-index: 9000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../../images/efs/loading.gif") no-repeat center center #fff;
  
  opacity: 0.5;
} 


/* Distinct CSS Buttons */
.distinct-button,.distinct-button:visited
{
  position:relative;
  display:inline-block;
  padding:5px 10px 6px;
  border-bottom:1px solid rgba(0,0,0,0.25);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  background:#222 url(../../images/efs/alert-overlay.png) repeat-x;
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
  -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
  color:#fff;
  text-decoration:none;
  text-shadow:0 -1px 1px rgba(0,0,0,0.25);
  cursor:pointer;
}

.distinct-button:hover
{
  background-color:#111;
  color:#fff;
}

.distinct-button:active
{
  top:1px;
}

.small.distinct-button,.small.distinct-button:visited
{
  padding:6px;
  font-size:9px;
}

.distinct-button,.distinct-button:visited,.medium.distinct-button,.medium.distinct-button:visited
{
  text-shadow:0 -1px 1px rgba(0,0,0,0.25);
  font-weight:700;
  font-size:11px;
  line-height:1;
}

.large.distinct-button,.large.distinct-button:visited
{
  padding:8px 14px 9px;
  font-size:12px;
}

.green.distinct-button,.green.distinct-button:visited
{
  background-color:#91bd09;
}

.green.distinct-button:hover
{
  background-color:#749a02;
}

.blue.distinct-button,.blue.distinct-button:visited
{
  background-color:#2daebf;
}

.blue.distinct-button:hover
{
  background-color:#007d9a;
}

.red.distinct-button,.red.distinct-button:visited
{
  background-color:#e33100;
}

.red.distinct-button:hover
{
  background-color:#872300;
}

.magenta.distinct-button,.magenta.distinct-button:visited
{
  background-color:#a9014b;
}

.magenta.distinct-button:hover
{
  background-color:#630030;
}

.orange.distinct-button,.orange.distinct-button:visited
{
  background-color:#ff5c00;
}

.orange.distinct-button:hover
{
  background-color:#d45500;
}

.yellow.distinct-button,.yellow.distinct-button:visited
{
  background-color:#ffb515;
}

.yellow.distinct-button:hover
{
  background-color:#fc9200;
}

/* TipTip CSS - Version 1.3 */
#tiptip_holder
{
  position:absolute;
  top:0;
  left:0;
  z-index:99999;
  display:none;
}

#tiptip_holder.tip_top
{
  padding-bottom:5px;
}

#tiptip_holder.tip_bottom
{
  padding-top:5px;
}

#tiptip_holder.tip_right
{
  padding-left:5px;
}

#tiptip_holder.tip_left
{
  padding-right:5px;
}

#tiptip_content
{
  padding:4px 8px;
  border:1px solid rgba(255,255,255,0.25);
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  background-color:#191919;
  background-color:rgba(25,25,25,0.92);
  background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(transparent),to(#000));
  -webkit-box-shadow:0 0 3px #555;
  -moz-box-shadow:0 0 3px #555;
  box-shadow:0 0 3px #555;
  color:#fff;
  text-shadow:0 0 2px #000;
  font-weight:400;
  font-size:10px;
}

/* mwi */
#tiptip_content ul
{
  margin:5px 0;
}

#tiptip_arrow,#tiptip_arrow_inner
{
  position:absolute;
  width:0;
  height:0;
  border-width:6px;
  border-style:solid;
  border-color:transparent;
}

#tiptip_holder.tip_top #tiptip_arrow
{
  border-top-color:#fff;
  border-top-color:rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow
{
  border-bottom-color:#fff;
  border-bottom-color:rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow
{
  border-right-color:#fff;
  border-right-color:rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow
{
  border-left-color:#fff;
  border-left-color:rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner
{
  margin-top:-7px;
  margin-left:-6px;
  border-top-color:#191919;
  border-top-color:rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner
{
  margin-top:-5px;
  margin-left:-6px;
  border-bottom-color:#191919;
  border-bottom-color:rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner
{
  margin-top:-6px;
  margin-left:-5px;
  border-right-color:#191919;
  border-right-color:rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner
{
  margin-top:-6px;
  margin-left:-7px;
  border-left-color:#191919;
  border-left-color:rgba(25,25,25,0.92);
}

/* elrte */
.el-rte .toolbar ul li
{
  border:1px solid #eee!important;
}

.el-rte .toolbar ul li.hover
{
  border:1px solid #54b9bf!important;
}

/* PNOTIFY */
.ui-pnotify
{
  position:absolute;
  top:25px;
  right:25px;
  z-index:9999;
  height:auto;
/* Ensures notices are above everything */
}

/* Hides position: fixed from IE6 */
html > body .ui-pnotify
{
  position:fixed;
}

.ui-pnotify .ui-pnotify-shadow
{
  -webkit-box-shadow:0 2px 10px rgba(50,50,50,0.5);
  -moz-box-shadow:0 2px 10px rgba(50,50,50,0.5);
  box-shadow:0 2px 10px rgba(50,50,50,0.5);
}

.ui-pnotify-container
{
  margin:0;
  padding:.8em;
  height:100%;
  background-position:0 0;
}

.ui-pnotify-sharp
{
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}

.ui-pnotify-closer,.ui-pnotify-sticker
{
  float:right;
  margin-left:.2em;
}

.ui-pnotify-title
{
  display:block;
  margin-bottom:.4em;
}

.ui-pnotify-text
{
  display:block;
}

.ui-pnotify-icon,.ui-pnotify-icon span
{
  display:block;
  float:left;
  margin-right:.2em;
}

/* -- History Pulldown */
.ui-pnotify-history-container
{
  position:absolute;
  top:0;
  right:18px;
  z-index:10000;
  padding:0;
  width:70px;
  border-top:none;
  -webkit-border-top-right-radius:0;
  -moz-border-top-right-radius:0;
  border-top-right-radius:0;
/* Ensures history container is above notices. */
  -webkit-border-top-left-radius:0;
  -moz-border-top-left-radius:0;
  border-top-left-radius:0;
}

.ui-pnotify-history-container .ui-pnotify-history-header
{
  padding:2px;
}

.ui-pnotify-history-container button
{
  display:block;
  width:100%;
  cursor:pointer;
}

.ui-pnotify-history-container .ui-pnotify-history-pulldown
{
  display:block;
  margin:0 auto;
}

/* PNOTIFY Custom Styles */
.ui-pnotify .ui-widget
{
  font-family:"Lucida Grande","Lucida Sans",Arial,sans-serif;
}

.ui-pnotify-title
{
  margin-top:0;
  font-weight:700;
  font-size:1.2em;
}

.ui-pnotify.stack-bar-top
{
  top:20px;
  right:15%;
  left:15%;
}

.ui-pnotify .ui-widget-content
{
  border:1px solid #556652;
  background:#d5ffce;
  color:#333;
  font-weight:700;
  font-size:12px;
}

.ui-pnotify .ui-state-error
{
  border:1px solid #665252;
  background:#ffcece;
}

.ui-pnotify .ui-state-highlight
{
  border:1px solid #C09853;
  background:#FCF8E3;
}

.ui-widget-content .ui-icon,.ui-state-error .ui-icon,.ui-state-highlight .ui-icon
{
  background-image:url(jquery/images/ui-icons_454545_256x240.png);
}

.ui-widget-overlay
{
  background-color:#000;
  background-image:url(/images/efs/ui-bg_flat_0_000000_40x100.png);
}

.ui-pnotify-history-container
{
  top:0!important;
  padding:3px;
  border:1px solid #444;
  background:#333;
  -webkit-box-shadow:0 0 20px #111;
  -moz-box-shadow:0 0 20px #111;
  box-shadow:0 0 20px #111;
  color:#eee;
  text-align:center;
  text-transform:uppercase;
  font-size:9px;
}

.ui-pnotify-history-container .ui-state-default
{
  padding:3px;
  border:1px solid #444;
  background:#222 url(jquery/images/ui-bg_highlight-soft_35_222222_1x100.png) 50% 50% repeat-x;
  color:#eee;
  text-transform:uppercase;
  font-weight:700;
  font-size:12px;
}

.ui-pnotify-history-container .ui-state-hover
{
  border:1px solid #0b93d5;
  background:#003147 url(jquery/images/ui-bg_highlight-soft_33_003147_1x100.png) 50% 50% repeat-x;
  color:#fff;
}

.ui-pnotify-history-container .ui-pnotify-history-pulldown
{
  display:none;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,#cboxOverlay,#cboxWrapper
{
  position:absolute;
  top:0;
  left:0;
  z-index:9999;
  overflow:hidden;
}

#cboxOverlay
{
  position:fixed;
  width:100%;
  height:100%;
}

#cboxMiddleLeft,#cboxBottomLeft
{
  clear:left;
}

#cboxContent
{
  position:relative;
}

#cboxLoadedContent
{
  overflow:auto;
}

#cboxTitle
{
  margin:0;
}

#cboxLoadingOverlay,#cboxLoadingGraphic
{
  position:absolute;
  top:0;
  left:0;
  width:100%;
}

#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow
{
  cursor:pointer;
}

.cboxPhoto
{
  display:block;
  float:left;
  margin:auto;
  border:0;
}

.cboxIframe
{
  display:block;
  width:100%;
  height:100%;
  border:0;
}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay
{
  background:#000;
}

#colorbox
{
  background:#500778;
  -webkit-box-shadow:0 0 20px #111;
  -moz-box-shadow:0 0 20px #111;
  box-shadow:0 0 20px #111;
}

#cboxContent
{
  margin-top:20px;
}

#cboxError
{
  padding:50px;
  border:1px solid #ccc;
}

#cboxLoadedContent
{
  border:3px solid #500778;
  background:#fff;
}

#cboxTitle
{
  position:absolute;
  top:-22px;
  left:0;
  padding:6px 10px 0;
  height:15px;
  background:#500778;
  color:#eee;
  font-size:12px;
}

#cboxCurrent
{
  position:absolute;
  top:-20px;
  right:0;
  color:#ccc;
}

#cboxSlideshow
{
  position:absolute;
  top:-20px;
  right:90px;
  color:#fff;
}

#cboxPrevious
{
  position:absolute;
  top:50%;
  left:5px;
  margin-top:-32px;
  width:28px;
  height:65px;
  background:url(/images/efs/colorbox-controls.png) no-repeat top left;
  text-indent:-9999px;
}

#cboxPrevious.hover
{
  background-position:bottom left;
}

#cboxNext
{
  position:absolute;
  top:50%;
  right:5px;
  margin-top:-32px;
  width:28px;
  height:65px;
  background:url(/images/efs/colorbox-controls.png) no-repeat 1px right;
  text-indent:-9999px;
}

#cboxNext.hover
{
  background-position:bottom right;
}

#cboxLoadingOverlay
{
  background:#000;
}

#cboxLoadingGraphic
{
  background:url(/images/efs/colorbox-loading.gif) no-repeat center center;
}

#cboxClose
{
  position:absolute;
  top:-18px;
  right:2px;
  display:block;
  width:19px;
  height:19px;
  background:url(/styles/efs/jquery/images/ui-icons_d8e7f3_256x240.png) no-repeat -94px -127px;
  text-indent:-9999px;
}

#cboxClose:hover,#cboxClose.hover
{
  background-position:-30px -190px;
}

/* select2 custom styles */
.select2-container.field
{
  margin-bottom:10px;
}

.select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b, .select2-search input
{
  background-image:url(../../images/efs/select2.png);
}

.select2-search input.select2-active, .select2-more-results.select2-active, .select2-container-multi .select2-choices .select2-search-field input.select2-active
{
  background-image:url(../../images/efs/spinner.gif)!important;
}

.select2-container .select2-choice
{
  border:1px solid #ccc;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  color:#111;
}

.select2-container .select2-choice div
{
  border-left:1px solid #ccc;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}

.select2-container .select2-search
{
  z-index:1200;
}

.select2-container-multi
{
  border:none;
  background-image:none;
}

.select2-container-multi .select2-choices
{
  border:1px solid #ccc;
  background:none;
}

.select2-container.select2-container-active .select2-choices,.select2-container-multi.select2-container-active .select2-choices
{
  border:1px solid #dd7;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  -o-box-shadow:none;
}

.select2-container-multi .select2-choices .select2-search-field input
{
  height:auto;
  border:none;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-focused
{
  outline:0;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit
{
  background:#ffe;
}

.select2-no-results {
  font-size: 0.96em;
}

.select2-drop
{
  border-color:#dd7;
}

.select2-default
{
  color:#444!important;
}

.select2-container .select2-choice:focus,.select2-container-active .select2-choice,.select2-container-active .select2-choices
{
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  -o-box-shadow:none;
  box-shadow:none;
  outline:none;
  border:1px solid #dd7;
  background:#fffffa;
  background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#ffe),color-stop(0.5,white));
  background-image:-webkit-linear-gradient(center bottom,#ffe 0%,white 50%);
  background-image:-moz-linear-gradient(center bottom,#ffe 0%,white 50%);
  background-image:-o-linear-gradient(bottom,#ffe 0%,#fffffa 50%);
  background-image:-ms-linear-gradient(top,#ffe 0%,#fffffa 50%);
  background-image:linear-gradient(top,#ffe 0%,#fffffa 50%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffee',endColorstr = '#fffffa',GradientType = 0);
}

.select2-container.select2-dropdown-open .select2-choice
{
  background:#ffe;
}

.select2-result-label {
  font-weight: normal;
}

.select2-result-sub {
  padding-left: 0;
}

.select2-container .select2-choice .select2-arrow {
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  border-radius: inherit;
}

.select2-container .select2-choice .select2-arrow b,
.select2-container .select2-choice abbr,
.select2-search-choice-close, .select2-container .select2-choice abbr, 
.select2-container .select2-choice div b, 
.select2-search input
{
  background-image:url(../../images/efs/select2.png)
}

.select2-search input.select2-active, 
.select2-more-results.select2-active, 
.select2-container-multi .select2-choices .select2-search-field input.select2-active
{
  background-image:url(../../images/efs/spinner.gif)!important
}

/* DATATABLES */

table.dataTable tr.odd { background-color: #F3F9FF; }
table.dataTable tr.even { background-color: white; }

table.dataTable tr.odd td.sorting_1 { background-color: #E9F6FF; }
table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
table.dataTable tr.even td.sorting_1 { background-color: #F6FCFF; }
table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }

table.dataTable td { padding: 5px 10px; }

.dataTable tbody tr.even:hover, #example tbody tr.even td.highlighted {
  background-color: #ECFFB3;
}

.dataTable tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
  background-color: #E6FF99;
}

.dataTable tr.even:hover {
  background-color: #ECFFB3;
}

.dataTable tr.even:hover td.sorting_1 {
  background-color: #DDFF75;
}

.dataTable tr.even:hover td.sorting_2 {
  background-color: #E7FF9E;
}

.dataTable tr.even:hover td.sorting_3 {
  background-color: #E2FF89;
}

.dataTable tr.odd:hover {
  background-color: #E6FF99;
}

.dataTable tr.odd:hover td.sorting_1 {
  background-color: #D6FF5C;
}

.dataTable tr.odd:hover td.sorting_2 {
  background-color: #E0FF84;
}

.dataTable tr.odd:hover td.sorting_3 {
  background-color: #DBFF70;
}

.dataTable tfoot input.search_init { color: #999; }

.dataTable tfoot input {
  margin: 0.5em 0;
  width: 100%;
  color: #444;
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #tiptip_content
  {
    padding:4px 8px 5px;
    background-color:rgba(45,45,45,0.88);
  }
  
  #tiptip_holder.tip_bottom #tiptip_arrow_inner
  {
    border-bottom-color:rgba(45,45,45,0.88);
  }
  
  #tiptip_holder.tip_top #tiptip_arrow_inner
  {
    border-top-color:rgba(20,20,20,0.92);
  }
}

/* retina images */
@media 
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
  #logo {
    background-image: url(/images/efs/banner@2x.jpg);
  }

  #page.lite #logo {
    background-image: url(/images/efs/banner-login@2x.jpg);
  }
}