/*  
Theme Name: WaikikiV2
Theme URI: 
Description: A clean, minimalist theme.
Version: 1.1
Author: Exactivate/DeviseStudio
Author URI:
*/

/*************************************
 +Containers
 *************************************/

html {width: 100%; height: 100%;}
body {background: #ffffff; margin: 0; padding: 0; width: 100%; height: 100%;}
td {font: 11px verdana, serif; color: #333333; line-height: 1.4em;}

a:link, a:visited {color: #1d58a6; text-decoration: none;}
a:hover, a:active {color: #1d58a6; text-decoration: underline;}

.Orange a:link, .Orange a:visited {color: #fe7d08; text-decoration: none;}
.Orange a:hover, .Orange a:active {color: #fe7d08; text-decoration: underline;}

.Small {font-size: 10px; line-height: 1.3em;}

.FormText  {font-size: 10px; color: #333333;}
.FormButtonCheck  {background: url('img/btn_check.gif') no-repeat;}

.Container {text-align: center; width: 815px;}

.Header {height: 100px;}
.HeaderLeft {width: 250px; height: 90px; background: url('img/header_logo.gif') no-repeat;}
.HeaderRightTop {height: 55px; text-align: right; color: #666666;}
.HeaderRightBottom {height: 30px; text-align: right;}

.Main {height: 100%;}

.MainTopLeft {width: 200px; height: 200px;}

.Blue {background: #1d58a6;}
.BlueTopLeft {width: 15px; height: 15px; background: url('img/blue_top-left.gif') no-repeat;}
.BlueTopCenter {height: 15px; background: url('img/blue_top-center.gif') repeat-x;}
.BlueTopRight {width: 15px; height: 15px; background: url('img/blue_top-right.gif') no-repeat;}
.BlueMiddleLeft { width: 15px; background: url('img/blue_gradient.gif') no-repeat top;}
.BlueMiddleCenter {height: 200px; background: url('img/blue_gradient.gif') repeat-x top; text-align: left; color: #ffffff;}
.BlueMiddleCenter p { margin: 2px 0; }
.BlueMiddleRight {width: 15px; background: url('img/blue_gradient.gif') no-repeat top;}
.BlueBottomLeft {width: 15px; height: 15px; background: url('img/blue_bottom-left.gif') no-repeat;}
.BlueBottomCenter {height: 15px; background: #1d58a6;}
.BlueBottomRight {width: 15px; height: 15px; background: url('img/blue_bottom-right.gif') no-repeat;}

.MainTopRight {width: 600px; height: 250px; overflow: hidden;}

.MainMiddleLeft {width: 200px;}

.Green {background: #35a328;}
.GreenTopLeft {width: 15px; height: 15px; background: url('img/green_top-left.gif') no-repeat;}
.GreenTopCenter {height: 15px; background: url('img/green_top-center.gif') repeat-x;}
.GreenTopRight {width: 15px; height: 15px; background: url('img/green_top-right.gif') no-repeat;}
.GreenMiddleLeft { width: 15px; background: url('img/green_gradient.gif') no-repeat top;}
.GreenMiddleCenter {height: 100%; background: url('img/green_gradient.gif') repeat-x top; text-align: left; color: #ffffff;}
.GreenMiddleRight {width: 15px; background: url('img/green_gradient.gif') no-repeat top;}
.GreenBottomLeft {width: 15px; height: 15px; background: url('img/green_bottom-left.gif') no-repeat;}
.GreenBottomCenter {height: 15px; background: #35a328;}
.GreenBottomRight {width: 15px; height: 15px; background: url('img/green_bottom-right.gif') no-repeat;}

.Purple {background: #9864ae;}
.PurpleTopLeft {width: 15px; height: 15px; background: url('img/purple_top-left.gif') no-repeat;}
.PurpleTopCenter {height: 15px; background: url('img/purple_top-center.gif') repeat-x;}
.PurpleTopRight {width: 15px; height: 15px; background: url('img/purple_top-right.gif') no-repeat;}
.PurpleMiddleLeft { width: 15px; background: url('img/purple_gradient.gif') no-repeat top;}
.PurpleMiddleCenter {height: 100%; background: url('img/purple_gradient.gif') repeat-x top; text-align: left; color: #ffffff;}
.PurpleMiddleRight {width: 15px; background: url('img/purple_gradient.gif') no-repeat top;}
.PurpleBottomLeft {width: 15px; height: 15px; background: url('img/purple_bottom-left.gif') no-repeat;}
.PurpleBottomCenter {height: 15px; background: #9864ae;}
.PurpleBottomRight {width: 15px; height: 15px; background: url('img/purple_bottom-right.gif') no-repeat;}

.MainMiddleRight {width: 600px;}

.Yellow {background: #feba08;}
.YellowTopLeft {width: 15px; height: 15px; background: url('img/yellow_top-left.gif') no-repeat;}
.YellowTopCenter {height: 15px;}
.YellowTopRight {width: 15px; height: 15px; background: url('img/yellow_top-right.gif') no-repeat;}
.YellowMiddleLeft { width: 15px;}
.YellowMiddleCenter {height: 100%; background: url('img/yellow_watermark.gif') no-repeat bottom right; text-align: left;}
.YellowMiddleRight {width: 15px;}
.YellowBottomLeft {width: 15px; height: 15px; background: url('img/yellow_bottom-left.gif') no-repeat;}
.YellowBottomCenter {height: 15px; background: #feba08;}
.YellowBottomRight {width: 15px; height: 15px; background: url('img/yellow_bottom-right.gif') no-repeat;}

.Footer {height: 100px;}
.FooterTopLeft {text-align: right; padding-right: 30px; color: #35a328; font-size: 10px; border-right: solid 1px #333333;}
.FooterTopCenter {width: 200px; height: 50px; background: url('img/footer_logo.gif') no-repeat;}
.FooterTopRight {text-align: left; padding-left: 30px; color: #35a328; font-size: 10px; border-left: solid 1px #333333;}
.FooterBottom {height: 35px; text-align: center; color: #666666; font-size: 10px;}

/* Added Styles 

div.reserveoptionslocation {margin-top:-6px;}
div.reserveoptionsarrival {margin-top:5px;}
div.reserveoptionsnumbernights {margin-top:5px;}*/

/* PageNav */

td.HeaderRightBottom ul li {list-style-type:none;display:inline;margin: 0 2px 0 2px;} /* the outermost list item; contains whole list */
td.HeaderRightBottom  ul {height:10px;valign:top;}
.current_page_item a {color:black;font-weight:bold;} /* the current Page */


li.gfield {list-style-type:none;}