@charset "utf-8";
/* CSS Document */

/************ HTML ELEMENTS *************/

h2{}

/***************************/
/**********  LAYOUT ********/
/***************************/

/*===== login and registration forms ======*/
#login_and_forgot_container{
	position: relative;
	overflow: hidden;
	float: left;
	width: 450px;
	border: 0px solid #333333;
}
#login_container{ 	/* container for the login form and overlay */
	position: relative;
	padding: 10px;
	padding-left: 0px;
	padding-top: 0px;
}
#forgot_container{ 	/* container for the login form and overlay */
	position: relative;
	padding: 10px;
	padding-left: 0px;
	padding-top: 0px;
}
#login_overlay{	/* the overlay on top of the login form covering it when inactive */
	position: absolute;
	top: 0px; left: 0px;
	width: 450px;
	height: 450px;
	filter: alpha(opacity=70);	
	opacity: 0.7;
	background-color: #F8F7EE;
	border: 0px solid #333333;
}
#reg_container{ 	/* container for the reg message and form */
	position: relative;
	float: left;
	width: 467px;
}
.loginPage{
	padding-left: 50px;
	background: url(../img/ver_rule.gif) repeat-y 0px 0px;
}
.registerPage{
	padding-left: 0px;
	margin-right: 30px;
	background: url(../img/ver_rule.gif) repeat-y right;
}
#reg_message{
	float: left;
	width: 467px;
	padding: 10px;
	padding-left: 50px;
	padding-top: 0px;
	background: url(../img/ver_rule.gif) repeat-y 0px 0px;
}
#reg_message_main{
	float: left;
	width: 450px;
	padding: 10px;
	padding-left: 0px;
	padding-top: 0px;
}


/*===== DASHBOARD ======*/
#dash_main_panel{  	/* the main column of the dashboard */
	overflow: visible;
}
#dash_side_panel{  	/* the side column of the dashboard */
	float: left;
	width: 250px;
	margin-left: 10px;
}


/* dahsboard profile panel */
#dash_profile_panel{
	background: #F9FAF1 url(../img/property_column2_gradient_2.gif) repeat-x 0% 160%;
	border: 1px solid #DBD8BA;
	height: 240px;
}
#dash_profile_main{   /* personal details */
	position: relative;
	float: left;
	width: 480px;
}
#dash_profile_tools{   /* links to edit profile and account info */
	float: left;
	width: 308px;
}
.dash_header_links{
	position: absolute;
	top: 210px; right: 10px;
}
.dash_header_links a{
	clear:none;
	color:#57606E;
	display:inline-block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	height:18px;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
}
.dash_header_links a:hover{
	text-decoration: underline;
}
.dash_header_links .link{
	display: inline-block;
	height:28px;
	line-height:28px;
	padding-left:30px;
}
.dash_header_links a.credit_cards{
	background:  url(../img/icon_credit_card_blue.gif) no-repeat 0px 1px;
}
.dash_header_links a.start_listing{
	background:  url(../img/icon_btn_property_info_blue.gif) no-repeat 3px 1px;
}
/*========= MY CARDS =========*/
#current_cards{ 	/* container for the login form and overlay */
	position: relative;
	float: right;
	width: 420px;
	padding: 10px;
	padding-top: 0px;
	padding-left: 0px;
	margin-left: 30px;
}
#current_cards .details{
	width: 315px;
	float: left;
	margin-bottom: 10px;
}
#current_cards .buttons{
	width: 105px;
	float: left;
}
#current_cards .buttons .button{
	width: 100px;
}
#current_cards .buttons .button .link{
	top: 0px;
	width: 65px;
}
#current_cards .buttons .button .delete{
	background: url(../img/icon_bin.gif) no-repeat;
}
#current_cards .buttons .button .update{
	background: url(../img/icon_edit.gif) no-repeat;
}
#new_edit_card{
	float: right;
	width: 500px;
	padding: 10px;
	padding-top: 0px;
	position: relative;
	background: url(../img/ver_rule.gif) repeat-y 100%;
}







/***************************/
/**********  STYLE  ********/
/***************************/
.new_row{
	width: 390px;
}
#dash_main_panel .bottom_spacing{
	height: 300px;
}

