﻿/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
*{margin:0;padding:0;border:0;}

body{text-align:center;font-family:Arial;font-size:12px;}
img{border-width:0;}
li {background: transparent url(../images/green-bullet2.jpg) no-repeat scroll left center; list-style:none;padding-left:15px;}
#doc {margin:auto; width:850px; text-align:left;}
#header{}
#header a.logo{display:block; float:left;width:214px;height:88px;}
#header h2 {color:#666; font-size:16px; margin:7px 0 -1px 0; font-weight:bold;}
#body{clear:both; /*border-left:1px solid #678;border-right:1px solid #678; 
	border-top:1px solid #678;*/padding:5px 0 10px 0;color:#555; min-height:350px;}
#body h1{font-size:14px; background:transparent url(../images/blacktopcell.gif) repeat-x scroll 0 0; padding:5px 5px;color:#fff;border-bottom:1px solid #bbb;font-weight:bold;
	border-left:1px solid #AAA;border-top:1px solid #AAA;margin:0 0 5px 0; -moz-border-radius:2px}
#body p{margin:5px 5px 0px 5px; padding-bottom:10px;}

#footer {padding:6px 8px;color:#010; text-align:right;background:#ce9 url(../images/footer.png) repeat-x top;}
#footer a {color:#010; text-decoration:none;}
#body #leftcol{float:left;width:50%;}
#body #rightcol{float:right;width:49%;margin:0;}
#body h2{font-weight:bold;}
#body #leftcol h2{background-color:#ccc; color:#111; padding:5px;border:1px solid #666}
#body #rightcol h2{background-color:#ccc; color:#111; padding:5px;border:1px solid #666}

#body #leftcol ul, #body #rightcol ul {margin:10px 0 0 0;overflow:hidden;}
#body #leftcol li, #body #rightcol li {list-style:none; padding:0; background:none;}
#body #leftcol li a, #body #rightcol li a {display:block; padding-left:60px; height:35px; padding-top:18px; font-size:14px; font-weight:bold; margin-left:10px; margin-top:5px; background:#fff url(../images/edit-profile.png) no-repeat 5px 5px; color:#666; text-decoration:none; float:none;}
#body #leftcol li a:hover, #body #rightcol li a:hover {background-color:#eee;  }
#body #leftcol li a.current{background-image:url(../images/current-listings.png);  }
#body #leftcol li a.addlisting{background-image:url(../images/list-rental.png); }
#body #leftcol a {display:block;float:left;margin:2px 5px 0 0;}

#body #rightcol li a.profile{background-image:url(../images/edit-profile.png);}
#body #rightcol li a.pwd{background-image:url(../images/change-pwd.png); }
#body #rightcol li a.signout{background-image:url(../images/sign-out.png); }

#body .datagrid{width:100%; border: solid 1px #111; border-collapse:collapse; }
#body .datagrid .header td{font-size:.9em; font-weight:bold; text-align:center;color:#fff;background-color:#999; padding: 3px 1px 3px 1px;}
#body .datagrid .header a{color:#fff;}
#body .datagrid .alternate td{font-size:.8em; background-color:#eef;}
#body .datagrid .item td{Font-Size:.8em; background-color:#e3e3e3; padding:1px;}

