/****************************************************************
*
*	Naked Apartments Default CSS
*	Author: Gabriel Friedman
*	Created: 10.08.2009	
*
****************************************************************/

/* - - - - - - - - - - - - - - - - - - - -
 	from reset.css 
- - - - - - - - - - - - - - - - - - - - - -*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, 378, em, img, q, dlistingl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: top; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }


* {
	margin: 0;
	padding: 0;
}

body {
	font: 11px "Lucida Grande", Arial, Verdana, sans-serif;
	color: #333;
	background: #fff url(/images/bg/page2.gif) repeat-x 0 0;
	text-align: left;
	margin-bottom: 20px;
	line-height: 1.5;
}


/* - - - - - - - - - - - - - - - - - - - -
    GENERIC STYLES
- - - - - - - - - - - - - - - - - - - - - */


table 	{
	clear: both;
	margin: 5px 0px 15px 0px;
	font-size: 11px;
	width: 100%;
}

th  {
	font-size: 12px; 
}


td.last{
	padding-right: 0px;
}

.last{
	padding-right: 0px;
}

table.center {
    margin-left:auto; 
    width: 30%;
    margin-right:auto;
    text-align: center;
}



.bg {
	background-color: #f5f5f5;
}

.padLeft{
    padding-left: 10px;
}

.padLeft5{
    padding-left: 5px;
}

.padRight10{
    padding-right: 10px;
}


.red{
    color: #ef3f2d;
}

.green{
    color: #0d8837;
}

.hidden {
  display: none;
}

.xSm{
    background: transparent url(/images/icons/x_sm.gif) no-repeat 0 0;
    padding-left: 20px; 
    font-weight: bold;    
}

.checkSm{
    background: transparent url(/images/icons/check_sm.gif) no-repeat 0 0;
    padding-left: 20px; 
    font-weight: bold;    
}


.dividerLine{
    clear: both;
    padding: 0px;
    margin: 5px 0px;
    border-bottom: 1px solid #d9d9d9; 
}

.padTop15{
    padding-top: 15px;
}


/* - - - - - - - - - - - - - - - - - - - -
 	HEADERS
- - - - - - - - - - - - - - - - - - - - - -*/
h1,h2,h3,h4,h5,h6 	{color: #111;margin-top: 0;}
h1 					{font-size: 18px;font-weight: bold;}
h2 					{font-size: 15px;padding-left: 4px;font-weight: bold;}
h3 					{font-size: 14px;margin: 0;}
h4					{font-size: 12px;}




h1 img{
    padding-right: 10px;
    text-align: left;
}

#general h1{
    float: left;
}



/* - - - - - - - - - - - - - - - - - - - -
 	LINKS
- - - - - - - - - - - - - - - - - - - - - -*/
a {
	text-decoration: none;
	color: #147898;
	outline: none;
}

a:hover {
	text-decoration: underline;
}


img,a img {
	border: 0;
}

a.thickbox{
    font-weight: bold;
}


.requestReview a.thickbox{
    font-weight: normal;
}


.apt {
	white-space: nowrap;
	font-weight:bold;
	display: block
}


dl span {
	width: 100px;
	border: medium black;
}



/* - - - - - - - - - - - - - - - - - - - -
 	generic styles
- - - - - - - - - - - - - - - - - - - - - -*/

.inline{
    display: inline
}




/* Begin: Layout
----------------------------*/
#wrapper {
	width: 952px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	position: relative;
}

#masthead {
    background: url(/images/bg/clouds.gif) no-repeat 225px 0px;
	position: relative;
	margin-bottom: 22px;
	padding-bottom: 3px;
	padding-top: 10px;
	height: 120px;
	z-index: 1;
/*	border-bottom: 1px solid #addfea; */
}


#logo {
	display: block;
	text-indent: -4000px;
	background: url(/images/logo_inside.gif) no-repeat 0 0;
	width: 285px;
	height: 40px;
	margin-left: 0px;
}


#anonNav{
    float: right
}


#anonNav ul{
    list-style-type: none;
    margin-top: 3px;
}

#anonNav li{
   float:left;
   padding:  3px 5px;
   font-size: 12px;
   margin-right: 20px;
}

#anonNav li a{
   color: #fff;
}

#anonNav li a:hover, #anonNav li a.active{
   color: #1C8EA4;
   text-decoration: none
   
}

#anonNav .login{
    background-color:#63c4d7;
    padding: 2px 6px;
    font-weight: bold;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    margin-right: 0px;
}

#anonNav li.login a:hover{
    color:#c7eff7;
}


#anonNav .anonBtn { 
    margin-top: 6px;
    height: 30px;
    padding:0;
    margin-left:5px;
    padding-left:10px;
    float:left;
}

#anonNav .anonBtn.active{
    background: url(/images/buttons/anon_left.gif) no-repeat left top;
    text-decoration: none;
}

        
        
 #anonNav .anonBtn a, .anonBtn input  {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    /* NA - Added float:left for IE6 sizing */
    float:left;
}

 #anonNav .anonBtn a.active {
    text-decoration: none;
    color: #fff;
}

#anonNav #userActions{
    position:relative;
    right:0;
    top:0;
}


#userActions {
  background: url(/images/bg/acct_left.gif) no-repeat left bottom;
  font-size:11px;
  overflow:hidden;
    position:absolute;
    right:0;
    top:0;
}

#anonNav .light{
    color:#fff;
}

#userActionsBody .light{
    color:#9dccd7;
}


#userActionsBody {
  background: #C3E7EF url(/images/bg/acct_rt.gif) no-repeat scroll right bottom;
  color: #3195b5;
  float: left;
  margin-left: 5px;
  padding: 10px 5px 10px 6px;
  width: auto;
}

#userActionsBody a {
    padding: 0px;
    font-size: 11px;
    font-weight: bold;
}


#userActionsBody a strong {
    text-transform: uppercase;
}

#userActionsBody .block{
  padding: 0px 15px 0px 10px;
  line-height: 15px;
}


#userActionsBody .border{
    background: url(/images/dividers/v_dotted_white.gif) repeat-y 0 100%;
}

#userActionsBody .noRight{
  padding-right: 0px;
}


/* - - - - - - - - - - - - - - - - - - - - - - 
    new signed in admin bar
- - - - - - - - - - - - - - - - - - - - - - - */


#adminBar {
    background-color:#70cbdd;
    color: #c9edf4;
    line-height: 18px;
    padding: 3px 10px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    overflow:hidden;
    position:absolute;
    right:0;
    top:0;
}

#adminBar a.bold {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

#adminBar .header{
    text-transform: uppercase;
    font-size: 9px;   
    font-family: arial;
}


#adminBar a.small {
    font-size: 10px;
    font-weight: normal;
    color:#116986;
    padding-left: 0px;
}

#adminBar ul{
    	list-style: none;
}

#adminBar li{
    float: left;
    padding: 0px 10px;
    border-right: 1px solid #58b7ca 
}

#adminBar li.noLeft{
    padding-left: 0px;
}


#adminBar li.noRight{
    border-right: none;
    padding-right: 0px;
}


#adminBar .info{
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    padding-right: 5px;
    color: #fff;
}




/* - - - - - - - - - - - - - - - - - - - - - - 
    MAIN NAVIGATION
- - - - - - - - - - - - - - - - - - - - - - - */


#siteNav {
	margin-top: 42px;
	float: left;
	list-style: none;
	width: 100%
}

#siteNav li {
	float: left;
	margin-right: 3px;
}

#siteNav li a {
	float: left;
	background: url(/images/bg/tab_off.gif) repeat-x 0 0;
	font-size: 15px;
	font-weight: bold;
	border-top: 1px solid #addfea;
	border-right: 1px solid #addfea;
	border-left: 1px solid #addfea;
	border-bottom: 0px;
	color: #0a5e72;
	padding: 9px 18px 7px 18px;
	text-decoration: none;	
}


#siteNav li a:hover {
	background: url(/images/bg/tab_hover.gif) repeat-x 0 0;
}

#siteNav li.active a {
	background-image: url(/images/bg/tab_on.gif);
	color: #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 0;
	padding: 9px 25px 7px 25px;
}


#siteNav li#searchOpen{
}

#siteNav li#searchOpen a {

}

#siteNav li#searchOpen a:hover {

}

#siteNav li#searchOpen.active a {
}


#siteNav li.active a#offerTab {
	padding-bottom: 8px;
}




#siteNav li#help {
    float: right
}

#siteNav li#help a {
	background: url(/images/bg/tab_help_off.gif) repeat-x 0 0;
	font-size: 14px;
	margin-top: 11px;
	margin-right: 0px;
	padding: 5px 19px 4px 19px;
}



/* - - - - - - - - - - - - - - - - - - - - - - 
    SIGN UP STYLES 
- - - - - - - - - - - - - - - - - - - - - - - */

body#renter_signup, body#broker_signup{
    background: transparent url(/images/bg/pagebg_fade.jpg) repeat-x 0 0
}



#renter_signup #masthead, #broker_signup #masthead, #choosePlan #masthead{
    height: 25px;
    border-bottom: 0px;
    background: none;
}
 

#renter_signup #wrapper, #broker_signup #wrapper{
    background: url(/images/bg/clouds2.jpg) no-repeat 200px 0px;
}


#renter_signup h1, #broker_signup h1{
    font-size: 25px;
    font-weight: bold;
    color: #00657b;
    margin-bottom: 5px;
}


#renter_signup h2 span.small{
     font-weight: normal;
     font-style: italic;
     font-size: 14px;
}

#renter_signup .oops{  
    font-size: 11px;
    font-weight: normal;
    color: #319ab1
}

#renter_signup .oops a{  
    text-decoration: underline;
    font-weight: bold;
    color: #319ab1
}


#renter_signup .messageMajor{
    margin-top: 10px;
}


#renter_signup fieldset p{
    margin-top: 5px;
}

#renter_signup .headMessage{
    font-size: 13px;
    line-height: 17px;
    padding: 10px 0px;
}

.headMessage h2, .headMessage h3{
    padding: 0px 0px 5px 0px;
    font-size: 18px;
}


#renter_signup .headMessage.actions{
    text-align: left;
    padding: 20px;
    border: 3px solid #ccc
}

#renter_signup .note, #broker_signup .note, #account .note, #listingEdit .note{
    margin-top: 0px;
    background-color: #fefdec;
    padding: 4px;
    font-size: 10px;
    line-height: 14px;
}

#renter_signup .note{
    display: block;
    padding: 10px;
}

#renter_signup .note.right{
    width: 175px;
    float: right;
}


#renter_signup .rowRight .note{
    padding: 3px 6px;
    margin-top: 4px;
}


#necessityRatingSlider{
    margin: 5px 0px 0px 0px;
    width:470px;
}

ul#sliderHelp li{
    float: left;
    width: 52px;
    list-style: none;
    font-weight: bold;
    padding-top: 2px;
}

ul#sliderHelp li.penultimate{
    width: 50px
}

ul#sliderHelp li.last{
    width: 8px
}

#necessityRatingSlider .ui-slider-horizontal {
    background: #fefce7 url() 
}

#necessityRatingSlider .ui-slider-handle{
    background: #2a98b0 url(/images/bg/slider.gif) repeat-x scroll 10% 50%;
    border:1px solid #2a98b0;
}

        
/* - - - - - - - - - - - - - - - - - - - - - - 
    self-report styles 
- - - - - - - - - - - - - - - - - - - - - - - */

    #selfReport{
        padding: 20px;
    }
    
    #selfReport p{
        font-size: 13px;
        line-height: 27px;
        color: #999;
        border-top: 1px solid #e5e5e5;
        width: 300px;
    }
    
    #selfReport  input{
        margin-right: 10px;
    }
    
    #selfReport strong{
        color: #111
    }
     
     
     #selfReport .note{
        float: right;
        width: 160px;
        padding: 10px;
    }
    
    
    
/* - - - - - - - - - - - - - - - - - - - - - - 
    ACTIVITY RATING
- - - - - - - - - - - - - - - - - - - - - - - */

    .activityRating, .activityRatingSm, .activityRatingNA, .activityRatingSmNA{
        color: #fff;
        font-weight: bold;
        float: right;
        font-style: normal
    }

    
    #renter_profile .activityRating{
        padding: 13px 0px;
        font-size: 22px;
        -moz-border-radius:5px;
        -webkit-border-radius: 5px;
        border-radius:5px;
        max-width: 50px;
        width: 50px;   
    }
    
    #renter_profile .activityRatingNA{
        padding: 13px 0px;
        font-size: 22px;
        color: #333;
        -moz-border-radius:5px;
        -webkit-border-radius: 5px;
        border-radius:5px;
        max-width: 50px;
        width: 50px;   
    }
    
    #home .activityRating, #home .activityRatingNA{
        padding: 8px;
        font-size: 18px;
        -moz-border-radius:4px;
        -webkit-border-radius: 4px;
        border-radius:4px;   
    }
    
    #home .activityRatingNA{
        color: #333; 
    }
    
    .activityRatingSm {
      width: 20px;
      padding: 1px;
      font-size: 12px;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius:4px;
      float: none
    }
    
    .activityRatingSmNA {
      padding: 0px;
      font-size: 12px;
      color: #333;
    }
    
    
    /* - using generic centerSpan to center span in cell- - */
    
    .centerSpan .activityRatingSm, .centerSpan .activityRatingSmNA {
        left:-50%;
        position:relative;
        
    }
    
    
    .ar10{background-color: #1b4405}
    .ar9{background-color: #286407}
    .ar8{background-color: #307a08}
    .ar7{background-color: #3e980d}
    .ar6{background-color: #49af11}
    .ar5{background-color: #5bc422}
    .ar4{background-color: #6ed138}
    .ar3{background-color: #8be05c}
    .ar2{background-color: #abea88; color:#307a08}
    .ar1{background-color: #d0f8ba; color:#307a08}
    .arna {background-color: #fff}
    

/* - - - - - - - - - - - - - - - - - - - - - - 
    LOCATION TABS IN RENTER/BROKER SIGN UP 
- - - - - - - - - - - - - - - - - - - - - - - */


#boroughNav {
   margin-top: 5px;
	float: left;
	list-style: none;
}

#boroughNav li {
	float: left;
	margin-right: 1px;
}

#boroughNav li a {
	float: left;
	font-size: 11px;
	background-color: #fff;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	border: 1px solid #e5e5e5;
  padding: 3px 13px;	
  border-bottom: none;
}

#boroughNav li.active a {   
  background-color: #f9f9f9;
	color: #000;
	border: 1px solid #e5e5e5;
	border-bottom: 1px solid #f9f9f9;
}

#manhattan .checkboxCont, #brooklyn .checkboxCont, #queens .checkboxCont, #bronx .checkboxCont, #staten .checkboxCont   {
    width: 140px;
    margin-right: 12px;
    margin-bottom: 5px;
}


.boroughs{
    padding: 0px 5px 5px 10px;
    background-color: #f9f9f9;
}

.boroughs #filters{
    padding: 4px 10px;
    margin: 0px -4px 5px -9px;
    border-top: 0px
}

.boroughs .checkboxCont{
    width: 140px;
    margin-right: 12px;
    margin-bottom: 5px;
}

.boroughs .whiteBtn{
    background: url(/images/buttons/white_left_ongrey.gif) no-repeat left top;
}

.boroughs .whiteBtn a{
    background: url(/images/buttons/white_right_ongrey.gif) no-repeat scroll right top;
}



/* - - - - - - - - - - - - - - - - - - - - - - - 
	LEFT AND RIGHT COLUMN STYLES
 - - - - - - - - - - - - - - - - - - - - - - - */

#leftCol {
	float: left;
	margin-top: 10px;
	margin-right:20px;
	_margin-right:17px;
}

#rightCol {
	margin-top: 10px;
	float:right;
}

#review #leftCol, #review #rightCol, #home #leftCol {
	padding-top: 0px;
	overflow:hidden;
}


#home #leftCol	{width: 547px; margin-top: 0px; border-top:0px; padding-top: 0px;}
#home #rightCol	{width: 385px; margin-top: 0px; border-top: 0; padding-top: 0px;}

#review #leftCol 	{width: 440px;}
#review #rightCol 	{width: 490px;}

#broker_profile #leftCol 	{width: 55%;}
#broker_profile #rightCol 	{width: 42%;}

#landlord_profile #leftCol 	{width: 55%;}
#landlord_profile #rightCol 	{width: 42%;}

#broker_signup #leftCol{
    padding: 10px 20px 20px 20px;
    width: 538px;
    background-color: #f5f5f5;
    border: 1px solid #fff
}

#renter_signup #leftCol{
    padding: 20px 20px 20px 20px;
    width: 536px;
    background-color: #f5f5f5;
    border: 2px solid #fff
}

#renter_signup #rightCol, 
#broker_signup #rightCol    {
    width: 352px;
    margin-top: 50px;
}


#renter_profile #leftCol   {
    padding: 10px 20px;
    width: 520px;
    background-color: #f5f5f5; 
    margin-right: 0px; 
    margin-bottom: 20px;
}

#accountContainer #rightCol{
    margin-top: 15px;
}

#renter_profile #public #leftCol    {
    width: 52%;
}

#renter_profile #public #rightCol    {
    width: 42%;
}


#renter_profile #rightCol   {
    width: 372px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
	RS deactivate/delete
 - - - - - - - - - - - - - - - - - - - - - - - */
 
         #renter_profile #deactivateAccount {
         background-color: #f3fdea;
         padding: 10px 15px;
         color: #4a5540;
         font-size: 10px;
        }

        #renter_profile #deactivateAccount h1 {
         text-align: center;
         margin-bottom: 10px;
        }
        
        #renter_profile #deactivateAccount p {
         margin-top: 5px;
         padding-left: 3px;
         
        }
        
        #renter_profile #deactivateAccount h2 {
         text-align: center;
         margin-bottom: 15px;
         font-style: italic;
         font-weight: normal;
         color: #4a5540
        }
    
        #renter_profile #deactivateAccount .blueBtn a, #renter_profile #deactivateAccount .deleteBtn a   {
         min-width: 120px;
         width: 120px;
         text-align: center;
        font-weight: bold;
        }
        
        #renter_profile #deactivateAccount .block {
         width: 155px;
         margin-right: 20px;
         padding-right: 0px
        }
        
        #renter_profile #deactivateAccount .block.last {
         margin-right: 0px;
         width: 150px;
        }
        
        #renter_profile #reactivate {
         font-size: 12px;
        }
        
    

#credit #rightCol           {width: 352px;margin-top:0px;}

#listingDetail #rightCol    {margin-left:342px; padding: 10px 0px 10px 10px; float: none;}
#listingDetail #leftCol     {margin: 20px 10px 0px 0px; }

#payment #rightCol 	{width: 300px;margin-top: 0px;}

#account #leftCol {
    padding-top: 5px;
	margin-right: 0px;
	margin-top: 0px;
	width: 600px;
	background-color: #f5f5f5;	
}


#account #rightCol {
	float:right;
	width: 300px;
	margin-top: 15px;
}

#reviewPublish #rightCol{
	width:350px;
	margin-top: 0px;
}

#reviewPublish H1{
	margin-bottom: 10px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - 
	broker-side listing pages, meaning:
	   - create
	   - edit
	   -preview
 - - - - - - - - - - - - - - - - - - - - - - - */


        #listingEdit #rightCol    {
            margin-left:362px; 
            padding: 0px;
            margin-top: 0px; 
            margin-bottom: 10px; 
            float: none;
        }
        
        #listingEdit #leftCol     {
            margin-top: 0px;}
        
        #listingEdit #rightCol fieldset.main    {
            padding: 10px 5px;
            border-top: 15px solid #f5f5f5;
            border-bottom: 0px;
            margin-top: 0px;
        }
        
        #listingEdit #rightCol h2    {
            padding: 0px 0px 10px 0px;
        }
        
        #listingEdit #rightCol h2 .message    {
            display: inline
        }
        
        #listingPreview .formActions, #listingEdit .formActions{
            margin-bottom: 10px;
            background-color: #f3fdea;
            border: 0px;
            padding-left: 362px;
        }
        
        #listingPreview .formActions .midPosition, #listingEdit .formActions .midPosition{
            padding-left: 500px;
        }
        
        #listingPreview #rightCol    {
            margin-left:342px; 
            padding: 0px;
            margin-top:0px;
            float: none;
        }
        
        #listingPreview #leftCol     {
            margin-top: 0px;
        }


/* - - - - - - - - - - - - - - - - - - - - - - - 
	STATIC PAGES
 - - - - - - - - - - - - - - - - - - - - - - - */

#static #leftCol       {width: 580px; margin-top: 0px;}
#static #rightCol      {width: 322px;}
#static h1             {margin-bottom: 10px; font-size: 26px;}
#static h4             {margin-top: 20px; font-style: italic; color:#147898; }
#static h3             {margin: 10px 0px 2px 0px;}
#static p              {margin-bottom: 15px; font-size: 12px; line-height: 18px; color: #555}
#static #art           {position: absolute; bottom: 90px; right: 0px} 
#static .bio           {margin-top: 15px; padding-top: 15px; border-top: 3px solid #ccc;}
#static .bio h3        {margin-top: 0px;}