/*======= login and registration forms =======*/
form select{
	margin-bottom: 5px;
}
form#form_login label.left, form#form_forgot label.left, form#form_reg label.left, form#form_card label.left {
	height: 15px;
	clear:left;
	margin-bottom: 2px;
	padding-top: 8px;
	border: 0px solid #ccc;
}
form#form_login input.textbox, form#form_forgot input.textbox, form#form_reg input.textbox, form#form_card input.textbox{
	clear: right;
	margin-bottom: 5px;
}
form#from_open_reg .create_account{
	background: url(../img/btn_create_account.gif) no-repeat;
	width: 163px; height: 35px;
}
form#form_forgot .send{
	background: url(../img/btn_send_password.gif) no-repeat;
	width: 163px; height: 35px;
}
#reg_ask_broker{
	display:block;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
}
#reg_broker{
	position: relative;
}
#reg_message li, #reg_message_main li{
	margin-bottom: 5px;
	padding-left: 20px;
	margin-left: 20px;
	background: url(../img/round_list_bullet.gif) no-repeat 0px 1px;
	font-size: 12px;
	font-weight: bold;
	color: #56503D;
}

/*========== dashboard UI styles ======*/


/* user profile panel */
/* the profile links/buttons */
#dash_profile_tools ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	border:0pt none; margin:0pt; padding:0pt;
	margin-left: 0px; 
}
#dash_profile_tools  li{
	border:0pt none; margin:0pt; padding:0pt;
	margin-left: -0px;
	margin-bottom: -1px;
	height: 29px;
	width: 308px;
	background:  url(../img/vertical_tab_selected.gif) no-repeat 0px -33px;
}
#dash_profile_tools  li.selected{
	background:  url(../img/vertical_tab_selected.gif) no-repeat;
}
#dash_profile_tools  li.selected a{
	color: #A3842F;
}

#dash_profile_tools  li a{
	display: block;
	height: 28px;
	font-weight: bold;
	font-size: 12px;
	color: #333;
	line-height: 28px;
	padding-left: 30px;
	-moz-user-select: none;
	-khtml-user-select: none;
}
#dash_profile_tools  li a:hover{
	text-decoration: none;
	color: #A3842F;
}
#dash_profile_tools  li a.border{
	border-bottom: 1px solid #e5e5e5;
}
#dash_profile_tools  li a.my_profile{
	background:url(../img/icon_profile.gif) no-repeat 0px 1px;
}
#dash_profile_tools  li a.edit_profile{
	background: url(../img/icon_profile_edit.gif) no-repeat 0px 1px;
}
#dash_profile_tools  li a.email_alerts{
	background: url(../img/icon_btn_email_2.gif) no-repeat 0px 1px;
}
#dash_profile_tools  li a.sms_messages{
	background: url(../img/icon_sms.gif) no-repeat 0px 1px;
}
#dash_profile_tools  li a.credit_cards{
	background:  url(../img/icon_credit_card.gif) no-repeat 0px 1px;
}
#dash_profile_tools  li a.profile_photo{
	background:  url(../img/icon_profile_photo.gif) no-repeat 0px 1px;
}
#dash_profile_tools  li a.orders{
	background:  url(../img/icon_cash_reg.gif) no-repeat 0px 1px;
}
#dash_profile_details{
	line-height: 23px;
	height: 165px;
}
#dash_profile_details.photo{
	padding-left: 120px;
	background:  url(/img/sample_agent_pic.gif) no-repeat 0px 0px;
}

/* the Edit Profile Form */
#dash_profile_main label.left{
	display: inline-block;
	width: 70px;
	line-height:normal;
	font-size: 12px;
}
.floating_forms{
	position: absolute;
	top: -10px; right: -1px;
	z-index: 10;
	background-color: #F9F9F9;	
	border: 5px solid #DBD8BA;
	padding: 15px;
	width: 420px;
	display: none;
}
.floating_forms h4{
	margin-bottom: 20px;
}
.floating_forms h2{
	margin-bottom: 20px;
}
.floating_forms h4.middle{
	margin-top: 0px;
	padding-top: 20px;
	border-top: 0px solid #e5e5e5;
	background: url(../img/hor_rule_lightbg.gif) repeat-x;
}
.floating_forms .new_row{
	width: 395px;
}
#dash_view_profile{ /* the close button */
	display: none; 
	width: 35px; height: 35px;
	position: absolute;
	top: 12px;
	right: 10px;
	z-index: 15;
	background: url(../img/icon_close.gif) no-repeat 100% 0%;
}
#dash_profile_panel .member_content_panel_body{
	background: transparent;
	border: 0px none;
}
.pattern_dash_profile_top{
	z-index: 50;
	top: 23px;
	left: 200px;
}
.pattern_dash_profile_bottom{
	z-index: 50;
	top: 244px;
	left: 200px;
}

