/* created using style.less */

@site-width: 957px;
@bg-color: #f4f4f4;
.basicfont {font-family: arial, sans-serif; font-size: 12px; color: black;}

@header-color: #335DBC;
.header {color: @header-color; font-family: arial, sans-serif;}

@header-size: 20;

@link-color: #335DBC;
@linkover-color: #a60000;

@toplink: black;
@toplinkover:#a60000;

@pale-color: white;

@zindex: 100;

/* may be nested in .less or used as independant classes */
.floatR {position: relative; float: right;}
.floatL {position: relative; float: left;}
.breaker {clear: both;}
.border {border: solid 1px red;}
.bttmpad {margin-bottom: 10px}
.abso {position: absolute;}


/* basic styles */
body {margin: 0px; text-align: center; .basicfont; background: url(../images/top.png) repeat-x top #A8B2BB;}
.page {width: @site-width; margin: 0px auto; text-align: left; background-color: white; }
.widepage {width: @site-width;  position: relative; left: 50%; margin-left: 0 - (@site-width/2); text-align: center;  z-index: @zindex - 90;}

p, td, li, blockquote {.basicfont}
a, a:visited {color: @link-color;}
a:hover {color: @linkover-color;}
img {border: 0px;}
.required_legend {padding-bottom: 20px;color: gray;font-style: italic;}
.print {display: none;}

h1 { .header; font-size: 20px; }
h2, .content_rates_category1 { .header; font-size: 16px; font-weight:bold;}
h3, .content_rates_table_title { .header; font-size: 14px; font-weight:bold; text-transform: uppercase;}
h4 {color: @header-color; font-size: 12px; font-weight: bold; }
h5 {color: black; font-size: 12px; font-weight: bold; }
h6 {color: black; font-size: 12px; font-style: italic; font-weight: bold;}

/* rates page */
.content_rates_table {margin-bottom: 20px; width: 100%;}
.content_rates_table_fields {background-color: @header-color; color: white; font-weight: bold; }
.content_rates_table_row2 {background-color: @pale-color;}
.content_rates_table_row_highlight {color: #0a6104;}

/* for polls */
.region table td table td {padding: 2px;}
.region table td table{margin-bottom: 10px;}

/* featured rates */
.regions_rates_table {width: 100%;}
.regions_rates_table_row1, .regions_rates_table_row2 {background-color: @pale-color; border-bottom: 3px solid white; font-size: 10px; }
.regions_rates_table_effectivedate {font-size: 9px;}
.regions_rates_table_title {display: none;}
.regions_rates_table_fields { font-size: 10px; color: @header-color;}
.aprnote {font-size: 10px; width: 180px;}

/* calendars */
.content_calendar_table {border: solid 1px black;}
td.content_calendar_table_headercell {background-color: @header-color; color: white; text-align: center; font-weight: bold;} 
td.content_calendar_table_headercell a, td.content_calendar_table_headercell a:visited { color: white; text-decoration: none;} 
td.content_calendar_table_headercell a:hover { color: @pale-color; text-decoration: none;} 
td.content_calendar_table_cell { border: solid 1px @header-color} 
td.content_calendar_table_selectedcell { border: solid 1px @header-color; background-color: @pale-color} 

/* polls */
.content_poll_option, .regions_poll_option {margin: 5px 0px; display: inline-block;}
.content_poll_title, .regions_poll_title {margin: 5px 0px; display: inline-block; font-weight: bold}
.votebutton, .votebutton_regions  {}

/* ******************************************************* */


/* header */
.banner {width: @site-width;  height: 250px; position: relative; background: url(../images/top.png) repeat-x top;}
a.homelink {top: 80px;}

.search {display: inline;}
.searchbox {margin: 0px 5px; border: solid 1px silver; font-size: 11px;}
.searchbutton{}

/* top links / utilities */
.toplinks {text-align: right; position: relative; float: right; font-size: 11px; margin-top: 4px;}
.toplinks a, .toplinks a:visited { text-decoration: none; color: @toplink;}
.toplinks a:hover {text-decoration: underline; color: @toplinkover;}
.pipe {font-weight: bold; margin: 0px 5px 0px 5px;}

.content {width: 680px; margin: 10px 20px;}
.bigbanner {margin-bottom: 20px;}

/* regions and sidebar content*/
.regions {z-index: @zindex - 1; overflow: hidden; width: 217px; margin: 10px 0px 10px 20px;}
.regionbox ul {margin: 0px; padding: 0px; list-style: none;}
.regionbox ul li {padding-bottom: 5px;}

.boxtop, .code_block_indiv_top { display: none}
.regionbox, .code_block_indiv_content {overflow: hidden;}
.boxbottom, .code_block_indiv_bttm { margin-bottom: 10px;}
.regions a,.regions a:visited {color: black; }
.regions a:hover {color:#a60000}


.content .regions {width: 197px; margin: 10px 0px 10px 10px; padding: 10px; background-color:  #a60000; color: white}
.content .regionbox, .content .code_block_indiv_content {color: white}
.content .regions a, .content .regions a:visited {color: white; }
.content .regions a:hover {color: silver}
.content .regions h1, .content .regions h2, .content .regions h3 {color: white}

.code_block {overflow: hidden; width: 100%} /* prevents breaking the design with images that are too wide, if width set */
.code_block_top {}
.code_block_center {}
.code_block_bttm {}
.code_block_indiv_content p{margin-top: 0px;}

/* footer */
.shoe {width: @site-width; height: 100px; margin-top: 20px; padding-top: 20px; background-color: #A8B2BB}
.bottomlinks {.floatR}
.bottomlinks a, .bottomlinks a:visited {text-decoration: none; color: @toplink;}
.bottomlinks a:hover {text-decoration: underline; color: @toplink;}

.footlogos {.floatL}
.footnote {font-size: 10px; width: 510px; text-align: left; line-height: .9; }
.blunote {color: @header-color;}

.icons{}
.icons img {margin-left: 5px;}