#static .bio img{
    margin: 0px 20px 15px 0px; 
    padding: 1px; 
    border: 5px solid #e5e5e5;
}

#profile .bio img {
    margin: 5px 20px 15px 0px; 
    padding: 1px; 
    border: 5px solid #f2f2f2;
}


#static blockquote     {
    padding: 5px 20px;
}
 
ul#staticNav       {
	list-style-type: none;
	clear: both;
	width: 200px;
}



/* - - - - - - - - - - - - - - - - - - - - - - - 
	local links for FAQ 
 - - - - - - - - - - - - - - - - - - - - - - - */

        #static #leftCol ul#localLinks{
            margin: 0px;  
            margin-bottom: 20px;
        }
        
        ul#localLinks li{
            float: left;
            margin-right: 10px;
            text-transform: uppercase;
            font-weight: bold;
            padding: 3px 5px;
            border: 1px solid #eaeaea
        }
        
        #static .floatRight{
            padding-top: 15px
        }


ul#staticNav li{
    padding: 4px 10px 7px;
    background:url(/images/dividers/dotted.gif) repeat-x scroll 0 100%;
    font-size: 12px;
}

ul#staticNav li.active {
    background: #d4eef4 url();
}

ul#staticNav li:hover{
    background: #ecfafd url();
}


#static h2{
    margin-top: 25px;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 2px;
    font-size: 14px;
}

#static .bio h2{
    background-color: transparent;
    margin-bottom: 2px;
    margin-top: 0px;
}

#static .bio h3{
    margin-top: 0px;
    font-weight: bold;
    border-bottom:0px;
    padding-top: 0px;
    font-size: 11px;
    font-style: normal;
    text-transform: uppercase;
    border-top: 0px;
    color: #999;
    margin-bottom: 5px;
}


#static h3{
    margin-top: 15px;
    font-weight: bold;
    padding-top: 5px;
    font-size: 12px;
    margin-bottom: 5px;
    border-top: 1px solid #ccc;
}

#static #rightCol h3{
    margin-bottom: 0px;
}

#static .question {
	display: block;
	color: #333;
	margin-bottom: 5px;
}

#static .question a {
    font-size: 12px;
    font-weight: normal
}

#static .bg  {
    margin-top: 20px;
    display: block;
    font-size: 12px;
    padding: 5px 10px;
}

#static h2.bg  {
    font-size: 15px;
}

#static #leftCol ul {
    margin: 10px;
    font-size: 13px;
    font-weight: bold;
    list-style: none;
}

#static #leftCol  ul ul li{
    margin-bottom: 5px;
    font-size: 11px;
    font-weight: normal;
    list-style: disc;
}

.answer{
    margin-bottom: 10px;
}

#home .answer{
    margin-bottom: 0px;
    color: #777;
    padding-top: 5px;
}

 
/* - - - - - - - - - - - - - - - - - - - - - - - 
	SALES and DUMMY ACCOUNT PAGES
 - - - - - - - - - - - - - - - - - - - - - - - */

#feed_login #masthead{
        border-bottom: none;
        height: 60px;
        margin-bottom: 10px;
        background: url(/images/bg/clouds.gif) no-repeat 325px 0px;
    }   
    
    #sales #leftCol{
        width: 575px;
        margin-top: 20px;
    }
    
    #sales .head{
        background-color: #f7f7f7;
        padding: 8px 20px;
        font-size: 21px;
        font-weight: bold;
        color: #444;
        margin-bottom: 15px;
    }
    
    #feed_login #sales #leftCol .head{
        margin-bottom: 0px;
    }
    
    #sales #leftCol .box{
        text-align: left;
        border: 1px solid #e6e6e6;
        padding: 10px;
        margin-bottom: 10px;
        min-height: 100px;
        height: 100px;
    }
    
    #feed_login #sales #leftCol .box{
        text-align: left;
        background: url(/images/dividers/h_ltgrey.gif) repeat-x 0 100%;
        border: 0px;
        padding: 20px;
        margin-bottom: 0px;
        height: auto;
        min-height: 30px;
    }
      
    
    #sales #leftCol .box .block{
        max-width: 200px;
        font-size: 12px;
    }
    
    #feed_login #sales #leftCol .box .block{
        max-width: 450px;
        font-size: 12px;
    }
    
    #sales #leftCol .box img{
        padding: 0px;
    }
    
    #sales #leftCol .box .title, #feed_login #sales #rightCol .title{
        color:#045565;
        font-weight: bold;
        font-size: 16px;
        display: inline;
        text-transform: none;
    }
    
    #sales #rightCol{
        margin-top: 20px;
        width: 346px;
    }
    
    #sales #rightCol .box{
        text-align: left;
        border: 1px solid #e6e6e6;
        padding: 10px 15px;
        margin-bottom: 5px;
    }
    
    #sales #rightCol .title{
        font-size: 19px;
        color: #333;
        text-transform: none;
        margin-bottom: 10px;
    }
    
    #sales #rightCol .row .title{
        font-size: 13px;
        color: #444;
        font-weight: bold;
        text-transform: none;
        margin-bottom: 0px;
    }
    
    #sales #rightCol .row{
        background:url(/images/dividers/dotted.gif) repeat-x scroll 100% 0;
        padding: 20px 0px;
    }
       
     #sales #links{
        border-top: 5px solid #f6f6f6;
        border-bottom: 5px solid #f6f6f6;
        padding: 16px 0px 5px 130px;
        font-size: 25px;
        text-align: center;
        color:#808080;
        margin: 30px 0px;
    }
                  
    #sales #links a{
        text-transform: uppercase;
        color:#fb6900;
        font-weight: bold;
        padding: 1px 4px;
    }
    
    #sales #links a.link:hover{
        background-color: #fb6900;
        color: #fff;
        text-decoration: none
    }
    
    
    /* - - - - - - - - - - - - - - - - - - - - - - - 
	   feed-specific styles
    - - - - - - - - - - - - - - - - - - - - - - - */

     #sales .logo {
        padding: 8px 10px 0px 0px;
     }
     
    #feed_login #sales #rightCol .block {
        padding-left: 20px;
     }
     
     #feed_login #sales h2 {
      color:#37adc7;
      font-size: 23px;
      line-height: 26px;
      font-weight: normal
     }
     
     
     
     
     #feed_login #sales #rightCol, #feed_login #sales #leftCol   {
        margin: 0px;
     }

     #feed_login #sales #rightCol .blockText {
        float: left;
        width: 260px;
        font-size: 12px;
     }
     
     #feed_login #sales #rightCol .clear {
        padding: 13px 0px
     }
     
     #feed_login #sales p.line {
        background:url(/images/dividers/dotted.gif) repeat-x scroll 100% 0;
        margin: 20px 0px 0px 0px;
        padding:0px;
     }
     
     #feed_login #login {
        background-color:#d0edf3;
        font-size: 13px;
        padding: 10px 20px;
        margin-top: 30px;
    } 
    
    #feed_login #login .title {
        font-size: 18px;
        font-weight: bold;
        color:#3e93a3;
        text-transform: lowercase;
    } 
    
    #feed_login #login .title strong{
        color:#045565;
    }
        
    
    #feed_login #login input{
    	background:#fff;
    	color: #6F6F6F;
		border: solid 1px #76a7b1;
		padding: 5px;
		font-size: 13px;
    }
    
    #feed_login #login .block{
    	padding: 25px 30px 20px 0px;
    }

    #feed_login #btn_signin{
    background: url(/images/buttons/signin_feed.gif) no-repeat 0 0;
    height: 51px;
    float: left;
    margin-top: 24px;
    }
    
    #feed_login #btn_signin:hover{
     background: url(/images/buttons/signin_feed.gif) no-repeat 0 -51px;
    }
         


 
/* - - - - - - - - - - - - - - - - - - - - - - - 
	PAGINATION
 - - - - - - - - - - - - - - - - - - - - - - - */
 
#pageNav{
    float: right; 
    margin-bottom: 5px;
}

#pageNav li{
    float: left;
    list-style-type: none;
    padding: 1px 6px;
    -moz-border-radius:3px;
    -webkit-border-radius: 3px;
    border-radius:3px;
    border: 1px solid #eaeaea;
    margin-right: 1px;
    font-size: 12px;
}

#pageNav li:hover{
    background-color: #147898; 
}

#pageNav li.text{
    border: 0px;
    font-size: 11px;
}
 
#pageNav li.current{
    background-color: #147898;
}

#pageNav li.current a, #pageNav li:hover a{
    color: #fff;
}





/* - - - - - - - - - - - - - - - - - - - - - - -
	INBOX SUBNAV FOR RENTER AND BROKER 
- - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#subnav {
	margin-bottom: 10px;
	padding: 13px 5px 0px 15px;
	/* NA - Needed to add height/width for IE6 issues, also added overflow:hidden so tabs line up to the bottom. */
	width:932px;
	height:57px;
	clear: both;
	background-color: #19425d;
	position:relative;
    z-index:100;
}

#subnav h2{
	color:#fff;
	font-weight:bold;
	font-size:12px;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
}

#subnav ul {
	position:absolute;
	top:41px;
}

#subnav li {
	list-style-type: none;
	background-color: #24597e;
	margin-right: 3px;
	padding: 6px 15px 2px;
	float: left;
	font-size: 14px;
	color: #fff;
	display: block;
}

#subnav li:hover{
	background-color: #3a7299;
}


#subnav li a:hover{
	text-decoration: none;
	color: #fff;
}

#subnav li a{
	color:#add1ea;
}


#subnav li.active, #subnav li.active:hover {
	background-color: #fff;
	font-weight: bold;
	color: #111;
	padding-bottom: 4px;
}

#subnav a.back{
    color: #72a2c1;
    font-size: 12px;
}


/* - - - - - - - - - - - - - - - - - - - - - - -
	 MODULE SUBNAV
	 - used on RS suggested/favorites
- - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.modsub {
	margin-bottom: 5px;
	padding: 5px 5px 0px 15px;
	/* NA - Needed to add height/width for IE6 issues, also added overflow:hidden so tabs line up to the bottom. */
	height:40px;
	clear: both;
	background-color: #f6f6f6;
	position:relative;
    z-index:100;
    border-bottom:1px solid #E5E5E5;
}


.modsub ul {
	position:absolute;
	top:13px;
}

.modsub li {
	list-style-type: none;
	background-color: #e5e5e5;
	margin-right: 3px;
	padding: 6px 15px 3px;
	float: left;
	font-size: 15px;
    font-weight: bold;

	display: block;
}

.modsub li a{
    color: #999;  
}

.modsub li a:hover{
    text-decoration: none 
}

.modsub li.active a{
    color: #111;  
}

.modsub li a:hover{
    text-decoration: none 
}

.modsub li:hover{
	background-color: #ededed;
}

.modsub li.active, .modsub li.active:hover {
	background-color: #fff;
	color: #111;
	border: 1px solid #e5e5e5;
	border-bottom: 1px solid #fff;
	padding: 5px 15px 3px 15px;
	z-index: 200
}




/* - - - - - - - - - - - - - - - - - - - -
	REVIEW FORM TWEAKS (RENTERS REVIEWING BROKERS)
 - - - - - - - - - - - - - - - - - - - - */


#reviewPublish .floatRight .radioCont{
    margin-top: 0px;
}


#reviewPublish .floatRight .last{
    margin-right: 0px;
}



/* - - - - - - - - - - - - - - - - - - - -
	MARKETING PAGES FOR ANON USERS
 - - - - - - - - - - - - - - - - - - - - */

#anon p{
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px solid #999;
}



table.noBottom{
    margin-bottom: 0px;
}



/* - - - - - - - - - - - - - - - - - - - -
	rounded image style
	- not implemented yet
 - - - - - - - - - - - - - - - - - - - - */

/* rounded image styles */

.rounded-img2 {
	display: inline-block;
	float: left;
	margin-right: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .6), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow:  inset 0 1px 5px rgba(0, 0, 0, .6), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .9);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .6), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
}


/* - - - - - - - - - - - - - - - - - - - -
	PERSONAL HOME PAGES
 - - - - - - - - - - - - - - - - - - - - */


.viewAll{
    float: right;
    font-size: 11px;
    padding: 2px 5px;
}



/* - - - - - - - - - - - - - - - - - - - - - - - 
	status module 
 - - - - - - - - - - - - - - - - - - - - - - - */

    #home .status{
        background-color: #fff;
        padding: 10px ;
        font-size: 11px;
        font-weight: normal;
        line-height: 15px;
        color: #555;
        margin-bottom: 20px;
        border:1px solid #F2F2F2;
        padding: 8px 10px 8px 8px;
    }


    #home .status h2{
        font-weight: 500;
        color:#555;
        font-size: 11px;
        text-transform: uppercase;
        display: inline;
    }
    
    #home .status h1{
        font-weight: bold;
        font-size: 14px;
        color: #111;
        display: inline;
    }
    
    #home .status a.link{
        font-size: 12px;
        text-decoration: underline;
        float:right;
        font-weight: bold
    }
    

/* - - - - - - - - - - - - - - - - - - - - - - -
 	RIGHT and LEFT COLUMN MODULE AND TABLE STYLES
 - - - - - - - - - - - - - - - - - - - - - - - -*/
 

.homePageMod{
    margin: 0px 0px 30px 0px;
 }
 
 
 #review .homePageMod{
    margin: 0px 0px 20px 0px;
 }
 
  .homePageMod h2{
    padding: 5px 4px 5px 10px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f6f6f6;
}


 .homePageMod .date{
 	white-space: nowrap;
 	padding-right: 10px;
 }

 
 
.homePageMod table{
    margin: 0px;
 }
 
 .homePageMod .offersMadePopup table{
    margin-top: 5px;
 }
 
.homePageMod .unit, .homePageMod  td{
    background:url(/images/dividers/dotted.gif) repeat-x scroll 0 100%;
	padding: 6px 3px 6px 10px;
 }
 
.homePageMod  td.border{
    background: none;
	border-bottom: 3px solid #e5e5e5;
	padding: 7px 0 7px 8px
}
 
 table#suggestedListings td{
    background:url(/images/dividers/dotted.gif) repeat-x scroll 0 0;
    padding-top: 8px;
 }
 
 .homePageMod td.last{
    background:none ;
 }
 

table#requestReviews td, table#pendingReviews td{
	padding: 10px 3px 10px 10px;
 }
 
 
 .unit img{
    padding: 0px 10px 0px 0px;
 }
 
 .activity img{
    padding-right: 5px;
 }
 

.homePageMod .message{
    display: inline;
    font-size: 11px;
    font-style: normal
}


/* - - - - - - - - - - - - - - - - - - - -
	MESSAGES MOD
 - - - - - - - - - - - - - - - - - - - - */

    #home div#messages {
 	background-color: #f6f6f6;
 	border: 2px solid #e6e6e6;
 	padding: 0px 10px 10px 10px;
 	margin-bottom: 20px;
    }
    
    #home  div#messages h2 {
 	padding-left: 0px;
    }
    
    #home div#messages .date {
 	text-align: right;
 	color: #666;
 	font-size: 11px
    }
 
 
 

/* - - - - - - - - - - - - - - - - - - - -
	SUGGESTED RENTERS/LISTINGS
 - - - - - - - - - - - - - - - - - - - - */

     .homePageMod .modBody th {
        text-align: left;
       padding: 10px 5px 6px 3px;
        font-size: 10px;
        border-bottom: 1px solid #eaeaea;
        text-transform: uppercase; 
        color:#666;   
        font-weight: normal;
        white-space: nowrap;
    }


    
    
     .homePageMod .modBody td {
        background:transparent url(/images/dividers/dotted.gif) repeat-x scroll 0 100%;
        text-align: left;
        padding: 5px 3px 4px 3px;
    }
    
    #suggestedListings .unit{
        clear:left;
    }
    
     .homePageMod  table#suggestedListings td{
        padding: 10px 3px 6px 5px;
    }

 
.rightMod, .leftMod{
	border-top: 7px solid #ccc;
	padding-top: 7px;
    margin-bottom: 20px;
}

.rightMod h2{
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}


.rightMod table, .leftMod table{
    margin-bottom: 0px;
}


.rightMod p{
    margin-top: 10px;
}


.rightMod td {
    background:url(/images/dividers/dotted.gif) repeat-x scroll 0 100%;
	margin-bottom: 3px;
	padding: 7px 3px 7px 5px;
}


#rightMod td.date{
	color: #999;
    width: 90px;
	white-space: nowrap;
}


#rightMod a{
	font-weight: bold;
}


#bidTable{
  clear: left;
}


#bidTable th {
	font-size: 12px;
	border-left: 0px;
}


#bidTable th, #bidTable td{
	border-bottom: 1px solid #ccc;
	padding: 8px 20px 8px 8px;
}


/* - - - - - - - - - - - - - - - - - - - - - - -
 	ACCOUNT PAGES
 - - - - - - - - - - - - - - - - - - - - - - - -*/

#accountContainer{
	margin-top: 10px;
	width: 922px;
	padding: 0px 15px 15px 15px;
	background-color: #f5f5f5;	
}


#accountContainer .tealBar{
    float: none;
    margin-top: 0px;
    margin-right: 0px;

}

#account #masthead, #renter_profile #masthead{
	margin-bottom: 0px;
}

#account .contentBox {
	margin: 15px 0;
	padding: 5px 10px 10px;
	width: auto;
	background-color: #fff;	
	border: 1px solid #ccc;
}

#account .row{
	padding: 2px 0px 5px 0px;
}


tr.wallet{
	background-color: #eef4e4;
	font-weight: bold;
}



#account #rightCol .summaryCont{
	float: none;
}


.big{
	font-weight: bold;
	font-size: 14px;
}


.actions .big{
    line-height: 14px;
}

/* - - - - - - - - - - - - - - - - - - - - - - -
 	LISTINGS, SERP AND INBOXES
 - - - - - - - - - - - - - - - - - - - - - - - -*/
 
/*      new styles for inboxes. 
        RS and BS pages can have body id = contacts. 
        Any differences in table styles can be handled by table ids 
        
*/

        #contacts #masthead, #details #masthead{
        	margin-bottom: 0px;
        }

        
        /*  explanation line in subnav space */
        #contacts .subtitle{
            position: absolute;
            left: 250px;
            bottom: 3px;
            color:#9fc7e2;
            font-size: 13px;
            font-weight: normal;
            font-style: normal
        }
        
        #contacts #subnav li {
           padding-left: 30px;
           padding-right: 30px;
        }
        
        
        /*  #sub is the filters - all/connected/anonymous/unread */
        
        #contacts ul#sub {
           margin:-5px 0px 6px 28px; 
        }
        
        
        #contacts #sub li.highlightNew {
            background-color: #fdfdec;
            margin-top: -3px;
        }
        

        #contacts #sub li {
            font-size: 12px;
        	list-style-type: none;
        	margin-right: 35px;
        	float: left;
        	display: block;
        	padding: 2px 10px;
        }
        
        #contacts #sub li.active {
            font-weight: bold
        }
        
        #contacts #sub li.connected {
           background: url(/images/icons/connected_sm.gif) no-repeat 0 0;
           padding-left: 28px
        }
        
        #contacts #sub li.anon {
           background: url(/images/icons/anonymous_sm.gif) no-repeat 0 0;
           padding-left: 28px
        }
        
        #contacts #sub li img {
            padding-right: 3px;
        }
        
        
        /*  
        TH and TD styles for contacts tables 
        if diff styles are needed for diff tables, use table ids
        */
           
        #contacts th {
            background-color: #f2f2f2;
            padding: 10px 15px 4px 7px;
            white-space: nowrap;
            color:#666;
            font-size: 11px;
            text-transform: uppercase
        }
        
        #contacts th a {
            color:#666;
            border-bottom: 1px dotted #8c8c8c
        }
        
        #contacts th.read {
            width: 110px;
        }
        
        #contacts td{
        	padding: 10px 15px 10px 7px;
            vertical-align: top;
        	border-bottom: 3px solid #f2f2f2;
        	font-size: 11px;
        }
        
        #contacts .details{
        	font-weight: bold;
        	width: 120px;
        	font-size: 12px;
        }
        
        #contacts table img{
            margin-top: -6px;
        }
        
        #contacts .details .greenBtn{
        	font-weight: normal;
        	font-size: 12px;
        }
        
         #contacts .status{
        	width: 60px;
        }
        
        #contacts table tr.highlightNew td{
            background-color: #fdfdec;
        }
        

        
