/****************************************

Project			MDC Rescource Center
Author			Monica Christopher
Version			1.0
Last Change		10.30.09 Form Styles

TOC
1. Core Styles
2. Header Styles
3. Nav Styles
4. Content Styles
5. Footer Styles
6. Slider Styles
7. Form Styles

Colors
Base Text	#666666
Green Text	#A1DF82

/***************************************/

/* 1. Core Styles */
*				{ margin: 0; padding: 0; font-size: 12px; font-family: Arial, sans-serif; outline: none; }
body 			{ background: #fff url(../images/bg-body.jpg) top left repeat-x; }
img				{ border: none; }

p				{ font-size: 1em; line-height: 1.5em; margin: 0 0 1.5em 0; font-family: Arial, sans-serif; color: #2d2d2d; }
h1				{ font-size: 2em; line-height: 1.5em; margin-top: 0.75em; margin-bottom: 0em; font-family: Arial, sans-serif; color: #2d2d2d; }
h2				{ font-size: 1.8333em; line-height: 1.6364em; margin-top: 0.8182em; margin-bottom: 0em; font-family: Arial, sans-serif; color: #2d2d2d; }
h3				{ font-size: 1.6667em; line-height: 1.8em; margin-top: 0.9em; margin-bottom: 0em;font-family: Arial, sans-serif; color: #2d2d2d;  }
h4				{ font-size: 1.5em; line-height: 1em; margin-top: 1em; margin-bottom: 0em; font-family: Arial, sans-serif; color: #2d2d2d; }
h5				{ font-size: 1.3333em; line-height: 1.125em; margin-top: 1.125em; margin-bottom: 0em; font-family: Arial, sans-serif; color: #2d2d2d; }
h6				{ font-size: 1.1667em; line-height: 1.2857em; margin-top: 1.2857em; margin-bottom: 0em; font-family: Arial, sans-serif; color: #2d2d2d; }

strong			{ font-size: inherit !important; color: inherit !important; font-weight: bold; }
em				{ font-style: italic; }
sup				{ font-size: 0.75em; color: inherit !important; }
p.footnote		{ font-size: 0.8em; margin-top: 2em; }

hr				{ visibility: hidden; clear: both; }
.float-right	{ float: right; }
.float-left		{ float: left; }

a:link, a:visited	{ text-decoration: none; }
a:hover				{
	color: #4C971D;
}

p a:link		{ text-decoration: none; }
.page p a.button:link, .page p a.longbutton:link	{ border-bottom: none; }

/*#wrapper		{ width: 1400px; margin: 0 auto; }*/
#body-wrap		{  }
#header-wrap	{  }
#nav-wrap    	{ color: #fff; }
#content-wrap	{ width: 960px; margin: 5px auto; }
#footer-wrap	{ background: url(../images/footer_bg.png) no-repeat top center; clear:both; height: 415px; margin: 0 auto;  }




/* 3. Nav Styles */
#nav						{ overflow: auto; zoom: 1; }
#nav sup					{ color: #fff;  }
#nav ul						{ margin-top: 5px; list-style: none; display: inline; }
#nav ul li					{ display: block; color: #fff; background: url(../images/_imgs/btn_off.png) no-repeat top left; width: 145px; height: 28px; float: left; text-align: center; }
#nav ul li.home				{  }



#nav ul#search		{ float: right; height: auto; margin-top: 10px; }
#nav ul#search li	{ background: none; }
#nav ul#search li input.search-box	{ width: 175px; height: 18px; background: url(../images/bg-textbox.png) top left repeat-x; border: 1px solid #000; }
#nav ul#search li.button input		{ width: 75px; height: 20px; color: #fff; margin: 1px 3px 0; background: url(../images/bg-inputbutton.png) top left repeat-x; border: 1px solid #7A7A7A; }
#nav ul#search li.button input:hover		{ cursor: pfointer; }

#sidebar			{ width: 180px; float:left; }
#online_solutions			{ background: url(../images/_imgs/onlinesolutions.jpg) no-repeat top left; margin-top:10px;   width: 180px; height: 203px; }
#online_solutions p a			{ color: #fff; font-size: 14px;  }
#online_solutions p				{ color: #fff; padding:8px; margin-left:3px;  }
#online_solutions p	 span		{ font-size: 20px; line-height:20px;  }
#online_solutions img			{ padding: 73px 0 0 6px;; margin-right: 40px;   }
#online_btn  a.button			{ display: block; width: 146px; text-align: center; font-size: 16px; line-height: 37px; color: #fff; background: url(../images/download-button-red.png) top left no-repeat; text-decoration: none; margin: 97px auto;   }
#online_btn  a.button:hover		{ text-decoration: none; }


.menu_list {
	width: 181px;	
	background-color: #dff3f5;
	text-decoration:none;
	
	
}
.menu_head {
	width: 160px;
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
    font-weight:bold;
    background: #fff url(left.png) center right no-repeat;
	font-size: 12px;
	text-decoration:none;
}

.menu_head a .grey{
	text-decoration: none;
}

.menu_highlight	{
	text-decoration:none;

}

.menu_body {
	display:none;
	background-color: #dff3f5;
	text-decoration: none;
}
.menu_body a {
  padding: 3px;
  display:block;
  color:#006699;
  padding-left:10px;
  text-decoration:none;
}

.menu_head a {
  
  text-decoration:none;
}

.menu_body a:hover {
  color: #000000;
  text-decoration:none;
}
/*#sidebar h5			{ font-weight: normal; background: url(../images/bg-sidebar-head.png) top left no-repeat; padding: 45px 0 23px 20px; }
#sidebar ul			{ list-style: none; background: url(../images/bg-sidebar-body.png) top left repeat-y; padding: 10px 0 30px 25px; }
#sidebar ul li 		{ padding-bottom: 15px; }
#sidebar ul li a	{ font-weight: bold; }
#sidebar ul li ul	{ list-style: disc outside; background: none; padding: 0 0 0 30px; }
#sidebar ul li ul li	{ padding-bottom: 0; }
#sidebar ul li ul li a	{ font-weight: normal; }
#sidebar .sidebar-foot	{ height: 46px; background: url(../images/bg-sidebar-foot.png) top left no-repeat; }*/

#category			{ margin-left: 190px; }
#category h2		{ padding: 10px 0 10px 15px; color: #fff;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 615px; height: 30px; background: url(../images/_imgs/header2.png) repeat-x; margin-top:0; }
#category h5		{ padding: 0 0 0 15px; margin-top: 0; }

.page 				{ background-color: #fff;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 600px; padding: 20px 15px; border-bottom: 1px solid #eee; overflow: auto; zoom: 1;  margin-bottom: 3px; 	 }
.page:last-child 	{ border: none; }
.page .copy			{ float: left; width: 320px; padding-right: 15px; }
.page .copy h3		{ margin: 10px 0 0 0; padding: 15px 0; font-weight: normal;   }
.page img			{ float: left; clear: none; }
.page a.button		{ margin-top: 70px; float: left; width: 80px; padding: 6px; font-size: 0.9em; color: #fff; text-align: center; background: url(../images/slider-button.png) center center no-repeat; }
.page a.button:hover	{ background: url(../images/slider-button-hover.png) center center no-repeat; }

.page h4			{ margin-bottom: 1em; margin-top: 0; }
.nonblog .page p span		{ font-weight: bold; color: #90D06F; font-size: 1.3em; display: block; }
.page p a.button	{ margin-top: 0; float: none; width: 60px; padding: 6px; font-size: .9em; color: #fff; text-align: center; background: url(../images/slider-button.png) center center no-repeat; }
.page p a.button:hover	{ background: url(../images/slider-button-hover.png) center center no-repeat; }
.page .float-right	{ margin-left: 10px; }

.page p a.longbutton		{ float: left; margin-top: 0; width: 300px; margin-right: 10px; padding: 20px 0; font-size: 1em; font-weight: bold; color: #fff; text-align: center; background: url(../images/long-button.png) center center no-repeat; }
.page p a.longbutton:hover	{ background: url(../images/long-button-hover.png) center center no-repeat; }

.page ul			{ padding: 0 20px; }
.page ul li			{ font-size: 1.2em; line-height: 1.5em; }

.page p span.sale	{ display: inline; font-size: 1.2em; color: #666; font-weight: bold; line-height: 1em; }
	
.contact img		{ float: right; }
.contact h3			{ margin-top: 0; float: none; } 


#budget					{  }
#budget p				{  font-size: 1.3em; padding: 5px 0; width: 647px; }
#budget p span			{ padding: 0 15px 0 30px; color: #7fbade;  font-size: 1.3em; }
#budget p strong		{ font-size: 1em; }
#budget p.blue			{ background: #eff7fb; }
#budget p.green			{ background: #fbfcf5; }

/* 4. Content Styles */
#content			{ margin-top:20px;  }

#home				{ overflow: auto; zoom: 1; }
#home img			{ float: left; }
#home .mrcopy		{ margin: 26px 0 0 337px; height: 326px; padding: 0; background: #F5F5F5; border-top: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; }
#home .mrcopy h2	{ font-size: 20px; line-height: 20px; text-transform: uppercase; font-weight: normal; color: #2C2C2C; margin: 40px 0 0 0; background: #FCFCFC; padding: 15px 5px 5px 20px; border-top: 1px solid #dfdfdf; }
#home .mrcopy h4	{ font-size: 14px; line-height: 14px; text-transform: uppercase; font-weight: normal; color: #646464; margin: 0 0 10px 0; background: #FCFCFC; padding: 0 0 15px 20px; border-bottom: 1px solid #dfdfdf; }
#home .mrcopy p		{ padding: 0 20px; }
#home .mrcopy p a:link, #home .mrcopy p a:visited	{ display: block; width: 140px; text-align: center; font-size: 16px; line-height: 40px; color: #fff; background: url(../images/download-button.png) top left no-repeat; text-decoration: none; }
#home .mrcopy p a:hover		{ text-decoration: none; }

/*Manager Resources Styles*/
#manager-wrap			{  width: 763px; height: 426px;  float: right; padding-top: 40px; }
#manager_resource		{ background: url(../images/_imgs/managersResource.png) no-repeat top left; width: 769px; height: 441px;   margin:  0 auto; display: block; float: left; }
#manager_resource p		{ width: 460px; float: right; padding: 21px 10px 0 0 ; }

.manager-text			{ width: 500px; font-weight: bold; font-size: 1.4em; margin-top: 70px;  }
.manager-text span		{ color: #2d2d2d; }
.internet				{ padding: 0; margin: 0; }
#manager_btn			{ float: right; width: 10px; margin-top: 60px; }
#manager_btn  a.button	{ display: block; width: 168px; text-align: center; font-size: 16px; line-height: 40px; color: #fff; background: url(../images/download-button.png) top left no-repeat; text-decoration: none; margin: -118px 0 0 278px; }
#manager_btn  a.button:hover	{ text-decoration: none; }

/* Rent Dux Image */
#ad							{  height: 316px; margin: 0 auto; }
.ad							{ width: 168px; height: 73px;  margin: -40px auto;  display: block; padding-bottom: 30px; }
#ad a.poplight		{ display: block; width: 140px; text-align: center; font-size: 16px; line-height: 40px; color: #fff; background: url(../images/download-button.png) top left no-repeat; text-decoration: none; margin: -40px 0 0 318px;  position: absolute;-moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, .5); -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, .5); box-shadow: 0px 3px 10px rgba(0, 0, 0, .5);  }
#ad a.poplight:hover	{ text-decoration: none; }
#ad a.poplight.long {background: url(../images/download-button-big.png) top left repeat-x; width:150px; height:45px; margin: -40px 0 0 308px; line-height:16px; padding-top:15px; }
#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -60px -60px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}




/* 5. Footer Styles */
#footer				{ clear: both; padding-top: 40px; margin: 0 auto; }
#footer p			{ text-align: center; color: #333; }







/* 6. Slider Styles*/

#slider-wrap	{  width: 764px; height: 360px; background: url(../images/bg-slider2.png) top center no-repeat; margin-top: 40px;  float: right;}

#slider			{ margin-left: 0px; overflow: hidden; }

#slider ul, #slider li, #slider2 ul, #slider2 li	{ margin:0; padding:0; list-style:none; }
#slider2						{ margin-top:1em; }
#slider li, #slider2 li			{ width: 762px; height: 334px; overflow:hidden; } /* this dictates size of the whole slider */

.slidingstuff		{ margin: 7px 0 0 11px; height: 250px; }
.slidingstuff .box	{ margin:30px 8px 0 0; width: 338px; height: 225px;  background: url(../images/slider-box4.png) top left no-repeat;  }

.box h3				{ font-weight: normal; font-size: 30px; margin: 10px 8px 0 8px; color: #2d2d2d; padding-left: 15px; }
.box p				{ color: #2d2d2d; margin: 20px 20px 0 8px; font-size: 1.2em; line-height: 1.2em; padding-left: 15px; }
.box p sup			{ color: #2d2d2d; }
.box p.cta			{ font-size: 20px; margin-top: 20px; text-align: right; margin-right: 100px; }
.box p.cta strong	{ font-size: 20px; color: #fff; font-weight: bold; }
.box a.button		{ margin-right: 20px; float: right; width: 102px; padding: 10px 10px 10px 10px; font-size: 1.2em; font-weight: bold; color: #fff; text-align: center; background: url(../images/slider-button2.png) center center no-repeat; }
.box a.button:hover	{ text-decoration: none; }
.slidingstuff *		{ margin: 0; padding: 0; } 
	
/* buttons */
#prevBtn, #nextBtn, #slider1next, #slider1prev	{ float: left; margin: -2px 0 0 35px; }	
#nextBtn, #slider1next							{ margin-left: 0; }
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a	{ float: left; width: 96px; height: 37px; background: url(../images/slider-prev.png) top left no-repeat; text-indent: -3000px;  }	
#nextBtn a, #slider1next a						{ width: 76px; background: url(../images/slider-next.png) top left no-repeat; }	

/* numeric controls */
ol#controls				{ float: right; margin:0; padding: 0 12px 0 0; height:10px; }
ol#controls li			{ margin:0; padding:0; float:left; list-style:none; height:8px; line-height:8px; }
ol#controls li a		{ float:left; height:8px; text-indent: -3000px; background: url(../images/bg-sliderpagination-off.png) center center no-repeat; padding:0 7px; text-decoration:none; }
ol#controls li.current a{ background: url(../images/bg-sliderpagination-on.png) center center no-repeat; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus	{ outline:none; }


/* 7. Form Styles */
form		{ padding-top: 30px; clear: right; position:relative; }
fieldset	{ border: none; width: 500px; }
legend		{ display: none; }
form ul		{ list-style: none; }
form li		{ margin-bottom: 7px; overflow: auto; zoom: 1;}
.nonblog label		{ float: left; width: 150px; text-align: right; padding-right: 7px; color: #1f1f1f; }
input		{ border: 1px solid #ccc; padding: 1px; width: 300px; color:#333 ;}
select		{ border: 1px solid #ccc; width: 50px; margin-left: 8px; }
li.submit input		{ width: 70px; padding: 6px; font-size: 0.9em; color: #fff; border: none; text-align: center; background: url(../images/slider-button.png) center center no-repeat; }
li.submit input.reset	{ float: right; margin-right: 82px; color: #fff; border: none; text-align: center; background: url(../images/gray-button.png) center center no-repeat; }
li.submit input:hover		{ cursor: pointer; background: url(../images/slider-button-hover.png) center center no-repeat; }
li.submit input.reset:hover	{ cursor: pointer; background: url(../images/gray-button-hover.png) center center no-repeat; }

#recaptcha_widget       { width:300px; margin-left:157px;}
#recaptcha_widget input { font-size:110%; }
.recaptcha_only_if_audio a,
.recaptcha_only_if_image a,
.recaptcha_refresh a { display:block; width:16px; height:16px; float:left; margin:5px 5px 5px 0; }

.recaptcha_only_if_audio a   { background: url(../images/captcha.png) right center no-repeat; }
.recaptcha_only_if_image a   { background: url(../images/captcha.png) -23px center no-repeat; }
.recaptcha_refresh a { background: url(../images/captcha.png) left center no-repeat; }
.recaptcha_audio_cant_hear_link, recaptcha_audio_cant_hear_link { font-weight:bold; }
#contactus input { padding:3px; }
/** Field validation **/
.block {display:block;}
form#contactus label.error {display:none;font:bold 10px arial;  color:#CE272F;  position:absolute; margin:-21px 0 0 0px !important; width:50px; right:120px; }
form#contactus label.error.success { color:green; }
	
form#contactus .typeofproperty label.error { margin:-6px 0 0 -56px!important;position:absolute!important;}
#captchaStatus {color:#fff;font-size:12px;font-weight:bold;padding:5px; border:dotted 1px #333; background-color:#DF2B34; display:none; }
#captchaStatus.show { display:block; }
input[type="radio"] { border:0 none;}
form#contactus .cityli label.error { right:180px; }
input[type="radio"] { border:0 none;}
form#contactus label.error[for="state"] { margin:-21px 0 0 470px!important; }
form#contactus label.error.success[for="state"] { text-align:left; }