﻿/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*                 Layout StyleSheet - RI4rent.com
*           Created by Jeremy S. Cargilo for ETR Consulting.
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Purpose: 
*   This stylesheet contains the subpage css styles for the entire project.
*   All subpage styles, links, forms, and other non-layout items can be found in 
*   their respective style sheets.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Default SubPage Styles
-------------------------------------------------------------------------------*/
#subpage_content_header { margin: 23px 0px 0px 11px; height: 32px; }
#subpage_content { float: left; position: relative; width: 715px; left: 24px; margin-right: 8px; }
.subpage_content_margin { position: relative; left: 11px; margin-right: 8px; }
.subpage_title { font-size: 18px; color: #F9A253; font-weight: bold; }
.System_Messages { text-align: center; display: block; margin-top: 175px; }

/* SubPage RightBar Styles
-------------------------------------------------------------------------------*/
.rightbar { float: right; width: 225px; padding: 0px 0px 10px 10px; }
.rightbar_content { margin: 0px 10px 0px 10px; }

/* Default.aspx Styles
-------------------------------------------------------------------------------*/
#home_flash_border { float: left; position: relative; left: 36px; margin-top: 18px; 
    width: 459px; height: 221px; 
    border: 1px solid #A7A7A7; background: #FFFFFF; }
.home_flash { margin: 6px 5px 5px 6px; }

/* Quick search */
#home_tabs { float: left; position: relative; left: 49px; margin-top: 18px; 
	width: 255px; height: 26px; display: block; }
* html #home_tabs { margin-bottom: -6px; }
.Tab { margin-left: -4px; }
.home_quicksearch { float: left; position: relative; left: 49px; 
    width: 412px; height: 195px; 
    background: url("../../images/home_quicksearch.gif") no-repeat; }
#search_id { float: left; position: relative; left: 15px; margin-top: 46px; 
    width: 94px; line-height: 13px; }
#search_id_control { margin-top: 22px; }
#search { float: left; position: relative; left: 43px; margin-top: 15px; width: 119px; }
#search select { margin: 3px 0px 4px 0px; }
.search_listingNumButton { position: relative; top: 3px; }
#adv_search { float: left; position: relative; left: 71px; margin-top: 46px; 
    width: 106px; line-height: 13px; }

/* -- Buttons -- */
.quicksearch_buttons { position: absolute; top: 155px; left: 13px; margin-top: 10px; width: 387px; }
.quicksearch_buttons .search_btn    { margin-left: 70px; }
.quicksearch_buttons .advsearch_btn { margin-left: 91px; }

.home_postlisting { float: left; position: relative; left: 49px; 
    width: 412px; height: 195px; 
    background: url("../../images/home_postlisting.gif") no-repeat; }
#postlisting_button { position: relative; top: 165px; text-align: center; }

/* Who we are... */
#home_who { clear: left; float: left; position: relative; left: 36px; margin-top: 7px; 
    width: 311px; height: 181px; 
    background: url("../../images/home_who.gif") no-repeat; }
#who_text { position: relative; top: 49px; left: 33px; width: 254px; line-height: 13px; }

/* Listing */
#home_listing { float: left; position: relative; left: 50px; padding-top: 11px; margin: 7px 0 0 2px;
    width: 559px; height: 181px; 
    background: url("../../images/home_listing.gif") no-repeat; }
.listing_photo { float: left; margin: 38px 0px 0px 22px; }
#sunburst { position: absolute; left: 0px; width: 150px; text-align: center; padding-top: 8px; }
.standard_sunburst { margin-top: 26px; }
#listing_contentbanner { width: 409px; height: 72px; margin: 0px 0px 0px 147px; 
	background: url("../../images/home_contentbanner.gif") no-repeat; }
#listing_text { float: right; margin: 15px 10px 0px 19px; width: 372px; line-height: 13px; }

/* Sidebar Layout Styles
-------------------------------------------------------------------------------*/
.sidebar_header { width: 208px; height: 18px;
    background: url("../../images/sidebar_header.gif") no-repeat; }
.sidebar_bg     { width: 208px; padding: 13px 0px 13px 0px; 
    background: url("../../images/sidebar_bg.gif") repeat-y; }
.sidebar_bg_orange { width: 208px; padding: 13px 0px 13px 0px; color: #000000;
    background: url("../../images/sidebar_bg_orange.gif") repeat-y; }
.sidebar_footer { width: 208px; height: 115px; margin-bottom: 7px;
    background: url("../../images/sidebar_footer.gif") no-repeat; }
.sidebar_bot    { width: 208px; height: 2px; margin-bottom: 7px;  
    background: url("../../images/sidebar_bot.gif") no-repeat; }

