/*---------------------------------------
  Colors
  Green: #38765a;
  Blue: #146785;
----------------------------------------*/
body {
  font:normal 13px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif;
  color: #333;
  }

/* -----------------------------------------
  Structural Layout
--------------------------------------------*/
#global-header { height: 30px; }
.layout-inner { position: relative; }
#page,
.layout-inner {
  width: 960px;
  margin: 0 auto;
  }
#header {
  height: 80px;
  }
div.with-sidebar {
  width: 705px;
  float: left;
  margin-top: 15px;
  padding-right: 15px;
  }
#right {
  width: 240px;
  padding-top: 15px;
  float: left;
  position: relative;
  }
#wide-right .right {
  width: 200px;
  margin-top: 15px;
  float: left;
  }
#right-inner {
  width: 240px;
  }
#wide-right {
  width: 465px;
  margin-top: 15px;
  float: left;
  position: relative;
  }
body.front .entry,
body.front #posts {
  width: 465px;
  float: left;
  padding-right: 15px;
  float: left;
  }
#footer {
  clear: both;
  height: 50px;
  }
h4.parent {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  }
.menu-tree a {
  color: #808080;
  font-weight: normal;
  display: block;
  }
.menu-tree a:hover {
  color: #333;
  }
.menu-tree li.active {
  font-weight: bold; 
  }
.menu-tree ul.children li {
  padding-left: 20px;
  }
#post-map,
#right,
#content,
.content {
  padding-bottom: 50px;
  }
.document {
  float: left;
  width: 555px;
  border-right: 1px solid #ccc;
  padding: 20px 30px 50px 0;
  margin: 0;
  }
#blocks-right {
  float: right;
  margin: 10px 0 0;
  padding-bottom: 30px;
  width: 355px;
  }
#blocks-right .feed-item {
  padding: 0;
  }
#blocks-right h6 {
  text-transform: uppercase;
  }
#blocks-right div.block {
  margin-top: 20px;
  }

/* -----------------------------------------
  Global Styles
--------------------------------------------*/
#global-header {
  background: #000 url(/images/sprite-base.png) repeat-x 0 -400px;
  position: relative;
  z-index: 0;
  }
#global-header a#logo {
  background: transparent url(/images/sprite-base.png) no-repeat 0 0;
  float: left;
  margin-top: 5px;
  display: block;
  text-indent: -99999px;
  width: 216px;
  height: 20px;
  }
#global-header a#feedback {
  background: rgb(14,58,81);
  background: rgba(0,0,0,0.35);
  float: right;
  height: 19px;
  padding: 5px 10px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  }
#site-name { margin: 0; }
#site-name a{
  background:transparent url(/images/sprite-base.png) no-repeat 0 -20px;
  float:left;
  display: block;
  text-indent:-99999px;
  width:416px;
  height:30px;
  margin-top: 30px;
  }

#header { border-bottom: 1px solid #ccc; }
#header a { color: #333; }
#header a:hover { color: #000; }

#footer { border-top:1px solid #ccc; }
#footer a { color:#808080; }
#footer a:hover { color:#333; }

#footer a.twitter{ background-position: -235px 0px; }
#footer a.rss{ background-position: -220px 0px; }

#footer a.twitter:hover{ background-position: -300px 0px; }
#footer a.rss:hover{ background-position: -285px 0px; }
/*Hide this when we are on the contact page*/
body.contact #footer a.feedback  {
  display: none;
  }

  body.contact form .field-recaptcha {
    width: 350px;
    float: right;
    padding-right: 15px;
    border: 0;
}
body.contact  form .field-name,
body.contact form .field-email {
  width: 350px;
  float: left;
  border: 0;
  margin: 0;
  padding: 0 0 5px;
}
body.contact form .field-message { clear: both; }

body.contact  form .field-name input,
body.contact form .field-email input { width: 330px;}


/* -----------------------------------------
  Typography
--------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
  font-weight: bold;
  margin: 0;
  }
h1 { font-size: 26px; line-height: 26px; margin: 0 0 15px; }
h2 { font-size: 22px; line-height: 26px; margin: 10px 0; }
h3 { font-size: 22px; line-height: 24px; margin: 10px 0; }
h4 { font-size: 16px; line-height: 18px; margin: 10px 0; }
h5 { font-size: 13px; line-height: 16px; margin: 10px 0;}
h6 { font-size: 11px; line-height: 15px; margin: 10px 0;}

h4.aggregates-list {
  margin: 10px 0 5px;
  }
/*Small titles*/
.actions h2 {
  font-size: 11px;
  text-transform: uppercase;
  }
p.small {
  font-size: 11px;
  line-height: 15px;
  margin: 10px 0;
  color: #808080;
  }
.front .introtext {
  background:transparent url(/images/sprite-base.png) no-repeat -448px 0;
  padding: 10px 0 0 65px;
  font-size: 16px;
  margin: 15px 0 25px;
  height: 45px;
  }
.grey {
  color: #808080;
  }
.small-title {
  font-size: 11px;
  line-height: 15px;
  text-transform: uppercase;
  display: block;
  border-bottom: 1px solid #ccc;
  padding: 0 0 5px;
  }
body .tipsy {
  font-size: 11px;
  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight: 300;
  line-height: 15px;
  }
body .tipsy-inner {
  background-color: #000;
  color: white;
  padding: 8px;
  text-align: left;
  }
a {
  text-decoration: none;
  font-weight: bold;
  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
  color: #ff5911;
  }
/*Border bottom styling for title links
Namely: Indicator titles on the ranking pages and search results*/
.content a,
div.indicator-ranking a,
body.search .content a {
  border-bottom: 1px solid #eee;
  }
a.icon {
  background:transparent url(/images/sprite-base.png) no-repeat -220px -5px;
  display: block;
  text-indent: -99999px;
  width: 15px;
  height: 15px;
  }
h2 a,
a.nolink {
  color: #333333;
  border-bottom: none!important;
  }
#title-banner .about,
.introtext,
.prose p,
#posts p{
  font-family: Palatino, Georgia, 'Times New Roman', serif;
  font-size: 14px;
}