input[type=text],input[type=password],textarea {border: solid 1px #ac7; width:100%;}


#body div.rentallist{color:#232;border:solid 1px #bd8;background-color:#bd8; overflow:hidden; margin:10px 0 0 0;width:100%;border-bottom-width:3px;}
#body div.rentallist p.msg{color:#010;padding-bottom:3px;}
div.rentallist ul li{background:#ce9 none no-repeat scroll 0 0; padding: 3px 0 3px 5px; overflow:hidden; width:49%; float:left; margin:2px 0 0 2px; min-height:110px; position:relative;}
#body div.rentallist ul li p{padding:0 0 0 135px; margin:0;}
div.rentallist ul li a img{display:block; float:left; height:100px; width:133px; position:absolute; top:50%;margin-top:-12%}

table.form{border:solid 1px #678;background-color:#ce9;}
table.form th{width:35%; text-align:right;padding:2px 5px 2px 0px;color:#fff; border-right:solid 0px #fff;}
table.form td{border-left: solid 1px #678; width:200px;padding:1px;}
table.form td input {border: solid 0px #678;min-width:180px; width:100%}
table.form td select {border: solid 0px #678; min-width:180px; width:100%}
table.form td select:hover, table.form td input:hover, table.form td select:focus, table.form td input:focus{background-color:#eee;}

div.form{border:solid 1px #ac7;border-bottom-width:3px;background:#ce9 url(../images/edit-profile1.png) no-repeat top right; padding:0 0 0 0; overflow:hidden; color:#333;}
#body #rightcol div.form h2{background-color:#350;color:#fff;}
ul.form{}
ul.form li {background:none; width:45%;float:left; margin:5px 0 0 0; height:40px;}
#body #rightcol ul.loginform {background: transparent url(../images/lock.png) no-repeat 4% 50%;}
#body #rightcol ul.loginform li {width:auto; padding:0 20px 0 60px; }
ul.form li input,ul.form li select, ul.form li label {color:#232;padding:2px;}
ul.form h3 {font-weight:bold;color:#010;}
p.search{float:left;}
div.form p.buttons{padding-right:15px;clear:both;}
div.form p.links {padding:0 0 0 55px;}
div.form p.links a {color:#333;font-weight:bold;}
div.form p.links a:hover {color:#000; text-decoration:none;}

ul.formfloat li{width:auto;}
ul.formfloat li h3{float:left;padding:5px 5px 0 0;}

#body p.buttons{text-align:right;margin-right:0;}
#body p.buttons a, div.form a.linkbutton{display:inline-block; padding:5px 6px; text-align:center; text-decoration:none; background-color:#999; color:#fff; border-left:1px solid #8B3; border-right:1px solid #9C4;background:transparent url(../images/btn-bg.png) repeat-x scroll top; font-weight:bold;-moz-border-radius:2px;}


#homeleft{float:left;width:43%;margin:0 10px 0 0; padding:0 10px 0 0;}
#homeleft h3{margin-bottom:20px;font-weight:bold;}
#homeright{float:left;width:51%; padding:0 5px 0 20px;margin:0;border-left:1px dotted #ddd;}
#homeright h1{border:0; float:left; font-size:13px; margin:5px 5px 0 0;font-weight:bold;}
#homeright p{font-size:13px;margin:0}
#homeright h3{font-weight:bold;}
#homeright ul li a{color:#462;}
#homeright ul li a:hover{text-decoration:none;}

/*background-color:#350;color:#fff;*/
#body div.statelist{margin-top:10px;background-color:#ce9;color:#010;padding:5px;-moz-border-radius:3px; overflow:hidden;_height:350px;border:solid 1px #bd8;}
#body div.statelist div{width:49%; float:left;}
#body div.statelist div h3{padding-left:10px;font-weight:bold;font-size:14px;margin-top:10px;}
#body div.statelist div.left{width:50%;}
#body div.statelist div.left ul{border-right:1px solid #bd8;_height:300px;}
#body div.statelist ul{overflow:hidden;margin:8px;}
#body div.statelist ul li{width:29.5%;float:left; padding-left:15px; white-space:nowrap; background: url(../images/arrow-white.png) no-repeat scroll left center; list-style:none;}
#body div.statelist ul li:hover{background-color:#461;color:#efe;}
#body div.statelist ul li:hover a{background-color:#461;text-decoration:none;}
#body div.statelist ul li a{display:inline-block; color:#111; width:100%; padding:1px 0 1px 0; }
#body div.statelist ul li a:hover{background-color:#461;text-decoration:none;color:#efe;}
#body div.statelist div p{text-align:right;margin:-8px 8px 0 0; padding:10px 10px 10px 0;}
#body div.statelist div.left p{border-right:1px solid #461}
#body div.statelist div p a{color:#010;}
#body div.statelist div p a:hover{text-decoration:none;}


#body #worldlist{margin-top:10px;background-color:#ce9;color:#010;padding:5px;-moz-border-radius:3px; overflow:hidden;_height:100%;border:solid 1px #bd8}
#body #worldlist div.threecol{width:33%; float:left;}
#body #worldlist div.threecol h2{padding-left:10px;font-weight:bold;font-size:14px;margin-top:10px;}
#body #worldlist div.left ul{border-right:1px solid #bd8;_height:450px;}
#body #worldlist ul{overflow:hidden;margin:8px;}
#body #worldlist ul li{width:44%;float:left; padding-left:15px; white-space:nowrap; background: transparent url(../images/arrow-white.png) no-repeat scroll left center; list-style:none;}
#body #worldlist ul li:hover{background-color:#461;}
#body #worldlist ul li:hover a{background-color:#461;text-decoration:none;}
#body #worldlist ul li a{display:inline-block; color:#010; width:100%; padding:1px 0 1px 0; }
#body #worldlist ul li a:hover{background-color:#461;text-decoration:none;color:#efe;}
#body #worldlist a{color:#010; width:100%; padding:1px 2px 1px 2px; }
#body #worldlist a:hover{background-color:#461;text-decoration:none;color:#efe;}
#body #worldlist div.threecol p{text-align:right;margin:-8px 8px 0 0; padding:10px 10px 10px 0;}
#body #worldlist div.left p{border-right:1px solid #461}
#body #worldlist div.threecol p a{color:#010;}
#body #worldlist div.threecol p a:hover{text-decoration:none;}
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.vacationrentalsbypeople.com/menu/pro_drop4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.preload1 {background: url(../images/prodrop4/pro_drop4_2a.gif);}
.preload1 {background: url(../images/prodrop4/pro_drop4_2b.gif);}

.prodrop4 ul.sub1 {width:140px;}
.prodrop4 ul.sub2 {width:160px;}
.prodrop4 ul.sub3 {width:160px;}
.prodrop4 ul.sub4 {width:150px;}

.prodrop4 li ul.sub4 li {background:none; padding-left:0;}
.prodrop4 {padding:0 0 0 0px; margin:6px 0 0 0; list-style:none; height:36px; /*background:transparent url(../images/prodrop4/pro_drop4_back.gif);*/ position:relative; z-index:500; font-family:arial, verdana, sans-serif; float:left;}
.prodrop4 li.top {display:block; float:left; background:none; padding:0px;}
.prodrop4 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#000000; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;background: url(../images/prodrop4/pro_drop4_0a.gif) no-repeat;}
.prodrop4 li a.top_link span {float:left; display:block; padding:3px 10px 0 3px; height:36px;background:url(../images/prodrop4/pro_drop4_0b.gif) repeat-x right top;}
.prodrop4 li a.top_link:hover {color:#000; background: url(../images/prodrop4/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li a.top_link:hover span {background:url(../images/prodrop4/pro_drop4_2b.gif) no-repeat right top;}

.prodrop4 li:hover > a.top_link {color:#000; background: url(../images/prodrop4/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li:hover > a.top_link span {background:url(../images/prodrop4/pro_drop4_2b.gif) no-repeat right top;}
.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:1;}
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
/* keep the 'next' level invisible by placing it off screen. */



.prodrop4 :hover ul {left:0; top:35px; background: #ce9; padding:3px; border:1px solid #bd8; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.prodrop4 :hover ul li {height:20px; position:relative; font-weight:normal; width:auto;list-style:none;}
.prodrop4 :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#ac7; color:#fff;}


 /*See: Setup button style */