/*  Renter side styles */

        
        #contacts  td.broker {
            width: 95px;
        }

        
        #contacts  td.date {
            width: 90px;
        }
        
        #contacts td .nomsg {
            color: #666;
            font-style: italic
        }
        
        
        #contacts td.messages table.attached {
            background-color: #fafafa;
            border: 1px solid #fff;
            padding: 2px 5px 5px 5px;
        }
        
        #contacts td.messages table.attached th {
            background-color: transparent;
            color: #333;
            padding: 3px 4px;
        }
        
        #contacts td.messages table.attached td {
            border-top:1px solid #e4e4e4;
            background-color: transparent;
            border-bottom:none;
            padding:2px 4px;
        }
        
        #contacts table tr.highlightNew td.messages table.attached {
            border: 1px solid #ccc;
        }
        

        
        #contacts td.messages table.attached .rate {
            font-weight: bold
        }
        
        
        #details .blockBroker{
            position: absolute;
            right:20px;
            bottom: 5px;
            color: #147898;
            line-height: 13px;
        }
           
        #details .blockBroker a{
            text-decoration: underline;
            color: #7eb9d5
        }
        
        
        /*  Styles for offer details pages 
            - subnav is taller, tabs bigger
            
        */
        
        #details #subnav{
            height: 70px;
            margin-bottom: 0px;
        }
        
        #details #subnav ul{
            top: 47px;
        }
        
        #details #subnav li{
            font-size: 16px;
            padding: 7px 20px 5px;
        }
        
        #details #subnav li.active{
            background-color: #f7f7f7;
        }
    
    
        #details #subnav li.connected{
            background: url(/images/icons/connected.png) no-repeat 10px 1px #24597E;
            padding-left: 60px;
        }
        
        
        #details #subnav li.anon{
            background: url(/images/icons/anonymous.gif) no-repeat 10px 0px #24597E;
            padding-left: 60px;
        }
        
        
        #details #container{
            background-color: #f7f7f7;
            padding: 15px;
        }
        
        
        #details .small {
            font-size: 12px;
            color: #666;
            padding-left: 5px;
        }
        
        #details .head{
            padding: 4px 0px 10px 8px;
        }
        
        #details .head h2{
            display: inline;
        }

        
        #details .head .highlightNew {
            font-weight: bold;
            background-color: #fdfdec;
            padding: 2px 5px;
            margin-left: 20px;
            font-size: 11px;
        }
        
                       
         /* review prompt  */ 
                #details .head .reviewPrompt {
                    float: right; 
                    font-style: italic;
                    color: #399fb6
                }
                
                #details .head .reviewPrompt .block {
                    padding-top: 5px;
                }
                
                #details .head .reviewPrompt .blueBtn {
                    font-style: normal
                }
        
        
        
 /* 1/10: MESSAGES MODULE  */       
    
        #details #messages{
            background-color: #fff;
            border: 3px solid #f2f2f2;
            padding:  5px 15px 15px ;
            margin-bottom: 10px;
            width: 664px;
            float: left
        }
        
         #details #messages h2{
            padding-left: 0px;
        }
        
        #details .messageMod{
            border-top: 3px solid #f2f2f2;
            padding: 10px;
            font-size: 11px;
            line-height: 14px;
            color: #555;
            margin-bottom: 10px;
        }
        
        
        #details .messageMod.highlightNew{
            background-color: #FDFDEC;;
        }
    
        
        #details .messageMod .header{
            padding-bottom: 5px;
            font-size: 13px;
            display: block;
            color: #222;
            font-weight: bold;
        }

        #details .messageMod .source {
          font-size: 10px;
        }

        #details .messageMod .date{
            font-weight: normal;
            float: right;
            color: #666;
        }
        
        #details .messageMod .listings{
            background-color: #f6f6f6;
            border: 1px solid #fff;
            margin-top: 10px;
            padding:  10px;
            
        }

        #details .messageMod .uploads {
            border-top: 1px solid #EEEEEE;
            margin-top: 10px;
            padding: 0 10px;
        }

        #details .messageMod .uploads legend {
          font-size: 10px;
          text-transform: none;
          color: #555555;

        }

        #details .messageMod .uploads li {
            float: left;
            list-style-type: none;
            padding-right: 10px;
            padding-top: 5px;
        }

/* 1/10: LISTINGS ATTACHED TO MESSAGE  */  

        #details .messageMod .listings .block{
            width: 120px;
            margin-right: 25px;  
        }
        
        #details .messageMod .listings a.toggleFade {
            font-weight: bold
        }
        
        #details .messageMod .listings .thumb {
            height: 67px;
            width: 90px; 
            position: relative;
            z-index: 1;
            border: 4px solid #e6e6e6;
            
        }
        
        #details .messageMod .listings .thumb .rent{
            background-color: #052276;
            position: absolute;
            bottom: 0px;
            z-index: 2;
            padding: 2px 3px;
            font-size: 13px;
            font-weight: bold;
            color: #fff;
        }
        
        #details .messageMod .listings .aptDetails {
            clear: left;
            padding-top: 2px;
            line-height: 14px;
            position: relative;
        }
        
        #details .messageMod .listings .fee {
            position: absolute;
            right: 24px;
            background-color: #fff;
            padding: 1px 3px;
            font-size: 10px;
            line-height: 10px;
            font-weight: bold;
            color: #413f2f
        }
        
        #details .messageMod .listings  .noFee {
            color: #f2850f;
        }
        
      
        
/* 1/10: ATTACH LISTINGS MODULE  */  
        #attachListingsResults div.center {
          padding: 20px;
        }


        #attachListings{
            margin-top: 10px;
        }
        
        
        /* styles the tabs and search by web id  */ 
        
            
            #attachListings ul#tabs li{
                list-style-type: none;
            	background-color: #cde3ba;
            	margin-right: 2px;
            	padding: 8px 20px 6px;
            	border-top: 1px solid #bed8a7;
                border-right: 1px solid #bed8a7;
                border-left: 1px solid #bed8a7;
            	float: left;
            	font-size: 12px;
            	color: #222;
            	display: block;
            }
            
            #attachListings ul#tabs li.active{
                background-color: #fff;
                border-top: 1px solid #cce4b8;
                border-right: 1px solid #cce4b8;
                border-left: 1px solid #cce4b8;
            }
        

        
        #results{
            background-color: #fff;
            border-right: 1px solid #cce4b8;
            border-left: 1px solid #cce4b8;
            border-bottom: 1px solid #cce4b8;
            padding: 10px;
        }
        
        #attachListings .filter{
            clear: both;
            background-color: #f2f2f2;
            padding: 6px 10px;
            color: #111;
            font-size: 11px;
            margin-bottom: 5px;
        }
        
        
        #attachListings .filter label{
            display: inline
        } 
        
        #attachListings input.flat{
            border: 1px solid #cce4b8;
            padding: 2px;
            background-color: #fff
        }
        
        #attachListings #searchById{
            float: right;
            padding-right: 40px;
            padding-top: 5px;
        } 

        
        
        /* modifies the drop downs  */ 
        #attachListings ul.searchNav, #attachListings ul.searchMultipleNav {
          border:1px solid #a4c688 ;
        }
        
        
 /* attach listings table  */        
                #attachListings #attachListingsTable {
                    margin-bottom: 5px;
                }
                
                #attachListings #attachListingsTable th {
                    text-transform: uppercase;
                    font-size: 11px;
                    padding: 4px 0px;  
                } 
                
                #attachListings #attachListingsTable th a {
                     border-bottom:1px dotted #8C8C8C;
                    color:#666666; 
                }
               
        
                #attachListings #attachListingsTable td{
                    border-top: 1px solid #ededed;
                    font-size: 11px;
                    padding: 3px 0px;  
                } 
                
                #attachListings #attachListingsTable .attach{
                    width: 100px;
                }                 

                
                
                #attachListings #attachListingsTable td a{
                    font-weight:normal;
                    text-decoration: none
                } 
                
                #attachListings #attachListingsTable .attachBtnSm a, #attachListings #attachListingsTable .removeBtn a{
                    width: 45px;
                } 
                
                #attachListings #attachListingsTable td.thumbs{
                    border-top: none;
                    text-align: right
                } 
                
                #attachListings #attachListingsTable td.thumbs img{
                   border: 3px solid #fff;
                   margin-left: 5px;
                }
                
            
                            
                
 
/* set rates table  */     
        
        
                #attachListings #setRates{
                 background-color: #cce4b8;
                 padding: 10px;
                 color: #333;
                 font-size: 11px;
                 margin: 10px 0px;
                }
                
                #attachListings #setRates{
                 background-color: #fff;
                border: 1px solid #cce4b8;
                 padding: 10px;
                 color: #333;
                 font-size: 11px;
                 margin: 10px 0px;
                }
                
                
                 #setRates .big{
                 padding: 0px 40px 5px 0px;
                }
                
                #setRates table td{
                border-top: 1px solid #EDEDED;
                font-size: 11px;
                padding: 3px 0px; 
                }
                
                #setRates td a{
                    text-decoration: underline;
                    font-weight:bold 
                }
                
               #setRates  table td.thumbs{
                text-align: right
                }
                
                #setRates table td.delete{
                   padding-top: 4px;
                   width: 30px;
                }
                
                #setRates table td.input{
                   width: 64px;
                }
                
                #setRates table td.input .idleField{
                   padding: 2px;
                }
                
                #attachListings a.floatRight {
                   font-weight: bold;
                   text-decoration: underline;
                   font-size: 12px;
                }
       
        

        
        /************************************  
            styles for "action block" 
            - green space containing connect and send message buttons  
            - also used in renter signup 
            - and in renter public profile
            
        *********************************/
        
        
        .actionBlock{
            background-color: #f3fdea;
            padding: 10px;
            margin-top: 10px;
            -moz-border-radius:5px;
            -webkit-border-radius: 5px;
            border-radius:6px;
            color: #539e14;
        }
    
        
        #buttonBlock{
            margin-top: 10px;
        }
        
        #buttonBlock .block{
            padding: 5px 0px 0px 30px;
            color: #6c8756;
            line-height: 14px;
            font-size: 11px;
        }

        #buttonBlock .block .big{
            font-weight: normal;
            display: block;
            color: #384b28;
        } 
        
        
        
        
/* style changes for when renter profile is displayed within the offer detail frame */

        #details #renter_profile #leftCol   {
            background-color: #fff; 
            border:1px solid #EAEAEA;
        }       
        
        #details #renter_profile #leftCol fieldset   {
           padding-left: 0px;
           border-bottom: 5px solid #f4f4f4
        }
          
          


/* 1/10: DETAIL PAGE RIGHT COLUMN  */

        #details #right{
            float: right;
            width: 200px;
        }
        
        #details #right .closeFade{
            float: right;
            font-size: 11px;
            padding-left: 8px;
        }

        
        #details #right .mod{
            padding: 10px;
            margin-bottom: 20px;
            border: 1px solid #fff;
            font-size: 12px;
        }
        
        #details #right .mod strong{
            line-height: 15px;
        }
        

        
        #details #right .mod.connected{
            background: transparent url(/images/icons/connected.gif) no-repeat 10px 5px;
            padding-left: 60px;
            line-height: 14px;
        }
    
        #details #right .mod .close{
        font-size: 10px;
        }
        
        
        #details #right #connect{
            margin-top: 0px;
            
            font-size: 11px;
            color: #385E18;
            background-color:#e2f3d4;
        }
        
            #details #right #connect a{
            font-size: 13px;
            font-weight: bold
            }
        
        
        #details #right .note{
            background-color:#e8e8e8;
            color: #555
        }
        
            #details #right .note p{
                font-size: 11px;
                line-height: 14px;
                
                margin-top: 10px;
            }
            
            #details #right .note blockquote{
                font-size: 10px;
                color: #999;
                margin-top: 5px;
                text-align: center;
            }
        
        
        #details #right #connected{
            background:#67be1d url( /images/bg/connected_bt_grey.gif) no-repeat bottom left;
            color: #fff;
            padding-bottom: 25px;
            font-size: 12px;
        }
        
        
            #details #right #connected .name{
                font-size: 15px;
                font-weight: bold;
                display: block
            }
            
            #details #right #connected .small{
                font-size: 10px;
                padding: 0px;
                display: block;
                margin-top: 5px;
                color: #377304
            }
            
            #details #right #connected a{
                text-decoration: underline;
                color: #dbfa87;
                font-size: 11px;
            }
            
            
        
        
/*     checkbox options above form button */
    
        #details .checkbox{
            background-color: #e2f3d4;
            padding: 10px;
            font-size: 12px;
            color: #555;
        }
        
        #details .checkboxRenter{
            padding: 10px;
            font-size: 12px;
            color: #555;
        }
        
         #details .checkboxRenter .small{
            font-size: 11px;
            display: block;
            padding-left: 18px;
        } 
    
        
        #details  .big{
            font-size: 13px;
            font-weight: bold;
            color: #111;
        }

        #details .checkbox .small{
            font-size: 11px;
            color:#385e18;
            display: block;
            padding-left: 18px;
        } 
    
        
        #renter_profile .actionBlock {
            float:none;
            margin:0px 0px 10px 0px;
        }     
            

        
        #details #form textarea{
            border: 3px solid #c4e5a5;
            padding: 5px;
            font-size: 13px;
        }

         
        
        #details .actionBlock .note input {
            margin:-1px 2px 0 0;
            vertical-align:middle;
    }
 
 

 /*  takes out the bottom margin on the main tabs for all pages with a subnav */
 
table#SERP{
    margin-bottom: 0px;
}



#SERP td,  #listingstable td{
	padding: 7px 8px 10px 9px;
    vertical-align: top;
	border-bottom: 3px solid #d9d9d9;
}



#SERP th{
    background-color: #f2f2f2;
    padding: 10px 8px 6px 9px;
    border-bottom: 1px solid #eaeaea;
    white-space: nowrap;
}


#SERP th, #listingstable th {
    background-color: #f2f2f2;
    padding: 10px 8px 6px 9px;
    white-space: nowrap;
    color:#666;
    font-size: 11px;
    text-transform: uppercase    
}


#SERP th a, #listingstable th a {
    color:#666;
    border-bottom: 1px dotted #8c8c8c
}


	
#SERP .row{
	background:url(/images/dividers/dotted.gif) repeat-x scroll 0 100%;
	padding: 0px 0px 6px 0px;
	margin-bottom: 3px;
}


/*
.offerCredited{
    clear: left;
    padding: 7px 0px 0px 4px;
}
*/



.viewDetails {
    font-size: 12px;
    font-weight: bold;
    padding-left: 11px;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - -
	LISTING SERP
- - - - - - - - - - - - - - - - - - - - - - - - - - -*/


#listingSERPTable{
	width: 490px;
	margin-top:0px;
}

#listingSERPOuter{
	margin-top: 0px;
}

#listingSERPOuter H1{
	display: inline;
	float: left;
	line-height: 24px;
}

#listingSERPTable td{	
	padding: 7px 0px 6px 8px;
}


 .thumbnail{	
    width: 110px;
    max-width: 110px;
	padding: 10px 0px 0px 0px;
}


#listingSERPTable td.border{
	border-bottom: 3px solid #f2f2f2;
}


#listingSERPTable .brokerName{
	display: block;
}


.listingTitle{
    font-weight:bold;
    font-size: 13px;
    display:block;
    padding: 0px 0px 3px 0px
}



        /* sort links at top  - - --*/

        #listingSERPTable th {
            background-color: #f2f2f2;
            padding: 5px 8px;
            border-bottom: 1px solid #eaeaea;
        }
        
        #listingSERPTable th .small {
            color: #999;
            margin-right: 10px;
        }
        
         
        #listingSERPTable th li {
            float: left;
            list-style-type: none;
            margin-right: 30px;
        }
        
        #listingSERPTable li a{
            color: #777;
            border-bottom: 1px dotted #999;
        }
        
        #listingSERPTable li .bold{
            color: #222;
        }
        
        #listingSERPTable li a:hover {
            color: #000;
            border-bottom: 1px dotted #000;
        }




        /* duplicates message and module */
        
        .dupes {
            display: block;
            margin-top: 5px;
            background-color: #f7f7f7;
            font-size: 9px;
            color: #b2b2b2;
            padding: 1px 5px;
        }
        
        .dupes b {
            color: #888;
        }
        
        /* duplicates message and module on listing detail page */
        
        
                #listingDetail .dupes {
                    margin-top: 0px;
                    font-size: 10px;
                    padding: 0px;
                    background-color: #fff;
                    border-top: 3px solid #f7f7f7
                }
                
                #listingDetail .dupes .head {
                    display: block;
                    padding: 5px;
                }
                
                #listingDetail .dupes .head .dupes {
                    border: 0px;
                }
                
                #listingDetail .dupes .broker {
                    display: block;
                    padding: 5px 10px 10px 10px;
                    border-top: 1px solid #ededed;
                }
                
                #listingDetail .dupes .broker a {
                    font-weight: normal;
                    color:#578b9c
                }
                
                #listingDetail .dupes .apt {
                    float:right
                }
                
                #listingDetail .dupes .broker .message {
                    color: #999
                }
                
                #listingDetail .dupes .starsOff	{
                	background:url(/images/icons/star_off_sm.gif) repeat-x 100% 0;
                	width: 70px;
                	height: 10px;
                }
                	
                #listingDetail .dupes  .starsOn {
                	background: url(/images/icons/star_on_sm.gif) repeat-x 0 0;
                	height: 10px;
                }


        /* popup bubble on map */
        
        .gmnoprint a{
            font-size: 12px;
            font-weight: bold
        }
        
        .gmnoprint img{
            float: left;
            padding-right: 5px;
        }
        


        /*  4/1/10 new cell structure 
            - applies to serp, suggesteds and faves
        */

        .newCell {
            border-top: 1px solid #f5f5f5;
            padding: 3px 0px;
            max-width: 270px;
        }
        
       .newCell.brokerCont a {
            font-weight: bold
        }        


        .newCell .starsOff {
            float:right
        }
        
        
        .newCell .message {
            float:right;
            color: #999;
        }

        
         .newCell .offer{
            font-size: 10px;
            font-family: verdana, "lucida grande"
        }
    


        /* for mouseing over listings in SERPs */
        .highlightRow {
          background-color: #f7f7f7;
        
        }
        
        .roll:hover{
        	background-color: #f2f2f2;
        }



.listingDetails{
	padding-top: 2px;
	color: #999;
	font-size: 10px;
}

.listingDetails .title{
	font-weight: bold;
	color: #444;
	text-transform: none;
}



/* - - - - - - - - - - - - - - - - - - - - - - - -
	FILTER CONTROLS/SAVED SEARCH CONTROLS
- - - - - - - -- - - - - - - - - -- - - - - - - -*/

#filters{
	clear: both;
	padding: 7px 3px 4px 0px;
	margin-top:5px;
    border-top: 1px solid #f2f2f2;
}


#bid #step4 #filters{
    border-top: none;	
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
	margin-top:0px;
	display: inline-table
}



#filtersBottom{
    border-top: 0px;
    border-bottom:none;
    padding: 0px 3px 5px 0px;
}

#filters .checkboxCont, #filtersBottom .checkboxCont{
    width: auto;
    margin:3px 12px 3px 5px; 
}


#filters .message, #filtersBottom .message{
	padding: 5px 0px 4px 0px;
	display: inline;
}


#filters .note, #filters .plain{
    background: url(/images/icons/listing_sm.gif) no-repeat 5px 5px ;
	padding: 5px 10px 4px 25px;
	display: inline; 
    background-color: #fefdec;
}

#filters .plain{
	padding: 6px 10px 5px 25px;
    background: #fefdec url(/images/icons/note.gif) no-repeat 5px 5px ;
}

#filters .plain a.close{
	margin-left: 10px;
	font-weight: bold;
	text-decoration: underline;
	padding: 2px 5px
	
}


.block, .imgBlock, .blockRight{
	float: left;
	padding-right: 10px;
}

.blockRight{
	padding-right: 0px;
}

.arrowDownLeft.message{
	background: url(/images/icons/arrow_down_left.gif) no-repeat 0px 4px;
	padding-left: 16px;
	height: 17px;
}

 .arrowDownRight.message{
	background: url(/images/icons/arrow_down_rt.gif) no-repeat 100% 4px;
	padding-right: 16px;
    height: 17px
}


#accountContainer .block{
    padding-right: 50px;
}


.suggested{
    color:#00657b
}


#filters .block{
	padding-right: 4px;
}

#SERP .bidCol .block{
    margin-right: 2px;
    padding-right: 2px;
}


#listingDetail #filters, #renter_profile #filters{
    border-top: 0px;
    clear:both;
    margin-top:0px;
    padding:0px;
}

#listingDetail #filters a{
    font-weight: bold;
    font-size: 12px;
}


#filters input, #filters select{
	margin-right: 2px;
}

#filters select{
	font-size: 11px;
}





/*- - - - - - - - - - - - - - - - - - - - - - 
	ATTACH LISTINGS
- - - - - - - - - - - - - - - - - - - - - -*/


#attachListingsCont {
	padding-bottom: 20px;
}



.broker			{font-weight: bold}