.prose p {
  margin : 0.5em 0 1em;
}

.prose strong a {
    font-weight: bold;
    font-size: 100%;
    border-bottom: 1px solid #eee;
}
.prose a {
    font-size: 13px;
    font-weight: normal;
    border-bottom: 0;
}
.prose * li {
    display: list-item;
    list-style: disc;
    padding: 0em 0em 0em 0.5em;
    margin: 0em 0em 0em 1.5em;
}

#posts a {
  border-bottom: 1px solid #eee;
  }
.instruction {
  color: #808080;
  font-size: 9px;
  }
/*Published date on B&A Sections + Author name on posts*/
.document .timestamp {
  border-top: 1px solid #ccc;
  margin-top: 15px;
  padding-top: 5px;
  text-align: right;
  }
.document .timestamp,
#posts h2 span{
  font-size: 11px;
  font-weight: normal;
  color: #808080;
  text-transform: uppercase;
  }
#posts h2 span {
  margin-left: 5px;
  }
a.see_footnote {
  vertical-align: super;
  font-size: 9px;
  font-weight: normal;
  }
ol.footnotes {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #eee;
  }
ol.footnotes li {
  list-style-position: outside;
  padding: 5px 0 5px 20px;
  text-indent: -10px
  }

/* -----------------------------------------
  Menus, Lists
--------------------------------------------*/
ul.links {
  margin: 5px 0;
  }
ul.links li{
  float: left;
  margin-right: 15px;
  }
ul.header-links {
  float: right;
  }
ul.header-links li {
  margin-left: 15px;
  margin-right: 0;
  }
ul.data-sets {
  position: absolute;
  top: 39px;
  right: 0;
  margin: 0;
  }
ul.data-sets li {
  margin-right: 0;
  }
ul.data-sets li a {
  background: #f8f8f8 url(/images/sprite-base.png) no-repeat -5px -85px;
  display: block;
  text-indent: -99999px;
  width: 100px;
  height: 40px;
  margin-left: 5px;
  border-right: 1px solid #f4f4f4;
  border-left: 1px solid #f4f4f4;
  border-top: 1px solid #f4f4f4;
  border-bottom: 1px solid #ccc;
  }
ul.data-sets li a.high-ed {
  width: 125px;
  background-position: -95px -85px;
  }
ul.data-sets li a.background {
  width: 134px;
  background-position: -215px -95px;
  }
body.search ul.data-sets li a.background,
body.background-analysis ul.data-sets li a.background {
  background-position: -215px -55px;
  border-color: #f2622e;
  background-color: #f2622e;
  }
.k12 ul.data-sets li a.k12 {
  background-position: -5px -45px;
  border-color: #38765a;
  background-color: #38765a;
  }
.higher-ed ul.data-sets li a.high-ed {
  background-position: -95px -45px;
  border-color: #146785;
  background-color: #146785;
  }
ul.breadcrumb {
  width: 100%;
  overflow: hidden;
  height: 25px;
  margin-bottom: -15px;
  }
ul.breadcrumb li {
  float: left;
  }
ul.breadcrumb li span {
  color: #ccc;
  }
ul.breadcrumb li a {
  color: #333;
  font-size: 11px;
  margin-right: 5px;
  font-weight: normal;
  }
ul.breadcrumb li:last-child a {
  background: none;
  }

/* -----------------------------------------
  Tables
--------------------------------------------*/

div.introblock {
  background: black url(/images/landing-bg.jpg) -170px -235px no-repeat;
  height: 45px;
  margin: 0;
  color: white;
  font-weight: 300;
  font-size: 22px;
  line-height: 28px;
  padding: 15px 10px 0;
}

table { 
  width: 100%; 
  margin-bottom: 15px;
  }
/*On prose, we need to force a width on tables here*/
.prose table {
  width: 555px;
  margin: 15px 0;
  }
.prose table tbody td {
  padding: 5px 2px;
  }
table thead {
  background-color:#fff;
  }
table thead tr th{
  border-bottom: 2px solid #808080;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  vertical-align: bottom;
  }
table tbody td { 
  padding:5px 10px 5px 0;
  vertical-align:top;
  border-bottom:1px solid #CCC;
  overflow: hidden;
  }
table tbody tr.last td { 
  border-bottom: none;
  }
table thead tr th{
  padding: 5px 10px 5px 10px;
  line-height: 12px;
  }
table tbody td.value {padding-left: 94px; }
table th.group {
  font-size: 16px;
  line-height: 20px;
  text-transform: none;
  }
td.empty {
  color: #ccc;
  font-weight: bold;
  font-size: 11px;
  }
td.yearlyValue {
  padding: 5px 0 5px 0;
  }

/* -----------------------------------------
  Comparisons: Table
--------------------------------------------*/
#comparison table col.field-odd {
  background-color:#F4F4F4;
  }
#comparison table th.fixed,
#comparison table td.fixed,
#comparison table col.fixed {
  background: #FAFAFA;
}


#comparison div.diff {
  float: right;
  font-weight: bold;
  vertical-align: top; 
  height: 15px;
  width: 15px;
  background-image: url('/images/sprite-base.png');
  background-repeat: no-repeat;
}

#comparison table tbody tr td div.diff-up {
  background-position: -36px -215px;
}
#comparison table tbody tr td div.diff-down {
  background-position: -56px -215px;
}


#comparison table tr.active td.fixed {
  background: #FAFAFA;
  }

#comparison table td.fixed {
  border-top: none;
  }

#comparison table thead tr.years th {
  text-align: center;
  padding-right: 15px;
}
#comparison table tr.headings th.fixed {
  border: 1px solid gray;
  border-bottom: 2px solid gray;
}
#comparison table th.fixed.year1,
#comparison table td.fixed.year1 {
  border-left: 1px solid gray;
}

#comparison table th.year1,
#comparison table td.year1 div.data div.display {
  color: gray;
}

#comparison table th.fixed.year2,
#comparison table td.fixed.year2 {
  padding-left: 0;
  border-right: 1px solid gray;
}
#comparison table tr.last td.fixed {
  border-bottom: 1px solid gray;
}

#comparison table div.data span.sort {
  display: none;
}

