/*-----------------------------+
 | Site: Chicago School Choice |
 | Part: Master styles         |
 +-----------------------------*/

/* Imports
=====================================================================*/
@import "reset.css"; /* Reset styles */
@import "ie.css"; /* Internet Explorer */


/* Fonts
======================================================================*/
body, input, select, textarea { font-family: Arial, sans-serif; }


/* Basics
======================================================================*/
a { color: #1169d5; }
a:hover { text-decoration: none; }
address { font-style: normal; }
blockquote, dl, ol, p, table, ul { margin-bottom: 1em; }
dt { margin-top: 1em; }
body { background: url(/images/bg-top.jpg) repeat-x 0 0; font-size: 0.9em; line-height: 1.53; padding-bottom: 2em; }
html { background: url(/images/bg.jpg); }
h1 { color: #f29b0a; font-size: 2em; line-height: 1.03em; margin-bottom: 0.75em; }
h2 { color: #5c7e5c; font-size: 1.46em; line-height: 1.03em; margin-bottom: 0.5em; }
h2 span { color: #000; font-size: 0.8em; font-weight: normal; margin-left: 0.5em; }
h3 { font-size: 1.2em; line-height: 1.03em; margin-bottom: 0.5em; }
h4 { font-size: 1.1em; }
h6 { font-size: 0.9em; }
iframe { border: 0; }
input, select, textarea { font-size: 1em; }
ol { list-style: decimal; margin-left: 2em; }
ol ol, ol ul, ul ol, ul ul { margin-top: 0.4em; }
table { border-collapse: collapse; }
ul { list-style: disc; margin-left: 1.5em; }

/*--- Stock classes ---*/
.l { float: left; }
.r { float: right; }
.num { text-align: right; }
ul.flat { list-style: none; margin-left: 0; }
ul.flat li { background: none; padding: 0; }


/* Core layout
======================================================================*/
.clear { clear: both; }
#page { margin: 0 auto; width: 960px; }
#wrapper { background: url(/images/page-bg.jpg) no-repeat 50% 0; }

/*--- Content ---*/
#content { background: #fff; min-height: 300px; padding: 2em 1.5em 1.5em; }
#content-primary { float: left; width: 65.21%; }
#content-secondary { float: right; width: 32.6%; }
  
  /* School */
  .school #content-primary { float: right; width: 74.45%; }
  .school #content-secondary { float: left; width: 23.36%; }
  .school h1 { margin: 0; }

/*--- Columns ---*/
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31%; }


/* Content
======================================================================*/

/*--- AddThis ---*/
.addthis_toolbox { clear: both; padding-top: 2em; }

/*--- Callouts ---*/
div.call-l, img.call-l { clear: left; }
div.call-r, img.call-r { clear: right; }
dt img.call-l { margin-top: 0; }
img.call-l { margin-right: 1em; }
img.call-r { margin-left: 1em; }
.call-l { float: left; margin: 0.5em 2em 0.5em 0; }
.call-r { float: right; margin: 0.5em 0 0.5em 2em; }
.call, div.call-l, div.call-r { font-size: 0.75em; }
.call img, .call-l img, .call-r img { display: block; }
.call img.icon, .call-l img.icon, .call-r img.icon { display: inline; }
.call, .call-l p, .call-r p { margin-bottom: 0.5em; }
.credit { color: #7f8183; font-size: 0.75em; letter-spacing: 0.01em; margin-bottom: 0.5em; text-align: right; }

/* Coming soon */
#coming-soon { background: url(/images/soon.gif) no-repeat 50% 50%; height: 364px; margin: 0 auto; padding: 10em 0 0; text-indent: -9999em; width: 573px; }
#soon #content { background: none; }
#soon #wrapper { background-image: url(/images/bg-plain.jpg); }
#soon #byline { text-align: center; }
#soon #byline, #soon #byline a { color: #fff; margin-top: -5em; }

/*--- Download ---*/
#download { font-size: 1.1em; }
#download img { margin-right: 0.5em; vertical-align: middle; }

/*--- Find a school ---*/
#fas { border: 10px solid #eff2ef; clear: both; margin-bottom: 2em; }
#fas-list { float: left; overflow: auto; width: 221px; }
#fas-list, #fas-map { height: 675px; }
#fas-map { float: right; width: 675px; }
.geo { display: none; }

  /* Facets */
  #facets { float: left; margin: 0.75em 0; }
  #facets .multiSelect { padding: 0.4em 20px 0.4em 4px; width: 170px; }
  #factes .multiSelectOptions { width: 170px; }
  #facets #total { font-size: 1.3em; font-weight: bold; margin-left: 0.25em; text-transform: uppercase; vertical-align: middle; }
  
  /* List */
  #fas-list { font-size: 0.8em; line-height: 1.4; }
  #fas-list li { clear: both; padding-top: 0.5em; }
  #fas-list ol { list-style: none; margin: 0; padding: 0.5em 1em 1em; }
  #fas-list .desc { float: right; width: 80%; }
  #fas-list .name { font-size: 1.4em; margin: 0; }
  
  #fas-list .num {
    background: #5c7e5c;
    color: #fff;
    display: block;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1;
    margin-top: 0.2em;
    padding: 0.35em 0;
    text-align: center;
    width: 1.8em;
  }
  
  /* Map */
    /* Marker */
    .marker-label, .marker-label-selected { color: #fff; font-weight: bold; padding: 0.1em 0 0 0.1em; text-align: center; }
    
    /* Windows*/
    
      /* Chrome */
      /*(new, custom popup using ExtInfoWindow) */
      /* http://gmaps-utility-library.googlecode.com/svn/trunk/extinfowindow/release/docs/examples.html */
      #gwindow { width: 250px; }
      #gwindow_b { background: url(/images/gwindow_b.png); height: 15px; }
      #gwindow_beak { background: url(/images/gwindow_beak.png); height: 49px; width: 47px; }
      #gwindow_bl { background: url(/images/gwindow_bl.png); height: 15px; width: 10px; }
      #gwindow_br { background: url(/images/gwindow_br.png); height: 15px; width: 15px; }
      #gwindow_close { background: url(/images/gwindow_close.png) no-repeat; cursor: pointer; height: 16px; width: 16px; }
      #gwindow_l { background: url(/images/gwindow_l.png); width: 10px; }
      #gwindow_r { background: url(/images/gwindow_r.png); width: 15px; }
      #gwindow_t { background: url(/images/gwindow_t.png); height: 1px; }
      #gwindow_tl { background: url(/images/gwindow_tl.png); height: 10px; width: 10px; }
      #gwindow_tr { background: url(/images/gwindow_tr.png); height: 10px; width: 15px; }
      
      /* Content */
      #gwindow { font-size: 0.9em; line-height: 1.4; }
      #gwindow h2 { padding: 1em 1em 0; }
      #gwindow h2, #gwindow .more { font-size: 1.2em; }
      #gwindow p { margin-bottom: 1em; padding: 0 1.2em; }
      #gwindow_contents { background-color: #fff; }

/*--- Footer ---*/
#footer { border-top: 1px solid #5c7e5c; font-size: 0.75em; clear: both; padding-top: 0.5em; }
#footer, #footer a { color: #5c7e5c; }
#footer #copyright { float: left; }

  /* Site credit */
  #credit { float: right; text-align: right; }
  #credit a { text-decoration: none; }
  #credit a strong { display: inline; font-weight: normal; text-decoration: underline; }
  #credit a:hover strong { text-decoration: none; }
  
  /* Subfooter */
  #subfooter { background: url(/images/subfooter-bg.gif) repeat-x 0 0; clear: both; font-size: 0.8em; padding-top: 2em; }
  #subfooter .adr, #subfooter .org, #subfooter .street-address { display: block; }
  #subfooter .connect { float: right; }
  #subfooter .logos { list-style: none; margin: 0; float: left; }
  #subfooter .logos li { float: left; margin-right: 1.5em; }
  #subfooter .tel { margin-right: 0.5em; }
  #subfooter, #subfooter a { color: #f4fff4; }
  #subfooter .vcard { float: left; margin-bottom: 1.5em; }

/*--- Forms ---*/
.form { clear: both; padding-top: 1em; }
.form dt { clear: both; margin: 0; }
.form dt, .form .field { padding: 0 0 0 33%; }
.form .label { float: left; margin: 0 0 0 -49%; text-align: right; display: inline; width: 45%; }
.form .field { margin-bottom: 1em; }

  /* Buttons */
  .btn { overflow: visible; font-size: 0.9em; margin-right: 0.5em; padding: 0.2em 0.7em 0.3em; }
  .btns { margin: 1.5em 0 1.5em 20%; }
  
  /* Help text */
  .field-help { color: #777; float: right; font-size: 0.8em; font-weight: normal; width: 45%; }
  
  /* Multiselects */
  .multiSelect {
    background: #fff url(/images/shared/dropdown.gif) no-repeat 100% 50%;
    border: solid 1px #bbb;
    display: inline;
    padding: 0.3em 20px 0.3em 4px;
    width: 242px;
  }

  .multiSelect.active, .multiSelect.focus { border: inset 1px #000; }
  
  .multiSelectOptions {
    background: #fff;
    border: solid 1px #b2b2b2;
    margin-top: -1px;
    max-height: 150px;
    overflow: auto;
    width: 266px;
  }

  .multiSelectOptions input { margin-right: 0.5em; }
  .multiSelectOptions label { padding: 2px 25px; display: block; text-indent: -18px; }
  .multiSelectOptions label.checked { background: #e6e6e6; }
  .multiSelectOptions label.selectAll { border-bottom: 1px dotted #ccc; font-weight: bold; }
  .multiSelectOptions label.hover { background: #2a502b; color: #fff; }
  
  /* Notifications */
  div.alert, div.confirm, div.notice { color: #000; margin-bottom: 1em; padding: 0.5em 1em 0.5em 43px; }
  div.alert *, div.confirm *, div.notice * { margin: 0; }
  div.alert .mute, div.confirm .mute, div.notice .mute { font-size: 1em; }
  div.alert h6, div.confirm h6, div.notice h6 { font-size: 1em; font-weight: normal; }
  div.alert li, div.confirm li, div.notice li { background: none; padding: 0; }
  div.alert ul, div.confirm ul, div.notice ul { list-style: disc outside; margin-left: 2em; }
  
    /* Alerts */
    .alert { color: #e30013; }
    div.alert { background: #ffd4d4 url(/images/admin/notify-alert.gif) no-repeat 10px 0.5em; border: 3px solid #dd9898; }
    
    /* Confirmations */
    div.confirm { background: #d8ffd4 url(/images/admin/notify-confirm.gif) no-repeat 10px 0.6em; border: 3px solid #9edd98; }
    
    /* Notices */
    div.notice { background: #fff6d3 url(/images/admin/notify-notice.gif) no-repeat 10px 0.5em; border: 3px solid #ffe27e; }
  
  /* Location fields */
  .loc-fields { list-style: none; margin: 0; width: 48%; }
  .loc-fields li { float: left; margin: 0 1% 1em 0; }
  .loc-fields .c-city { width: 56%; }
  .loc-fields .c-state { width: 15%; }
  .loc-fields .c-zip { float: right; margin: 0; width: 23%; }
  .loc-fields .txt { width: 90%; }
  
  /* Options */
  .options-h, .options-v { list-style: none; margin-left: 0; }
  td .options-h, td .options-v { margin: 0; }
  .options-h input, .options-v input { margin-bottom: -0.05em; }
  .options-h img { border-bottom: 3px solid #fff; padding: 5px; vertical-align: middle; }
  .options-h li, .options-v li { background: none; clear: both; margin-bottom: 0.3em; padding: 0; }
  .options-h li { display: inline; margin-right: 0.7em; white-space: nowrap; }
  .options-v li { padding-left: 25px; text-indent: -25px; }
  .options-v li p { margin: 0; text-indent: 0; }
  
  /* Text boxes */
  .txt { width: 75%; }
  .txt-med { margin-right: 1em; width: 47%; }
  .txt-sm { width: 7em; }
  .txt-tiny { width: 3em; }
  
  .txt, input.txt-sm, input.txt-med, input.txt-tiny {
    background: #fff url(/images/shared/field-bg.gif) repeat-x 0 0;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    border-top: 0;
    padding: 0.3em;
  }

/*--- Header ---*/
#header { padding: 2.25em 0 0; }
#header, #header a { color: #fff; }

  /* Logo */
  #logo { float: left; margin-bottom: 1.5em; }
  
  /* Search */
  #search { float: right; font-size: 1.1em; text-align: right; white-space: nowrap; }
  #search input { vertical-align: middle; }
  #search .txt { margin-right: 0.5em; width: 10em; }
  #search #byline { font-size: 0.8em; padding-top: 1em; }

/*--- Hidden content ---*/
.skip { left: -9999em; position: absolute; }
.print { display: none; }

/*--- Home page ---*/
#home .addthis_toolbox { margin-bottom: 2em; padding: 0; }
#home #fas { margin: 0; }
#home h1 { margin-bottom: 0.2em; }

/*--- Icons ---*/
.icon { background-repeat: no-repeat; background-position: 0 0.25em; line-height: 1; margin-right: 0.25em; padding: 3px 0 3px 19px; }
.icon-pdf { background-image: url(/images/shared/icon-pdf.gif); }
.icon-slideshow { background-image: url(/images/shared/icon-slideshow.gif); }
.noicon { background: none; padding: 0; }

/*--- Intro ---*/
#intro { background: #2b4933 url(/images/intro-bg.jpg) no-repeat 50% 50%; color: #d5e9da; font-size: 1.15em; line-height: 1.58; padding-left: 1.5em; }
#intro a, #intro em, #intro h1, #intro h2, #into h3, #intro h4, #intro h5, #intro h6, #intro strong { color: #fff; }
#intro h1 { font-size: 1.82em; line-height: 1em; margin-bottom: 0.3em; }
#intro-primary { float: left; padding-top: 1.5em; width: 47%; }
#intro-secondary { float: right; }
#intro-secondary img { display: block; }

/*--- Muted text ---*/
.mute { font-size: 0.85em; }
.mute, .info a, .mute a { color: #555; }

/*--- Navigation ---*/
#nav { background: #fff url(/images/nav-bg.gif) repeat-x 0 0; border-bottom: 4px solid #d1d1d1; clear: both; padding-top: 6px; }

#nav a {
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #fff;
  color: #2b4933;
  display: block;
  font-weight: bold;
  padding: 0.9em 1em;
  text-decoration: none;
  text-transform: uppercase;
}

#nav a:hover { text-decoration: underline; }
#nav li { float: left; margin: 0; }
#nav li.current a { background: #fff; color: #f39c0a; }
#nav ul { list-style: none; margin: 0; }

  /* Secondary */
  #nav-secondary { border: 5px solid #eff1ee; font-size: 1.1em; list-style: none; margin-left: 0; padding: 0.5em 1em 0.75em; }
  #nav-secondary li { border-bottom: 1px solid #dbdcde; padding: 0.4em 0; }
  #nav-secondary a { text-decoration: none; }
  #nav-secondary a:hover { text-decoration: underline; }
  #nav-secondary li.current a, #nav-secondary li.current strong { color: #f29b0a; font-weight: bold; }

/*--- News ---*/
#news {
  background: #fff8e3 url(/images/balloons.gif) no-repeat 1.5em 1em;
  border: 1px solid #ddd;
  border-width: 1px 0;
  font-size: 0.8em;
  padding: 1.2em 2em 1.1em 5.2em;
}

#news h2, #news p { margin: 0; }

/*--- Panels ---*/
.panel { clear: both; margin-bottom: 1em; }
.panel h2 { background: #e6f2e9; border-top: 2px solid #d5e9da; color: #000; font-size: 1em; margin-bottom: 0.25em; padding: 0.5em 1em; }

/*--- Schools ---*/
  /* Seats */
  #seats { cursor: help; list-style: none; margin-left: 0; }
  #seats li { float: left; line-height: 1; margin: 0 4px 1em 0; text-align: center; }
  
  #seats .count {
    background: #5c7e5c;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 1.6em;
    font-weight: bold;
    padding: 0.3em 0;
    width: 2em;
  }
  
  #seats .grade { display: block; font-size: 0.8em; margin-bottom: 0.5em; }
  #seats .none .count { background-color: #e6e6e6; border-color: #ddd; }
  #seats .none .grade { color: #939393; }

/*--- Spotlight on safety ---*/
#safety { background: url(/images/safety-r.jpg) no-repeat 100% 0; color: #fff; line-height: 1.2; margin-left: 2em; text-align: center; text-decoration: none; }
#safety span { background: url(/images/safety-l.jpg) no-repeat 0 0; padding: 0.65em 1.5em 1em 4em; }
#safety, #safety span, #safety strong { display: block; }
#safety strong { font-size: 1.2em; text-decoration: underline; text-transform: uppercase; }
#safety:hover strong { text-decoration: none; }

/*--- Tabs ---*/
.tabs { background: #e6f2e9; border-top: 2px solid #d5e9da; padding: 0.5em 1em 0; }
.tabs a { display: block; border: 1px solid #e6f2e9; border-bottom: 0; padding: 0.35em 0.85em; }
.tabs li { float: left; margin: 0; }
.tabs .ui-tabs-selected { background: #fff; }
.tabs .ui-tabs-selected a { border-color: #ccc; color: #000; text-decoration: none; }
.tabs ul { list-style: none; margin: 0; }
.tab-content { clear: both; margin-bottom: 1em; padding-top: 1em; }
.ui-tabs-hide { display: none; }

/*--- Teachers ---*/
.teachers dd { font-size: 0.8em; }
.teachers dd, .teachers dt { padding-left: 50px; }
.teachers img { float: left; margin-left: -50px; width: 40px; }