/* reset styles
http://meyerweb.com/eric/tools/css/reset/

see topography here
http://www.blueprintcss.org/tests/

see http://www.thatstandardsguy.co.uk/blog/2006/11/23/my-css-framework/
 */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Good css tutorial: http://www.mojoportal.com/understandingthecssfiles.aspx ? */
html {
	width: 100%;
	height: 100%;
	background: #5C685A;
	background-image: url(/static/layout_v2_background.jpg);
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: top;
}
body { 


	width: 100%;
   /**min-width:640px;*/
   /*height: 100%;*/
   /*overflow-x: hidden;*/
   /*padding: 1em;*/
  
   /*margin-left: 5%;
   margin-right: 5%;*/
   /*background: white; */
   /*backgroundz-color: rgb(63, 100, 166);*/
    font-family: "Trebuchet MS", "Verdana";
	font-size: 16px;
	color: #585858;
	height: 100%; 
}

/**********************************************************************************
* Common
**********************************************************************************/
a {
	color: #5E3D00;
	
	/*border-bottom: 0.10em dotted;*/
	text-decoration: none;
}

a:hover {
	border-bottom: 0.10em dashed;
}

/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_five *//*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_five */
/*.menu5 {padding:5px 0 0 1em; margin:0; list-style:none; height:40px; position:relative; background:transparent url(/static/rentals/pro_five_0c.gif) repeat-x left bottom; font-size:11px;}*/
.menu5 li {display: inline-block; height:40px; margin-right:1px;}
.menu5 li a {display:inline-block; height:40px; line-height:38px; text-align:center; padding:0 0 0 9px; cursor:pointer; 
background-image:url(/static/rentals/pro_five_0a.png);
background-repeat: no-repeat;}
.menu5 li a b {display:inline-block; font-weight: normal; padding:0 16px 5px 9px; 
background-image:url(/static/rentals/pro_five_0b.png);
background-repeat: no-repeat; 
background-position: right top;}
.menu5 li.current a {background-image:url(/static/rentals/pro_five_2a.png);
background-repeat: no-repeat;}
.menu5 li.current a b {background-image:url(/static/rentals/pro_five_2b.png);
background-repeat: no-repeat ;
background-position: right top;}
.menu5 li a:hover {border-bottom: 0; background-image: url(/static/rentals/pro_five_1a.png);
background-repeat: no-repeat;}
.menu5 li a:hover b {background-image:url(/static/rentals/pro_five_1b.png);
background-repeat: no-repeat;
background-position: right top;}
.menu5 li.current a:hover {text-decoration:none; background-image: url(/static/rentals/pro_five_2a.png);
background-repeat: no-repeat; cursor:pointer;}
.menu5 li.current a:hover b {background-image:url(/static/rentals/pro_five_2b.png);
background-repeat: no-repeat;
background-repeat: right top;}


.clsCenter {
	display: block;
	text-align: center;
}

.clsImagesContainer {
    position: relative;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	
}

.clsImagesContainer img {
    margin: 0.25em;
    border: 0.10em solid transparent;
}

.clsImagesContainer a:hover {
    border: none;
}

.clsImagesContainer a:hover img {
    border: 0.10em dashed;
}

.clsForm table {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.clsForm td {
  padding: 0.25em 0.75em;
  vertical-align: middle;
  border: 1px solid #CCC;
	text-align: left;
	
	
	
}
.clsForm th {
  font-size: 0.8em;
  padding: 0.25em 0.75em;
  vertical-align: middle;
  border: 1px solid #CCC;
  font-weight: normal;
  text-align: right;
  white-space: nowrap; 
}

.clsForm textarea {
	width: 100%;
	height: 2.5em;
	font-size: 0.8em;
}

.clsForm  input {
	font-size: 0.7em;
	width: 100%;
	/*min-width: 2em;*/
}

.clsBarWrapper {
	margin-top: 0.5em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	height: 24px;	
	background-image: url('/static/rentals/bar_background.png');
	background-position: top right;	
	background-repeat: no-repeat;
	width: 80%;
}
.clsBarLeft {
	position: relative;
	left: 0;
	margin-left: -8px;
	width: 8px;
	height: 24px;
	background-image: url('/static/rentals/bar_blue.png');
	background-position: top left;
	background-repeat: no-repeat;
}
.clsBarPortion {
	position: relative;
	left: 0;
	top: -24px;
	height: 24px;
	line-height: 24px;
	background-image: url('/static/rentals/bar_blue.png');
	background-position: top right;
	background-repeat: no-repeat;
	text-align: center;
}
.clsBarPortion  b{
	position: relative;
	left: -8px; /* we adjust for the margin 8px so centering is accurate */
}



/* the round box on the left side in sub section */
.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background-color: transparent;
 background-image: url(/static/rentals/dialog2-green-800x1600.png);
}
.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
 float: right;
}
.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
 background-position: top right;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:15px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}