#comparison td.empty {
  text-align: center;
}
#comparison span.empty {
  font-size: 11px;
  padding-right: 15px;
  line-height: 16px;
  font-weight: normal;
  text-align: right;
  vertical-align: top;
}

#comparison table thead th{
  padding: 5px 15px 5px 5px;
  text-transform: none;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
  }

#comparison table thead th.label{
  vertical-align: bottom;
  width: 150px;
}

#comparison table td {
  padding: 10px 0px 5px 0px;
  vertical-align: top;
  text-align: right;
  }
#comparison table td.label {
  padding: 10px 10px 5px 10px;
  text-align: left;
  }
#comparison table div.data div.display {
  font-size: 11px;
  line-height: 16px;
  padding-right: 15px;
  color: black;
}
#comparison table td.label,
#comparison table td.label a {
  font-size: 11px;
  line-height: 16px;
  font-weight: bold;
  color: black;
  }
#comparison table thead tr th a,
#comparison table thead tr th {
  color: black;
}
#comparison table tbody tr.active td {
  background: #FAFAFA;
  }
/*Currently compared against indicator*/
#comparison table th.header {
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 95% 55%;
  }
#comparison table th.header:hover { background-image: url(../images/arrows.png); }
#comparison table th.headerSortUp:hover,
#comparison table th.headerSortUp { background-image: url(../images/arrow-desc.png); }
#comparison table th.headerSortDown:hover,
#comparison table th.headerSortDown { background-image: url(../images/arrow-asc.png); }


/* -----------------------------------------
  Comparisons: Header
--------------------------------------------*/
div#comparison-header {
  width: 100%;
  overflow: auto;
  padding-bottom: 15px;
  }
div#comparison-header h1 {
  margin-bottom: 0px;
  }
div#comparison-header a.back {
  font-size: 13px;
  color: #FF5911;
  }
div#comparison-details {
  float: left;
  width: 315px;
  margin-top: 7px;
  padding-right: 30px;
  }
div#comparison-details h2 { margin-bottom: 0; }
div#comparison-details h2 span {
  display: block;
  color: #333; 
  }
div#comparison-details h4 {
  margin: 0 0 5px;
  }
#comparison-tools {
  float: right;
  width: 240px;
  margin-top: 40px;
  }
#comparison-tools a {
  background-image: url(/images/sprite-base.png);
  background-repeat: no-repeat;
  background-position: 215px -207px;
  width: 220px;
  display: block;
  padding: 5px 15px 5px 5px;
  text-align: center;
  margin: 0;
  }
#comparison-dialog {
  display: none; 
  }
#comparison div.result-title {
  float: left;
  width: 215px;
  margin-right: 25px;
  }


#comparison div.result-title .download {
  color: gray;
  font-size: 11px;
}
  
#comparison div.result-title h3 {
  margin-bottom: 0;
  }
#comparison div.action {
  float: left;
  width: 720px;
  margin: 6px 0 0;
  }
#comparison div.action ul{
/*  background: #f8f8f8;*/
-moz-box-shadow:inset 0px 1px 3px #eee;
-webkit-box-shadow:inset 0px 1px 3px #eee;
box-shadow:inset 0px 1px 3px #eee;
  border: 1px solid #ccc;
  width: 718px;
  overflow: auto;
  border-bottom-color: #CCC;
  }
#comparison div.result-title h3 {
  margin-bottom: 0;
  }
#comparison div.action li {
  float: left;
  }
#comparison div.action li a {
  float: left;
  padding: 5px 10px 6px;
  text-align: center;
  color: #CCC;
  text-transform: uppercase;
  font-size: 11px;
  }
#comparison div.action a:hover,
#comparison div.action a.filterOption {
  background: transparent url(/images/arrow-up.png) no-repeat bottom center;
  color: #333;
  }
#comparison div.action a.filterOption-disabled {
  background-image: none;
  color: #ccc;
  }
#indicator-selector {
  float: left;
  border: 0;
  }
#indicator-selector .ui-tabs-panel {
  overflow: auto;
  border: 1px solid #ccc;
  padding-top: 30px;
  float: left;
 }
#indicator-selector ul.option {
  width: 100%;
  overflow: auto;
  padding-bottom: 5px;
  }
#indicator-selector ul.option label {
  font-weight: normal;
  font-size: 11px;
  line-height: 15px;
  width: 265px;
  float: left;
  padding: 10px 0 0 10px;
  }
#indicator-selector ul.option li {
  width: 310px;
  border-top: 1px solid #ccc;
  float: left;
  position: relative;
  min-height: 30px;
  height: auto!important;
  height: 30px;
  }
#indicator-selector ul.option li a.checkbox-deselect {
  background: transparent url(/images/sprite-base.png) no-repeat -269px -3px;
  display: block;
  text-indent: -9999px;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 5px;
  right: 0;
  display: none;
  }
#indicator-selector ul.option li input {
  position: absolute;
  width: 30px;
  height: 30px;
  cursor: pointer;
  }
#indicator-selector ul.option li.locked { 
  background: #F2F9F3;
  }
#indicator-selector ul.option li.locked label { font-weight: bold; }
#indicator-selector ul.option li.locked input { display: none; }

#comparison {
  width: 100%;
  overflow: hidden;
  clear: both;
  border-top: 1px solid #ccc;
  }
#comparison h2 {
  margin-left: 10px;
  font-size: 26px;
  }
#comparison table {
  table-layout: fixed;
  }
#comparison .results {
  padding-top: 5px;
  }
#indicator-selector ul.option li a {
  cursor: pointer;
  border: 1px solid #eee;
  border-top: none;
  }
#indicator-selector ul.option li a.checkbox-unchecked {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: transparent url(/images/sprite-base.png) no-repeat 1px -300px;
  }
#indicator-selector ul.option li a.checkbox-checked {
  background: #F2F9F3 url(/images/sprite-base.png) no-repeat 1px -270px !important;
  }
.year-display {
  font-weight: bold;
  font-size: 11px;
  }
