/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/forms.css';

/* Plugins:
   Additional functionality can be found in the plugins directory.
   See the readme files for each plugin. Example:
   @import 'plugins/buttons/buttons.css'; */
   
/* See the grid:
   Uncomment the line below to see the grid and baseline.  */
/*   .container { background: url(lib/grid.png); } */
   
body { background: #33557A; color: #fff; }
a { color: #99FF99; }
h1 { border: 1px solid #fff; background: #1C3D5C; color: #99FF99; text-transform: uppercase; padding: 3px 5px; font-size: 100%; font-weight: bold; }
h3 { border: 1px solid #fff; background: #1C3D5C; color: #99FF99; text-transform: uppercase; padding: 3px 5px; font-size: 100%; font-weight: bold; }
h3 a { text-decoration: none; }
h3 a:hover { color: #99FF99; }
h3 span { float: right; text-transform: none; }
h3 span a { text-decoration: underline; }
address { margin: 0; font-style: normal; }
fieldset { border: none; margin-top: 10px; }
fieldset label { clear:both; display:block; float:left; margin-right:5px; text-align:right; vertical-align:middle; width:100px; }
fieldset input, fieldset select { float:left; margin-bottom:3px; }

#logo { float: left; margin-bottom: 0; vertical-align: baseline; }
#weatherInfo { float: right; vertical-align: bottom; height: 27px; }
#slideshow img, #slideshow-main img { margin: 0;}
#adHolder { text-align: center; }
#adHolder img { border: 5px solid #fff; }
#slideshow { position:relative; overflow:hidden; height:295px; width:399px; float: right; }
#slideshow img {border: 5px solid #fff; }
#slideshow #slideshowbackground { position: absolute; top: 0; left: 0; z-index: 0; }
#slideshow .slideshowmainimage { position: absolute; top: 10px; left: 8px; z-index: 1; }
#slideshow #slideshowbuffer { position: absolute; top: 10px; left: 8px; z-index: 2; }
#slideshow .slideshownext { position: absolute; right: 1px; bottom: -1px; z-index: 3; border-top: none; border-left: none; }
#slideshow .slideshowprevious { position: absolute; left: 8px; bottom: -1px; z-index: 3; border-top: none; border-right: none; }

ul#nav { list-style:none; margin: 0; }
ul#nav li { float: left; border: 1px solid #fff; border-left: none; background: #1C3D5C; }
ul#nav li a { display: block; color: white; text-transform: uppercase; text-align: center; padding: 0 24px; text-decoration: none; font-weight: bold; }
ul#nav li a:hover { color: #99FF99; }
ul#nav li#firstNav a { padding: 0 7px 0 6px; }
ul#nav li.light { background: none; }
ul#nav li.end { border-right: none; }

#otherCourses ul { list-style: none; }
#otherCourses ul li { margin: 10px 0; }

#video { width: 100%; position: relative; }
#videoContainer { position: absolute; top: 0px; left: -20px; }

.alert { color: #D12F19; }
.right-border { border-right: 1px solid #fff; }
.newsBlock { border-top: 1px dashed #fff; padding-top: 20px; }
.newsHead { color: #99FF99; font-weight: bold; }
.courseLogo { width: 300px; text-align: center; border: 5px solid #fff; background: #233C12; padding: 5px 0; margin-bottom: 15px; }
.courseLogo img { padding: 0; margin: 0; }
.linedBorder { background: url('/media/linedBorder.gif') repeat-y; }

dl.featuredCourse { margin: 0; }
dl.featuredCourse dt { color: #99FF99; }
dl.featuredCourse dd { margin: 0 0 30px 0; }
dl.featuredCourse dd .readMore { display: block; width: 100%; text-align: right; }
dl.featuredCourse dd .readMore a { padding-right: 20px; }
dl.featuredCourse dd img { position: relative; float: left; margin: 0 8px 0 0; }
dl.featuredCourse img { width: 110px; border: 3px solid #fff;}

dl.courseRatings { margin: 0; }
dl.courseRatings dt { position: relative; clear:left; float: left; width: 45px; color: #99FF99; }
dl.courseRatings dd { float: left; }

/* --- gmap styles --- */
.map-header { width: 675px; margin-bottom: 15px; }
.map-header h2 { float: left; }
.map-header ul { float: right; margin-top: 10px; }
.map-header ul li a { padding-top: 4px; height: 15px;}
#largeMap { clear: left; width: 630px; height: 450px; margin-bottom: 15px; }
#largeMapLegend { padding: 0 15px; margin-bottom: 13px; }
#largeMapLegend img { clear: both; float: left; padding-right: 13px; }
#largeMapLegend p { float: left; padding-right: 12px; width: 150px; margin: 0 0 10px 0; }
#directionsForm { float: left; }
#directionsForm label { width: 32px; }
.infoWindow { width: 300px; }
.infoWindow img { display: block; float: left; margin-right: 5px; }
.infoWindow h3 { margin: 0 0 3px 0; padding: 0; color: #000; background: none; }
.infoWindow p { margin: 0 0 3px 0; padding: 0; color: #000; }
.infoWindow a, .infoWindow a:hover, .infoWindow a:visited { color: #000; }
.infoWindow select{font-size: 10px;}
.mapListing { list-style: none;  background: #1C3D5C; width: 100%; overflow-x: hidden; overflow-y: auto; height: 378px; padding: 0; }
.mapListingRight { margin: 0 25px 25px 0; }
.mapListing .clear { clear: both; } 
.mapListing li a { padding: 5px 8px; border-top: 1px solid #1C320C; color: #ffffff; display: block; text-decoration: none; }
.mapListing li a.myLittlePony-selected { background: #557639; }
.mapListing li a:hover { color: #fff; background: #538bc7; }
.mapListing li.title { padding: 5px 8px; border-top: none; background: #000; color: white; font-weight: bold; }

/* --- direction gmap styles --- */
#directions { clear: both; width: 100%; height: 400px; margin-top: 45px; }
#map { width: 550px; height: 400px; float: left; }
#route { width: 350px; height: auto; float: left; margin-left: 40px; }

/* --- weather styles --- */
.weatherApp{ background-color: #fff; }
div#weatherRadarImage{ position:relative; height:449px; margin:5px 0 5px 5px; }
.baseRadarImage{ position:absolute; z-index:0; top:0; left:0; }
.overlayRadarImage{ position:absolute; z-index:1; top:0; left:0; }

/* --- get connected styles --- */
#planner-choice input, #planner-choice img, #esaver-choice input, #esaver-choice img, #email-choice input, #email-choice img { float: left; width: auto; display: inline; }
#planner-choice label, #email-choice label, #esaver-choice label { display: block; float: left; width: 450px; text-align: left; clear: none; }
fieldset img { padding: 0 10px; }
fieldset fieldset legend { font-size: 100%; }
fieldset fieldset label { width: 30px; display: block; padding: 0 10px; clear: none; float: left; }
fieldset fieldset input { width: auto; display: block; padding: 0 10px; float: left;}

/* --- quick-quote sytles --- */
fieldset input.checkbox { clear: both; float: left; width: auto; }
fieldset label.checkboxLabel { clear: none; float: left; width: auto; }
fieldset#featuredList label.checkbox { clear: none; width: 175px; text-align: left; margin: 5px 0; }
fieldset#featuredList .lefthandSide, fieldset#featuredList .righthandSide { float: left; width: 220px; }
fieldset label.left{text-align: left;}
fieldset.hidden { display: none; }
fieldset#top10pps label.checkbox { clear: none; float: left; width: 175px; text-align: left; margin: 5px 0; }
fieldset#top10pps .quick-quote-row-1, .quick-quote-row-2 { float: left; width: 220px; }
.quick-quote-row-3 { float: left; width: 135px; }
label em { font-weight: normal; }
form p { clear: both; margin: 0; padding: 0; }
fieldset input.radio { clear: none; float: left; margin-right: 5px; width: auto; }
fieldset label.radio { clear: none; float: left; width: auto; }
.quick-quote-prop-box { text-align: center; margin: 0 20px 0 0; float: right; width: 200px; }
.quick-quote-image { float: right; padding-left: 10px; padding-bottom: 10px; }
.quick-quote-image img { display: block; }
#quickquote-masthead { position: absolute; top: 35px; left: 10px; }
#quickquote-masthead a { display:block; width: 130px; height: 35px; text-indent: -1000px; background: url('/media/quickquote-masthead.png') no-repeat left top; }