/* CSS Document */
body {  font-family: Verdana, myriad, Arial, helvetica, Sans-Serif; background:#000 url(../img/bg.jpg) left top no-repeat; margin:0; padding:0;}
h2 { color:#000; font-family:Arial Black; font-size:24px; text-align:center; padding-top:1em; font-weight:normal; padding-bottom:0em; margin-bottom:10px; }
a { color: #F1AF11; font-size: 13px; }

#container {width: 895px; margin: 0 auto; padding:0; }
#no-overflow { overflow: auto; height: 390px; width:750px; margin-top:0.5em; clear:both;}
.logo { background: url(../img/logo.png) no-repeat; width:262px; height:121px; float:left; z-index:5; position:relative; }
.logo a { display:block; width:262px; height:121px; }
.logo a span { display:none; }

#navigation { height:38px; background:#000; list-style:none; float:left; padding:0 15px 0 0; margin:2em 0 0 -0.5em; z-index:1; }
#navigation li { float:left; padding:8px 0 0 0; }
#navigation li a { font-weight:bold; text-decoration:none; font-size:13px; padding-right:10px;padding-left:10px; border-right:1px #fff solid; color:#fff; }

#navigation2 { height:64px; background:url(../img/register_bg.png) no-repeat; list-style:none; float:left; padding:0 15px 0 0; margin:1.2em 0 0 -0.5em; z-index:1; }
#navigation2 li { float:left; padding:24px 0 0 15px; }
#navigation2 li a { text-decoration:none; font-family:Arial Black; font-size:14px; padding:8px; color:#000; }

#navigation3 { height:64px; background:url(../img/register_bg.png) no-repeat; list-style:none; float:left; padding:0 15px 0 0; margin:1.2em 0 0 -0.5em; z-index:1; }
#navigation3 li { float:left; padding:24px 0 0 3px; }
#navigation3 li a { text-decoration:none; font-family:Arial Black; font-size:14px; padding:8px; color:#000; }

.header { width:928px; margin:0 auto; margin:1em 0 0 0; }
.where-do-you-need { margin:0 0 0 15em; }

/* Home page */
#page-options { margin:0 auto; padding:0; clear:both; list-style:none;}
#page-options li { float:left; }
#page-options li a span { display:none; }
#page-options li a.homes { display:block; background:url(../img/homes-hover.png) no-repeat; width:264px; height:356px; margin:0.2em; cursor:pointer; cursor:hand; }
#page-options li a.tickets { display:block; background:url(../img/tickets-hover.png) no-repeat; width:296px; height:384px; margin:-1em 0.2em 0.2em 0.2em; cursor:pointer; cursor:hand; }
#page-options li a.community { display:block; background:url(../img/community-hover.png) no-repeat; width:295px; height:375px; margin:0.8em 0.2em 0.2em 1.5em; cursor:pointer; cursor:hand; }

/* yoonee homes page */
.yoonee-home-options { list-style:none; margin:2em 1em 0 1em; padding:0; float:left; }
.yoonee-home-options li { width:197px; height:80px; background:url(../img/papers.png) no-repeat; padding:10px; }
.yoonee-home-options li a { display:block; width:160px; height:40px; padding:10px; color:#25211e; font-weight:bold; font-size:14px; text-decoration:none; }
.yoonee-home-options li a:hover { color:#535353; }

.yoonee-home-options li.find-me-a-home { background:url(../img/find_me_a_perfect_home.png) no-repeat; width:166px; height:82px; margin:0 0 0 1.2em; }
.yoonee-home-options li.find-me-a-home a { display:block; width:150px !important; height:65px !important; padding:0px; color:#25211e; font-weight:bold; font-size:14px; text-decoration:none; }

.middle-images { list-style:none; margin:0em 1.5em 0 1.5em; padding:0; float:left; }
.middle-images .main-image { width:264px; height:356px; background:url(../img/homes-hover.png) no-repeat; }

.middle-images .smalltickets { width:113px; height:147px; background:url(../img/tickets-small.png) no-repeat; float:left; margin:0 0.75em 0 0.75em; }
.middle-images .smalltickets a { width:113px; height:147px; display:block;}
.middle-images .smalltickets a span { display:none; }

.middle-images .smallcommunity { width:117px; height:148px; background:url(../img/community-small.png) no-repeat; float:left; margin:0 0.75em 0 0.75em; }
.middle-images .smallcommunity a { width:117px; height:148px; display:block; }
.middle-images .smallcommunity a span { display:none; }

img.sign { margin:0 0 0 0.5em; }
img.sign-content { margin:1em 0 -1em 12em; }

/* content pages */
#content-box { width:735px; height:496px; background:transparent url(../img/bg_content.png) no-repeat; float:left; }
#content-box .left { width:220px; height:435px; float:left; margin:2em 0 0 1.5em;  background:url(../img/content-line.jpg) right no-repeat; }
#content-box .left .menu { list-style:none; width:190px; margin:1.5em 0 0 0.5em; padding:0;}
#content-box .left .menu li { background:url(../img/yellow-bullet.png) no-repeat 0px 6px; margin:0.5em 0 0 0;  }
#content-box .left .menu li a { color:#5f5f5f; font-weight:bold; text-decoration:none; font-size:13px; padding:0 0 0 15px; }
#content-box .right { width:430px; height:430px; padding:0 10px 0 10px; float:left; margin:1.5em 0 0 0.5em; overflow: auto;  }
#content-box .right p { color:#1b1816; font-size:13px; font-family:Verdana; } 
#content-box .right li { color:#1b1816; font-size:13px; font-family:Verdana; } 
#content-box .right h2 span { display:none; }

#content-box .right .before-you-sign { width:400px; background:url(../img/before-you-sign.png) left no-repeat; height:30px; } 
#content-box .right .how-much-will-it-cost { width:400px; background:url(../img/how-much-will-it-cost.png) left no-repeat; height:30px; } 
#content-box .right .further-help-and-advice { width:400px; background:url(../img/further-help-and-advice.png) left no-repeat; height:30px; } 
#content-box .right .find-me-a-perfect-home { width:400px; background:url(../img/find-me-a-perfect-home.png) left no-repeat; height:30px; } 
#content-box .right .how-to-choos-who-to-live-with { width:400px; background:url(../img/how-to-choos-who-to-live-with.png) left no-repeat; height:30px; } 
#content-box .right .where-is-there-to-live { width:400px; background:url(../img/where-is-there-to-live.png) left no-repeat; height:30px; } 
#content-box .right .how-to-choose-your-ideal-house { width:400px; background:url(../img/how-to-choose-your-ideal-house.png) left no-repeat; height:30px; } 
#content-box .right .pay-your-bills { width:400px; background:url(../img/pay-your-bills.png) left no-repeat; height:42px; } 
#content-box .right a.button { width:302px; background:url(../img/button.jpg) no-repeat; height:36px; text-decoration: none; display: block; color: #fff; font-size: 14px; padding: 8px 0 0 5px; font-weight: bold; } 

/* Content plain */
#content-plain { width:735px; height:496px; background:transparent url(../img/bg_content.png) no-repeat; float:left; }
#content-plain .text { width:670px; height:430px; padding:0 10px 0 20px; float:left; margin:1.5em 0 0 0.5em; overflow:scroll; overflow: -moz-scrollbars-vertical; overflow-y: scroll; scrollbar-arrow-color: #818181; scrollbar-3dlight-color: #dadada; scrollbar-darkshadow-color: #dadada; scrollbar-face-color: #dadada; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-track-color: #ffffff;  }
#content-plain .text p { color:#1b1816; font-size:13px; font-family:Verdana; }
#content-plain .text h2 span { display:none; }
#content-plain .yoonee-tickets { width:159px; background:url(../img/yoonee-tickets.png) left no-repeat; height:42px; } 
#content-plain .what-is-yoonee { width:229px; background:url(../img/what-is-yoonee.png) left no-repeat; height:42px; } 
#content-plain .competitions { width:135px; background:url(../img/competitions.png) left no-repeat; height:40px; } 
#content-plain .terms { width:240px; background:url(../img/terms.png) left no-repeat; height:31px; } 
#content-plain .privacy { width:144px; background:url(../img/privacy.png) left no-repeat; height:35px; } 

/* Register page */
#register-box { width:788px; height:514px; padding:2em 0 0 1.5em; background:transparent url(../img/bg_register2.png) no-repeat; float:left; }
#register-box form { margin:0; padding:0; }
#register-box input { background:#fff url(../img/bg_input.jpg) bottom repeat-x; color:#7c7c7c; width:190px; padding:7px 0 0 0; height:19px; border:0; }
#register-box select { border:1px #7c7c7c solid; color:#7c7c7c; }
#register-box textarea { border:1px #7c7c7c solid; margin-left: 60px; width: 550px; height: 200px; }
#register-box label { padding:0 5px 0 10px; font-weight:bold; } 
#register-box p { color:#1b1816; font-size:13px; font-family:Verdana; clear:both; } 
#register-box h2 span { display:none; }
#register-box .checkbox { width:auto !important; background:none !important; padding:0 !important; margin:0 0 0 1em !important; height:auto !important; }

#register-box .sign-up { width:98px; background:url(../img/register.png) left no-repeat; height:43px; } 
#register-box .contact-us { width:121px; background:url(../img/contact.png) left no-repeat; height:31px; } 
#register-box .my-account { width:127px; background:url(../img/my-account.png) left no-repeat; height:42px; float: left;} 
#register-box .found_house { float: right; background-color: #000; padding: 5px; width: 310px; margin: 30px 50px 0 0; border: 1px solid #000; }
#register-box .found_house a { color: #fff; text-decoration: none; font-weight: bold; font-size: 11px; }

#my-account-box { width:788px; height:514px; padding:2em 0 0 1.5em; background:transparent url(../img/bg_register.png) no-repeat; float:left; }
#my-account-box .my-messages { width:141px; background:url(../img/my-messages.png) left no-repeat; height:36px; float:left; } 
#my-account-box .my-leads { width:95px; background:url(../img/my-leads.png) left no-repeat; height:34px; float:left; } 
#my-account-box .my-settings { width:126px; background:url(../img/my-settings.png) left no-repeat; height:43px; float:left; } 
#my-account-box .yoonee-tickets { width:159px; background:url(../img/yoonee-tickets.png) left no-repeat; height:42px; float:left; } 
#my-account-box .yoonee-community{ width:193px; background:url(../img/yoonee-community.png) left no-repeat; height:42px; float:left; } 
#my-account-box p { color:#1b1816; font-size:13px; font-family:Verdana; clear:both; }
#my-account-box p.err { color:red; font-size:13px; font-family:Verdana; clear:both; } 
#my-account-box h2 span { display:none; }

#my-account-box .form { margin:0; padding:0; }
#my-account-box .form input { background:#fff url(../img/bg_input.jpg) bottom repeat-x; color:#7c7c7c; width:190px; padding:7px 0 0 0; height:19px; border:0; }
#my-account-box .form select { border:1px #7c7c7c solid; color:#7c7c7c; }
#my-account-box .form label { padding:0 5px 0 10px; font-weight:bold; }
#my-account-box .form .submit { clear:both; margin:0em 0 0 6em; background:url(../img/bg-button.png) no-repeat; font-size:15px; cursor:hand; cursor:pointer; width:115px; height:32px; color:#fff; font-weight:bold; }
#my-account-box .form .checkbox { width:auto !important; background:none !important; padding:0 !important; margin:0 0 0 1em !important; height:auto !important; }
#my-account-box .form textarea { border:1px #7c7c7c solid; margin-left: 60px; width: 550px; height: 200px; }

#register-box .hr { background:url(../img/hr.jpg) no-repeat; clear:both; float:none; margin:0 auto; margin-top:2em; width:735px; height:21px; }
#register-box .submit { clear:both; margin:1em 0 0 35em; background:url(../img/bg-button.png) no-repeat; font-size:15px; cursor:hand; cursor:pointer; width:115px; height:32px; color:#fff; font-weight:bold; }
#register-box p.err { color:red; font-size:13px; font-family:Verdana; clear:both; }

/* My account */
.my-account-options { margin:0 auto; padding:0; width:670px; margin-top:5em; list-style:none; }
.my-account-options li { float:left; width:154px; margin:0 0.5em 0 0; height:124px; text-align:center; }
.my-account-options li a { color:#353535; padding:6.8em 0 0 0; font-weight:bold; display:block; width:152px; height:42px;  font-size:14px; text-decoration:none; }
.my-account-options li a:hover { padding:7em 0 0 0; }

.my-account-options-small { margin:10px 2em 0 0; padding:0; width:250px; float:right; list-style:none; }
.my-account-options-small li { float:left; width:60px; margin:0 0.1em 0 0; height:40px; text-align:center; }
.my-account-options-small li a { color:#353535; padding:4.2em 0 0 0; line-height:10px; font-weight:bold; display:block; width:50px; height:12px; font-size:9px; text-decoration:none; }
.my-account-options-small li a:hover { padding:4.3em 0 0 0; }

.my-account-options-small-3 { margin:10px 2em 0 0; padding:0; width:190px; float:right; list-style:none; }
.my-account-options-small-3 li { float:left; width:60px; margin:0 0.1em 0 0; height:40px; text-align:center; }
.my-account-options-small-3 li a { color:#353535; padding:4.2em 0 0 0; line-height:10px; font-weight:bold; display:block; width:50px; height:12px; font-size:9px; text-decoration:none; }
.my-account-options-small-3 li a:hover { padding:4.3em 0 0 0; }

/* Login box */
#login-box { width:449px; height:263px; padding:1em 0 0 1.5em; background:transparent url(../img/login_bg.png) no-repeat; float:left; }
#login-box .login-to-yoonee { width:180px; background:url(../img/login-to-yoone.png) left no-repeat; height:43px; }
#login-box .agent-login { width:163px; background:url(../img/agent-login.png) left no-repeat; height:43px; }  
#login-box h2 span { display:none; }
#login-box label { padding:0 5px 0 10px; font-weight:bold; } 
#login-box p { color:#1b1816; font-size:13px; margin:0.8em; font-family:Verdana; clear:both; } 
#login-box form { margin:0; padding:0; }
#login-box input { background:#fff url(../img/bg_input.jpg) bottom repeat-x; color:#7c7c7c; width:190px; padding:7px 0 0 0; height:19px; border:0; }
#login-box .submit { clear:both; margin:1em 0 0 15em; background:url(../img/bg-button.png) no-repeat; font-size:15px; cursor:hand; cursor:pointer; width:115px; height:32px; color:#fff; font-weight:bold; }
#login-box p.err { color:red; font-size:13px; margin:0.8em; font-family:Verdana; clear:both; } 

.login_image  { float:left; width:276px; height:293px; background:url(../img/login_dancer2.png) no-repeat; }

/* right side options */
.main-options { float:right; list-style:none; }
.main-options a img { border:0; }

/* Table */
.messages { width:670px; margin:0 auto; margin-top:0.5em; clear:both;}
.messages td { text-align:left; padding:3px; border-bottom:1px #dbdbdb solid; font-size:13px; }
.messages td a { color: #000; text-decoration: none; }
.messages td a.acolor { color: #F1AF11; font-size: 13px; }
.messages td img { border:0; }
.messages th { text-align:left; font-size:13px; border-bottom:1px #dbdbdb solid; }
.messages tr.unread { font-weight: bold; }

.message-contents { width:670px; margin:0 auto; text-align:left; padding:3px; font-size:13px; padding-top: 20px; overflow: auto; height: 250px; }
.message-contents p.info { background-color: #FFFFCC; padding: 4px; text-align: center; border: 1px solid #000; margin-top: -10px; }
.message-contents p.info a { color: #000; text-decoration: none; }
#my-account-box .message-contents p.notice { margin-top: -10px; color: #666; font-size: 11px; text-align: justify; }

.reply { font-size: 13px; }
.reply textarea { height: 200px; border: 1px solid #7c7c7c; width: 99%; font-family: Verdana, myriad, Arial, helvetica, Sans-Serif; font-size:13px;}
.reply input { background:#fff url(../img/bg_input.jpg) bottom repeat-x; color:#7c7c7c; width:190px; padding:7px 0 0 0; height:19px; border:0; }
.reply .submit { clear:both; margin:0em 0 0 38em; background:url(../img/bg-button.png) no-repeat; font-size:15px; cursor:hand; cursor:pointer; width:115px; height:32px; color:#fff; font-weight:bold; }
.reply .checkbox { width:auto !important; background:none !important; padding:0 !important; margin:0 0 0 4em !important; height:auto !important;}

.message-options-small { margin:10px 2em 0 0; padding:0; width:190px; float:right; list-style:none; }
.message-options-small li { float:left; width:60px; margin:0 0.1em 0 0; height:40px; text-align:center; }
.message-options-small li a { color:#353535; padding:4.2em 0 0 0; line-height:10px; font-weight:bold; display:block; width:50px; height:12px; font-size:9px; text-decoration:none; }
.message-options-small li a:hover { padding:4.3em 0 0 0; }

/* page numbering */
.page { margin:0 auto; width:200px; color:#000; font-weight:bold; font-size:13px; margin-top:0.5em; }
.page a { color:#000; margin:0.8em; text-align:center; font-weight:bold; text-decoration:none; }
.page a img { border:0; }

/* window */
#win-overlay { position: absolute; z-index: 90; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
#win-box { width: 600px; background-color: #fff; padding: 10px; border: 2px solid #eee; color: #000; font-size: 13px; }
#win-box img { position: absolute; top: -5px; right: -5px; cursor: pointer; }

/* Footer */
#footer { height:46px; background:url(../img/bg-footer.png) no-repeat; list-style:none; float:left; width:471px; padding:0 15px 0 10px; margin:2em 0 0 0; z-index:1; clear:both; }
#footer li { float:left; padding:13px 0 0 0; }
#footer li a { font-weight:bold; text-decoration:none; font-size:13px; padding-right:10px;padding-left:10px; border-right:1px #fff solid; color:#fff; }

/* Audio */
#audio { clear: both; float: right; margin-top: -30px; }