/* -- Sidebar Content styles -- */    
.sidebar_title { margin: 1px 0px 0px 24px; color: #FFFFFF; }
.sidebar_bg_orange p { color: #000000; }    
.sidebar_bg table, .sidebar_bg_orange table { margin-left: 18px; }
.sidebar_hr    { width: 206px; height: 7px; margin-left: 1px;
    background: url("../../images/sidebar_hr.gif") no-repeat; }
.sidebar_hr_noborder    { margin-left: 1px; height: 1px; width: 206px; 
    background: url("../../images/sidebar_hr_noborder.gif") no-repeat; }

/* Sidebar Navigation Styles
-------------------------------------------------------------------------------*/
#sidebar_search { position: relative; top: 11px; right: 52px; display: block; text-align: right; }
#sidebar_advsearch { clear: left; position: relative; top: 29px; display: block; }
#sidebar_advsearch p { color: #FFFFFF; font-weight: bold; text-align: left; 
    padding: 0px 0px 0px 18px; }
#sidebar_advsearch .advsearchbutton { position: absolute; right: 10px; top: 38px;  }

/* Body Content Layout Styles
-------------------------------------------------------------------------------*/
.bodycontent_header { width: 705px; height: 18px; 
    background: url("../../images/bodycontent_header.gif") no-repeat; }
.bodycontent_premier_header { width: 705px; height: 18px; 
    background: url("../../images/bodycontent_premier_header.gif") no-repeat; }
.bodycontent_bg, .bodycontent_bg_nomargin { width: 705px; padding: 10px 0px 7px 0px; 
    background: url("../../images/bodycontent_bg.gif") repeat-y; }
.bodycontent_body { padding: 0px 15px 0px 15px; }
.bodycontent_centerbox { position: relative; width: 700px; left: 50%; margin-left: -175px; }
.bodycontent_footer { width: 705px; height: 2px; margin-bottom: 7px;
    background: url("../../images/bodycontent_footer.gif") no-repeat; }

/* -- BodyContent Table styles -- */
.bodycontent_bg table { margin-left: 9px; }
.bodycontent_bg td { padding: 2px; }
.bodycontent_bg_nomargin table { margin: 0px; }
.bodycontent_title { margin: 1px 0px 0px 24px; color: #FFFFFF; }
.bodycontent_hr { height: 13px; 
    background: url("../../images/bodycontent_hr.gif") repeat-x; }
.bodycontent_vr { width: 1px; 
    background: url("../../images/bodycontent_vr.gif") repeat-y; }
   
/* -- Body Content Typography Styles -- */
.bodycontent_bg h1 { color: #1C3996; font-size: 16px; margin: 5px 0px 5px 0px; }
    
/* Listings Styles
-------------------------------------------------------------------------------*/
.listing_box { margin: 5px 0px 5px 0px; }
.listing_imagebox { border: 1px solid; width: 193px; padding: 4px 0 4px 0; text-align: center; 
		display: table-cell; }
.listing_imagebox img { vertical-align: middle; }
.listing_image { }
.listing_button { float: left; position: relative; top: 9px; left: 3px; }
.listing_button p { margin: 8px 0px 8px 0px; }
.listing_buttonrow { width: 195px; margin-top: 5px;  }
.listing_buttonrow .column1 { float: left; width: 85px; margin-top: 5px; height: 17px; }
.listing_buttonrow .column2 { float: left; padding-top: 5px; height: 17px; }

.listing_title { font-weight: bold; font-size: 16px; line-height: 18px; }
.listing_summary { width: 477px; height: 78px; line-height: 13px; 
    background: url("../../images/listing_summary_bg.gif") no-repeat; }
.listing_summarybox { float: left; margin: 4px 0 0 7px; font-weight: bold; 
    color: #000000; font-size: 16px; width: 225px; }
.listing_bold_text { position: relative; top: 10px; left: 7px; font-size: 12px; 
    color: #F9A253; }
.listing_contact { float: left; position: relative; top: 2px; left: 20px; 
    font-weight: bold; width: 220px; }
.listing_content_bottom { position: relative; top: 9px; left: 8px; width: 474px; margin-bottom: 9px; }

/* Editor.aspx SubPage Styles
-------------------------------------------------------------------------------*/
#content_editor { width: 600px; margin: 7px 0px 7px 10px; font-size: 12px; }
#editor_buttons { margin-top: 10px; }
#editor_buttons_center { margin-top: 10px; text-align: center; display: block; }
#ContentSection { margin: 0px 11px 0px 11px; }

/* WHY RI4RENT?
-------------------------------------------------------------------------------*/
.whyri4rent_history_image { float: right; margin-left: 7px; }

/* Listing Details
-------------------------------------------------------------------------------*/
#listing_details { padding: 0px 0px 0px 13px; }
.listingoption_title { text-align: center; color: #FFFFFF; }
.listingoption_hr    { display: block; height: 7px; margin-right: 13px; 
    background: url("../../images/sidebar_hr.gif") repeat-x; }
.listingoption_hr_noborder    { width: 306px; height: 1px; margin-left: 1px;
    background: url("../../images/sidebar_hr_noborder.gif") no-repeat; }
#listingdetails_mainimage { text-align: center; width: 100%; margin: 0px 0px 10px -6px; }
#listingdetails_mainimage img { margin-bottom: 10px; }
#listingdetails_mainimage p { font-weight: bold; font-size: 18px; color: #F9A253; }
#listingdetails_image { height: 385px; }

/* -- Listing Content styles -- */    
.listingoption_header { width: 325px; height: 18px;
    background: url("../../images/listingoption_header.gif") no-repeat; }
.listingoption_bg     { width: 325px; padding: 13px 5px 13px 7px; 
    background: url("../../images/listingoption_bg.gif") repeat-y; }
.listingoption_bg_nopad { width: 325px; 
    background: url("../../images/listingoption_bg.gif") repeat-y; }
.listingoption_bot    { width: 325px; height: 1px; margin-bottom: 7px; 
    background: url("../../images/listingoption_bot.gif") no-repeat; }
    
/* -- Column Styles -- */
.listingoption_leftcolumn { float: left; }
.listingoption_rightcolumn { float: right; }   

/* -- Listing Links -- */
#listing_links { float: left; width: 675px; margin: 0px 10px 10px 0px; }
#listing_address { float: left; width: 200px; margin: 0px 10px 10px 0px; }
#listing_map, #listing_properties, #listing_emailfriend { float: left; text-align: center; width: 145px; }

/* Profile Styles
----------------------------------------------------------------------------------*/
.profile th { text-align: left; }

/* Access Styles
----------------------------------------------------------------------------------*/
.access_loginrequired { float: left; display: block; width: 100%; }
#access_login { float: left; width: 325px; height: 250px; margin: 0px 20px 0px 10px; }
#access_login_body, #access_createaccount_body { padding: 10px 10px 0px 10px; width: 289px; }
#access_createaccount { float: left; width: 325px; height: 250px; }
#access_createaccount_button { position: relative; display: block; text-align: right; 
	top: 55px; width: 305px; }

/* PostListing.aspx Styles
----------------------------------------------------------------------------------*/
.blue_inlineheading { color: #1C3996; font-size: 16px; }
.blue_inline { color: #1C3996; font-weight: bold; }
.hr2px { border-bottom: 2px solid #868377; margin: 10px 0px 15px 0px; width: 477px; }
.product_heading { border: 1px solid #000000; padding: 2px; width: 470px; text-align: center; 
	background-color: #F9A253; color: #FFFFFF; font-weight: bold; font-size: 18px; 
	margin: 0px 0px 10px 0px; }
.price { color: #1C3996; font-weight: bold; font-size: 12px;  }
.ad_imagesample { border: 1px solid #868377; width: 184px; height: 156px; margin: 0px 0px 10px 11px; }
.plus_sunburst { float: left; margin: 0px 10px 40px 0px; }
#premium_includes .ad_features { float: left; }
#listing_discounts { position: relative; left: -30px; }
#discount_table { float: left; }
#package_compare { float: left; margin-left: 15px; }
#postlisting_creditcards { display: block; text-align: center; margin-top: 15px; }
#yardsign { float: left; width: 335px; height: 148px; text-align: right; 
	background: url("../../images/yardsign_id.png"); } 
	
/* WhyRI4RENT.aspx Styles
----------------------------------------------------------------------------------*/
.blue_inlineheadingbold { color: #1C3996; font-size: 16px; font-weight: bold; }
.orange_inline { color: #F9A253; font-weight: bold; }
.why_screenshots { float: right; position: relative; top: 2px; }

/* Custom Styles
----------------------------------------------------------------------------------*/
.callout_bg { border: 2px solid #868377; padding: 5px; background-color: #EAEAEA; margin-bottom: 10px; 
	color: #1C3996; font-weight: bold; }
	
/* Contact.aspx Styles
-------------------------------------------------------------------------------*/
#contactform td { padding: 3px 0 3px 0; }
.unwatermarked {
	height: 18px;
	width: 148px;
}

.watermarked 
{
	height: 20px;
	width: 150px;
	padding: 2px 0 0 4px;
	border: 1px solid #CCCCCC;
	background-color: #EBEBEB;
	font-family: Tahoma;
	color: gray;
}

/* Admin/Reports.aspx Styles
-------------------------------------------------------------------------------*/
.MyCalendar .ajax__calendar_container {
    border: 1px solid #626262;
    background-color: #EAEAEA;
    color: #1C3996;
}

.MyCalendar .ajax__calendar_hover, .MyCalendar .ajax__calendar_active
{
	font-weight: bold; 
	color: #F9A253;
}