.errorlist {
	color: red;
}

#idSubmitButton {
	width: auto;
	/*min-width: 2em;*/
}

#idLayoutWraper {
	
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	
}

#idLayoutBody {
	background: #F0F0F0;
	width: 90%;
	height: 100%;
}

#idLayoutLeftBorder {
	
	width: 2px;
	background:url('/static/idLayoutLeftBorderBackground.png');
	background-position: top right;
	background-repeat: repeat-y;
}

#idLayoutRightBorder {
	width: 2px;
	background:url('/static/idLayoutRightBorderBackground.png');
	background-position: top left;
	background-repeat: repeat-y;
}

#idHeader {
	margin: 1.5%;
	text-align: right;
}

#idHeader img{
	padding-right: 0.25em;
	vertical-align: middle;
	
}

.nohover:hover {
	border: none;
	
	
}

#idHeader ul{
	display: inline;
}

#idHeader li{
	display: inline;
	padding-right: 1em;
}

#idLogoWrapper {
	padding: 0em;
	/*background: #005F00;*/
	margin-left: -0px;
	margin-right: -0px;
	height: 210px;
	width: auto;
	overflow: hidden;
}

#idLogo {
	/*background:url('/static/eco_properties/logo_backgasdfround.jpg');
	background-repeat: no-repeat;*/
}


#idLogoImages {
    float: right;
	height: 126px; /* height of logo images */
	margin-top: -184px;
    margin-right: 1em;
	width: 500px; /* 100% brakes in ie.  so logo can not be bigger than this prefferably*/ 
}

#idLogoImages img {
	padding-right: 1em;
}

#idContent {
	margin: 1em;
	
}

#idContentSubSectionWrapper {
	float: left; 
	/*background: #F8F9F8;*/
	width: 24.0%;
	font-size: 0.9em;
	margin-bottom: 0.5em;
	/*-moz-border-radius: 1em; /* for mozila */
	/*-webkit-border-radius: 1em; /* for safari */
	/*border-radius: 1em; /* css 3 */
}

#idContentSubSection {
	padding: 1em 0.25em 0em;
	
}

#idContentSubSection li, #idContentSubSection ul{
	display: inline;
}


#idContentMainSection {
	padding-top: 0.25em;
    margin-left: 25%;
    padding-left: 1.0em;
	margin-bottom: 0.5em;

}

h1 {
	/*color: #005F00;*/
	font-size: 1em;
}

p {
	padding: 0.25em 0.0em 1em;
}

#idContentMainSection ul {	
	list-style-position: inside;
	list-style-type: circle;
	position: relative;
	left: 1%;	
}

#idContentMainSection li {
}

#idFooter {
	clear: both;
	background:url('/static/idFooterBackground.png');
	background-position: top;
	background-repeat: repeat-x;
	padding: 1.5em 1em;
	clear: both;
	font-size: 0.8em;
	color: #585858;
	
}

#idFooter ul{
	display: inline;
}

#idFooter li{
	display: inline;
}

#idFooterLeftSection {
	float: left;
}

#idFooterRightSection {
	text-align: right;
	float: right;
}

#idFooterRightSection img {
	vertical-align: middle;
	margin-top: 3px;
}