span.empty, 
td.empty {
  color: #ccc;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  }
td.empty {
  padding-left: 94px;
  }
th.graph { 
  width: 80px;
  }
th.graph p { 
  text-align: center;
  font-weight: normal;
  font-size: 11px;
  line-height: 15px;
  background-color: #777;
  color: #fff;
  }
td.graph {
  /* padding:5px 5px; */
  width:55px;
  vertical-align:bottom;
  border-right:1px solid #eee;
  background-color:#fafafa;
  }
td.graph .placeholder {
  }
th.diff {
  width: 160px;
  }
span.sort-value {
  display: none;
  }
td.singleData {
  text-align:center;
  }
div.indicator-group { 
  clear: both;
  }
table.indicators { table-layout: fixed; }
table.indicators th.group { width: 150px; }
table.indicators th.extra { width: 120px; }

table.indicators td.year-odd {
  background-color:#F4F4F4;
  }
td.indicator-name {
  border-right: 1px solid #eee;
  padding: 5px 0 5px 0;
  }
td.indicator-name a.nolink {
  background: transparent url(/images/sprite-base.png) no-repeat -400px 0;
  display: block;
  width: 20px;
  height: 20px;
  text-indent: -99999px;
  float: right;
  margin-top: -5px;
  }
tr.open td.indicator-name a.nolink {
  background-position: -420px 0;
  }
td.indicator-name h6{
  margin: 0;
  padding: 0 45px 0 10px;
  }
td.indicator-name div.indicator-meta { display:none; }

tr.open td.indicator-name {
  background: #333;
  }
tr.open td.indicator-name h6 {
  text-shadow: 0px -1px 0px rgb(0,0,0);
  color: #f4f4f4;
  }
table tbody tr.open td {
  border-bottom-color: #808080;
  }
tr.indicator-meta {
  background-color: #fff;
  border-right: 1px solid #808080;
  border-left: 1px solid #808080;
  border-bottom-color: #808080;
  color: #808080;
  font-size: 11px;
  line-height: 18px;
  width: 960px;
  }
tr.indicator-meta a {
  color: #333;
  }
tr.indicator-meta td {
  padding:10px;
  border-color: #808080;
  }
tr.indicator-meta p {
  padding:5px;
  }
tr.indicator-meta ul.links li {
  float: left;
  width: 100%;
  padding: 5px;
  }
tr.indicator-meta ul.links li span {
  display: block;
  float: left;
  line-height: 15px;
  padding-left: 5px;
  }
tr.indicator-meta ul.links li span.indicator-button {
  width: 15px;
  height: 20px;
  padding: 0px;
  }
a.indicator-compare span.indicator-button  { background:transparent url(/images/sprite-base.png) no-repeat -355px 0px; }
a.indicator-info span.indicator-button { background:transparent url(/images/sprite-base.png) no-repeat -340px 0px; }
a.indicator-compare:hover span.indicator-button { background:transparent url(/images/sprite-base.png) no-repeat -385px 0px; }
a.indicator-info:hover span.indicator-button { background:transparent url(/images/sprite-base.png) no-repeat -370px 0px; }

div.year, div.local, div.baseline {
  font-size:11px;
  line-height:20px;
  font-weight:normal;
  min-height:20px;
  margin: 0;
  }

/* -----------------------------------------
  Details.jade
--------------------------------------------*/
div.details {
  float: left;
  width: 960px;
  margin-bottom: 10px;
  }
body.higher-ed div.details {
  background: #146785;
  }
body.k12 div.details {
  background: #38765A;
  }
div.details .detail{
  float: left;
  width: auto!important;
  min-width: 94px;
  width: 94px;
  padding: 7px;
  border-right: 1px solid rgba(0, 0, 0, .15);
  color: white;
  }
div.details .detail h6 {
  margin: 0;
  font-weight: normal;
  clear: left;
  }
body.higher-ed div.details .detail h6 {
  color: #D0E1E7;
  }
body.k12 div.details .detail h6 {
  color: #D7E4DE;
  }
div.details .detail p {
  font-size: 16px;
  font-weight: bold;
  float: left;
  margin-right: 10px;
  width: 100px;
  width: auto!important;
  min-width: 15px;
  }
body.k12 div.details .detail:last-child,
body.higher-ed div.details .detail:last-child,
div.details .detail:last-child {
  border-right: none;
  margin-right: 0;
  width: auto;
  }
/*Distrct type*/
#indicator-groups {
  position: relative;
  }
div#group-details {
  line-height: 15px;
  }
div#group-details h5 {
  display: inline-block;
  font-size: 11px;
  padding: 0px 5px 0px 0px;
  margin: 0;
  }
div#group-details p {
  display: inline-block;
  font-size: 11px;
  }
td.yearlyData {
  vertical-align:bottom;
  }
td.graph span.value {
  display: none;
  }
td.yearlyData div.display,
td.yearlyData div.year,
td.yearlyData div.local,
td.yearlyData div.baseline {
  text-align:right;
  }
div.baseline {
  color: #bbb;
  }
div.relative-graph {
  float:right;
  padding:0;
  margin-left:5px;
  background-color:#eee;
  }
div.relative-graph .positive {
  background-color:#38765a;
  border-top:1px solid #1D7A50;
  position:relative;
  }
div.relative-graph .negative {
  background-color:#c38483;
  border-bottom:1px solid #C55957;
  position:relative;
  top:16px;
  }
td.indicator-name div.baseline {
  padding-left:10px;
  }

/* -----------------------------------------
  Forms
--------------------------------------------*/
textarea,
input.text {
  background: white url(/images/bg_field.gif) repeat-x 0 0;
  border: 1px solid #ccc;
  margin: 5px 0;
  padding: 5px;
  width: 90%;
  color: #555;
  }
input.text {
  font-weight: bold;
  width: 240px;
  }
.ui-dialog .ui-dialog-buttonpane button,
a.button,
input.submit {
  background: #808080;
  color: #fff;
  font-weight: bold;
  text-shadow: 0px -1px 0px #555;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 3px 15px;
  margin: 5px 5px 0 5px;
  cursor: pointer;
  border: none;
  outline: none;
  }
a.button:hover,
input.submit:hover {
  background-color: #888;
  color: #fff;
  }