.thumb	{float:left; margin-right:7px; width:110px;}
.thumb img{display: block; padding-bottom: 3px;}
.thumb a{
    line-height: 12px;
}

.updated{
	background-color: #d7ecfd;
}

#listingSERPTable .thumb{
	margin-right: 0px;
	margin-bottom: 5px;
}


/* - - - - - - - - - - - - - - - - - - - - - - 
    LISTING DETAIL
- - - - - - - - - - - - - - - - - - - - - - - */

        #listingNav{
            margin: 0px 0px 1px 0px;
            padding: 8px 15px 5px 15px;
            text-align: center;
            font-weight: bold;
            border-bottom: 1px solid #b3b3b3;
            margin-bottom: 5px;
        } 
        
        #listingNav a{
            background: none;
            padding: 8px 20px 7px 20px;
            font-size: 13px;
            color: #333;
            border: 1px solid #e2e2e2;
            border-bottom: 0px;
            color: #888
        }
        
        #listingNav a:hover{
            background-color: #f1f1f1;
            text-decoration: none;
        }
        
        
        #listingNav a.active{
            border-bottom: 1px solid #fff;
            border-left: 1px solid #b3b3b3;
            border-right: 1px solid #b3b3b3;
            border-top: 1px solid #b3b3b3;
            color: #333
        }
        

#listingDetail #masthead {
	margin-bottom: 12px;
}

#listingDetail .date, #listingPreview .date{
    color: #888;
    font-size: 11px;
    display: block;
    margin-bottom: 5px;
    padding: 3px 0px 3px 4px;
    background-color: #f8f8f8;
}

#listingDetail .offerDiv, #listingPreview .offerDiv{
            border-bottom: 1px solid #f5f5f5;
            padding: 0px 0px 5px 0px;
            margin-bottom: 5px;
}


.date strong{
    color: #444;
    font-weight: bold
}


#listingDetail h1, #listingPreview h1 {
	padding-bottom: 6px;
}

h2.dottedHdr {
	font-size: 12px;
	font-weight: bold;
	padding: 6px 0 4px 0;
}

  
.offer{
             background-color: #b3e06b;
            font-size: 11px;
            color: #fff;
            -moz-border-radius:2px;
            -webkit-border-radius: 2px;
            border-radius:2px;
            padding: 1px 3px;
    }
    
#listingDetail .offer{
            font-size: 12px;
            -moz-border-radius:3px;
            -webkit-border-radius: 3px;
            border-radius:3px;
            padding: 2px 4px;
    }


#tools{
    padding: 10px 5px ; 
    background-color: #f7f7f7;
    margin-bottom: 5px;
}

.link{
    padding-left:10px;
    line-height: 20px;
}


#actionsCol {
	float: right;
	width: 200px;
	padding:0px;
}

.actions {
	background-color: #F3FDEA;
	padding: 5px 10px;
	margin-bottom: 10px;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
	color: #699343;
	border-bottom: 2px solid #fff;
}

#listingDetail .actions {
	padding: 15px 10px;
    border-bottom: 0px;
    margin-bottom: 5px;
}

.actions a.bold {
    color: #41681d; 
    font-size: 12px;
    text-decoration: underline;
    font-weight: bold
}

.actions .block{
    text-align: left
}

.actions img{
    margin-bottom: 6px;
}


.actions .greenBtn {
    margin-top: 10px;
    line-height: 19px;
    font-size: 12px;
}


.actions .detailBtn {
    margin-left: 5px;
}

.actions .detailBtn a {
    padding: 16px 20px 0px 3px;
    font-size: 15px;
    height: 32px;
}

a.noicon{
    display: block;
    clear: left;
}

/* - - - broker name and info on listing page -- -*/
    
    .brokerDetails {
        padding: 10px;
        background-color: #f7f7f7;
        margin-bottom: 5px;
    }
    
    .brokerDetails .slug{
    	color: #999;
    	font-size: 9px;
    	text-transform: uppercase;
    	letter-spacing: 1px;
    }

    .brokerDetails .name {
    	font-size: 15px;
    	font-weight: bold;
    }


    .brokerDetails .name .info {
    	display: block;
    	font-size: 12px;
    	font-weight: normal;
    	padding-bottom: 10px;
    }



/* - - - - - - - - - - - - - - - - - - - - - - 
	RENTER PUBLIC PROFILE 
- - - - - - - - - - - - - - - - - - - - - - - -*/

#renter_profile #leftCol td{
	border-top: 1px solid #eaeaea;
	padding: 8px 0px 8px 5px;
	width: 50%;
}

#renter_profile #leftCol td.first{
	border-top: none;
	padding-top: 4px;
}


#renterProfile .floatRight{
    display: inline-table;
}


#renter_profile #leftCol .light{
    color:#999;
}


#renter_profile #rightCol h5{
    color:#2b778c;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
}


#renter_profile #emailNotificationsSurvery ul {
  margin-top: 10px;
}

#renter_profile #emailNotificationsSurvery li {
  margin-top: 5px;
  list-style: none;
}

#renter_profile #emailNotificationsSurvery .radioCont {
  margin-top: 5px;
}

#renter_profile #emailNotificationsSurvery legend {
  text-transform: none
}

#renter_profile fieldset#renterStatus  p{
    padding: 3px 0px;
}

#renter_profile fieldset#renterStatus  strong{
    font-size: 12px;
}

#renter_profile .noteWhiteFull  h2{
    margin-bottom: 0px;
    display: block
}





/* - - - - - - - - - - - - - - - - - - - - - - 
	renter status box
- - - - - - - - - - - - - - - - - - - - - - - -*/

    #renter_profile .status{
        background-color: #006087;
        padding: 10px 20px;
        font-size: 13px;
        font-weight: normal;
        line-height: 20px;
        color: #fff;
        margin-bottom: 20px;
    }


    #renter_profile .status h2{
        font-weight: 500;
        font-size: 13px;
        color:#98dbe7;
        text-transform: uppercase;
    }
    
    #renter_profile .status h1{
        font-weight: bold;
        font-size: 22px;
        color: #fff;
    }
    
    #renter_profile .status .note{
        background-color: #137299;
        color: #e5f5fc;
        font-size: 11px;
        padding: 6px 10px;
    }
    
    #renter_profile .status p.note {
        line-height: 14px;
    }
    
     #renter_profile .status p{
            margin: 15px 0px;
    }
    
    #renter_profile .status a.link{
        color: #b7eef8;
        font-size: 13px;
        text-transform: uppercase
        
    }
    
    #renter_profile .status a.linkSmall{
        color: #fff;
        font-size: 12px;
        
    }
    
    #renter_profile .status #makeActive input{
        background-color: #fff;
        border: 0px;
        margin: 4px 0px 10px 0px;
    }
    
    #renter_profile .status #makeActive{
        padding: 10px 0px;
    }
    
    




/* - - - - - - - - - - - - - - - - - - - - - - 
	STAR RATINGS STYLES
- - - - - - - - - - - - - - - - - - - - - - - -*/


/* for renter inboxes */
.starsOff	{
	background:url(/images/icons/star_off.gif) repeat-x 100% 0;
	margin: 2px 0px 0px 0px;
	display: block;
	width: 100px;
	height: 16px;
}
	
.starsOn {
	background: url(/images/icons/star_on.gif) repeat-x 0 0;
	display: block;
	text-indent: -4000px;
	height: 20px;
}


.blue .starsOff{
	background:url(/images/icons/star_off_white.png) repeat-x 100% 0;
	height: 15px;
}

.starRatings .starsOff{
  float: right;
}


.profileMasthead .starRatings .starsOff{
  float: left;
}


.starRatings {
	margin-bottom: 2px;
	width: 70px;
	height: 11px;
}


.vDottedBorder .starRatings span.numRatings {
	display: inline-table;
}


#listingDetail #content, #listingPreview #content {
	font-size: 12px;
	width: 375px;
	margin-bottom: 10px;
}

#listingDetail #content p, #listingPreview #content p {
	padding-bottom: 15px;
}

/*  Begin: Payment Pages 
----------------------------*/

.paymentScreen {
	margin-top: 15px;
	padding: 20px;
	width: 595px;
	background-color: #f5f5f5;
}


.paymentScreen .contentBox {
	margin: 15px 0;
	padding: 5px 10px 10px;
	width: auto;
	background-color: #fff;	
	border: 1px solid #ccc;
}


.paymentScreen #bidTable th,.paymentScreen #bidTable td {
	padding: 4px 10px;
}


#bidTable .actionsCol {
	text-indent: -4000px;
}

.summaryCont {
	background-color: #ccc;
	color: #666;
	font-size: 11px;
	padding: 10px;
	float: right;
	text-align: center;
}

.summaryCont .big {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	display: block;
}



.fieldset h2 {
	border: 0;
	background-color: #fff;
	margin-top: -7px;
	padding: 0 4px 17px 4px;
	width: 132px;
}   

.saveInfoCont {
	margin: 15px 0px 10px 0px;
	padding: 5px 10px;
	font-size: 12px;
	background-color: #f5f5f5;
	
}

.saveInfoCont input {
	margin: -2px 5px 0 0;
	vertical-align: middle;
}

/* Begin: Review Pages
----------------------------*/
#review .subtitle {
	padding-left: 4px;
}



/* - - - - - - - - - - - - - - - -
	RENTER SIDE REVIEW PAGES
- - - - - - - - - - - - - - - - - */

#pendingReviewsTbl {
	margin-top: 0px;
	line-height: 15px;
	margin-bottom: 0px;
}


#pendingReviewsTbl th {
	border-bottom: 1px solid #e5e3e3;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	padding: 5px 3px 4px 3px;
}

#pendingReviewsTbl th.actionsCol {
	text-indent: -4000px;
}

#pendingReviewsTbl .actionsCol {
	width: 115px;
}

#pendingReviewsTbl td {
	padding: 12px 3px;
	vertical-align: top;
	background: url(/images/dividers/dotted.gif) repeat-x 0 100%;
}

#pendingReviewsTbl td a.brokerName {
	font-size: 12px;
	font-weight: bold;
}


.reviewCont {
	margin: 5px 0px 15px 0px;
	padding: 1px;
	border: 1px solid #eaeaea;
	background-color: #fff;
}


.reviewHead {
	padding: 1px 0;
	position: relative; /* fix a bug in IE6 */
}


.reviewHead .starRatings{
	float: right;
	width: 195px;
	height: 14px;
	bottom: 10px;
	left: 286px;
	position: absolute; /* fix a bug in IE6 */
}


.reviewHead .starRatings .ratingsLabel {
	margin-left: 15px;
	font-size: 12px;
}

.ratingsLabel{
    float: left;
	font-weight: bold;
}


.reviewHead .date {
     color: #878e8f;
    font-size: 10px;
}


/* - - - - - - - - - - - - - - - - - 
	GENERAL STYLES
- - - - - - - - - - - - - - - - - - - - */



/*- - - - - 
used for single-unit listings like saved searches, saved listings, request review, 
- - - - - */	

.unitContainer {
	clear: both;
	background:url(/images/dividers/dotted.gif) repeat-x scroll 0 100%;
	padding: 7px 0px 7px 5px;
}


.unitContainer h3 {
	font-size: 12px;
	padding-bottom: 3px;
}

.unitContainer img{
	padding: 0px 10px 0px 0px;
	float:left;
}


.unitContainer .deleteIcon {
	float:right;
}



/* - - - - - - - - - - 
	reviewColB styles
- - - - - - - - - - - - - */


.reviewColB .starRatings {
	background-position: 100% 20px;
	background: url(/images/dividers/h_ltgrey.gif) repeat-x 0 0;
	width: 180px;
	padding: 7px 0;
}



.reviewColA,.reviewColB {
	float: left;
	padding: 0px 10px;
	width: 55%;
	font-size: 11px;
    margin: 10px 0px;
}

.reviewColB {
	width: 30%;
}

.reviewColA {
	border-right: 1px solid #eaeaea;
}


.reviewHead .starRatings .numRatings,.reviewColB .starRatings .numRatings
	margin-left: 85px;
	background-position: 0 1px;
}



* html .reviewHead .starRatings .numRatings,* html .reviewColB .starRatings .numRatings
	{
	margin-left: 82px;
}

.reviewHead .reviewInnerHead {
	background-color: #f5fbfc;
	padding: 5px 5px 5px 10px;
	margin: 0px;
}

.reviewInnerHead h3 {
	font-weight: bold;
	clear: left
}


p.reviewBody {
	clear: both;
	padding: 10px 0px;
	margin: 10px;
	border-top: 2px solid #eaeaea;

}



.fauxRow {
	clear: both;
	padding: 6px 0px;
}



.fauxRow .label {
	float: left;
	font-size: 11px;
}

.fauxRow .data {
	float: right;
	font-weight: bold;
	text-align: center;
}


/* Begin: Bids
----------------------------*/


.contentBox {
	background-color: #f2f2f2;
	margin: 5px 0 20px 0;
	padding: 0 10px 10px 10px;
	width: 400px;
}

.contentBox p {
	font-size: 11px;
	padding: 10px 0 0 0;
}

.sideContent {
	float: right;
	background-color: #d9d9d9;
	margin: 10px 0 0 0;
	padding: 5px;
	width: 120px;
}


.acceptBid .commentsCont {
	margin-top: 20px;
}

.acceptBid .contentBox {
	background-color: #fff;
	font-size: 12px;
	margin-top: 20px;
	padding-left: 0;
}

.acceptBid h2 {
	margin: 15px 0;
}

.acceptBid #confirmBidTable {
	margin-bottom: 8px;
	margin-top: 0;
	width: 100%;
	border-bottom: 1px solid #ccc;
}

.acceptBid #confirmBidTable th,.acceptBid #confirmBidTable td {
	padding: 5px 0;
	width: 50%;
}

.acceptBid #confirmBidTable td {
	background: url(/images/dividers/dotted.gif) repeat-x 0 0;
	border: 0;
}

.acceptBid #confirmBidTable td.first {
	background: none;
	border-top: 1px solid #ccc;
}



/* Begin: Profile Pages
----------------------------*/
.profileMasthead {
	background-color: #f2f2f2;
	position: relative;
	padding: 10px 14px; 
}

.profileMasthead .vDottedBorder {
	background-repeat: no-repeat;
	background-position: 0 2px;
	position: absolute;
	top: 10px;
	padding-left: 9px;
	height: 20px;
}



.profileMasthead #rating {
	left: 385px;
}

.profileMasthead #brokerage {
	left: 540px;
}

.profileMasthead .starRatings {
	left: 385px;
	width: 150px;
	height: auto;
}

.profileMasthead .starRatings .numRatings {
	margin-top: 2px;
}

.profileMasthead .starRatings .ratingsLabel {
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 2px;
}

.profileMasthead .blueBtn {
    float:right
}


#profile .reviewDate {
	font-style: italic;
}

.reviewDetails {
	margin-bottom: 6px;
	margin-left: 12px;
	padding-bottom: 6px;
}



/* - - - - - - - - - - - - - - - - - - - - 
	NOTE MODULE & OTHER RIGHT COLUMN MODS
- - - - - - - - - - - - - - - - - - - - - -*/


#home .ad {
    text-align: center;
}

#home .ad .adTitle{
    color: #999;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 9px;
}


.noteWhiteFull {
    display: block;
    background-color: #fff;
	color: #555;
	font-size: 11px;
	margin-bottom: 20px;
	border: 1px solid #eaeaea;
	padding: 10px;
	line-height: 15px;
}


.noteWhiteFull p {
    margin-top: 20px;
}

.noteWhiteFull a.strong {
    font-size: 12px;
    font-weight: bold;
}


.noteWhiteFull h2{
    padding-left: 0px;
    font-size: 14px;
    line-height: 18px;
    margin-top:3px;
}

.noteWhiteFull h2.noMargin{
    margin-bottom: 0px
}

#home .noteWhiteFull h2{
    color: #444;
    font-size: 13px;
}

#home .noteWhiteFull{
    padding-top: 5px ;
}


.scale {
    margin-top: 10px;
}

.noteTeal{
    margin-top: 0px;
    background-color: #116677;
    padding: 4px;
    font-size: 12px;
    color:#fff;
    margin-bottom: 20px;
	padding: 10px;
}

.noteTeal h2{
    color: #fec522;
    padding-left: 0px;
}

.noteTeal a{
    color: #91cfdc;
}

.box{
    padding: 10px;
    text-align: center;
    border: 1px solid #eaeaea;
}

.box img{
    padding: 0px 10px;
}



 /*  blue box in renter public profile  */



.blue     {
    background-color: #def0f5; 
    color: #555; 
    font-size: 11px;
	line-height: 14px;
	padding:10px;
	margin-bottom: 20px;
}

.blue h2    {color: #222;}
.blue .info {font-weight: bold;}

.blue th    {
            background-color:#C2E3EB;
            border-bottom:1px solid #FFFFFF;
            border-top:1px solid #FFFFFF;
            color:#111111;
            font-size:11px;
            font-weight:bold;
            padding:4px 8px 3px 9px;
}


.blue td    { border-bottom: 1px solid #e3f5fa; padding: 4px 12px 4px 3px;  }
.blue td.last    {padding-right: 0px  }
.blue td.noBorder    { border-top: 0px; }
.blue .stat {font-weight: bold;}
.blue a      {color: #147898;}




/*  - - - - - - - - - - - - - - - - - - - - - - - -
	FORMS
- - - - - - - - - - - - - - - - - - - - - - - - - - */
input [type="text"], textarea {
	padding: 2px;
}

input.button{
    margin-top: 5px;
}


textarea{
    margin-bottom: 10px;
    border: solid 1px #b3b3b3;
}


label{
    color: #111;
    display: block;
}

.checkboxCont label, .checkboxContSm label,  .checkboxContWide label{
    display: inline;
}

.focusField{
    	border:solid 2px #7acf31;
    	color:#000;
    	padding: 2px;
}

.idleField{
    	background-color:#fff;
    	color: #6F6F6F;
		border: solid 1px #b3b3b3;
		padding: 3px;
}	

#userActions .idleField, #TB_ajaxContent .idleField{
    	background:#fff;
    	color: #6F6F6F;
		border: solid 1px #9fd2dd;
		padding: 3px;
}


#userActions .focusField{
		padding: 1px;	
}	


select {
	padding:2px 0px;
}

fieldset select{
    margin-bottom: 10px;
}


fieldset    {
	margin:10px 0px 15px 0px;
	padding: 5px 15px 5px 15px;
	background-color: #fff;
	border: 0px;
}

fieldset .minor, fieldset .minorlast, fieldset .minorNoLine {
    margin-bottom: 8px;
    background-color: #fff;
	padding: 3px 0px;
	margin-left:  5px;
	border-top: 1px solid #f3f3f3;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

fieldset .minorNoLine{
    border:0;
    padding: 0px;
    margin: 0px 0px 0px 5px;
}

fieldset .leftHalf, fieldset .rightHalf{
    float: left;
    margin-right: 10px;
    width: 47%;
    margin-bottom: 12px;
    background-color: #fff;
	padding: 3px 0px;
	margin-left:  5px;
	border-top: 1px solid #e5e5e5;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

fieldset .right{
    margin-right: 0px;
}


fieldset .minor .row, fieldset .minorlast .row{
    padding-bottom: 2px;
    padding-left: 0px;
}

fieldset .minorlast{
    margin-bottom: 0px;    
}


legend .small{
    font-weight: normal;
    font-style: italic;
    color: #666;
    font-size: 12px;  
}


legend {
	font-weight: bold;
	font-size: 12px;
	padding: 0 4px;
	color:#111;
	text-transform: uppercase;
}

.minor legend, .minorlast legend {
	font-size: 11px;
	padding: 0px 4px 0px 0px; 
	text-transform: none
}

form .subtitle{
    font-size: 12px;
    color: #222;
    font-weight: bold;
    display: block;
    font-style: normal;
    padding: 0px 0px 5px 0px;
}


form .optional{
    font-weight: bold;
    color:#35af15;
    font-size: 13px;  
    font-family: verdana;
    vertical-align: -1px;
}


.row,.rowBig,.rowTop {
	clear: both;
	padding-bottom: 10px;
	padding-left: 5px;
}


.row a {
    display:block;
}

#renter_signup .row a{
    display:inline;    
}


.rowRight, .rowLeft, .rowLeftWide{
	float: left;
	padding:0px 0px 10px 10px;
}


.rowLeftWide {
    padding:0px 5px 10px 5px;
}

.rowLeft {
	padding-left: 0px;
}


.rowlast {
	padding-top: 3px;
	background: none;
}

.inputRight {
	margin-left: 5px;
}

option {
	padding-left: 5px;
}

.checkboxCont,.checkboxContWrap,.checkboxContSm {
	float: left;
	margin: 0 10px 15px 0;
	width: 125px;
}

.checkboxContSm {
	margin: 0 10px 10px 0;
	width: 65px;
}

.checkboxContWide {
	margin: 0 10px 10px 0;
	width: 100%;
}

.checkboxContWrap {
	float: none;
	margin-bottom: 0px;
	width: auto;
}

.checkboxContWrap label {
	display: inline;
}


.radioCont {
	margin-top: 10px;
	float: left;
	padding-bottom: 5px;
	margin-right: 20px;
}

#renter_profile .radioCont, #renter_signup .radioCont {
	padding-bottom: 0px;
	margin-top: 2px;
}

#renter_profile .radioCont label, #renter_signup .radioCont label {
	display: inline
}