#dash_profile_form{
}
#dash_notify_form{
}


/* alerts panel */
#dash_alerts_panel div.alerts, #dash_enroll_panel div.alerts{   
	font-weight: normal;
	font-size: 12px;
	width: 100%;
	padding-top: 10px;
	background: url(../img/hor_rule_lightbg.gif) repeat-x;
}
#dash_enroll_panel div.alerts{   
	padding-bottom: 10px;
}
#dash_alerts_panel div.first, #dash_enroll_panel div.first{
	padding-top: 0px;
	background: none;
}
#dash_alerts_panel .reminders{
	display: inline-block;
	padding-left: 30px;
	padding-bottom: 7px;
	padding-top: 3px;
}
#dash_alerts_panel .auction_reminder .label{
	color: #4A8F25;
}
#dash_alerts_panel .auction_reminder{
	background: url(../img/icon_hammer_red.gif) no-repeat 0px -2px;
	color: #4A8F25;
}
#dash_alerts_panel .open_house_reminder{
	background: url(../img/icon_house_key.gif) no-repeat 0px -2px;
}
#dash_alerts_panel .evaluation_reminder{
	background: url(../img/icon_doc_stack.gif) no-repeat 0px -2px;
}
#dash_alerts_panel .sales_closing_reminder{
	background: url(../img/icon_hand_shake_green.gif) no-repeat 0px -2px;
	color: #4A8F25;
}
#dash_alerts_panel .followup{
	background: url(../img/icon_followup.gif) no-repeat 0px -2px;
}
#dash_alerts_panel .expired_listing_reminder{
	padding-left: 0px;
}
#dash_alerts_panel .outdated_listing_reminder{
	padding-left: 0px;
}

/* the proeprties panel*/
#dash_properties_panel{}
#dash_properties_panel .member_content_panel_body{
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}


#scroll_container .misoScrollerContent{
	position: relative;
	overflow: hidden;
	width: 818px;
}

#properties_scroll_content {
	height: 202px;
	overflow: hidden;
}
#scroll_container .trackBG{
	position: relative;
	margin-top: 10px;
	width: 818px;
	height: 16px;
	border-top: 1px solid #DBD8BA;
	background: #F9F7EE;
}
#scroll_container .misoScrollerTrack{
	position: relative;
	width: 818px;
	height: 16px;
	margin-left: 0px;
	font-size: 0px;
}
#scroll_container .misoScrollerBar{
	display: block;
	height: 16px; width: 161px;
	background: transparent url(/img/scroll_bar.gif) no-repeat;
	font-size: 0px;
	cursor: pointer;
}

#properties_scroll_content .list_container{
	float:left; 
	width: 150px;
	height: 200px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px; margin-right: 0px;
	border-left: 0px solid #e5e5e5;
	background: url(../img/dash_list_bg.gif) no-repeat;
	font-size: 12px;
}
#properties_scroll_content .list_container .property_image{
	display: block;
	width: 150px; height: 100px;
}

/* live chat panel */

/*========== dashboard UI styles ======*/
#card_cvv2{
	width: 40px;
}
.card_details{
	width: 100%;
	float: left;
	padding-bottom: 10px;
	background: url(../img/hor_rule.gif) repeat-x bottom;
}
.card_details label.left{   /* labels for card details */
	display:inline-block;
	font-size:12px;
	font-weight: bold;
	width:100px;
}
.last_card{
	background: none;
}



/*========== my properties UI styles ======*/
.listing_container .details {
	width: 350px;
	padding-right: 10px;
}