a.button-disabled {
  background-color: #bbb;
  color: #ddd;
}
form .description,
label {
  display: block;
  color: #333;
  }
form .description {
  font-size: 11px;
  }
form .widget-checkbox label {
  display: inline;
  padding-left: 5px;
  }
.delete-form .buttons a,
.delete-form .buttons input {
  float: left;
  margin-right: 5px;
  }

/* -----------------------------------------
  Autocomoplete
--------------------------------------------*/
.front input.ui-autocomplete-input {
  padding: 10px;
  width: 443px;
  font-size: 16px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 25px;
  }
input.search,
input.ui-autocomplete-input {
  width: 335px;
  }
/*Autocomplete Dropdown*/
.ui-autocomplete {
  background: #fff;
  border: 1px solid #ccc;
  margin: 3px 5px 5px;
  width: 185px;
  padding: 4px 0px;
  -moz-box-shadow: #666 0px 1px 2px;
  -webkit-box-shadow: #666 0px 1px 2px;
  z-index: 9999;
  }
li.ui-menu-item a {
  display:block;
  border:0px;
  color: #333;
  }
li.ui-menu-item a.ui-corner-all {
  padding: 4px 10px;
  border:0px;
  cursor:pointer;
  background-color:transparent;
  font-weight: normal;
  z-index: 100;
  }
li.ui-menu-item a.ui-state-hover,
li.ui-menu-item a.ui-state-focus {
  background: #141814 url(/images/sprite-base.png) repeat-x 0 -460px;
  color: #fff;
  margin:0px -1px;
  border-left:1px solid #141814;
  border-right:1px solid #141814;
  }
.k12 li.ui-menu-item a.ui-state-hover,
.k12 li.ui-menu-item a.ui-state-focus {
  background: #141814 url(/images/sprite-base.png) repeat-x 0 -460px;
  border-color: #141814;
  }

/* -----------------------------------------
  Posts: Includes blogfeed, B&A,
--------------------------------------------*/
#posts {
  margin: 15px 0 10px;
  }
#posts .item {
  padding: 0 0 15px;
  }
#posts .published {
  background: transparent url(/images/sprite-base.png) no-repeat 0 -330px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  line-height: 12px;
  width: 40px;
  height: 62px;
  padding: 8px 10px 0;
  margin-bottom: 10px;
  margin-right: 15px;
  float: left;
  text-align: center;
  color: #808080;
  }
#posts .author { display: none; }
body.blog #posts .author { display: inline; }

.published .year {
  font-size: 23px;
  margin: 3px 0;
  }
.prose img {
  max-width: 100%;
  display: block;
  margin: 15px 0;
  }

#blocks-right .feed-description {
  background: #6e6d5b;
  margin: 15px 0px;
  padding: 15px;
  color: white;
  font-size: 16px;
  }

/* -----------------------------------------
  Map
--------------------------------------------*/
#map {
  background: #fff;
  width: 958px;
  height: 298px;
  border: 1px solid #ccc;
  position: relative;
  z-index: 1;
  }
body.k12 #map { background-color: #D7E4DE; }
body.higher-ed #map { background-color: #d0e1e7; }

#map-panel {
  background: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  z-index: 99999;
  right: 15px;
  bottom: 15px;
  width: 230px;
  border: 1px solid #ccc;
  padding: 15px 0;
  }
#page .fullscreen {
  top: 0!important;
  width: auto!important;
  height: auto!important;
  bottom: 0!important;
  left: 0!important;
  right: 0!important;
  position: absolute!important;
  z-index: 999999!important;
  }
#map-panel h3 {
  padding:0 10px;
  margin-bottom: 15px;
  }
#map-panel p.subtitle {
  padding: 0 10px;
  margin: 10px 5px 15px 0;
  color: #808080;
  }
#map-panel p.subtitle strong {
  color:#333;
  display: block;
  }
a.wax-fullscreen {
  background:transparent url(/images/sprite-base.png) no-repeat -265px 0px;
  display:block;
  text-indent:-99999px;
  width:15px;
  height:15px;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 99999;
  }
  
/*Map Controls*/
div#map-blocktoggle {
  z-index: 99999;
  }
div#map-blocktoggle a.layer-toggle {
  margin: 0 0 0 -10px;
  display: block;
  font-size: 16px;
  line-height: 20px;
  color: #333;
  }
div#map-blocktoggle span.sprite {
  float: left;
  display: block;
  width: 10px;
  height: 30px;
  }
div#map-blocktoggle a.active span.sprite {
  background: transparent url(/images/sprite-base.png) no-repeat -35px -285px;
  }
div#map-blocktoggle span.label {
  margin-left:10px;
  padding: 5px 10px;;
  display:block;
  position: relative;
  z-index: 100;
  }
div#map-blocktoggle a.active span.label {
  background: black url(/images/sprite-base.png) repeat-x 0 -460px;
  text-shadow: 0px -1px 0px rgb(0,0,0);
  color:#fff;
  }
.wax-legends {
  position:absolute;
  left:70px;
  top:10px;
  z-index:999999;
  }
.wax-legends .wax-legend {
  padding:5px 5px;
  height:15px;
  background:#fff;
  color:#fff;
    border-color:#c0cacc;
  border-width:1px;
  border-style:solid;
  }
.wax-legends .wax-legend .legend-ramp {
  float:left;
  line-height:15px;
  font-size:11px;
  color:#333;
  padding:0 5px;
  background:#fff;
  }
.wax-legends .wax-legend .legend-bar {
  width:13px;
  height:11px;
  margin-top:3px;
  float:left;
  border-right:1px solid #fff;
  }
.wax-legends .wax-legend .legend-label {
  float:left;
  font-weight:bold;
  line-height:15px;
  font-size:11px;
  padding:0 5px 0 5px;
  color:#555;
  }
.wax-tooltip {
  background: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  z-index: 99999;
  left: 15px;
  bottom: 15px;
  min-width: 270px;
  max-width: 900px;
  border: 1px solid #ccc;
  padding: 5px 0;
  padding-right: 5px;
  color:#333;
  }
.wax-tooltip .subtitle {
  color:#777;
  white-space:nowrap;
  font-size:11px;
  }