.rowBig .tag {
	margin-left: 17px;
	display: block;
}



.checkboxCont input,.radioCont input,.rowBig input {
	vertical-align: middle;
	margin: -2px 3px 0 0;
}




/*  -  - - - - - - - - -
	TOOLTIPS
- - - - - - - - - - - - */

.tooltip{
    font-size: 9px;
    font-weight: normal;
    line-height: 11px;
    font-family: arial;
    color: #fff;
    -moz-border-radius:3px;
    -webkit-border-radius: 3px;
    border-radius:3px;
    padding: 0px 3px;
}

.tooltip.admin{
    background-color: #43acc0;
}

.tooltip.grey{
    background-color: #bfbfbf;
}

.tooltip.yellow{
    background-color: #d1cfb5;
}

.tooltip.green{
    background-color: #bbd0a9;
}


.tooltip:hover{
    background: #f7b007;
    text-decoration: none;
}



.plain{
    background: url() no-repeat scroll right top;
    padding-right: 0px;
}

label a.small{
    font-size: 10px;
    font-style: italic;
}


.tipHolder{
    padding-top: 5px;
}

.plain:hover{
    background: none;
}

.tooltipOpen {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1000;
   display: none;
   padding: 10px 13px;
   color: #303030;
   background-color: #f5f5b5;
   border: 1px solid #DECA7E;
   font-family: sans-serif;
   font-size: 12px;
   line-height: 18px;
   text-align: center;
}

.tooltipOpen h3 {
      margin: 0 0 5px;
      text-align: left;
   }

.tooltipActive, .tooltipFixed {
  position: absolute;
}


/*  -  - - - - - - - - -
	PAGE-TOP ERROR & SUCCESS STYLES
- - - - - - - - - - - - */

#errorExplanation, .success{    
    background:  #f33307 url(/images/icons/error.gif) no-repeat 4px 2px;
	padding: 5px 10px 10px 30px;
	margin:5px;
	clear: both;
}

#errorExplanation H2{
    color: #FFF;
    font-size: 15px;
    display: inline;
}


#errorExplanation .body{
    font-weight: normal;
    color: #fbefec;
    font-size: 12px;
}


#errorExplanation .detail, #success .detail {
    font-size: 11px;
}


#errorExplanation a{
    background-color:#971f04;
    color: #f8c157;
    padding: 2px 4px;
}


#errorExplanation ul{
    margin: 5px 0px 0px 20px;
    color: #fbefec;
    font-size: 12px;
}

#errorExplanation li{
    margin-top: 10px;
}


#listingEdit .success{
    display: block;
}

.success{
    background:  #35af15 url(/images/icons/success.gif) no-repeat 4px 4px;;
    padding: 5px 12px 5px 30px;
	margin:5px 0px;   
}

.success a{
    color:#e8fbe2;
    text-decoration: underline;
}

.success .undo{
    background-color: #1d6a09;
    font-size: 12px;
    padding: 2px 4px;
    text-decoration: none;
}

.success .body{
    color: #d7fcce;
    font-size: 11px;
    padding-left: 10px;
}












/*  -  - - - - - - - - -
	IN-PAGE ERROR STYLES
- - - - - - - - - - - - */


.error {
    font-weight: bold;
	color: #f33307;
	display: block;
}



.error a{
    font-weight: normal;
}

.rowLeft .error, .rowRight .error{
    width: 160px;
}


.error label , .error legend {
    color: #f33307;
    font-weight: bold;
}



#reviewForm textarea {
	margin-top: 5px;
}


/*- - - - - - - - - - - - - - - - - - - - - - 
	Action bar at form bottoms
- - - - - - - - - - - - - - - - - - - - - - - */


.formActions {
    text-align: center;
	background-color: #fff;
	padding:20px;
	/* NA - Need to add a height on this one.  IE6 will give problems if pad an element with no height/width defined. */
	overflow:hidden;
	border: 1px solid #ccc;
}


#reviewPublish .formActions{
    background-color: #eaeaea;
    margin-bottom: 10px;
}



#renter_signup .formActions, #broker_signup .formActions{
            border: 4px solid #fff;
            padding: 20px;
            margin-top: 10px;
            text-align: center;
            background-color: #f3fdea;
            
}

#renter_signup .formActions .greenBtn{
            margin-right: 0px;          
}




.formActions .greenBtn, .formActions .copyBtn_lg, .formActions .specialButton{
    margin-right: 6px;
}



#thanksBoxWide .formActions{
	margin: 10px 0px 0px 0px;
}




/* Begin: Image Viewer
----------------------------*/
.imageViewer {
	position: absolute;
	display: none;
	background-color: #e5e5e5;
	border: 2px solid #ccc;
	padding: 7px 11px;
	width: 328px;
	height: 254px;
}
.img_renter {
	height: 140px;
}

.imageViewer h3 {
	font-size: 12px;
	padding-top: 4px;
}

.imageViewer .viewerNav {
	float: right;
	background-color: #ccc;
	padding: 3px;
	/*	width:48px;*/
	height: 20px;
	width:56px; /* kosh for scroll nav for img viewer */
}

.viewerNav a:active,.viewerNav a:focus {
	outline: none;
}

.imageViewer span {
	margin-left: 5px;
	margin-right: 0;
	font-weight: bold;
	float: left;
	border: 1px solid #b3b3b3;
	color: #808080;
	padding: 0 4px;
}

#prevLink,#nextLink {
	float: right;
	background-image: url(/images/buttons/viewer_next.gif);
	width: 24px;
	height: 20px;
	text-indent: -4000px;
}

#prevLink { /*	display:none;*/
	float: left;
	margin-right: 3px;
	background-image: url(/images/buttons/viewer_prev.gif);
}

.viewerNav .disabledBtn {
	background-position: 0 0;
}

.viewerNav .enabledBtn {
	background-position: 0 -20px;
}

#imagesMask {
	background-color: #ccc;
	border: 1px solid #999;
	margin: 15px 0 10px 0;
	padding: 11px 10px;
	width: 306px;
	/*	height:77px;*/
	overflow: hidden;
}

#images { /*	width:963px;*/
	
}

#images .image {
	float: left;
	padding-right: 15px;
}

#images .image img {
	border: 1px solid #fff;
}

.viewerData {
	float: left;
	width: 50%;
}

.viewerData p {
	padding-bottom: 12px;
}

#imgUploadForm {
	background: url(/images/dividers/dotted.gif) repeat-x 0 0;
	margin-bottom: 10px;
	padding-top: 10px;
}

#imgUploadForm label {
	display: block;
	padding-bottom: 3px;
}

.viewerActions {
	clear: both;
	background-color: #d4d4d4;
	padding: 7px 11px;
	font-size: 12px;
}

/* GENERIC CLASSES
----------------------------*/

.fancy{
    font-family: Baskerville, georgia;
    font-size: 12px;
    line-height: 12px;
    font-style: italic;
}


.calm{
    color: #999
}


.subtitle {
	font-style: italic;
}


.dottedHdr,.dottedBorder {
	background: url(/images/dividers/dotted.gif) repeat-x 0 0;
}

.dottedBorder {
	clear: both;
	width: 100%;
	height: 5px;
}

.vDottedBorder {
	background: url(/images/dividers/v_dotted.gif) repeat-y 0 0;
}

.title {
	text-transform: uppercase;
	color: #999;
}



th a.sort {
	background:url(/images/icons/sort_down.gif) no-repeat 0 0;
	padding-left: 10px;
}

th a:hover{
    text-decoration: none;
}



.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.small {
    font-size: 75%
}

.underline {
	text-decoration: underline;
}

.alignLeft {
	text-align: right;
}

.alignCenter, .center {
	text-align: center;
}

.alignRight {
	text-align: right;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.point{
      cursor: pointer
        }


.noWrap{
    white-space: nowrap
}

.clear {
	border:0;
	clear:both;
	display:block;
	float:none;
	font-size:0;
	height:0;
	margin:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
	line-height:0;
	padding:0;
}

.hide {
	display: none;
}

.show {
	display: block;
}

.date {
  color: #999;
  font-size: 10px;
  text-decoration: italic;
}


.centerSpan{
    float:left;
    position:relative;
    left:50%;
    text-align:left;
}

p.divider{
    background: transparent url(/images/dividers/h_ltgrey.gif) repeat-x 0 0;
    padding: 10px 0px;
    clear: both;
}



td.center, th.center{
	text-align: center;
}

.center{
    text-align: center
}

td.right
{
	text-align: right;
}




/* - - - - - - - - - - - - - - - - - - - - - - - -
	ALERTS AND MESSAGES
	
    - messages are used in forms, above and below input fields
	- also in empty modules (reviews, listings, etc..) to indicate what will go there
	- legend is for footnotes at table bottoms, etc...
	
 - - - - - - - - - - - - - - - - - - - - - - - - */


.message, .messageSm{
	font-weight: 500;
	font-size: 10px;
	font-style: italic;
	color:#666;
    display: block;
}


.legend{
    color: #b5b5b5;
    font-size: 10px;
    line-height: 20px;
    padding: 2px;
    display: block;
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 5px;
}

.legend b{
    color: #999;
}

.legend .block{
    padding: 0 10px 0px 5px;
    border-right: 1px solid #e2e2e2; 
}

.legend .block img{
    padding: 2px 2px 0px 0px;
}


.declined a, .declined{
    color: #f33307
}


.messageSm{
	font-size: 9px;
	display: block;
	color:#999;
    font-style: normal;
}

.message .block{
    margin-left: 15px;
}


.creditScore .messageSm{
    padding-left: 17px;

}

.messageNoContent{
    display: block;
	font-size: 12px;
	margin: 0 auto;
	font-style: italic;
	color:#777;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	max-width: 500px;
}

.messageNoContent a{
    float: none;
    padding: 1px 2px;
}


.messageNoContent strong{
    color:#222;
    font-weight: normal
}

fieldset .message{
    display: block;
    border: 0px;
    padding: 0px 0px 5px 0px
    
}

fieldset label .message{
    display: inline;
}

fieldset legend .message{
    display: inline;
    text-transform: none;
    border: 0px;
}


.red{
    color: #d93c0b;
    font-weight: bold;
}

#bid .red{
    color: #d93c0b;
    font-size: 13px;
    font-weight: normal
}


/*  used at the tops of pages to flag something important 
    that's not an error or success message */

.messageMajor{
    background-color: #86c4d3;
    color: #fff;
    padding: 5px 15px 10px 15px; 
    margin-bottom: 15px;
}


#home .messageMajor{
    background-color: #e1f4f8;
    color: #111;
    padding:10px 15px 10px 15px;
}


.messageMajor .minor{
    color: #0a5e72;
    font-size: 16px;
    display: block; 
}

.messageMajor .minor a{
    background-color: #ddf2f7;
    padding: 1px 3px;
    font-weight: bold;
    text-decoration: underline;
    color: #033744
}


.messageMajor .block  a{
    color: #0A5E72;
}

.messageMajor .block {
    padding: 5px 30px 0px 0px;
    width: 300px;
    float:left;
    color: #fff;
    font-size: 12px;
}


.messageMajor h1{
    display: inline;
    font-size: 24px;
    line-height: 26px;
    padding: 0px;
}

.messageMajor h2{
    color: #0A5E72;
    display: inline;
    font-size: 24px;
}

#home .messageMajor h2{
    color: #247989;
    display: inline;
    font-size: 16px;
    line-height: 30px;
    padding: 0px;
    font-weight: normal
}

#home .messageMajor h2 a{
    font-weight: bold;
    text-decoration: underline
}

.messageMajor .head {
    padding: 10px 0px 0px 0px;
}


.messageMajor .block .title{
    font-size: 13px;
    font-weight: bold;
    display: block;
}

.messageMajor p{
    margin-top: 12px;
    font-size: 14px;
}


/*  message that appears on choosing closer or starter   */

#home #closer.messageMajor{
    background-color:#FEF8E3;
    border:10px solid #FCEBAF;
    color: #777;
}

#home #starter.messageMajor{
    background-color: #f6f6f6;
    border: 10px solid #f0f0f0;
    color: #777;
}

#home #closer.messageMajor h1{
    color:#f86129;
}

#home #closer.messageMajor h2{
    color:#222;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
    padding: 0px;
}

#home #starter.messageMajor h2{
    color:#222;
}

#home #closer.messageMajor p a{
    font-weight: bold;
    background-color: #f9f2d8;
    padding: 2px 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


 
/*  the credit styles are used on the renter home page after initial login to 
    highlight their credit score  */



.tealBar{
    background: #f2fcfd;
    padding: 5px 10px;
    font-size: 11px;
    margin-left: 15px;
    text-transform: uppercase;
    color: #388393;
    position: relative;
    bottom: 5px;
}


.tealBar .small{
    font-size: 11px;
    text-transform: none;
}

.tealBar .small a{  
    text-decoration: underline;
    font-weight: bold;
}

.tealBar .number{
    color: #115f60;  
    font-size: 18px;
    padding: 0px 5px;
    font-family: Georgia, "times new roman";
}

.noScore{ 
    text-transform: none;
    font-size: 14px;
    line-height: 25px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  

     FLAGS 
     - .highlightNew for highliting rows
     - .newFlag for new features
     - .new creates orange text
     - #tip for text tips below content
    
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.highlightNew{
    background-color: #fefce7;
}


.newFlag{
	background-color:#f38809;
	color: #fff;
	font-size: 11px;
	padding: 1px 3px;
	text-transform: uppercase;
    -moz-border-radius:2px;
    -webkit-border-radius: 2px;
    border-radius:3px;
}


.new{
	font-size: 12px;
	color: #F38809;
	padding: 2px 3px;
	font-weight: bold;
}

td.commission .new{
    clear: left;
    font-size: 11px;  
}



.commission .new{
    font-size: 14px;
}



    #tip, #tipBlock{
        background: transparent url(/images/icons/tip.gif) no-repeat 27px 5px;
        padding: 5px 0px 5px 5px;
        font-size: 11px;
        color: #666;
        margin-bottom: 5px;
    }
    
    #tipBlock{
        width: 200px
    }
    
    
    #tip .title{
        font-weight: bold;
        text-transform: none;
        color: #f97f08;
        padding-right: 20px;
    }
    
    #tip strong{
        color: #111;
    }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  

    HELP and alert DIVS ON GRIDS AND PERSONAL HOME PAGES
    
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


.alertCalm, .alertCalmLg{
    background-color: #e4fbcf;
    padding: 5px 10px;
    color:#45503b;
    font-size: 11px;
    margin-bottom: 10px;
    font-weight: normal;
}

.alertCalm a, .alertCalmLg a{
    text-decoration: underline
}

#home .alertCalmLg{
    margin-top: -10px;
}

#home .alertCalmLg a.close{
    background-color: #aedc85;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
    padding: 3px 6px;
    margin: -3px -12px 0px 0px;
}


.alertCalmLg{
    font-size: 14px;
    padding: 5px 15px 10px 15px;
    margin-bottom: 20px;
}


 .pointer{
    padding-left: 55px;
    background: #e4fbcf url(/images/icons/pointer.gif) no-repeat 15px 18px;
}


.alertCalm .title, .alertCalmLg .title{
    font-size: 12px;
    font-weight: bold;
    color:#1c3904;
    text-transform: none;
    display: block
}

.alertCalmLg .title{
    font-size: 19px;
}

.alertCalmLg .slug{
    text-transform: uppercase;
    color: #629f2a;
    font-size: 10px;
    font-weight: bold;
    display: block;
    padding-top: 5px;
}


.alertCalmLg .closeFade{
    font-size: 12px;
    color: #fff;
    padding: 4px 8px;
    background-color: #c0dfa4;
	font-weight: normal;
    font-family: Verdana, arial;
    float: right;
    margin: -3px -12px 0px 0px;
}


/* - - - STYLES FOR NEW FEATURES MESSAGE- - - - -  */

        #hp_feature .block{
            width: 270px;
            margin-right: 15px;
            font-size: 13px;
            line-height: 17px;
        }
        
        
        #hp_feature .title{
            font-size: 20px;
            line-height: 22px;
        }
        

        
        #hp_feature .small{
            display: block;
            margin-top: 6px;
            font-size: 10px;
            padding: 1px 4px;;
            background-color: #d2eeb9
        }
        
        #hp_feature{
            background: #e4fbcf url(/images/callouts/email-response.gif) no-repeat right top;
        }
        
        #hp_feature p{
            padding-right: 320px;
            margin-top: 10px;
            font-size: 14px;
            line-height: 19px;
        }
        
        
/* - - - WEBBY FEATURE- - - - -  */

       #personalHome #webby   {
        background: #e4fbcf url(/images/callouts/webby.gif) no-repeat  right 5px;
        background-color: #f6f6f6;
        color: #111;  
        position: relative          
        }
        
        #personalHome #webby .title   {
            color: #f66500;            
        }
        
        #personalHome #webby img   {
            position: absolute;
            left: 450px;
            top: 65px;  
        }
        
        #personalHome #webby p   {
          margin-top: 10px;
          padding-right: 500px;
            margin-top: 10px;
            font-size: 14px;
            line-height: 21px;           
        }
    

        #personalHome #webby a.close{
            background-color: #ccc;
        }

        

#feed_login .alertCalmLg .title{
    font-size: 17px;
}

#renterBids .alertCalmLg {
    margin-bottom: 0px;
}


#home .alertCalm {
    height: 58px;
    margin-bottom: 20px;
}


.messageMajor .helpClose	{
    background-color: #006073;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
    padding: 4px 8px;
    font-family: Verdana, arial;
    float: right;
    margin: -8px -12px 0px 0px;
}

.verify{
    background: transparent url(/images/icons/bid_check.gif) no-repeat 93% 10px;
}



/* - - -used to highlight grid rows- - */

.highlight{
    background-color: #fff;
}




/* - - - - - - - - - - - - - - - - - - - - - - - - -
	MODAL STYLES
	meaning the content in modals; the styles that create the modals 
	themselves are in thickbox.css
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */


#TB_ajaxContent H1{
	font-size: 20px;
	padding-top: 5px;
	margin-bottom: 5px;
	line-height: 24px;
	text-align: center;
}

#TB_ajaxContent h2{
	font-style: normal;
	margin: 5px 0px 5px 0px;
    font-size: 14px;
    line-height: 17px;
    color: #013741;
    text-align:left;
    font-weight: normal;
}

#TB_ajaxContent h2.big{
    font-size: 19px;
    line-height: 23px;
    font-weight: bold;
}

#TB_ajaxContent h2.center{
    text-align: center
}


#TB_ajaxContent h3{
	padding-left: 0px;
	font-style: italic;
    margin-bottom: 10px;
}

#TB_ajaxContent p{
	padding: 0px;
    margin-top: 10px;
    font-size: 12px;
    line-height: 17px
}

#TB_ajaxContent .message{
	color: #007186
}