.listing_container .status{
	position: relative;
	display: inline-block;
	float: left;
	overflow: hidden;
	width: 113px;
	height: 110px;
	padding-right: 10px;
}
.listing_container div.status .on_auction, 
.listing_container div.status div.sold, 
.listing_container div.status div.closed,
.listing_container div.status div.pending,
.listing_container div.status div.auction_closed{
	position: absolute;
	top: 5px; right: 10px;
}
.listing_container div.status a.dollar_event{
	position: absolute;
	top: 45px; right: 180px;
}
.listing_container a.link{
	display: inline-block;
	height: 18px;
	padding-left: 30px;
	padding-top: 3px;
	color: #6D442D;
}
.listing_container a.save{
	background: url(../img/icon_add_favorite.gif) no-repeat 0px -3px;
}
.listing_container a.remove_save{
	background: url(../img/icon_remove_favorite.gif) no-repeat 0px -3px;
}
.listing_container a.contact_agent{
	background: url(../img/icon_profile_edit.gif) no-repeat 0px -3px;
}
.listing_container a.view{
	background: url(../img/icon_btn_find_my_listings_2.gif) no-repeat 0px -3px;
}
.listing_container a.email_friend{
	background: url(../img/icon_btn_email_2.gif) no-repeat 0px -3px;
}
.listing_container a.manage_property{
	background: url(../img/icon_key.gif) no-repeat 0px -3px;
}
.listing_container a.sales_proposal{
	background: url(../img/icon_doc_stack.gif) no-repeat 0px -3px;
}
.listing_container a.sale_closing{
	background: url(../img/icon_hand_shake_green.gif) no-repeat 0px -3px;
	color: #4A8F25;
}
.listing_container a.orders{
	background: url(../img/icon_cash_reg.gif) no-repeat 0px -3px;
}
.listing_container a.bid_now{
	background: url(../img/icon_hammer_red.gif) no-repeat 4px -3px;
	color: #4A8F25;
	padding-left: 34px;
	padding-bottom: 5px;
	font-size: 13px;
}
.listing_container a.watch_bidding{
	background: url(../img/icon_hammer_eye_green.gif) no-repeat 4px -3px;
	color: #4A8F25;
	padding-left: 34px;
	padding-bottom: 5px;
	font-size: 13px;
}
.listing_container div.buttons{
	width: 145px;
	position: relative;
	overflow: hidden;
}
.listing_container div.button_container{
	position: relative;
	/*left: 116px;*/
}


/* broker's my listigns */

#tbl_listing{
}
#tbl_listing .tbody .empty_row{
	padding: 5px;
}
#tbl_listing .tbody .row{
	padding-top: 2px;
	padding-bottom: 2px;
}
#tbl_listing .row .listingID{
	width: 5%;
}
#tbl_listing .row .address{
	width: 28%;
}
#tbl_listing .row .property{
	width: 17%;
}
#tbl_listing .row .date{
	width: 15%;
}
#tbl_listing .row .status{
	width: 20%;
}
#tbl_listing .row .manage{
	width: 20px; height: 25px;
	padding: 0px
}
#tbl_listing .row .manage a.manage{
	display: inline-block;
	width: 20px; height: 25px;
	background: url(../img/icon_key.gif) no-repeat 0px 0px;
}


#listing_container .listing_pagination{
	margin-bottom: 10px;
	margin-top: 10px;
}


/*** My Orders page ***/
#send_order_main_container .tips, #my_orders_main_container .tips{
	width:300px;
}
.product_price, .product_quantity, .product_status{
	display: inline-block;
	width: 100px;
}
.product_unit_price{
	display: inline-block;
	width: 140px;
}
#my_orders_panel .table_header .service_name, #my_orders_panel .table_body .service_name{
	width: 300px;
}
#my_orders_panel .table_header .order_columns, #my_orders_panel .table_body .order_columns{
	width: 500px;
}
#my_orders_panel .table_body .product_row{
	padding-bottom:4px;
	padding-top:4px;
}
#my_orders_panel .table_body .product_row_colored{
	background: #F2F1E1 ;
}
.link_buttons .link{
	font-size:12px;
	margin-top:5px;
	display:inline-block;
	height:20px;
	padding-left:30px;
	padding-top:3px;
}
.link_buttons .orders{
	background:transparent url(../img/icon_cash_reg.gif) no-repeat scroll 0 -3px;
}



/********************************/
/******** BETTING GAME **********/
/********************************/
.play_now_game_stats a.lnk_game_periods, .play_now_game_stats span.spn_game_periods{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	display: inline-block;
}
.play_now_game_stats span.spn_game_periods{
	font-style: italic;
}