.wax-tooltip .indicator-name {
  white-space:nowrap;
  font-size:11px;
  }
.wax-tooltip .indicator {
  float: left;
  padding: 2px 8px;
  font-size: 28px;
  line-height: 40px;
  font-weight: bold;
  }
.wax-tooltip .indicator-na {
  color:#777;
  float:left;
  padding:2px 8px;
  font-size:24px;
  line-height:28px;
  }

.zoomer {
  z-index: 99999;
  position: absolute;
  top: 10px;
  left: 10px;
  background:#fff;
  color:#333;
  border-color:#c0cacc;
  border-width:1px;
  border-style:solid;
  font-weight: bold;
  width: 15px;
  height: 25px;
  padding: 0 5px;
  font-size: 16px;
  text-align: center;
  line-height: 20px;

}
.zoomer.zoomout {
  left: 40px;
}

.zoomer.zoomdisabled {
  background-color: #bbb;
}
/* -----------------------------------------
 Indicator listing. 
--------------------------------------------*/
ul.indicator-selection li {
  float: left;
  padding-bottom: 14px;
  padding-top: 5px;
  }
ul.indicator-selection li a{
  color: #fff;
  font-weight: bold;
  padding: 6px 35px 6px 10px;
  background: transparent url(/images/sprite-base.png) no-repeat 0 200px;
  }
ul.indicator-selection {
  width: 100%;
  background:#000 url(/images/sprite-base.png) repeat-x 0 -470px;
  padding:0px;
  margin:0 0 20px;
  height:30px;
  }
#indicator-nav ul.indicator-selection {
  width: 960px;
  }
ul.indicator-selection li {
  float: left;
  padding-bottom: 14px;
  padding-top: 5px;
  }
.k12 ul.indicator-selection {background: #38765A url(/images/sprite-base.png) repeat-x 0 -500px;}
.higher-ed ul.indicator-selection {background: #146785 url(/images/sprite-base.png) repeat-x 0 -500px;}

ul.indicator-selection li a.selected {
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, .2);
  }
ul.indicator-selection li a {
  color: #fff;
  font-weight: bold;
  padding: 6px 15px;
  }
/*data-set pages*/
#indicator-nav {
  z-index: 99;
  width: 960px;
  height: 30px;
  }

/* -----------------------------------------
  Pages: All data pages
--------------------------------------------*/

div#title {
  float: left;
  width: 225px;
  padding-right: 15px;
  min-height: 50px;
  height: auto!important;
  height: 50px;
  margin-top:15px;
  display: block;
  }
div#title.wide{
  width: 100%;
  }
#title-banner #lookup {
  font-size: 11px;
  color: white;
  width: 345px;
  float: right;
  margin-top: -11px;
  padding: 15px 15px 10px 15px;
  }
#title-banner #lookup input {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  }
#title-banner #lookup {
  background: transparent url(/images/sprite-base.png) repeat-x 0 -500px;
  position: relative;
  z-index: 100;
  }

.k12 #title-banner #lookup { background-color: #38765A; }
.higher-ed #title-banner #lookup { background-color: #146785; }
.search #title-banner #lookup,
.background-analysis #title-banner #lookup { background-color: #f2622e; }

#title-banner {
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
  }
body.k12 #title-banner,
body.higher-ed #title-banner {
  border-bottom: none;
  }
#title-banner .overview {
  margin-bottom: -3px;
  display: block;
  text-align: right;
  }
#title-banner .about {
  width: 310px;
  float: left;
  margin-top: 15px;
  }

/* -----------------------------------------
  Pages: Data set Landing Pages
--------------------------------------------*/
.state-navigation {
  background: #000 url(/images/sprite-base.png) repeat-x 0 -500px;
  height: 45px;
  top: 0;
  position: relative;
  z-index: 1;
  }
.k12 .state-navigation { background-color: rgb(56, 118, 90); }
.higher-ed .state-navigation { background-color: rgb(20, 103, 133); }

.state-navigation h2 {
  display: block;
  color: rgb(204, 204, 204);
  color: rgba(204, 204, 204, .8);
  font-weight: 300;
  text-align: center;
  padding-top: 10px;
  margin: 0;
  }
.state-navigation a {
  color: #fff;
  }
.state-navigation a.not-your-state {
  color: rgb(255, 255, 255);
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  position: absolute;
  right: 15px;
  bottom: 7px;
  }
.state-navigation a.not-your-state:hover {
  color: #fff;
  }
/*State Selector*/
.state-selector {
  background: #fff;
  border:1px solid #ccc;
  margin:5px;
  width:185px;
  height: 300px;
  overflow: auto;
  z-index: 90;
  position: absolute;
  right: 0;
  top: 40px;
  display: none;
  }
.state-selector a {
  display: block;
  color: #333;
  padding: 3px 15px;
  }
.state-selector a:hover {
  background: #000 url(/images/sprite-base.png) repeat-x 0 -460px;
  text-shadow: 0px -1px 0px black;
  color: #fff;
  }

/* -----------------------------------------
  Pages: Front
--------------------------------------------*/
.front #page { 
  width: 100%;
  }
#dataset-banner {
  background: #000 url(/images/landing-bg.jpg) 0 0 no-repeat;
  height: 340px;
  }
.front .landing-map {
  background: #d4d4d4;
  width: 465px;
  height: 360px;
  }
.front a .browse {
  background:#ccc url(/images/sprite-base.png) no-repeat 100px -135px;
  display: block;
  text-indent:-99999px;
  width: 465px;
  height: 80px;
  }