#TB_ajaxContent .message a{
	font-weight: bold;
	text-decoration: underline
}


    
    
    /* . . . . . . . . . . . . . . . . . . . . . . .
    styles for contact modal from RS listing page
    . . . . . . . . . . . . . . . . . . . . . . . . . */
    
    #TB_ajaxContent #contactModal {
        padding: 0px 10px 10px 10px;
    }
    
    
    #contactModal h1{
        text-align: left;
        font-size: 18px;
        line-height: 18px;
    }
    
    #contactModal h2{
        padding: 0px;
        font-weight: bold;
    }
    
    #contactModal h1 .small{
        font-size: 12px;
        font-style: italic;
        font-weight: normal
    }
    
    #contactModal .note{
        background-color: #c7e4e9;
        color:#1c525b;
        font-size: 11px;
        font-style: italic;
        padding: 5px 10px;
        display: block;
        margin: 10px 0px;
    }
    
    
    #contactModal textarea{
        height:60px;
        width: 380px;
        border: 1px solid #a4cfd7;
        display: block
    }
    
    #contactModal .checkbox{
        background-color: #cce7ed;
        padding: 8px 10px;
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 10px;
    }
    
    #contactModal .checkbox.nocredits .small{
       padding-left: 0px;
    }
    
    
    #contactModal .checkbox.icon .small{
        padding-left: 0px;
    }
    
    #contactModal  .big{
        font-size: 13px;
        font-weight: bold;
        color: #111;
    }

    #contactModal .checkbox .small{
        font-size: 11px;
        line-height: 16px;
        color:#337181;
        display: block;
        padding-left: 18px;
    }
    
    
    #contactModal .detailBtn a {
        padding: 16px 20px 0px 3px;
        font-size: 15px;
    }
    
    #contactModal.anon .checkbox {
        background-image: url(/images/icons/connected.gif) no-repeat 0 0
    }
        
    
    /* . . . . . . . . . . . . . . . . . . . . . . .
    
    styles for "anon" modals - linking from listing and Renter serps

    . . . . . . . . . . . . . . . . . . . . . . . . . */
    
    
    #TB_ajaxContent .anon {
        padding: 0px 10px 10px 15px;a
        margin-top: -10px;
    }


    #TB_ajaxContent .anon h1 {
        text-align: left;
        font-size: 22px;
    }
    
    #TB_ajaxContent .anon h2 {
        font-style: normal;
        font-size: 17px;
        font-weight: normal;
        margin-bottom: 20px;
    }
    
    #TB_ajaxContent .anon img.screen {
        border: 1px solid #fff;
    }


    #TB_ajaxContent .anon #benefits {
        float: right;
        width: 195px;
    }
    
    #TB_ajaxContent .anon #benefits .note {
        background-color: #c9ecf4;
        padding: 3px 5px;
        display: block;
        font-size: 11px;
        line-height: 14px;
        font-style: italic;
        color: #5d929e
    }

    #TB_ajaxContent .anon #benefits .head {
        font-weight: bold;
        display: block;
        padding: 6px 10px;
        font-size: 14px;
        color: #18535d;
        margin-bottom: 5px;
        background-color: #f6fcfe
    }
    
    #TB_ajaxContent .anon li {
        list-style-image: url(/images/icons/asterisk_red.gif);
    	list-style-position: inside;
    	font-size: 11px;
    	padding: 5px 0px;
    	color: #222;
    }
    
    #TB_ajaxContent .anon .block {
        margin-top: 40px;
        font-size: 12px;
        line-height: 20px;
        padding-right: 20px;
        color: #64a4b2;      
    }
    
    
    #TB_ajaxContent .anon  .floatRight {
        background: url(/images/dividers/v_blue.gif) repeat-y 0 0;
        padding: 0px 20px 0px 25px;
    }

     
     #TB_ajaxContent .anon .block a {
        font-size: 12px;
        font-weight: bold;
        display: block;
        color: #12435a;      
    }
    
    
    #TB_ajaxContent .anon .block .orangeBtn  {
       margin-top: 0px; 
    }
    
    
    #TB_ajaxContent .anon .block .orangeBtn a {
        padding-top: 12px;
        line-height: 16px;
        color: #fff;    
        font-size: 14px;  
    }
    


/* - - - - - - - - - - - - 
     RIGHT COL MODULES  
- - - - - - - - - - - - - - - -*/


      
    #bid  .whiteBtn{
        float: right;
    }
    

    
    #bid p.divider{
      background: url(/images/dividers/dotted.gif) repeat-x 0 0;
      border:0;
      clear:both;
      display:block;
      float:none;
      margin:0px;
      padding:4px 0px;
    }
    
    #bidBlock{
    margin-top: 25px;
    }
    



#attachedListings .listing img{
    margin: 0px;
    padding: 2px 3px 0px 0px;
}

#bid table#listingstable {
     margin-bottom: 0px;
}

#bid #myListingsResults {
    margin-top: 10px;
}

#bid #myListingsResults .block {
    padding-right: 5px;
}


#bid #myListingsResults .buttonCol{
    width: 75px;
    min-width: 75px;
}


#bid #listingstable th{
    padding:6px 8px 5px 0px;
}





/* - - - - - - - - - - - - - - - - - - - - - -
      ACCOUNT SECTION - BROKER AND RENTER
- - - - - - - - - - - - - - - - - - - - - - - - */

 
    #account #purchaseBids .block, #account #purchaseBids .noBorder{
        display: block;    
        float: none;
        background: url(/images/dividers/dotted.gif) repeat-x 0 0;
        padding: 9px 0px 6px 5px;
        position: relative;
    }
    
    
    #accountContainer #leftCol h2 {
        padding:5px 10px;
        margin: -3px -13px 10px -13px;
        background-color: #eafafd
    }
    
   #accountContainer.notProfile fieldset {
        border: 1px solid #ccc;
    }
    
    
    #accountContainer .whiteBtn {
        float: right
    }
    
    
    #account #purchaseBids .noBorder{
        background: none;
    }
       
    
    #account #purchaseBids .price{
        font-size: 18px;
        color: #5fbc31;
        display: inline-table;
        min-width: 40px;
        width: 40px;
        font-weight: bold;
        padding-right: 8px;
        text-align: right
    }
    
    #account #purchaseBids .bids {
        font-size: 18px;
        font-weight: bold;
        color: #111;
        display: inline-table;
        min-width: 130px;
        width: 130px;
    }
    
    #account #purchaseBids .freeBids {
        font-size: 14px;
        padding-bottom: 3px;
        display: inline-table;
        color: #777;
        font-style: italic;
        font-weight: normal;
    }
    
     #account #purchaseBids .block.highlight {
        background-color: #f1f1f1;
    }
    
    
    #account #purchaseBids .block:hover{
        background-color: #f8f8f8;
    }
    
    
    #account #purchaseBids .block img{
        position: absolute;
        left: 10px;
        top: 8px
    }
    
    
    /* - - - - -autofill stuff - - */
    
        #account #autofill{
            font-size: 13px;
        }
        
        
        #account #autofill .calm{
            font-size: 11px;
            padding-left: 17px;
        }
        
        #account #autofill .line{
            padding-top: 5px;
            margin-top: 10px;
        }
        
        
        #account #autofill .note{
            width: 220px;
            margin-top: -10px
        }
        
        
        #account #autofill .checkboxCont{
            float: left;
            width: 70px;
        }
        
        #account #autofill .checkboxCont input{
        margin-right: 1px;
    }

    
    
    
    
 
    
    #orderSummary{
        font-weight: bold;
        font-size: 20px;
        color:#539e14;
        padding:5px 20px;
        background-color: #dff5cb;
        border: 2px solid #fff;
        margin-bottom: 10px;
    }
    
    
    #orderSummary .small{
        padding-left: 10px;
        font-size: 13px;
        font-weight: normal;
        color: #333
    }
    
    
    .offerPaymentOption{
        padding-left: 45px;
    }
    
    
    a.offerPaymentOption:hover{
        text-decoration: none;
    }
    
   
    fieldset#cardInfo h4{
        background: none;
        border-bottom: 1px solid #eaeaea;
        padding: 2px 4px;
        display: block;
        text-transform: uppercase;
        font-weight: bold
    }
    
    fieldset#cardInfo h4.padTop{
        margin-top: 30px; 
    }
    
    
    #step3  .next {
        margin-left: 0px;
    }
    
    fieldset#cardInfo .block{
        min-width: 170px;
        padding: 6px 0px 2px 2px;
    }
    
    fieldset#cardInfo .block label{
        font-size: 12px;
        margin-left: 2px;
    }
    
    #cardInfo #verisign{
        float: right
    }
    
    
    /* - - - - - PREFERENCE CLASSES- - - - - - - - - */
    
    #preferences fieldset{
        padding-bottom: 15px;
        font-size: 12px;
    }


    #account .on, #account .off{
        font-size: 14px;
        width: 200px;
        float: none;
        font-weight: bold;
        padding: 10px 30px 10px 45px;
        background: transparent url(/images/icons/bid_check.gif) no-repeat 10px 8px;
    }
    
    #account .off{
        background: transparent url(/images/icons/x.gif) no-repeat 10px 12px;
    }
    
    
    #account .note{
        font-size: 11px;
        line-height: 15px;
        padding: 5px 10px;
        float: right;
        width: 270px;
        color: #333;
        margin-top: 5px;
        background-color: #FEFDEC
    }
    
    #brokerBioPhoto .note{
        float: none
    }
    
    #account .note p{
        margin-top: 10px;
    }

    
    #preferences .checkboxCont {
	width: 220px;
	display: block;
	float: none;
	margin: 5px 0px
	}
	
	#preferences h3 {
	font-size: 13px;
	}
	
	
 /* - - - - - RENTER NO EMAIL SURVEY- - - - - - - - - */
 
    #accountContainer.notProfile #emailNotificationsSurvery fieldset {
        border:0px;
        background-color: #f4f4f4;
        padding: 10px;
    }
    
    #emailNotificationsSurvery .message {
       display: inline
    }
    
    #emailNotificationsSurvery li {
       list-style-type: none;
       border-top: 1px solid #fff;
       padding-top: 15px;
       margin-top: 5px;
    }
    
    #emailNotificationsSurvery li .radioCont{
       margin-top: 0px;
       float: right
    }



/* - - - - - - - - - - - - - - - - - - - - - - - - -
	BEGIN: BUTTON Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

        .cancel, .refresh{
        	float: left;
        	font-size: 13px;
        	padding-top:5px;
        }
        
        
        .cancel a{
            text-decoration: underline
        }
        
        #renter_signup .cancel, #broker_signup .cancel{
        	float: none;
        	padding: 10px;
        }
        
        
        
/* - - - - - - - 
	yet another sign up button
- - - - - - - - - - - */

            #signup2{
                height: 39px;
                width:227px;
                background: url(/images/buttons/signup2.gif) no-repeat 0 0;
            }

            #signup2.active {
                background: url(/images/buttons/signup2_on.gif) no-repeat 0px 0px;
            }
            
            


/* - - - - - - - 
	BLUE BUTTONS
- - - - - - - - - - - */

        .blueActBtn {
          background-color: #2d6080;
        	padding: 4px 7px;
        }
        
        a.blueActBtn{
          line-height: 15px;
          color: #fff;
        	font-size: 11px;
          font-weight: normal; 
        }
        
        .blueActBtn a.thickbox, .blueActBtn a{
            color: #fff;
        }
        
        .fieldset .blueActBtn {
        	padding-top: 0;
        }
        
        .unitContainer .blueActBtn,.profileMasthead .blueActBtn {
        	font-size: 11px;
        	line-height: 11px;
        	margin-right: 15px;
        	padding: 1px 5px 3px 5px;
        	height: 18px;
        }
        
        .profileMasthead .blueActBtn {
        	margin-top: 5px;
        	float: right;
        	padding-top: 3px;
        	height: 13px;
        }
        
        .acceptBid .blueActBtn {
        	margin-right: 10px;
        }



/* - - - - - - - - - - - - - - - - 
	YOUR BASIC GREEN BUTTON
- - - - - - - - - - - - - - - - - - */

        .greenBtn {
        	float: left;
        	background: url(/images/buttons/green_left.gif) no-repeat left top;
        	padding-left: 7px;
        }
        
        .greenBtn a, .greenBtn input{
        	float: left;
        	background: url(/images/buttons/green_right.gif) no-repeat scroll right top;
        	color: #fff;
        	font-size: 14px;
            padding: 2px 12px 2px 8px;
        	height: 24px;
        }
        
       .greenBtn.active {
        	background: url(/images/buttons/green_left_on.gif) no-repeat left top;
        }
        
        .greenBtn a.active {
        	background: url(/images/buttons/green_right_on.gif) no-repeat scroll right top;
        	text-decoration: none;
        }
        
/* - - - - - - - - - - - - - - - - 
	centers the button within the container
- - - - - - - - - - - - - - - - - - */
        
        
        .buttonContainer {
                float:left;
                position:relative;
                left:50%;
                text-align:left;
            }

            .buttonContainer .greenBtn, .buttonContainer .detailBtn{ 
                position:relative;
                left:-50%;
                margin-top: 5px;
            } 
            



/* - - - - - - - - - - - - - - - - 
	Special BUTTON
- - - - - - - - - - - - - - - - - - */

        .specialButton {
        	float: left;
        	background: url(/images/buttons/special_left.gif) no-repeat left top;
        	padding-left: 28px;
        }
        
        .specialButton a, .specialButton input{
        	float: left;
        	background: url(/images/buttons/green_right.gif) no-repeat scroll right top;
        	color: #fff;
        	font-size: 14px;
        	font-weight: bold;
            padding: 2px 18px 2px 8px;
        	height: 24px;
        }
        
        .specialButton.active   {
        	background: url(/images/buttons/special_left_on.gif) no-repeat left top;
        }
        
        .specialButton a.active   {
        	background: url(/images/buttons/green_right_on.gif) no-repeat scroll right top;
        	text-decoration: none;
        }
        
/* - - - - - - - - - - - - - - - - 
	Huge buttons on detail pages
- - - - - - - - - - - - - - - - - - */


        .detailBtn, .detailFadeBtn {
        	float: left;
        	background: url(/images/buttons/details_left.gif) no-repeat left top;
        	padding-left: 38px;
        }
        
        .detailBtn a, .detailBtn input, .detailFadeBtn a, .detailFadeBtn input{
        	float: left;
        	background: url(/images/buttons/details_rt.gif) no-repeat scroll right top;
        	color: #fff;
        	font-size: 16px;
            padding: 11px 25px 0px 10px;
        	height: 38px;
        	font-style: normal;
        	font-weight: bold;
        	text-align: left;
        }
        
         .detailBtn.active  {
        	background: url(/images/buttons/details_left_on.gif) no-repeat left top;
        }
        
         .detailBtn a.active   {
        	background: url(/images/buttons/details_rt_on.gif) no-repeat scroll right top;
        	text-decoration: none;
        }
        
        .detailFadeBtn{
            background: url(/images/buttons/detailsFade_left.gif) no-repeat left top;
        }
        
        .detailFadeBtn a{
            background: url(/images/buttons/detailsFade_rt.gif) no-repeat right top;
            color: #96c071;
        }
        
        .detailFadeBtn a.active   {
        	text-decoration: none;
        }
        

/* - - - - - - - - - - - - - - - - 
	SIGN UP BUTTONS (eg, on tour pages)
- - - - - - - - - - - - - - - - - - */

        .orangeBtn, .signupGreen {
        	height:40px;
        	background: url(../images/buttons/orange_left.gif) no-repeat left top;
        	padding:0;
        	padding-left:34px;
        	float:left;
        	margin-top: 20px;
        }
        
        .signupGreen{
            background: url(../images/buttons/signup_green_left.gif) no-repeat left top;
            padding-left:37px;
            margin-top: 10px;
        }
        
        
         .orangeBtn a, .orangeBtn input, .signupGreen a, .signupGreen input  {
        	background: url(../images/buttons/orange_right.gif) no-repeat right top;
        	color: #fff;
        	font-size: 15px;
        	font-weight: bold;
        	padding: 9px 20px 1px 10px;
        	text-align: center;
        	height: 40px;
        	/* NA - Added float:left for IE6 sizing */
        	float:left;
        }
        
        .signupGreen a,  .signupGreen input{
            background: url(../images/buttons/signup_green_right.gif) no-repeat right top;
        }
        

        .orangeBtn .small, .signupGreen .small{
            font-size: 13px;
            font-style: italic;
            font-weight: normal;
        }
        
        
/* - - - - - - - - - - - - - - - - 
	"NEXT STEP" button on tour pages
- - - - - - - - - - - - - - - - - - */

        .arrow_tour {
            margin-top: 15px;
        	height:46px;
        	padding: 14px 25px 14px 15px;
        	background: #a0d3de  url(/images/bg/tour_arrow_off.gif) no-repeat top right;
        }
        
        .arrow_tour.active {
        	background: #81bbc8  url(/images/bg/tour_arrow_on.gif) no-repeat top right;
        }
        
        .arrow_tour a{
            color: #fff;
            font-size: 17px;
            font-weight: bold;
        }
        
        
        .arrow_tour a:hover{
            text-decoration: none;
        }
        


/* - - - - - - - - - - - - - - - - 
	FEEDBACK BUTTON
- - - - - - - - - - - - - - - - - - */
            
       #feedback{
            position: fixed;
            height: 89px;
            width: 27px;
            right: 0px;
            top: 38px;
        }
        

        body#login #feedback, body#choosePlan #feedback{
            display: none
        }
        
        #details #feedbackForm textarea{
            width: 300px;
            border: 1px solid #9FD2DD;
            height: 60px;
        }
        
        #details #TB_ajaxContent  #form{
            width: 350px;
        }
        


/* - - - - - - - - - - - - - - - - 
	SMALL GREEN BUTTONS
- - - - - - - - - - - - - - - - - - */
        .greenBtnSm {
        	height:23px;
        	background: url(/images/buttons/green_sm_left.gif) no-repeat left top;
        	padding:0;
        	margin:0;
        	padding-left:5px;
        	display:block;
        	float:left;
        }
        
        .greenBtnSm a, .greenBtnSm input {
        	display: block;
        	background: url(/images/buttons/green_sm_right.gif) no-repeat scroll right top;
        	color: #fff;
        	font-size: 12px;
        	padding: 2px 9px 1px 5px;
        	text-align: center;
        	height: 23px;
        	/* NA - Added float:left for IE6 sizing */
        	float:left;
        }
        
        
         .greenBtnSm.active  {
        	background: url(/images/buttons/green_sm_left_on.gif) no-repeat left top;
        }

         .greenBtnSm a.active {
        	background: url(/images/buttons/green_sm_right_on.gif) no-repeat scroll right top;
        	text-decoration: none;
        }
        


/* - - - - - - - - - - - - - - - - 
	BLUE REVIEW  BUTTONS
- - - - - - - - - - - - - - - - - - */
        .blueBtn {
        	height:24px;
        	background: url(/images/buttons/blue_left.gif) no-repeat left top;
        	padding:0;
        	margin:0;
        	padding-left:5px;
        	display:block;
        	float:left;
        }
        
        .blueBtn a, .blueBtn input {
        	display: block;
        	background: url(/images/buttons/blue_right.gif) no-repeat scroll right top;
        	color: #fff;
        	font-size: 11px;
        	padding: 4px 10px 1px 5px;
        	text-align: center;
        	height: 23px;
        	/* NA - Added float:left for IE6 sizing */
        	float:left;
        }
        
        
         .blueBtn.active  {
        	background: url(/images/buttons/blue_left_on.gif) no-repeat left top;
        }

         .blueBtn a.active {
        	background: url(/images/buttons/blue_right_on.gif) no-repeat scroll right top;
        	text-decoration: none;
        }

/* - - - - - - - - - - - - - - - - 
	BIG WHITE BUTTONS
- - - - - - - - - - - - - - - - - - */
        .whiteBtn_lg, .copyBtn_lg {
        	height:29px;
        	background: url(/images/buttons/white_left_lg.gif) no-repeat left top;
        	padding:0;
        	margin:0;
        	padding-left:10px;
        	display:block;
        	float:left;
        }

    
        .whiteBtn_lg a,.whiteBtn_lg input {
        	display: block;
        	background: url(/images/buttons/white_right_lg.gif) no-repeat right top;
        	font-size: 13px;
        	font-weight: bold;
        	padding: 4px 15px 1px 5px;
        	text-align: center;
        	height: 29px;
        	/* NA - Added float:left for IE6 sizing */
        	float:left;
        }
        
        
        
        .copyBtn_lg {
            background: url(/images/buttons/copy_left_lg.gif) no-repeat left top;
            padding-left: 24px;
        }
                
        .copyBtn_lg a,.copyBtn_lg input {
        	display: block;
        	background: url(/images/buttons/copy_right_lg.gif) no-repeat right top;
        	font-size: 13px;
        	padding: 3px 12px 2px 8px;
        	height: 24px;
        	text-align: center;
        	/* NA - Added float:left for IE6 sizing */
        	float:left;
        }
        
        .copyBtn_lg:hover {
            background: url(/images/buttons/copy_left_lg_on.gif) no-repeat left top;
        }
        
        .copyBtn_lg a:hover {
            color:#f85b00;
          text-decoration: none;
        }
        
                	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - -
	1/10: SMALL ATTACH/remove BUTTONS IN NEW CONNECTION FLOW.
- - - - - - - - - - - - - - - - - - - - - - - - - - -  */


        .attachBtnSm,  .removeBtn{
        	float: left;
        	background: url(/images/buttons/attachSm_left.gif) no-repeat left top;	
        	margin-left:0px;
        	height: 20px;
        	padding-left:9px;
        	font-size: 11px;
        }


          .attachBtnSm a, .removeBtn a {
          float: left;
          background: url(/images/buttons/attachSm_rt.gif) no-repeat scroll right top;
          font-size: 11px;
          text-decoration: none;
          display:block;
          margin-left: 8px;
          height: 20px;
          padding:1px 10px 1px 7px;
        }
        
       
        .removeBtn{
        	background: url(/images/buttons/remove_left.gif) no-repeat left top;	
        }
        
    
        
        
        
        
/* - - - - - - - - - - - - - - - - - - - - - - - - - - -
	1/10: icon search button for search by web id
- - - - - - - - - - - - - - - - - - - - - - - - - - -  */    
        
        
        .searchIconBtn{
        	float: left;
        	background: url(/images/buttons/searchIcon_off.gif) no-repeat left top;	
        	height: 22px;
        	width: 26px;
        }
        
        .searchIconBtn.active{
        	background: url(/images/buttons/searchIcon_on.gif) no-repeat left top;	
        }
         
        
       