/* overview page betting system */
.betting_info_container{
	display: block;
	position: relative;
	width: 400px;
	height: 58px;
	background: url(../img/betting_bg_long.gif) no-repeat 0px 0px;
	padding: 10px;
}
.betting_info_container .game_period{
	display: block;
	color: #594D40;
	font-size: 11px;
	margin-bottom: 8px;
	text-align: center;
}
.betting_info_container  .betting_stats_bar{
	display: inline-block;
	width: 333px;
	height: 17px;
	padding-top: 0px;
	margin-left: 30px;
	position: relative;
}
.betting_info_container  .betting_stats_bar .betting_needed_wins{
	position: absolute; top: 3px; left: 0px;
	display: inline-block;
	width: 332px;
	height: 10px;
	/*margin-top: 3px;*/
	background: #fff;
	font-size: 0px;
	overflow: visible;
}
.betting_info_container  .betting_stats_bar .betting_current_wins{
	position: absolute; top: 3px; left: 0px;
	display: inline-block;
	width: 300px;
	height: 10px;
	background: url(../img/betting_stats_bar_colored_long.gif) no-repeat 0px 0px;
	/*float: left;*/
}

.betting_info_container  .betting_stats_bar .betting_stats_bar_numbers{
	position: absolute; top: 0px; left: 0px;
	display: inline-block;
	width: 32px;
	height: 15px;
	padding-top: 2px;
	/*margin-top: -3.5px;*/
	background: url(../img/betting_stats_bar_numbers.gif) no-repeat 0px 0px;
	text-align: center;
	font-size:10px;
	color: #fff;
	/*float: left;*/
}
.betting_info_container .game_stats{
	font-size: 10px;
	display: block;
	padding-top: 5px;
	text-align: center;
}
.betting_info_container .game_stats div{
	line-height: 14px;
	display: inline;
}
.quick_property_preview{
	margin-bottom: 10px;
}
.quick_property_preview div.thumbnail{
	width:80px;
}
.quick_property_preview img.thumbnail{
	border: 2px solid #DBD8BA;
}
.quick_property_preview .stats{
	width:220px;
	height: 80px;
	float: left;
	margin-left: 10px;
}
.quick_property_preview .detail{
	width:625px;
	border-left: #DBD8BA solid 1px;
	padding-left: 10px;
	height: 80px;
}
.quick_property_preview .stats .property_status{
	font-size: 12px;
	color: #594D40;
	display: block;
	margin-bottom: 5px;
}
.won .stats .your_bet{
	font-size: 12px;
	color: #4A8D25;
	display: inline-block;
	margin-bottom: 5px;
	font-weight: bold;
}
.lost .stats .your_bet{
	font-size: 12px;
	color: #A32322;
	display: inline-block;
	margin-bottom: 5px;
	font-weight: bold;
}
.pending .stats .your_bet{
	font-size: 12px;
	color: #6D442D;
	display: inline-block;
	margin-bottom: 5px;
	font-weight: bold;
}
.quick_property_preview .stats .bet_status .status{
	display: block;
	width: 60px;
	height: 17px;
	margin-top: 10px;
	border: 0px none;
}
.quick_property_preview .stats .bet_status .lost{
	background: url(../img/betting_statuses_long.gif) no-repeat 0px -80px;
}
.quick_property_preview .stats .bet_status .won{
	background: url(../img/betting_statuses_long.gif) no-repeat 0px -18px;
}
.quick_property_preview .stats .bet_status .pending{
	background: url(../img/betting_statuses_long.gif) no-repeat 0px -49px;
}
.quick_property_preview .stats .bet_status .locked_in{
	background: url(../img/betting_statuses_long.gif) no-repeat 0px 0px;
	display: inline-block;
}
.quick_property_preview .bet_status .closed{
	background: url(../img/betting_statuses_long.gif) no-repeat 0px -108px;
}
.quick_property_preview .stats a.play_now{
	display: inline-block;
	width: 97px;
	height: 26px;
	background: url(../img/btn_play_now_long.gif) no-repeat 0px -32px;
	overflow: hidden;
	clear: both;
	position: relative;
	left: 18px;
	top: 6px;
	padding-left:0px;
	padding-top:0px;
}
.quick_property_preview .stats a.play_now:hover{
	display: inline-block;
	width: 97px;
	height: 26px;
	background: url(../img/btn_play_now_long.gif) no-repeat 0px 0px;
}
.play_now_game_stats .no_bets{
	background: #F2F1E1;
	border: 1px solid #DBD8BA;
}
.play_now_game_stats .won{
	background: #C1EAAC;
	border: 1px solid #4A8F25;
}
.play_now_game_stats .lost{
	background: #F0B7B7;
	border: 1px solid #A32322;
}
.play_now_game_stats .pending{
	background: #E8D8AE;
	border: 1px solid #A3842F;
}