.front a .high-ed { background-position: 75px -215px; }
.front a .high-ed:hover { background-color: #0774c8; }
.front a .k12:hover { background-color: #17aa34; }

.dataset-intro {
  width: 465px;
  margin: 30px 0;
  position: relative;
  height: 255px;
  }
.dataset-intro h1 a { 
  color: #fff;
  padding-left: 35px;
  }
#landing-higher-ed h1 a{padding-left: 45px;}
.dataset-intro .blurbs {
  color: rgb(204, 204, 204);
  color: rgba(204, 204, 204, .8);
  font-weight: 300;
  font-size: 22px;
  line-height: 28px;
  margin-top: 10px;
  }
#landing-k12 { float:left; }
#landing-k12 h1 a{ background: transparent url(/images/sprite-base.png) no-repeat  -15px -131px; }

#landing-higher-ed { float:right; }
#landing-higher-ed h1 a{ 
  background: transparent url(/images/sprite-base.png) no-repeat  -15px -170px;
  height: 30px;
  }
.dataset-intro .about strong {
  font-size: 26px; 
  color: #fff; 
  letter-spacing: 1px; 
  font-weight: bold;
  }
.dataset-intro .name-lookup-form {
  position: absolute;
  bottom: 0;
  }
#landing-map {
  clear:both;
  height: 360px;
  background-color: #ddd;
  }
.feed-item {
  padding: 0 15px;
  }
.feed-item li {
  padding-bottom: 10px;
  }
.feed-item .item-title {
  padding: 5px 0px 0px;
  }
.feed-item .item-title a {
  color: #808080;
  font-weight: normal;
  display: block;
  }
.feed-item .item-title a:hover { color: #1E281E; }
.feed-item a span.more { color: #ff5911; text-align: right;}

/* -----------------------------------------
  Pages: Contact
--------------------------------------------*/
body.edit #title-banner,
body.new #title-banner,
body.contact #title-banner {
  border-bottom: none;
  }

body.delete h1.page-title,
body.edit h1.page-title {
  display: none;
  }

/* -----------------------------------------
  Blocks
--------------------------------------------*/
/*Twitter block*/
.twitter-content {
  margin: 10px 0;
  }
.twitter-content .tweet-inner a {
  color: #333;
  font-weight: bold;
  }
.twitter-content .tweet-date {
  display: block;
  text-align: right;
  }
.tweet-inner {
  padding: 10px;
  border: 1px solid #ccc;
  color: #808080;
  }
.twitter-content .published a{
  text-transform: uppercase;
  font-size: 11px;
  color: #808080;
  font-weight: normal;
  }
.twitter-content .published {
  text-align: right;
  }
.follow {
  background: #38765A url(../images/sprite-base.png) no-repeat right -315px;
  padding: 10px 80px 25px 10px;
  height: 50px;
  line-height: 18px;
  margin-top: -1px;
  }
.follow a {
  color: rgb(255, 255, 255);
  font-size: 16px;
  }
.follow a span {
  color: rgb(146, 180, 164);
  color: rgba(255, 255, 255, 0.45);
  /*color: #808080;*/
  font-weight: 300;
  display: block;
  font-size: 13px;
  }
/*Blog ad*/
.blog-ad {
  background: #005c84;
  padding: 10px 0 0 15px;
  height: 35px;
  color: rgb(204, 204, 204);
  color: rgba(255, 255, 255, .6);
  font-weight: bold;
  }
#posts .blog-ad a{
  color: #fff;
  font-size: 16px;
  border-bottom: none;
  }
  
/*Data download ad*/
.download-content {
  background: #333;
  color: rgb(255, 255, 255);
  padding: 0 0 20px;
  margin-bottom: 10px;
  }