/* - - - - - - - - - - - - - - - - - - - - - - - - - - -
	MINOR ACTION BUTTONS - delete, attach listings, etc..
- - - - - - - - - - - - - - - - - - - - - - - - - - -  */


        .deleteBtn, .whiteBtn, .attachBtn,  .copyBtn, .faveBtn{
        	float: left;
        	background: url(/images/buttons/delete_left.gif) no-repeat left top;	
        	margin-left:0px;
        	height: 24px;
        	padding-left:9px;
        }
        
        .deleteBtn.active{
            background: url(/images/buttons/delete_left_on.gif) no-repeat left top;
        }
        
        .whiteBtn{
            background: url(/images/buttons/white_left.gif) no-repeat left top;
            padding-left:0px;
            clear: left;
            text-transform: none;
        }
        
        
        .faveBtn{
            background: url(/images/buttons/fave_left.gif) no-repeat left top;
            padding-left:16px;
        }

        
        .faveBtn.active, .faveBtn.favorited{
            background: url(/images/buttons/fave_left_on.gif) no-repeat left top;
        }
        
        .copyBtn{
            background: url(/images/buttons/copy_left.gif) no-repeat left top;
        }
        
        .copyBtn.active{
            background: url(/images/buttons/copy_left_on.gif) no-repeat left top;
        }
        
        .attachBtn{
            background: url(/images/buttons/attach_left.gif) no-repeat left top;
        }
        
        .attachBtn.active{
            background: url(/images/buttons/attach_left_on.gif) no-repeat left top;
        }
        
        
        .deleteBtn a, .whiteBtn a, .attachBtn a, .copyBtn a,  .faveBtn a{
          float: left;
          background: url(/images/buttons/white_right.gif) no-repeat scroll right top;
          font-size: 10px;
          font-weight: 100;
          display:block;
          color: #147898;
          margin-left: 8px;
          height: 24px;
          padding:4px 10px 1px 5px;
        }
        
        .faveBtn a{
            font-size: 12px;
            padding:2px 10px 1px 5px;
        }
        
        #listingSERPTable .faveBtn, .homePageMod .faveBtn{
	       float:right
        }
        
        .deleteBtn a.active, .attachBtnSm a.active, .removeBtn a.active, .whiteBtn a.active, .attachBtn a.active, .copyBtn a.active, .faveBtn a.active{
          color:#f85b00;
          text-decoration: none;
        }
         
        
         .whiteBtn a{
            margin-left: 4px;
         }
         
         #listingstable .copyBtn{
            margin-top: 4px;
         }

    
        


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	ERROR PAGE  STYLES
- - - - - - - - - - - - - - - - - - - - - -  - - - - - - */


        body#oops{
            background: #fff url(/images/bg/fade_tall.jpg) repeat-x 0 0;
        }
        
        #oops #masthead{
            background: none;
            border-bottom: 0px;
            width: 540px;         
            height: 90px;
            margin-bottom: 0px;
        }
        
        #oops #wrapper{
            background: url(/images/bg/clouds_tall.jpg) no-repeat 0 0;
            width: 540px;
        }
        
        #oops .copyright{
            color: #a3dbe7;
            margin-left: 40px;
        }
        
        
        #oops #logo{
            margin-left: 40px;
        }
        
        #oops #blueBox {
            color: #111;
        }
        
        
        #oops #blueBox h1 {
            color: #111;
            margin-bottom: 10px;
        }
        
        #oops #blueBox p {
            margin: 10px 0px;
        }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	VIDEO STYLES
- - - - - - - - - - - - - - - - - - - - - -  - - - - - - */      
        
        
        .video{
            background: #e6f5fb url(/images/icons/video.gif) no-repeat 10px 7px;
            border: 1px solid #fff;
            padding: 10px;
            font-size: 12px;
        }
        
        .video .content{
            padding-left: 54px;
        }
        
        
        .video a.hide{
            float: left;
            display: block;
            height: 29px;
            width: 43px;
        }
        
        .video a.hide:hover{
            text-decoration: none
        }
        
        
        .videoSmall{
            background:url(/images/icons/video_sm.gif) no-repeat top left;
            padding: 2px 0px 0px 40px;
            height: 28px;
            margin-top: 10px;
        }
        
        .video .slug{
            color: #75a0b3;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 9px;
            display: block
        }
        
        #home .video{
            float: left;
            width: 165px;
        }
        
        #home .video.wide{
            float: none;
            width: auto;
            margin-bottom: 20px;
        }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	SIGN IN PAGE AND ANONYMOUS PAGE STYLES
- - - - - - - - - - - - - - - - - - - - - -  - - - - - - */

        body#login{
            background: #fff url(/images/bg/fade_tall.jpg) repeat-x 0 0;
        }
        
        #login #masthead{
            background: none;
            border-bottom: 0px;
            width: 540px;         
            height: 60px;
            margin-bottom: 20px;
        }
        
        
        #login #wrapper{
            background: url(/images/bg/clouds_tall.jpg) no-repeat 0 0;
            width: 540px;
        }     
        
        
        #anon #masthead{
            margin-bottom: 0px;
        }
        
        
        #login #logo{
            margin-left: 40px;
        }
        
        #boxtop{
            background: url(/images/bg/signin_top.gif) no-repeat 0 0;
            height: 36px;
        }
        
        #boxbottom{
            background: url(/images/bg/signin_bottom.gif) no-repeat 0 0;
            height: 36px;
        }
        
        
        #blueBox {
            background-color: #cef0f8;
            color: #0c5f6f;
            width: 460px;
            padding: 0px 40px 20px 40px;
            font-size: 13px;
            margin: 0 auto;
        }
        
        
        #blueBox h1 {
            color: #0c5f6f;
            margin-bottom: 15px;
            font-size: 20px;
        }
        
        #blueBox label {
            color: #0c5f6f;
        }
        
        #blueBox .row{
            clear: none;
        }
        
        #blueBox input{
            background-color: #fff;
        }
        
        #blueBox .checkboxCont {
            background-color: #e2f6fa;
            padding: 3px 5px;
        }
        
        #blueBox .checkboxCont label{
            font-size: 11px;
            color: #0c5f6f;
        }
             
        #blueBox .floatRight{
            background-color: #98dbeb;
            padding: 10px 15px;
            width: 180px;
            -moz-border-radius:5px 5px 5px 5px;
            -webkit-border-radius: 5px;
            border-radius:5px;
            color: #2a889a;
        }
        
        #blueBox .note{
            background-color: #b9e3ed;
            padding: 5px;
            color: #111;
            font-size: 11px;
            margin-top: 10px;
        }
        
        #blueBox .floatRight a{
          color: #fff;
          font-size: 12px;
        }
             
        
        #blueBox .unsubscribe {
          color: #222;
          font-size: 11px;
        }
        
        #blueBox .unsubscribe h4{
          display: inline;
        }
        
        #blueBox .unsubscribe h4{
          display: inline;
        }
        
        #blueBox .unsubscribe .block input{
          padding-top: 4px
        }
        

        
          
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	Call the illustration used on the home page
	- eg on the seo landing page 
	- - - - - - - - - - - - - - - - - - - - - -  - - - - - - */    
        
        #illo{
        background: transparent url(/images/home/illo.jpg?20100113) no-repeat 0 0;
        height: 309px;
    }
        
        
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	EMAIL VERIFICATION/CHOOSE CREDIT PAGES
- - - - - - - - - - - - - - - - - - - - - -  - - - - - - */
        
        #verification a.big{
          padding-top: 10px;
          font-size: 14px;
          text-decoration: underline
        }
        
        #choose .block{
          width: 195px;
          padding: 15px;
          margin: 15px 5px 10px 0px ;
          background-color: #d9f5fc;
          color: #666;
          font-size: 10px;
          line-height: 13px;
        }
        
        #choose .greenBtn{
          line-height: 1.5;
          margin:6px 0;
        }
    

/* - - - - - - - - - - -- - - - -
	RESET PASSWORD MODAL
- - - - - - - - - - - - - - -*/

        #TB_ajaxContent #resetPassword H1{
            color:#0C5F6F;
            font-size:20px;
            line-height: 14px;
            margin-bottom:10px;
            text-align: left;
        }
        
        
        #TB_ajaxContent #resetPassword {
            font-size:13px;
            line-height: 18px;
        }
        
        
        #TB_ajaxContent #resetPassword label{
          color: #0C5F6F;
        }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	TERMS OF SERVICE/PRIVACY POLICY MODALS
- - - - - - - - - - - - - - - - - - - - - -  - - - - - - */

    #broker_signup #TB_ajaxContent .bg, #renter_signup #TB_ajaxContent .bg{
        background-color: transparent;
    }
    
    #broker_signup #TB_ajaxContent h1, #renter_signup #TB_ajaxContent h1{
       text-align: left;
    }
    
    #broker_signup #TB_ajaxContent h3,  #renter_signup #TB_ajaxContent h3{
        margin: 15px 0px 0px;
    }
    
    #broker_signup #TB_ajaxContent h2, #renter_signup #TB_ajaxContent h2 {
	font-style: normal;
	color: #111;
	margin-top: 15px;
    padding-left: 0px;
    font-weight: bold;
}
    
    #broker_signup #TB_ajaxContent p, #renter_signup #TB_ajaxContent p{
    margin-top: 8px;
    }


    #broker_signup #TB_ajaxContent ul, #renter_signup #TB_ajaxContent ul {
      margin: 10px 0px 10px 20px;
      font-size: 13px;
      font-weight: bold;
      list-style: none;
    }

    #broker_signup #TB_ajaxContent  ul ul li, #renter_signup #TB_ajaxContent  ul ul li{
      margin-bottom: 5px;
      font-size: 11px;
      font-weight: normal;
      list-style: disc;
    }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	VIDEO STYLES
- - - - - - - - - - - - - - - - - - - - - -  - - - - - - */

        /*
        body#videoTour #masthead{
            height: 90px;
            border-bottom: 0px;
        }
        */
        
        #videoTour #leftCol {
            width: 524px;
            margin: 10px 0px 30px 0px;    
            padding-right:0px;   
        }
        
        #videoTour #rightCol {
            width: 400px; 
            font-size: 13px;
            color: #333;   
            margin-top: 0px;    
            margin-bottom: 30px;
            position: relative; 
        }
        
                
        #videoTour h1{
            margin-top: 50px;
            color:#0a5e72;
            font-size: 23px;
            padding-bottom: 0px;
        }
        
         #videoTour h2{
            padding-top: 0px;
            margin-top: 0px;
            color:#7abecd;
            font-size: 20px;
            font-size: 15px;
        }
        
        
         #videoTour p{
            margin-top: 12px;
        }
        
        #videoTour .divider{
          background: url(/images/dividers/dotted.gif) repeat-x 0 0;
        	border:0;
        	clear:both;
        	display:block;
        	float:none;
        	margin:30px 0px 10px 0px;
        	padding:10px 0px 0px 0px;
        }
             
        
         #videoTour #rightCol a.link{
            display: block;
            background-color: #f0f8fa;
            margin-top: 6px;
            color: #f66500;
            font-size: 15px;
            padding: 5px 10px;
            max-width:150px;
        }
        
        #videoTour #rightCol a.link:hover{
            background-color: #a7d1db;
            text-decoration: none;
            color: #fff;
        }
        
        .videoOuter{
            background-color:  #d0eef5;
            padding: 10px;
        }

        .videoInner{
            background-color:  #fff;
            padding: 2px;
        }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	RENTER AND BROKER TOUR/HOW IT WORKS STYLES
- - - - - - - - - - - - - - - - - - - - - -  - - - - - - */

        
        #tour #siteNav{
            margin-top: 31px;
        }
        
        
        #tour #siteNav li a{
            background: url(/images/bg/tab_tour_off.gif);
            font-size: 20px;
            padding: 12px 20px 8px 15px;
        }
        
        #tour #siteNav li a.active {
	        background: url(/images/bg/tab_tour_hover.gif);
        }

        #tour #siteNav li.active a {
        	background-image: url(/images/bg/tab_tour_on.gif);
        	color:#fff;
        }
        
        #tour #siteNav li.active .number{
            color: #ddf3f7;
        }
        
        #tour #siteNav li .small {
            font-weight: normal;
            font-size: 13px;
        }
    
        
        #tour h1{
            color:#0a5e72;
            font-size: 23px;
            padding-bottom: 6px;
        }
        
        
         #tour p{
            margin-top: 12px;
        }
        
        
        #tour h2{
            padding-top: 15px;
            margin-top: 10px;
            color:#7abecd;
            font-size: 20px;
            font-size: 15px;
        }
        
        
        #tour #leftCol {
            width: 460px;
            margin: 30px 0px 30px 0px;    
            padding-right:0px;   
        }
        
        #tour #rightCol {
            width: 480px; 
            font-size: 13px;
            color: #333;   
            margin-top: 30px;    
            margin-bottom: 30px;
            position: relative; 
        }
        
        
        #tour #rightCol ul{
            margin-left: 25px;
            margin-bottom: 0px;
        }
        
        #tour #rightCol li {
          list-style-image: url(../images/icons/asterisk_red.gif);
        	list-style-position: outside;
        	font-size: 13px;
        	padding: 5px 0px;
        	color: #222;
        }
        
        
        #tour #searchWrapperOuter h1{
           color: #555;
           font-size: 20px;
           margin-bottom: 5px;
           margin-left: 10px;
        }
        
         #tour .divider{
          background: url(/images/dividers/dotted.gif) repeat-x 0 0;
        	border:0;
        	clear:both;
        	display:block;
        	float:none;
        	margin:10px 0px ;
        	padding:10px 0px;
        }
        

        #tour #rightCol a img{
            margin-top: 5px;
        }



/* THANK YOU PAGES STYLES
-------------------------------------------------------------- */
#signup, #signin {
	background-image: url(/images/home/bg.gif);
}

#thanksBox, #thanksBoxWide {
	width: 400px;
	padding: 20px;
	border: 10px solid #eaeaea;
	font-size: 120%;
	margin-top:16px;
}

#thanksBoxWide{
	width:500px;
	font-size: 100%;
	padding: 15px;
}



/* - - - - - - - - - - -- - - - -
	for broker review form
- - - - - - - - - - - - - - -*/

#thanksBoxWide .row, #thanksBoxWide .first {
	clear: none;
	background: url(/images/dividers/dotted.gif) repeat-x 0 0;
	padding: 13px 5px 10px 0;
	width: 100%;
}

#thanksBoxWide .first {
	background: none;
	padding-top: 0;
}


#thanksBoxWide .floatLeft {
	margin-top: 5px;
}


#thanksBoxWide .contentBox{
	width:auto;
	margin: 15px 0;
	padding: 10px;	
}

#thanksBoxWide p{
	margin-top: 10px;
}

#thanksBox p{
	margin-top: 20px;
}


#signin  #loginBtn {
	border: 0 none;
	background-color: #fff
}



/* FOOTER STYLES
-------------------------------------------------------------- */
#footerWrapper {
	clear: both;
	background:url(/images/bg/footer_left.gif) no-repeat top left;
	height: 48px;
	margin-top: 10px;
	padding-left:5px;
	width:947px;
	margin-top: 20px;
}

#footer {
	background:#cdecf2 url(/images/bg/footer_right.gif) no-repeat 100% 0;
	padding: 18px 0 0 13px;
	width: 934px;
	height: 30px;
	text-align: center
}

#footer span,#footer a {
	margin-right: 30px;
}

#footer a {
	color: #134b6e;
}

.copyright {
	display: block;
	color: #999;
	margin: 10px;
	text-align: center
}

#footer li {
	margin-right: 10px;
}


.bottom{
    padding-bottom: 0px;
}

td.right{
	text-align: right;
}


.noFloat{
	float: none;
}


.colhead {
	text-align: right;
}



#footer a.thickbox {
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius: 5px;
border-radius:5px;
background-color:#8ad0dd;
color: #fff;
padding:5px 10px;
}

/* ----- dates fields size ----- */
#wrapper input.small, #wrapper select.small{
	width: 25px;
}



/***************** CODE BY JAY *******************/

.floatLeft { 
  float: left;
}

/* Renter Signup / Credit Check */
#renter_signup #dob .floatLeft {
  margin-right: 3px;
}
#renter_signup #ssn .floatLeft {
  margin-right: 4px;
}


/* Listing Images */
#primaryListingImage {
  text-align: center;
}
#listingImages {
  margin-top: 10px;
}
  
  #listingImages .delete {
    background: url(/images/icons/delete.gif) no-repeat 0 0;
    padding-left: 15px;
  }
  
  #listingImages .makePrimary {
    padding-left: 15px;
  }
  
  #listingImages ul {
    width: 323px;
    padding: 0;
    list-style: none;
  }
  #listingImages li {
    text-align: left;
    float: left;
    width: 100px;
    margin: 0 7px 10px 0px;
  }
  #listingImages li div {
    width: 90px;
    height: 70px;
  }
  #listingImages li img {
    border: 1px solid #fff;
  }

/*  - - - - - - - - - -
	RAILS PAGINATION
- - - - - - - - - - - - */


    .resultsPagination {
    	float: right;
    	padding: 5px 10px 5px 0px;
    }
      
    
    .prev_page, .next_page {
    	font-weight: bold;
    	font-size: 18px;
    	line-height: 22px;
    	font-family: arial;
    	padding:2px 10px;
    }
    
    .resultsPagination a:hover, .resultsPagination .prev_page:hover, .resultsPagination .next_page:hover, .resultsPagination a.prev_page:hover, .resultsPagination a.next_page:hover {
    	text-decoration: underline;
    	background-color: #f9f9f9;
    }
    
    
    .prev_page {
        float: left;
    }
    
    .allLink {
    	margin: 0px 10px;
    }
    
    .next_page {
    	padding-left: 15px;
    }
    
    .gap{
        float: left; 
        padding: 6px 12px 1px;
    }
    
    .resultsPagination .last{
        padding-left: 2px;
    }
    
    .resultsPagination .first{
        padding-right: 2px;
    }
    
    .resultsPagination .disabled, .resultsPagination .disabled:hover {
      color: #ccc;
      text-decoration: none;
      background-color: #fff;
    }


    .resultsPagination a.pageNavLink, .resultsPagination .current, .resultsPagination .first, .resultsPagination .last {
    	font-weight: bold;
    	font-size: 16px;
    	float: left;
    	padding: 1px 12px;
    }
    
    .resultsPagination span.pageNavLink{
    	text-decoration: none;
    	background-color: #f9f9f9
    }
    

.numListings {
	float: left;
	margin-right: 35px;
	font-size: 18px;
}


#general h1 {
  float:left;
}


/*  - - - - - - - - - -
	PAGE-TOP ERROR & SUCCESS STYLES ...CONTINUED
- - - - - - - - - - - - */

#error, .success {    
  background:  #35af15 url(/images/icons/error.gif) no-repeat 4px 2px;
	font-size: 14px; 
	padding: 5px 12px 5px 30px;
	color: #fff;
	background-color: #f33307;
	margin:5px;
	clear: none;
}

.success {
  background:  #35af15 url(/images/icons/success.gif) no-repeat 4px 4px;;
  padding: 5px 12px 5px 30px;
  margin:5px 0px;   
}

.success a {
  color:#e8fbe2;
  text-decoration: underline;
}

.success .undo {
  background-color: #1d6a09;
  font-size: 12px;
  padding: 2px 4px;
  text-decoration: none;
}

.success .body {
  color: #d7fcce;
  font-size: 11px;
}


#error .body{
    margin-left: 10px;
    color: #f9f1c2;
    font-size: 12px;
}


#error .detail, #success .detail {
    font-size: 11px;
}


#error a{
    color:#f8c157;
    text-decoration: underline;
}

ul.error{
    margin: 5px 0px 0px 20px;
    color: #fff;
    font-size: 12px;
}

.error li{
    margin-top: 10px;
}

.fieldWithErrors input, 
.fieldWithErrors textarea, 
.fieldWithErrors select {
  border: 2px solid #FF0000;
  padding: 2px;
}

.formError {
  color: #FF0000;
  font-weight: bold;
  padding-top: 5px;
}




/*  -  - - - - - - - - - - - - - - - - -
	BROKER-SIDE LISTING STYLES
- - - - - - - - - - - - - - - - - - - - -*/

h1 .webID{
    font-size: 13px;
    font-weight: normal;
    color: #999;
    display: block
}

a .webID{
    font-weight: normal;
    color: #bfbfbf;
}





/* Broker > Offers > Attach Listings
-------------------------------------------------------------- */
ul#attachedListings {
  margin: 0;
  padding: 0;
}
  ul#attachedListings li {
    margin: 0;
    list-style: none;
    float: left;
    width: 265px;
    padding: 0px;
  }
  
  #bidDetails  ul#attachedListings li {
    float: none;
  }

