/*--------------------------+
 | Site: Broadband Illinois |
 | Part: Master styles      |
 +--------------------------*/


/* Imports
=====================================================================*/
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:regular,bold);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic&v2);
@import "/styles/reset.css";
@import "/styles/forms.css";
@import "/styles/ie.css";


/* Fonts
======================================================================*/
body, input, select, #subfooter-twitter .twtr-widget, textarea { font-family: "Droid Sans", Arial, sans-serif; }
code, .code, pre { font-family: Consolas, "Courier New", Courier, monospace; }
input[type=password] { font-family: Arial, sans-serif; }
.stories dt { font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; }


/* Basics
======================================================================*/
a { text-decoration: none; }
a { color: #3c56a1; }
a:hover { text-decoration: underline; }
address { font-style: normal; }
body { font-size: 14px; line-height: 1.42; }
cite, em { font-style: italic; }
code, pre { color: #159c01; }
dl, ol, p, ul { margin-bottom: 1em; }
dt { font-size: 16px; margin-top: 1.5em; }
dt:first-child { margin: 0; }
fieldset { border: 1px solid #ddd; margin-bottom: 2em; padding: 1em 1.5em; }
h1 { font-size: 24px; line-height: 1.2; margin-bottom: 0.5em; }
h1, h2, h3, h4, h5, h6, strong { font-weight: bold; }
h2 { font-size: 21px; line-height: 1.19; margin: 1.5em 0 0.8em; }
h2:first-child { margin-top: 0; }
h2 img { vertical-align: middle; }
h3 { font-size: 19px; }
hr { background: #ddd; border: 0; clear: both; color: #ddd; height: 1px; margin: 1em 0; }
/*iframe { width: 100%; }*/
legend { background: #fff; font-size: 1.7em; margin: 0 0 0 -0.5em; padding: 0.1em 0.75em 0.1em; }
legend em { color: #777; font-size: 0.7em; font-style: normal; font-weight: normal; margin-left: 0.3em; }
ol { list-style: decimal; margin-left: 2em; }
ol ol { list-style: lower-alpha; }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; }
table { border-collapse: collapse; margin-bottom: 30px; width: 100%; }
td { vertical-align: top; }
td[align="left"] { text-align: right; }
td[align="right"] { text-align: right; }
td[valign="bottom"] { vertical-align: bottom; }
td[valign="middle"] { vertical-align: middle; }
th { vertical-align: bottom; }

pre {
  background: #f0f0f0;
  border-radius: 4px;
  padding: 15px 15px 13px;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
}

ul { list-style: disc; margin-left: 1.5em; }
ul ul { list-style: circle; }

/* Stock */
.flat { list-style: none; margin-left: 0; }
.l { float: left; }
.r { float: right; }


/* Core layout
======================================================================*/
.clear { clear: both; }
.ribbon { margin: 0 auto; width: 980px; }

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

#content { background: url(/images/content-bg.gif) repeat-y 23% 0; padding: 40px 0; }
#content, #footer-content, #header-content, #nav-content, #subfooter-content, #subheader-content { margin: 0 auto; width: 980px; }
#content-primary { float: right; position: relative; width: 74.2%; }
#content-secondary { float: left; width: 23%; }

  /* Developers */
  #dev #content-primary { float: right; width: 82.8%; }
  #dev #content-secondary { float: left; width: 14%; }
  
  #dev-home #content-primary {
    background: url(/images/il.png) no-repeat 80px 0;
    min-height: 340px;
    padding-left: 34.4%;
    width: 65.6%;
  }
  
  /* App */
  #app { overflow: hidden; }
  #app #content { padding: 0; }
  #app #content, #app #footer-content, #app #header-content, #app #nav-content, #app #subheader-content, #app #wrapper-primary { width: 100%; }
  #app #content-primary { float: none; margin-right: 525px; width: auto; }
  #app #content-secondary { float: left; overflow-x: hidden; overflow-y: auto; margin-left: -525px; position: relative; width: 525px; }
  #app #content-secondary select { width: 100%; }
  #app #footer-content { border: 0; }
  #app .ribbon { width: 100%; }
  #app #subheader, #app #subfooter { display: none; }
  #app #wrapper-primary { float: left; padding: 0; }
  
  /* Expanded results */
  #expanded #content { background-image: none; padding-top: 0; }
  #expanded #content-primary { float: left; position: relative; width: 60.63%; }
  #expanded #content-secondary { float: right; width: 36.17%; }
  #expanded #map { height: 400px; margin-bottom: 30px; }
  
  /* Full */
  .full #content { background: none; }
  .full #content-primary { float: none; width: 100%; }
  .full #content-secondary, .full #subfooter { display: none; }
  
  /* Fullscreen */
  #fullscreen { overflow: hidden; }
  #fullscreen #content { background: none; padding: 0; }
  #fullscreen #content, #fullscreen #footer-content, #fullscreen #header-content, #fullscreen #nav-content, #fullscreen #wrapper-primary { width: 100%; }
  #fullscreen #content-primary { float: none; width: 100%; }
  #fullscreen #content-secondary, #fullscreen #subfooter, #fullscreen #subheader { display: none; }
  #fullscreen #footer-content { border: 0; }
  #fullscreen .ribbon { width: 100%; }
  #fullscreen #wrapper-primary { float: left; padding: 0; }
  
  /* Home */
  #home #content { background: none; }
  #home #content-primary { float: none; margin: 0 auto; width: 80%; }
  #home #content-secondary { float: right; width: 31.2%; }
  
  /* Regions */
  #regions #content { background: none; padding-top: 0; }
  #regions #content-primary { width: 65.64%; }
  #regions #content-secondary { width: 31.29%; }
  #regions #map { border-radius: 5px; border: 1px solid #ddd; height: 750px; }
  
    /* Profile */
    #region-profile #content { background: none; padding-top: 0; }
    #region-profile #content-primary { float: left; width: 65.64%; }
    #region-profile #content-secondary { float: right; width: 31.29%; }
    #region-profile h2 { margin: 0; }
    #region-profile #map { height: 300px; margin-bottom: 30px; }
  
  /* Sign in */
  #signin #content { background: none; }
  #signin #content-primary { width: 60.74%; }
  #signin #content-secondary { width: 36.06%; }
  
    /* CMS */
    .signin #content { background: none; }
    .signin #content-primary { margin: 0 auto; width: 40%; }


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

/* Action links */
.action {
  background: #fab11f;
  background: -moz-linear-gradient(top, #fab11f 0%, #e48100 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fab11f), color-stop(100%,#e48100));
  background: -webkit-linear-gradient(top, #fab11f 0%,#e48100 100%);
  background: -o-linear-gradient(top, #fab11f 0%,#e48100 100%);
  background: -ms-linear-gradient(top, #fab11f 0%,#e48100 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fab11f', endColorstr='#e48100',GradientType=0 );
  background: linear-gradient(top, #fab11f 0%,#e48100 100%);
  border: 1px solid #e48100;
  border-radius: 7px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
  color: #fff;
  display: inline-block;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.05);
  overflow: visible;
  padding: 7px 30px;
}

a.action:hover, input.action:hover { box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); text-decoration: none; }
.action a { color: #fff; }
.action em { display: block; font-size: 12px; font-style: normal; font-weight: normal; }

.action.alt {
  background: #e2e2e2;
  background-image: -moz-linear-gradient(top, #fff, #e2e2e2);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #e2e2e2));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e2e2e2');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e2e2e2')";
  border: 1px solid #ccc;
  color: #3c56a1;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.05);
}

.action.alt em { color: #7f7f7f; }
input.action { cursor: pointer; }

  /* Request buttons */
  .request .action { float: right; font-size: 14px; padding: 7px 10px; }

/* Article */
#article a { text-decoration: underline; }
#article a:hover { text-decoration: none; }

/* Boxes */
.box {
  background: #e4eafe;
  background-image: -moz-linear-gradient(top, #fff, #e4eafe);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #e4eafe));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e4eafe');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e4eafe')";
  border: 1px solid #c4cce3;
  border-radius: 15px;
  margin-bottom: 30px;
  overflow: hidden;
  padding: 20px 30px;
}

/* Browsing options */
.browse { list-style: none; margin-left: 0; }
.browse li { display: inline; margin-right: 1em; }

/* Bylines */
.byline { color: #777; font-size: 12px; margin: 0; }

/* Calendar */
.cal { margin-bottom: 4em; }
.cal .date { display: block; float: left; font-size: 1.2em; font-weight: normal; line-height: 1; margin: 0.2em 0 0.5em -25%; text-align: center; width: 18%; }
.cal .date-num { display: block; font-size: 1.125em; padding: 0.2em 0 0.4em; }
.cal .date-title { display: block; font-size: 0.6em; padding: 0.2em 0 0.3em; text-transform: uppercase; }
.cal .desc { margin-left: 20%; }
.cal .title { border-top: 1px dotted #ccc; clear: both; margin-top: 0.5em; padding: 0.5em 0 0 20%; }
.panel .cal { margin-bottom: 2.5em; }
.panel .cal .date-title { font-size: 0.7em; }
.panel .cal .date-num { font-size: 1.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; }
.call-l { float: left; margin: 0.5em 1em 0.5em 0; }
.call-r { float: right; margin: 0.5em 0 0.5em 1em; }
.call, div.call-l, div.call-r { font-size: 11px; }
.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; }

/* Carousel */
#carousel { overflow: hidden; position: relative; }
#carousel img { display: block; width: 100%; }
#carousel .carousel-content { position: relative; width: 100%; }

  /* Mini carousel */
  #mini-carousel #carousel { background: #f2f6ff; border: 1px solid #ddd; height: 125px; margin-bottom: 20px; padding-left: 195px; }
  #mini-carousel #carousel img { float: left; margin: 0 0 0 -195px; width: 175px; }
  
    /* Mini nav */
    #mini-carousel #carousel-nav { bottom: 7px; right: 7px; }
    #mini-carousel #carousel-nav a { border-color: #3c56a1; height: 7px; width: 7px; }
    #mini-carousel #carousel-nav li.activeSlide a { background: #3c56a1; }
    
    /* Mini overlay */
    #mini-carousel #carousel .overlay { background: none; color: #000; float: right; position: static; }
    #mini-carousel #carousel .overlay a { color: #3c56a1; }
    #mini-carousel #carousel .overlay h2 { font-size: 25px; }
    #mini-carousel #carousel .overlay-content { padding: 15px 20px 0 0; }
  
  /* Nav */
    #carousel .cycle-pager { bottom: 10px; position: absolute; right: 10px; z-index: 999; }
    
    #carousel .cycle-pager span {
        border: 2px solid #fff;
        border-radius: 100px;
        cursor: pointer;
        display: inline-block;
        height: 10px;
        margin: 0 3px;
        width: 10px;
    }
    
    #carousel .cycle-pager span.cycle-pager-active { background: #fff; }
  
  /* Overlay */
  #carousel .overlay { background: rgba(60, 86, 161, 0.85); bottom: 0; font-size: 16px; left: 0; position: absolute; width: 100%; }
  #carousel .overlay a { color: #fab11f; }
  #carousel .overlay, #carousel .overlay h2 { color: #fff; }
  #carousel .overlay h2 { font-size: 30px; font-weight: normal; margin-bottom: 0.2em; }
  #carousel .overlay .mute { font-size: 10px; }
  #carousel .overlay .mute, #carousel .overlay .mute a { color: #a6b8d9; }
  #carousel .overlay p { margin: 0; }
  #carousel .overlay-content { padding: 20px 30px; }

/* Charts */
.chartlist { border-top: 1px solid #eee; font-size: 12px; list-style: none; margin-left: 0; }

.chartlist .count { 
  color: #3c56a1;
  display: block;
  font-weight: bold;
  line-height: 2em;
  margin: 0 0.3em;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}

.chartlist .index { 
  background: #c7dbfd;
  display: block;
  height: 100%;
  left: 0;
  line-height: 2em;
  overflow: hidden;
  position: absolute;
  top: 0;
  text-indent: -9999px;
}

.chartlist li { border-bottom: 1px solid #eee; position: relative; }

.chartlist .point {
    cursor: help;
    display: block;
    padding: 0.4em 4.5em 0.4em 0.5em;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    width: 60%;
    z-index: 2;
}

/* Click map legend */
#click-map-legend { list-style: none; margin-left: 0; padding-top: 10px; }
#click-map-legend a { border: 1px solid #868686; color: #000; display: block; padding: 0.2em 0.7em; }
#click-map-legend li { float: left; margin-right: -1px; }
#click-map-legend li:first-child a { border-radius: 4px 0 0 4px; }
#click-map-legend li:last-child a { border-radius: 0 4px 4px 0; }
#click-map-legend .on a.layer-cbcs { background: #b7b6fd; }
#click-map-legend .on a.layer-clicks { background: #ffffb5; }
#click-map-legend .on a.layer-links { background: #fdb7fe; }
#click-map-legend .on a.layer-searches { background: #b3ffb4; }

/* Comments */
.comments .date { color: #6d6e71; float: left; font-size: 0.75em; margin: 0.25em 0 0 -17%; text-align: right; text-transform: uppercase; width: 14%; }
.comments dd, .comments dt { margin-left: 15%; }
.comments dt { clear: both; }
.comments dd { font-size: 0.85em; }

/* Documentation */
.doc td, .doc th { border: 1px solid #ccc; padding: 7px 15px; }
.doc th { background: #ebeef6; font-weight: bold; }

/* Footer */
#footer { border-top: 1px solid #ddd; clear: both; font-size: 12px; padding: 0 15px; }
#footer-content { padding: 5px 0; }
#footer-nav { list-style: none; margin: 0; }
#footer-nav li { display: inline; margin-right: 1em; }
#footer p { margin: 0; }
#footer #credit { margin-left: 0.5em; }
#copyright { color: #666; float: right; font-size: 11px; }

  /* Subfooter */
  #subfooter { background: #f2f6ff; clear: both; padding: 20px 0; text-align: center; }
  #subfooter h6 { font-size: 16px; }
  #subfooter p { margin-bottom: 0.75em; }
  #subfooter .section { float: left; margin-right: 3%; width: 35.61%; }
  #subfooter .section.last { float: right; margin: 0; width: 22.65%; }
  
    /* About */
    .vcard .org { color: #3c56a1; display: block; font-size: 16px; font-weight: bold; margin-bottom: 0.5em; }
    .vcard .adr, .vcard .contact, .vcard .fax, .vcard .street-address, .vcard .tel { margin: 0 0.5em; }
    
    /* Facebook */
    #subfooter-faceboook .connect_widget { background: #fff !important; }
    
    /* Sign up */
    #subfooter-signup .action { font-size: 17px; padding: 0.3em 1em 0.4em; }
    
    /* Twitter */
    #subfooter-twitter .twtr-follow-us, #subfooter-twitter .twtr-header, #subfooter-twitter .twtr-user { display: none; }
    #subfooter-twitter .twtr-tweet { margin-bottom: 1em; }
    #subfooter-twitter .twtr-tweet-actions { font-size: 10px; }

/* Header */
#header {
  background: #3c56a1;
  background: -moz-linear-gradient(top, #3c56a1 0%, #314685 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c56a1), color-stop(100%,#314685));
  background: -webkit-linear-gradient(top, #3c56a1 0%,#314685 100%);
  background: -o-linear-gradient(top, #3c56a1 0%,#314685 100%);
  background: -ms-linear-gradient(top, #3c56a1 0%,#314685 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c56a1', endColorstr='#314685',GradientType=0 );
  background: linear-gradient(top, #3c56a1 0%,#314685 100%);
  padding: 20px 15px;
}

#header-content { position: relative; }
#header, #header a { color: #fff; }

  /* Find broadband */
  #find-broadband {
    background: #31386f url(/images/map.png) no-repeat 10px 50%;
    border: 1px solid #6773b3;
    border-radius: 10px;
    float: right;
    font-size: 17px;
    line-height: 1.3;
    margin-right: 30px;
    padding: 6px 10px 4px 60px;
  }
  
  #find-broadband:hover { background-color: #5561aa; text-decoration: none; }
  #find-broadband strong { display: block; font-size: 11px; text-transform: uppercase; }
  
  /* Logo */
  #logo { float: left; margin-top: -5px; }
  #logo-print { display: none; }
  
  /* Home */
  #home #subheader { background: #f2f6ff; font-size: 17px; padding: 0; }
  #home #subheader h1 { color: #3854a3; }
  #home #subheader-primary { float: left; padding: 20px 0; width: 57%; }
  #home #subheader-secondary { float: right; width: 41%; }
  #home #subheader-secondary #map-head { background: #fff; border: 1px solid #d9d9d9; border-top: 0; font-size: 17px; padding: 15px; }
  
/* Hidden */
.hidden { display: none; }

/* Highlights */
.highlight { background: #dbe2f4; margin-bottom: 20px; padding: 15px; }
.highlight h2, .highlight p, #home .highlight h2 { margin: 0; }
.highlight img { float: left; margin: 3px 10px 0 0; }

/* Home */
#home h2 { color: #6076b6; font-size: 16px; margin-bottom: 0.5em; }
#home hr { margin: 2em 0; }

/* Icons */
a[class *= "icon"] { background-repeat: no-repeat; background-position: 0 50%; line-height: 1; margin-right: 0.25em; padding: 3px 0 3px 20px; }
.icon-cal { background-image: url(/images/shared/calendar.png); }
.icon-doc { background-image: url(/images/shared/doc.png); }
.icon-facebook { background-image: url(/images/shared/facebook.png); }
.icon-feed { background-image: url(/images/shared/feed.png); }
.icon-google { background-image: url(/images/shared/google.png); }
.icon-pdf { background-image: url(/images/shared/pdf.png); }
.icon-ppt { background-image: url(/images/shared/ppt.png); }
.icon-twitter { background-image: url(/images/shared/twitter.png); }
.icon-xls { background-image: url(/images/shared/xls.png); }
.icon-zip { background-image: url(/images/shared/zip.png); }

/* Info window on map */
#info-window-content p { margin-bottom: 0; }
#info-window-content p.mute { font-size: 0.7em; }
#home #info-window-content { font-size: 14px; }

/* Intro */
#intro { margin-bottom: 30px; }

  /* App */
  #app #intro { background: #f1f5ff; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
  #app #intro h1 { font-size: 22px; margin-bottom: 30px; }
  #app #intro .toggle { position: absolute; top: 10px; right: 10px; }
  #app #intro-content { border-left: 1px solid #ddd; padding: 40px 30px 30px; }

/* Keys */
.key { color: #dd031b; font-size: 25px; }

/* Legend */
.legend { list-style: none; margin-left: 0; }
.legend li { margin-bottom: 0.5em; padding-left: 35px; }
.legend img { float: left; margin-left: -35px; }
.legend .legend-secondary img { margin-left: -29px; }
.legend .legend-primary { font-size: 19px; }

/* Loading */
.loading {
  background: #ffc;
  border: 1px solid #ddd;
  border-radius: 6px;
  margin: 0 auto 15px;
  padding: 5px 0;
  text-align: center;
  width: 80%;
}

.loading img { vertical-align: middle; }

/* Muted text */
.mute { color: #777; font-size: 12px; font-weight: normal; }
h2 .mute { font-size: 14px; margin-left: 0.5em; }

/* Navigation */
#nav { background: #f2f6ff; border-bottom: 1px solid #ddd; font-size: 16px; padding: 10px 15px; }
#nav ul { list-style: none; margin: 0; }

  /* Account nav */
  #nav-account { float: right; font-size: 12px; list-style: none; margin: 0; padding-top: 0.25em; }
  #nav-account li { display: inline; margin-left: 1.5em; }
  
  /* Actions */
  #actions { float: right; list-style: none; margin: 0; text-align: right; white-space: nowrap; }
  #actions .action { padding: 0.3em 1em; display: inline; }
  #actions img, #actions li { display: inline; vertical-align: middle; }
  #actions li { margin-left: 15px; }

  /* Primary */
  #nav-primary { float: left; padding-top: 4px; }
  #nav-primary li { display: inline; margin: 0 1em 0 0; }
  #nav-primary li.current a { color: #000; font-weight: bold; }
  
  /* Secondary nav */
  #nav-secondary { border-top: 1px solid #ccc; font-size: 16px; list-style: none; margin-left: 0; }
  #nav-secondary a { display: block; padding: 0.5em 0.3em; }
  #nav-secondary li { border-bottom: 1px solid #ccc; }
  #nav-secondary li.current { font-weight: bold; }
  #nav-secondary li.current > a { color: #000; padding-bottom: 0.1em; }
  
  #nav-secondary > li.current {
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 0%, #f1f6ff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#f1f6ff));
    background: -webkit-linear-gradient(left, #ffffff 0%,#f1f6ff 100%);
    background: -o-linear-gradient(left, #ffffff 0%,#f1f6ff 100%);
    background: -ms-linear-gradient(left, #ffffff 0%,#f1f6ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f6ff',GradientType=1 );
    background: linear-gradient(left, #ffffff 0%,#f1f6ff 100%);
    padding-bottom: 0.5em;
  }
  
  #nav-secondary li li { background: url(/images/nav-bullet.png) no-repeat 0 0.5em; border: 0; font-size: 14px; padding-left: 15px; }
  #nav-secondary li li a { display: inline; padding: 0; }
  #nav-secondary li ul { font-weight: normal; list-style: none; margin-left: 5px; }
  
    /* News */
    #news-nav #nav-secondary > li > a { background-repeat: no-repeat; background-position: 0 0.55em; padding-left: 30px; }

/* News */
#latest-news .cat { font-size: 11px; letter-spacing: -0.01em; margin-bottom: 0.75em; }
#latest-news .cat a { background-repeat: no-repeat; background-position: 0 0.2em; display: block; padding: 4px 0 4px 23px; text-transform: uppercase; }
#latest-news h3 { font-size: 15px; }
#latest-news img { display: block; width: 100%; }
#latest-news li { float: left; font-size: 13px; margin-left: 3%; width: 14%; }
#latest-news li.first { margin: 0; }
#latest-news .mute { white-space: nowrap; }
#latest-news ol { list-style: none; margin: 0; }
#latest-news p { margin-bottom: 0.5em; }

/* Ratings */
[class*=stars] {
  background: url(/images/star.png) repeat-x 0 50%;
  display: inline-block;
  height: 16px;
  margin: 0 5px;
  text-indent: -9999em;
  vertical-align: middle;
}

.stars-1 { width: 16px; }
.stars-2 { width: 32px; }
.stars-3 { width: 48px; }
.stars-4 { width: 64px; }
.stars-5 { width: 80px; }

/* Regions */
#region-types.ui-corner-all { border-radius: 0; }
#region-types.ui-widget-content { background: none; border: 0; color: inherit; }
#region-types.ui-tabs { padding: 0; }
#region-types.ui-tabs .ui-tabs-nav { padding: 0; }
#region-types.ui-tabs .ui-tabs-panel { border: 1px solid #ddd; border-radius: 0 5px 5px 5px; }
#region-types.ui-tabs .ui-widget-header { background: none; border: 0; font-weight: normal; }
#region-types .ui-widget-content { max-height: 688px; overflow: auto; }
#region-types .ui-widget-content a { color: #3c56a1; }

  /* eTeam colors */
  #region-eteams .color { border: 1px solid #fff; display: inline-block; height: 15px; margin-right: 5px; vertical-align: middle; width: 15px; }
  
  /* Region lists */
  .region-content ul a { display: block; padding: 0.1em 0.2em; }
  .region-content ul a:hover, .region-content ul .current a { background: #c2d3ee; text-decoration: none; }
  
  /* Stats */
  .region-stats { background: #f2f6ff; margin-bottom: 30px; padding: 20px; }
  .region-stats p { margin-bottom: 0.5em; }

/* Results */
.results { width: 100%; }
.results dt { border-top: 1px solid #ddd; clear: both; font-weight: bold; padding-top: 4px; }
.results h3 { font-size: 16px; }
.results .mute { font-size: 14px; margin-bottom: 5px; }
.results .signals { margin-bottom: 15px; overflow: hidden; }
.results td { border: 1px solid #ddd; border-width: 1px 0; padding: 7px 20px 15px 0; }
.results td:last-child { padding-right: 0; }
.results td .signal { float: none; margin: 0; }
.results th { font-size: 9px; text-transform: uppercase; }
.results th img { vertical-align: middle; }
.results tr.hover { background-color: #f0f0f0; }
.results tr.current { background-color: #ffc; }

  /* Comparison */
  .compare .results td { border: 0; padding: 5px 10px 5px 0; }
  
  /* Regions */
  #result-types.ui-corner-all { border-radius: 0; }
  #result-types.ui-widget-content { background: none; border: 0; color: inherit; }
  #result-types.ui-tabs { padding: 0; }
  #result-types.ui-tabs .ui-tabs-nav { padding: 0; }
  #result-types.ui-tabs .ui-tabs-panel { border: 1px solid #ddd; border-radius: 0 5px 5px 5px; }
  #result-types.ui-tabs .ui-widget-header { background: none; border: 0; font-weight: normal; }
  #result-types .ui-widget-content a { color: #3c56a1; }
  
  /* Verification */
  .results tr.expanded td { border-bottom: 0; }
  .results .verify { width: 125px; }
  .results .verify .vote { float: left; margin-right: 10px; }
  .results .verify .tally { float: left; width: 110px; }
  .results .verify-comment { padding: 0; }
  .results .verify-row td { border-top: 0; padding-top: 0; }
  
  #expanded .results .verify { width: 220px; }
  #expanded .results .verify .tally { white-space: nowrap; width: 90px; }

/* Search results */
.docType { color: #000; font-size: 0.7em; font-weight: bold; margin-left: 0.3em; text-transform: uppercase; white-space: nowrap; }
#info { border-bottom: 1px solid #cbc3b8; margin-bottom: 1em; padding-bottom: 1em; }
#search-results { margin: 0 0 1em; }
#search-results p { margin: 0; }
#search-results h2 { font-size: 1.3em; font-weight: normal; margin: 1em 0 0; }
#search-results .icon { margin-bottom: -2px; }
#search-results li { list-style: none; }
#search-results .mute { color: #6d6e71; font-size: 11px; }
#search-within-search input { vertical-align: middle; }
#search-within-search .txt { display: inline; width: 69%; }
#search-within-search .btn { margin: 0; }
#searchPages { font-size: 1.2em; margin-top: 2em; text-align: center; }
#searchPages a { padding: 0.5em 0.2em; }
#searchPages li { background: none; display: inline; margin: 0 0.2em; padding: 0; }
#searchSort { border-top: 1px solid #cbc3b8; font-size: 1.2em; margin: 1em 0; padding-top: 0.9em; }

/* Sidebar */
#app #sidebar { border-left: 1px solid #ddd; padding: 40px 30px 30px; }
#app #sidebar h2 { margin-top: 0; }
#app #sidebar #what { font-size: 12px; position: absolute; right: 10px; top: 10px; }

/* Signals */
.signal { float: left; margin-right: 15px; white-space: nowrap; }
.signal .dir { color: #000; text-transform: uppercase; }
.signal .dir img { vertical-align: middle; }
.signal .range { font-size: 16px; line-height: 0.5; }
.signal .range, .signal .speed, .speed .units { display: block; }
.signal .units { color: #8d949e; font-size: 9px; }

  /* Speeds */
  [class*=speed] {
    background: url(/images/speed.png) no-repeat 0 0;
    display: block;
    height: 13px;
    margin-bottom: 10px;
    text-indent: -9999em;
  }
  
  .speed-0 { background-position: 0 -13px; }
  .speed-0, .speed-11 { width: 43px; }
  .speed-1 { width: 4px; }
  .speed-2 { width: 8px; }
  .speed-3 { width: 12px; }
  .speed-4 { width: 16px; }
  .speed-5 { width: 20px; }
  .speed-6 { width: 24px; }
  .speed-7 { width: 28px; }
  .speed-8 { width: 32px; }
  .speed-9 { width: 36px; }
  .speed-10 { width: 40px; }

/* Social links */
.social { list-style: none; margin: 0; }
.social a { text-decoration: none; }
.social img { float: left; margin-right: 5px; }
.social li { background: none; float: left; font-size: 11px; line-height: 1.1; margin: 0 25px 20px 0; }
.social strong { display: block; font-size: 17px; }

/* Stories */
.stories cite {
  background: url(/images/point.png) no-repeat 15px 0;
  display: block;
  font-size: 12px;
  font-style: normal;
  margin-top: -1px;
  padding: 6px 0 6px 45px;
}

.stories cite .mute { white-space: nowrap; }

.stories dt {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  line-height: 1.5;
  padding: 15px;
}

.stories q { font-style: italic; }
.stories q:after { content: "\201D"; }
.stories q:before { content: "\201C"; }

  /* Stories */
  #home .stories dt { font-size: 13px; }

/* Subheader */
#subheader { padding-top: 20px; }

/* Summary lists */
.sums dt { clear: both; font-size: 18px; font-weight: bold; line-height: 1.3; padding-top: 1em; }
.sums .first, .sums dt:first-child { border: 0; margin: 0; padding-top: 0; }
.sums .thumb { float: right; margin: 3px 0 0 1em; }

/* Toggle links */
.toggle {
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  text-indent: -9999em;
  width: 16px;
}

.toggle.close { background-image: url(/images/close.png); }
.toggle.open { background-image: url(/images/open.png); }

/* Tooltips */
#tooltip {
	background-color: #ffc;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
	font-size: 12px;
	position: absolute;
	padding: 10px;
	width: 150px;
	z-index: 3000;
}

#tooltip div, #tooltip h3, #tooltip p { margin: 0; }
#tooltip h3 { font-size: 1em; }

/* Verify */
.verify { float: left; font-size: 11px; }

  /* Tally */
  .verify .chart { border: 1px solid #ddd; border-radius: 3px; height: 6px; margin-bottom: 3px; position: relative; }
  .verify .chart [class *= "series"] { display: block; height: 100%; position: absolute; top: 0; }
  .verify .chart .series-no { background: #dd031b; border-left: 1px solid #ddd; border-radius: 0 2px 2px 0; right: 0; }
  .verify .chart .series-yes { background: #048b00; border-right: 1px solid #ddd; border-radius: 2px 0 0 2px; left: 0; }
  .verify .tally { color: #666; }
  
  /* Tip */
  #accurate { display: none; }
  
  /* Voting */
  .verify .vote { background: #fff; border: 1px solid #ddd; border-radius: 5px; margin-bottom: 5px; padding: 3px 7px; }
  .verify .vote .options { margin-left: 7px; }
  .verify .vote .options a { background-position: 0 0; background-repeat: no-repeat; display: inline-block; height: 16px; margin-left: 3px; text-indent: -999em; width: 16px; }
  .verify .vote .options a.no { background-image: url(/images/verify-no.png); }
  .verify .vote .options a.selected { background-position: 0 -16px; }
  .verify .vote .options a.yes { background-image: url(/images/verify-yes.png); }
  .verify .vote .question { color: #000; cursor: help; }
  .verify .vote .question:hover { text-decoration: none; }

/* Video */
.embedded-video { display: none; }

/* Viewing options */
.view { font-size: 12px; }
.view a, .view strong { margin-left: 0.5em; }

/* Welcome */
#welcome {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
  left: -9999em;
  padding: 15px;
  position: absolute;
  width: 40%;
}

#welcome .action { font-size: 16px; }
#welcome .close { position: absolute; right: 10px; top: 10px; }
#welcome h2 { margin: 0; }