body.k12 .download-content { background-color: #38765a; }
body.higher-ed .download-content { background-color: #146785; }

.download-content a {
  padding: 3px 15px 2px 35px;
  color: rgb(255,255,255);
  color: rgba(255, 255, 255, .5);
  font-weight: normal;
  display: block;
  }

.download-content a.data {
  background: transparent url(../images/sprite-base.png) no-repeat 15px -430px;
  padding-bottom: 0;
}

.download-content a.schema {
  padding-top: 0;
  font-size: 9px;
  text-transform: uppercase;
}

.download-content small {
  padding-left: 15px;
  font-size: 9px;
  text-transform: uppercase;
  }
.download-content ul li {
  border-top: 1px solid rgb(255,255,255);
  border-top: 1px solid rgba(255,255,255,.25);
  }
body.k12 .download-content ul li {
  border-color: rgb(155, 186, 172);
  border-color: rgba(255,255,255,.25);
  }
body.higher-ed .download-content ul li { 
  border-color: rgb(137, 179, 194);
  border-color: rgba(255,255,255,.25);
  }
.download-content ul li:last-child {
  border-bottom: 1px solid rgba(255,255,255,.25);
  }
.download-content a:hover {
  color: rgb(255, 255, 255);
  }
.download-content h5 {
  color: white;
  background: rgba(0, 0, 0, .25);
  padding: 10px 15px;
  }
body.k12 .download-content h5 {
  background: rgb(42, 88, 67);
}
body.higher-ed .download-content h5 {
  background: rgb(15, 77, 100);
}
.download-content:hover {
  color: #fff;
  }
.download-logo {
  background: transparent url(../images/sprite-base.png) no-repeat -390px -77px;
  display: block;
  text-indent: -99999px;
  width: 105px;
  height: 120px;
  margin: 15px auto;
  }

/* -----------------------------------------
  Pages: admin/dataset/[set]
--------------------------------------------*/
.dataset table.versions { 
  table-layout: fixed; 
  width: 450px; 
  }
.dataset table.versions th { 
  text-align: left;
  padding: 5px 0;
  border-color: #ccc;
  }
.dataset table.versions tr.odd { 
  background-color: #eee; /*Fallback Color*/
  background-image: -moz-linear-gradient(top, #eee, #fff); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eee),color-stop(1, #fff)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#eee, #fff); /* Chrome 10+, Saf6 */
  background-image: linear-gradient(top, #eee, #fff);
  }
.dataset table.versions td { 
  padding: 5px;
  text-align: left; 
  }
.dataset table.versions th.version { width: 20px; }
.dataset table.versions td.version { font-weight: bold; }
.dataset table.versions th.files { width: 60px; }
.dataset table.versions th.created { width: 150px; }
.dataset table.versions .status { text-align: right; padding-right: 5px; }
.dataset table.versions .active { color: #228844; }
.dataset table.versions .preview { font-weight: normal; color: #224488; text-decoration: underline }
.dataset table.versions .previewing { color: #FF5911; }
.dataset a.upload { 
  float: right;
  margin-right: 15px;
  margin-top: 20px;
  }
.dataset .previewing-control .button { padding: 0 5px; }
.dataset div.data,
.dataset div.schema {
  margin: 10px 0 10px 0;
  padding: 0px 10px 50px 0;
  float: left;
  }
.dataset .previewing-control {
  background-color: #eeeeee;
  padding: 10px 5px;
  font-size: 15px;
  }
.dataset h3 {
  background: #444;
  display: block;
  padding: 10px;
  color: #fff;
  text-shadow: 0px -1px 0px rgb(0,0,0);
  font-size: 15px;
  }
#preview-status span { 
  padding-right: 10px;
  }
.validation-log .message .timestamp {
  padding-right: 10px;
  font-weight: bold;
  }

/* -----------------------------------------
  Pages: ranking landing
--------------------------------------------*/
div.ranking-intro {
  margin-bottom: 15px;
  padding: 10px 15px 30px 15px;
  background: transparent url('../images/ranking-intro.png') bottom center no-repeat;
  width: 675px;
  overflow: auto;
  }
div.ranking-intro h3,
div.ranking-intro p {
  float: left;
  }
div.ranking-intro h3 {
  width: 225px;
  padding-right: 5px;
  }
div.ranking-intro p {
  width: 430px;
  }
.k12 div.ranking-intro {
  background-color: #e7f4eE;
  }
.higher-ed div.ranking-intro {
  background-color: #e0f1f7;
  }
div.indicator-ranking {
  border-top: 1px solid #EEE;
  margin-bottom: 15px;
  position: relative;
  height: 115px;
  }
ul.ranking {
  margin: 5px 0px 5px 42px;
  padding: 0;
  border: 0px solid #999;
  overflow: hidden;
  height: 80px;
  }
a.ranking-link {
  margin-top: -5px;
  position: relative;
  float: right;
  }
ul.ranking li.ranking {
  height: 80px;
  float: left;
  width: 12px;
  border-right: 1px solid #fff;
  border-top: 0px solid #FFF;
  cursor: pointer;
  }
ul.ranking li.ranking div.label {
  font-size: 26px;
  font-weight: bold;
  position: absolute;
  left: -9999px;
  }
ul.ranking li.active div.label {
  z-index: 10;
  top: 25px;
  left: 0;
  color: #333;
  font-size: 16px;
  }
ul.ranking li.active div.label .state {
  font-size: 11px;
  text-transform: uppercase;
  }
/** overrides for the rankings pages **/
#page .ranking-page { 
  float: left;
  border-right: 1px solid #ccc;
  margin: 0;
  width: 555px;
  padding-right: 30px;
  }
.ranking-page ul.ranking { margin-left: 0px; }
.ranking-page ul.ranking li.ranking { width: 9px; }

div.ranking-sorts{
  border: 1px solid #CCC;
  padding: 15px;
  color: gray;
  margin-bottom: 10px;
  -moz-box-shadow: 2px 2px 3px #CCC;
  -webkit-box-shadow: 2px 2px 3px #CCC;
  box-shadow: 2px 2px 3px #CCC;
  }
div.fixed {
  position: fixed;
  width:100%;
  top: 0;
  z-index: 9999;
  }
div.ranking-sorts li a { 
  display: block;
  padding: 3px 0px;
  color: #999;
  }
div.ranking-sorts li a.active { 
  color: #FF5911;
  }
.indicator-ranking h4 { color: #808080; margin: 5px 0 0;}
.indicator-ranking h4 span { color: #808080;}

/* K12 Colors */
.k12 ul.ranking li.ranking { 
  background: rgb(215, 228, 222);
  background: rgba(56, 118, 90, .2);
  }
.k12 ul.ranking li.active { 
  background: #38765a; 
  }
/* HigherEd Colors */
.higher-ed ul.ranking li.ranking { 
  background: rgb(208, 225, 231);
  background: rgba(20, 103, 133, .2);
  }
.higher-ed ul.ranking li.ranking.active { background: #146785; }

/* -----------------------------------------
  Difference Definition
--------------------------------------------*/
.difference {
  width: 100%;
  display: block;
  _zoom: 1;
  }
.difference li {
  width: 50%;
  float: left;
  position: relative;
  }
.difference p { 
  position: relative;
  display: block;
  font-weight: bold;
  z-index: 2;
  line-height: 30px; 
  }
.difference li.negative-value p {
  text-align: right;
  color: red;
  }
.difference li.positive-value p {
  color: green;
  }
.difference li.positive-value {
  margin-left: 50%;
  }
.difference .index {
  display: block;
  position: absolute;
  top: 0;
  text-indent: -9999px;
  overflow: hidden;
  height: 100%;
  }
.difference .positive-value .index { 
  left: 0;
  background: #F2F9F3; 
  }
.difference .negative-value .index { 
  right: 0;
  background: #FFF2F2;
  }
  
/* -----------------------------------------
  Page action buttons.
--------------------------------------------*/
ul.page-actions {
  float: right;
  margin: 5px 0;
  }
ul.indicator-table-links li,
ul.page-actions li {
  display: inline;
  }
/*
  Anchor links that take you to 
  the different sections
*/
ul.indicator-table-links {
  float: left;
  margin: 5px 10px 5px 0;
  }
ul.indicator-table-links li a,
ul.page-actions li a {
  text-transform: uppercase;
  color: #fff;
  font-weight: normal;
  font-size: 11px;
  padding: 2px 5px;
  background: #ccc;
  margin: 5px 0 5px 5px;
  }
ul.indicator-table-links li a {
  margin-left: 1px;
  color: #333;
  }
.k12 ul.indicator-table-links li a {
  background-color: #D7E4DE;
  }
.higher-ed ul.indicator-table-links li a {
  background-color: #D0E1E7;
  }
ul.page-actions li a:active {
  background-color: #333;
  text-shadow: 0px 1px 0px #000;
  }

/* -----------------------------------------
  Misc
--------------------------------------------*/
/*Markup free clearing
Details: http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }
* html .clearfix { height: 1%; } /* IE6 */
*:first-child + html .clearfix { min-height: 1%; } /* IE7 */