/* - - - - - - - - - - - - - - - - - - - - - - - - - 
  Popup Window for showing Offers Made by other brokers
  - on renter SEREP
- - - - - - - - - - - - - - - - - - -- - - - - - - - - */
        .offersMadePopup {
          border-style: none solid solid; 
          border-color: -moz-use-text-color rgb(156, 203, 213) rgb(156, 203, 213); 
          border: 3px solid #9ccbd5;
          border-width: 3px; 
          padding: 10px; 
          position: absolute; 
          margin-top: 2px;
          margin-left: 0px; 
          font-size: 10px; 
          background-color: rgb(225, 243, 247); 
          width: 220px;
        }
        
        #SERP .offersMadePopup th, #home .offersMadePopup th{
            background-color: rgb(194, 227, 235);
            border-bottom:1px solid #fff;
            border-top:1px solid #fff;
            padding:4px 8px 3px 9px;
            color: #111;
            font-weight: bold;
            font-size: 11px;
            text-transform: none
        }
        
        #SERP .offersMadePopup td,  #home .offersMadePopup td {
            border-bottom:1px solid #fff;
            padding:4px 0px 5px 9px;
            vertical-align:top;
            font-size: 11px;
}
        
        #SERP .offersMadePopup li, #home .offersMadePopup li{
            list-style: none
        }
        
         .modBody .offersMadePopup td{
            background: none;
         }
        
        #SERP .offersMadePopup .block, #home .offersMadePopup .block{
            padding-right: 3px;
        }
        
        #SERP .offersMadePopup .blockWide, #home .offersMadePopup .blockWide{
            padding-right: 15px;
            float: left;
        }
        
        .offersMadePopup .close{
          float: right;
          background-color: #9ccbd5;
          padding: 2px 4px; 
        }
        
        .offersMadePopup a.close {
          color: #fff;
        }
        

        

/*  - - - - - - - - - - - - - - - - - - - - - - - - -
	LITTLE BLUE POPUP WINDOW 
	- on renter SERP (offer info)
	- on grids (received offer info)
- - - - - - - - - - - - - - - - - - -- - - - - - - - - */

#SERP .offerPopup {
  border-style: none solid solid; 
  border-color: -moz-use-text-color rgb(156, 203, 213) rgb(156, 203, 213); 
  border: 3px solid #9ccbd5;
  border-width: 3px; 
  padding: 10px; 
  position: absolute; 
  margin-top: -40px; 
  margin-left: 85px; 
  font-size: 10px; 
  background-color: rgb(225, 243, 247); 
  width: 300px;
}


#SERP .offerPopup .close{
    float: right;
    background-color: #9ccbd5;
    padding: 2px 4px; 
}

#SERP .offerPopup a.close {
    color: #fff;
}

#excludeRenters {
    float: left;
    padding: 2px 5px;
}

#excludeRenters input {
    margin:-2px 3px 0 0;
    vertical-align:middle;
}



#partners{
    margin: 0 auto;
    width: auto;
    text-align: center;
    max-width: 500px;
}


#partners td{
    border: none
}

#partners #verisign{
    margin: 0 auto;
    width: 140px;
}


/* SAFARI-ONLY CODE

    (has to be in main css - no way to target w/sep css)
-------------------------------------------------------------- */
@media screen and (-webkit-min-device-pixel-ratio:0) {


    #listingSERPTable th li {
            margin-right: 29px;
    }

    .acceptBtn a, .acceptBtn input {
        	padding-top: 5px;
    }
    
    #searchWrapper .fancyDropdownOptions li input{
       height: 10px;
    }
    


    #siteNav {
	   margin-top: 43px;
    }


    #siteNav li a:hover {
	    background: url(/images/bg/tab_hover.gif) repeat-x 0 0;
    }
    
    
    #siteNav li.active a:hover {
	   background-image: url(/images/bg/tab_on.gif);
    }
    
    .modsub li, .modsub li.active, .modsub li.active:hover {
        padding-bottom: 4px;
    }
    
    #listingEdit #rightCol {
        float:none;
        margin-bottom:10px;
        margin-left:382px;
        margin-top:0;
        padding:10px;
     }
        
    #listingEdit .formActions {
        margin-bottom:10px;
        width:528px;
    }
    
    #masthead  {
        height: 119px
    }
    
    #excludeRenters {
        margin-bottom:2px;
    }
    
    table#requestReviews .blueActBtn a {
        padding: 4px;
    }
    
    #step3 #purchaseBids .block,  #step3 #purchaseBids .noBorder{
        padding: 10px 0px 4px 5px;
    }
    
    
    #searchWrapper fieldset.searchFilters{
        width: 600px;
    }
}









.fancyDropdownOptions {
  z-index: 500;
}


.fancyDropdownMultiple, .fancyDropdown {
  background: #fff url(/images/bg/dropdown.gif) no-repeat scroll right top;
  border:2px solid #999;
  cursor: pointer;
  color:#6f6f6f;
  padding:2px 28px 1px 3px;
  list-style-type: none;
  font-size: 10px;
  height: 17px;
}

.fancyDropdownMultiple .closeDropdown{
    float: right;
    padding: 2px 5px 0px 0px;
    font-weight: bold;
}

.fancyDropdownMultiple .buttons{
    padding: 3px;
    background-color: #f7f7f7;
}

.fancyDropdownMultiple .buttonsBottom{
    margin-top: 5px;
    padding: 3px;
    border-top: 1px solid #f7f7f7;
}

.fancyDropdownOptions {
   position: absolute;
   margin-top: 4px;
   margin-left: -5px;
   list-style-type: none;
   border:2px solid #999;
   background-color: #fff;
   padding: 5px;
   font-size: 11px;
}

.fancyDropdownMultiple ul, .fancyDropdown ul {
  list-style-type: none;
}

.fancyDropdownOptions li {
    color: #444;
    float: left;
    width: 90px;
    padding: 2px 2px 2px 4px;
    margin-right: 10px;
}

.fancyDropdownOptions li:hover {
    background-color: #f5f5f5
}

.fancyDropdownOptions li input{
    border: 0px;
    background-color: transparent
}

/*	searchpane.css: styles for renter and listing search panes */
	
#searchWrapperOuter {
    position: relative;
	width:946px;
	margin: -21px 0px 10px 0px;
	border: 3px solid #e5e5e5;
}



#searchWrapper {
	background-color:#f5f5f5;
	border: 1px solid #fff;
	padding: 10px;
	overflow:hidden; /* Nate - Added overflow: hidden for better display in IE6. */
}	


#searchWrapper ul.dropdown, #searchWrapper div.dropdown {
  z-index: 500;
}

.fancyDropdownOptions {
  z-index: 100;
}


/*	because the masthead on these pages doesn't have a bottom margin - bc of the subnavigation - 
    the searchpane doesn't get a -20px top margin  */

#account #searchWrapperOuter {
    margin-top: 0px;
}

#listingDetail #searchWrapperOuter {
    margin-top: -10px;
}


#tour #searchWrapperOuter{
   background-color: #f5f5f5;
   background-image: none;
   margin: 20px 0px ;
   border-top: 1px solid #eaeaea;
   padding-top:10px;
}


#tour #searchWrapper{
   margin: 0px;
   width: 932px;
} 

.searchBox, .lastBox, .shortBox {
	float:left;
	margin-right: 8px;
    padding-top: 2px;
}

#searchBoxRenter, #searchBoxBroker{
    float:right;
	margin-right: 0px;
    padding-top: 30px;
    width:150px;
    height: auto;
    border-left: 1px solid #fff;
    text-align: center;
}

#searchBoxRenter .anon, #searchBoxBroker .anon{
    padding-top: 25px;
}


#searchBoxBroker{
    width:140px;
}


#searchWrapper #searchBoxRenter .checkboxCont{
    width:auto;
    padding: 2px 8px;
    margin-bottom: 5px;
    margin-left: 6px;
}

#searchWrapper #searchBoxBroker .checkboxCont{
    width:140px;
    padding: 2px;
    margin-bottom: 5px;
    margin-left: 8px;
    text-align: left
}

#searchWrapper #searchBoxRenter .checkboxCont input {
background-color:transparent;
border:0 none;
padding:0;
}


.dateAvailable{
    padding-right:15px;
}

.lastBox, .shortBox{
	margin-right: 0px;

}

ul.searchNav, ul.searchMultipleNav {
  background: #fff url(/images/bg/dropdown.gif) no-repeat scroll right top;
  border:2px solid #999;
  cursor: pointer;
  color:#6f6f6f;
  padding:1px 28px 1px 3px;
  list-style-type: none;
  font-size: 10px;
  height: 17px;
}




/*drop down styles*/

.closeDropdown{ 
    float: right;
    padding: 2px 5px 0px 0px;
    font-weight: bold;
}


/* - - - - -     bc IE don't like things without widths!  - - - - - - - */


.buttons{
    padding: 3px;
    background-color: #f7f7f7;
}

#searchWrapper .buttonsBottom{
    margin-top: 5px;
    padding: 3px;
    border-top: 1px solid #f7f7f7;
}


#boroughDropdown{
    width: 65px;
}

/*borough drop downs in offer detail/attach listings */
#boroughDropdown ul.fancyDropdownOptions{
    width:95px;   
}

#neighborhoodDropdown .fancyDropdownOptions li{
   width:130px; 
}

#apartmentSizeDropdown .fancyDropdownOptions ul{
   width:95px; 
}


/* set widths for attach listings drop downs for IE browsears    */  
    #neighborhoodDropdown div.fancyDropdownOptions {
       width:440px; 
    }
    
    #apartmentSizeDropdown div.fancyDropdownOptions {
       width:95px; 
    }


#apartmentSizeDropdown, #creditScoreDropdown {
    width: 40px;
}

#moveDateRangeDropdown {
    width: 65px;
}

#neighborhoodDropdown{
    width: 110px;
}


#activityDropDown, #activityRatingDropDown, #motivationRatingDropDown{
    width: 80px;
}


ul.searchNav li ul, ul.searchMultipleNav li div.dropdown {
   position: absolute;    
   margin-top: 4px;
   margin-left: -5px;
   list-style-type: none; 
   border:2px solid #999;
   background-color: #fff;  
   padding: 5px;
   font-size: 11px;
}

ul.searchMultipleNav li div.dropdown ul {
  list-style-type: none;
}


div#neighborhood{
    width: 450px;
}

.neighborhoodOptionColumn {
  float: left;
  width: 145px;
}

ul#borough, div#size, ul#score, ul#moveDateRange, ul#activity, ul#activityRating, ul#motivationRating, ul#specialOffers, ul#specialOffersDropdown{
    width: 95px;
}



ul.searchNav li ul li, ul.searchMultipleNav li ul li{
    color: #444;
    float: left; 
    width: 90px;
    padding: 2px 2px 2px 4px;
    margin-right: 10px;
}

ul.searchMultipleNav #neighborhood li{
    width: 130px
}

ul.searchNav li ul li:hover, ul.searchMultipleNav li ul li:hover{
    background-color: #eaeaea
}


#searchWrapper fieldset{
    border: 0px;
    background: transparent;
    border-top: 1px solid #ccc;
    float: left;
    margin: 0px 15px 0px 0px;
    padding: 0px;
}


#searchWrapper  fieldset.renter {
    margin-right: 45px;
}


#searchWrapper  fieldset legend{
    font-size: 13px;
    padding-left: 0px;
    text-transform: none;
}

#searchWrapper label {
    color: #999;
}


#searchWrapper  input, #searchWrapper textarea{
font-size: 10px;
padding: 2px 2px 1px 2px;
height:16px;
border:2px solid #999;
background-color: #fff;
color: #6f6f6f;
}


#searchWrapper .dropdown li input, #searchWrapper .searchFilters .checkboxCont input{
    border: 0px;
    background-color: transparent
}



#searchWrapper .checkboxCont, #searchWrapper .checkboxContWide{
    margin-top: 3px;
    padding: 2px 3px;
    font-size: 10px;
    margin-bottom: 0px;
    width: 90px;
}

#searchWrapper .checkboxContWide{
    width: 100px;
}

#searchWrapper .checkboxCont  input {
    border: 0px;
    padding: 0px;
    background-color: transparent
}


#searchWrapper #submitBtn {
	border:0;
	padding: 34px 10px;
}

#searchWrapperOuter  .close{
    display: block;
    text-align: center
}

/* FILTERS */

    #searchWrapper fieldset.searchFilters{
        background-color: #ededed;
        border:0px;
        margin: 10px 0px 0px 0px;
        padding: 2px 5px 0px 5px;
        width: 750px;
    }
    
    #searchWrapper fieldset.searchFilters h4{
        padding-bottom: 5px;
        font-size: 11px;
        font-style: italic
    }
    
    #searchWrapper fieldset.searchFilters h2{
        font-size: 13px;
        float: left;
        padding: 2px 10px 0px 0px;
        
    }
    
    #searchWrapper fieldset.searchFilters .checkboxCont{
        width: auto;
        background-color: transparent;
        margin: 4px 0px;
        padding-left: 0px;
        padding-right: 10px
    }
    
    #searchWrapper fieldset.searchFilters  #specialOffersDropdown {
        margin-top: 2px;
    }


/* * * * * * * * * * * *  
    STYLES FOR BROKER SIDE FILTER DIV 
* * * * * * * * * * * * */
    
    #searchWrapper #brokerFilters .checkboxCont{
        width: 150px;
        min-width: 150px;
    }
    
/* * * * * * * * * * * *  
    STYLES FOR RENTER SIDE FILTER DIV 
* * * * * * * * * * * * */
    
    #searchWrapper #renterFilters .checkboxCont{
        width: 130px;
        min-width: 130px;
    }

    #searchWrapper #renterFilters #amenityDropdown .fancyDropdownOptions {
        width: 400px;
    }

    #searchWrapper #renterFilters .fancyDropdownOptions ul#amenities li{
        width: 110px;
    }
    

    #searchWrapper .searchFilters .container1, #searchWrapper .searchFilters .container2{
        float: left;
        padding: 5px 10px 5px 0px;
        width: 350px;
    }
    
    #searchWrapper #renterFilters.searchFilters .container1{
        width: 300px;
         padding: 5px 10px;
    }
    
    #searchWrapper .searchFilters .container2{
        background-color: transparent;
    }
    
    #searchWrapper .searchFilters .container2 .block{
        padding: 0px 15px 5px 0px;
        width: 120px;
        min-width: 120px;
    }
    
        #searchWrapper .searchFilters .container2 .block.text{
        padding: 3px 15px 5px 0px;
        width: 80px;
        min-width: 80px;
    }


* html #searchWrapper legend, *html #searchWrapper .minor legend, html #searchWrapper .minorLast legend {
margin-top:0;
position:fixed;
line-height:18px; 
}

* html #searchWrapper fieldset {
margin-top:0;
}





/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}


#TB_window .greenBtnSm a, #TB_window .greenBtnSm a  {color: #fff;}





/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.TB_overlayMacFFBGHack {background: url(/images/macFFBgHack.png) repeat;}

.TB_overlayBG {
  background-color:#666;
  filter:alpha(opacity=35);
  -moz-opacity: 0.35;
  opacity: 0.35;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
	position: fixed;
	z-index: 102;
	color:#000000;
	display:none;
	text-align:left;
	top:50%;
	left:50%;
	font: 12px "lucida Grande", Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 11px;
	line-height: 13px;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}

#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}

#TB_closeAjaxWindow{
  padding:3px 1px 3px 0;
  margin-bottom:0px;
  text-align:right;
  float:right;
}

#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}

#TB_title{
  background-color:#E1F3F7;
  height:22px;
  border-top: 5px solid #fff;
  border-right: 5px solid #fff;
  border-left: 5px solid #fff;
}

#TB_title a, #TB_title a:visited{
    font-family: Verdana, arial;
    color:#fff;
    font-size: 11px;
    background-color: #89c1cb;
    padding: 2px 6px;
}


#TB_ajaxContent{
  clear:both;
  overflow:auto;
  text-align:left;
  padding: 0px 10px 10px 10px ; 
  background-color: #e1f3f7;
  border-bottom: 5px solid #fff;
  border-right: 5px solid #fff;
  border-left: 5px solid #fff;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	STYLES FOR MODAL FORMS
- - - - - - - - - - - - - - - - - - - - - -  - - - - - - */
#TB_ajaxContent #form{
  padding: 0px 20px 10px 20px;
}

#TB_ajaxContent #form .row{
  padding: 0px 0px 10px 0px;
  font-size: 12px;
}

#TB_ajaxContent #form h1 {
    background: none;
    display: inline;
    text-align: left;
    color: #0c5f6f;
    line-height: 24px;
}

#TB_ajaxContent #form label {
    color: #0c5f6f;
    padding-bottom: 2px;
}

#TB_ajaxContent #form select {
    padding-left: 0px;
}

#TB_ajaxContent #form .greenBtn a {
    padding-top: 5px;
}



#TB_ajaxContent.TB_modal{
  padding:15px;
}



#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}


/* CUSTOM STYLES */


#TB_head{
	margin-right: 20px;
	margin-bottom: 15px;
}


#TB_head_center{
    text-align: center;
    margin: 0 auto;
    margin-top: 10px
}

#TB_head_center H1{
    margin: 0 auto;
}



#TB_ajaxContent p{
	margin-top: 15px;
}


#TB_ajaxContent #rightCol{
	float: right;
	margin:0px 10px 0px 0px ;
	width: 220px;
}


#TB_ajaxContent #rightCol h2{
    margin-top: 20px
}

#TB_ajaxContent #leftCol{
	width: 400px;
	margin: 0px;
}

#foot{
	margin-top: 10px;
	padding: 10px 10px 5px 10px;
	background-color: #f2f2f2;
	border: 1px solid #e5e5e5;
}

#foot img{
    	margin:0 auto;
}

#foot .container{
	width:300px;
	margin:0 auto;
    text-align: center
}



#TB_ajaxContent .signin1{
	float: right;
	display: block;
	text-align: left;
	width:220px;
}


/* COMMENTED OUT 9/8/
.signin2{
	padding-top: 5px;
}
 */
 


#TB_ajaxContent dt{
	margin-top: 10px;
	font-size: 12px;
	color: #111;
	font-weight: bold;
	padding-top: 5px;
	border-top: 1px solid #ccc;
}

#TB_ajaxContent dd{
	padding-left: 20px;
}

#TB_ajaxContent dt img{
	padding-right: 5px;
}


#TB_ajaxContent .cancel{
	padding: 8px;
	margin-left: 40px;
	background-color: #fff;
	text-align: center;
}


#TB_ajaxContent .ad{
	width: 200px;
	margin-top: 10px;
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 10px;
	float: left;
}

#TB_ajaxContent .ad a{
	font-size: 12px;
	font-weight: bold;
	float:left;
	width: 100px;
	padding-top: 5px;
}

#TB_ajaxContent .ad img{
	padding-right: 10px;
	float:left;
}







/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(/images/jquery-ui-smoothness/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(/images/jquery-ui-smoothness/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(/images/jquery-ui-smoothness/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(/images/jquery-ui-smoothness/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(/images/jquery-ui-smoothness/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(/images/jquery-ui-smoothness/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/images/jquery-ui-smoothness/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/images/jquery-ui-smoothness/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/images/jquery-ui-smoothness/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/images/jquery-ui-smoothness/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/images/jquery-ui-smoothness/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/images/jquery-ui-smoothness/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/images/jquery-ui-smoothness/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/images/jquery-ui-smoothness/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/images/jquery-ui-smoothness/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(/images/jquery-ui-smoothness/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/images/jquery-ui-smoothness/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
#ui-datepicker-div{z-index: 501}


.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/*     styles for the review form     */	

	.star-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 125px;
		height: 25px;
		overflow:hidden;
		position: relative;
		float: right;
		background: url(/images/alt_star.gif) top left repeat-x;		
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		width:25px;
		height:25px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:25px;
		height: 25px;
		line-height:25px;		
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}
	.star-rating li a:hover{
		background: url(/images/alt_star.gif) left bottom;
		z-index: 2;
		left: 0px;
		border:none;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:25px;
	}
	.star-rating a.two-stars{
		left:25px;
	}
	.star-rating a.two-stars:hover{
		width: 50px;
	}
	.star-rating a.three-stars{
		left: 50px;
	}
	.star-rating a.three-stars:hover{
		width: 75px;
	}
	.star-rating a.four-stars{
		left: 75px;
	}	
	.star-rating a.four-stars:hover{
		width: 100px;
	}
	.star-rating a.five-stars{
		left: 100px;
	}
	.star-rating a.five-stars:hover{
		width: 125px;
	}
	.star-rating li.current-rating{
		background: url(/images/alt_star.gif) left center;
		height: 25px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
	
	/* remove halo effect in firefox   */
	a:active{
		outline: none;
	}