/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Script URI: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Date: March 26, 2009
Version: 1.0

	The CSS, XHTML and design is released under Creative Common License 3.0:
	http://creativecommons.org/licenses/by-sa/3.0/

*/       

html, body {border: 0; margin: 0; padding: 0;}

body{
color: #333;
background: #F2F2F2;
font-size: 11px;
font-family: verdana;
}
a{
color: #0C80AF;
text-decoration: none;
}
a:hover{
color: #FF7701;
text-decoration: underline;
}

/* drop down effect */
.currency {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: bold;
      color: #993300;
      background-color: #FFFFCC;
      height: 20px;
      width: 300px;
}



#footer{float:center;width:100%;margin:0px;padding:0px;}
#footer #line{text-align:center;float:left;width:100%;font-size: 10px;line-height:20px;}
#footer #seprator{text-align:center;float:left;width:100%;padding-top:5px;padding-bottom:5px;}
#footer #line a{color : #000;text-decoration : none;}
#footer #line a:hover{color : #666666;text-decoration : underline;}

#wrapper{
width: 595px;
margin: 0 auto;
}
.box{
background: #fff;
}
.boxholder{
clear: both;
padding: 2px;
background: #AFD3FE;
}
.tab{
float: left;
height: 29px;
width: 123px;
margin: 0 1px 0 0;
text-align: center;
background: #AFD3FE url(images/src-tb-graditant.gif) no-repeat;
}
.tabtxt{
margin: 0;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 9px 0 0 0;
}


/*styling for expert service starts here */
#expertService {width:100%; padding-bottom: 0px;padding-top: 0px; position: relative;margin: 0px; padding: 0px;text-align:center;}
#expertService div#container {float: center; position:relative; overflow:hidden; width:90%; height:190px;*height:180px; z-index:100;margin:0px;}
#expertService div#content-container {width:100%; height:190px;*height:180px;  overflow:hidden; z-index:1;}
#expertService div.content {position:relative; visibility: hidden; left:0px; top:0px; z-index:2;}
table#table-content td	{width:210px; height:190px;*height:180px;}
#table-content {width:100%;}
#table-content .expertdetails {float:center;}
#table-content .expertdetails .img {float:center; padding-right:5px; text-align:center;}
#table-content .expertdetails .details {float:center; text-align:center;}
#table-content .expertdetails .details h2 {font:bold 11px verdana, arial; text-align:center; text-decoration:none; color:#F75700; padding-bottom:5px;}
#table-content .expertdetails .details h2 a{font:bold 11px verdana, arial; text-align:center; text-decoration:none; color:#F75700; padding-bottom:5px;}
#table-content .expertdetails .details h2 a:hover{font:bold 11px verdana, arial; text-align:center; text-decoration:underline; color:#F75700; padding-bottom:5px;}
#table-content .expertdetails .details .specialist {font:normal 11px verdana, arial; text-align:center; color:#5B5B5B; padding-bottom:12px;}
.bt1h, .bt2h, .bt3h, .bt4h, .bt2bh, .bt3bh, .bt4bh{font-size:1px; overflow:hidden; display:block;}
.bt1h {height:1px; background:#BBD7ED; margin:0 5px;}
.bt2h, .bt2bh {height:1px; background:#FFF; border-right:2px solid #BBD7ED; border-left:2px solid #BBD7ED; margin:0 3px;}
.bt3h, .bt3bh {height:1px; background:#FFF; border-right:1px solid #BBD7ED; border-left:1px solid #BBD7ED; margin:0 2px;}
.bt4h, .b4tbh {height:2px; background:#FFF; border-right:1px solid #BBD7ED; border-left:1px solid #BBD7ED; margin:0 1px;}
.bt2bh, .bt3bh, .bt4bh {background: #fff;}
.btheadh {background: #fff; border-right:1px solid #BBD7ED; border-left:1px solid #BBD7ED;}
.btheadh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px;}
.btcontenth {border-right:1px solid #BBD7ED; border-left:1px solid #BBD7ED;}
.btcontenth div {margin-left: 1px; padding-top: 5px;}
.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#BCDEFA; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#BCDEFA; border-right:2px solid #A7C4E3; border-left:2px solid #A7C4E3; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#BCDEFA; border-right:1px solid #A7C4E3; border-left:1px solid #A7C4E3; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#BCDEFA; border-right:1px solid #A7C4E3; border-left:1px solid #A7C4E3; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #fff;}
.headh {background: #BCDEFA; border-right:1px solid #A7C4E3; border-left:1px solid #A7C4E3;}
.headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px;}
.contenth {border-right:1px solid #BCDEFA; border-left:1px solid #A7C4E3;}
.contenth div {margin-left: 0px; padding-top: 5px;}
.txtComp {font-family:verdana, Arial, Helvetica, sans-serif;font-size:13px;background-color:#ffffff;width:100%;margin:0;}
.clear {clear:both;}
.hrefhomelinks {text-decoration : none;font-family : verdana, arial, tahoma, ms sans serif, times new roman, ms sans serif;font-size : 11px;color : #0C80AF;border : 0;}
.hrefhomelinks:hover {font-size : 11px;font-family : verdana, arial, tahoma, ms sans serif, times new roman, ms sans serif;text-decoration : underline;color : #FF7701;border : 0;}
.smallhrefhomelinks {text-decoration : none;font-family : verdana, arial, tahoma, ms sans serif, times new roman, ms sans serif;font-size : 9px;color : #0C80AF;border : 0;}
.smallhrefhomelinks:hover {font-size : 9px;font-family : verdana, arial, tahoma, ms sans serif, times new roman, ms sans serif;text-decoration : underline;color : #FF7701;border : 0;}
.cursor { cursor : pointer;}

#projectwrapper{position:relative;float:auto;width:145px;height:100px;margin:0;padding:0;}
#projectwrapper #firstDiv{float:auto;border:1px solid #BCDEFA; height:94px;width:95%;margin:3;padding:0;background:#F2F2F2;position:absolute;center:0px;}
#projectwrapper #firstDiv a{text-decoration:none;color:#9D9D9D;font-family:verdana,arial,tahoma,ms sans serif,times new roman,ms sans serif;font-size:22px;}
#projectwrapper #secondDiv{float:auto;margin:0;padding:0;height:100px;*height:100px;top:0;position:absolute;left:0px;}

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline; 
width:100px;
margin: 0;
}

.shadetabs li a{
display: block;
float:left;
top:0px;
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 2px;
margin-right: 2px;
border: 0px solid #329acf;
color: #0C80AF;
width: 100px;
background: url(../images/bluetab.png) top left;
background-repeat: no-repeat;

}

.shadetabs li a:visited{
color: #FF7701;
top:0px;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #FF7701;
}

.shadetabs li a.selected{ /*selected main tab style */
display: block;
float:left;
top:0px;
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 2px;
margin-right: 2px;
border: 0px solid #329acf;
color: #FF7701;
width: 100px;
background: url(../images/bluereverse.png) top left;
background-repeat: no-repeat;
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position:absolute;
	top: 0;
	border: 0 solid;
	text-align:left;
	z-index:10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position:relative;
	background-color: #EFEFEF;
	height:100%;
}

#MB_header {
	margin:0;
	height: 28px;
}

#MB_content {
	padding: 6px .75em;
	overflow:auto;
}

#MB_caption {
	font: bold 85% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em 0 .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display:block;
	position:absolute;
	right:5px; top:4px;
	padding:2px 3px;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
}
#MB_close:hover {
	background:transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_window {
	background-color:#EFEFEF;
	color:#000;
}
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header {
  background-color:#DDD;
  border-bottom: 1px solid #CCC;
}
#MB_caption { color:#000 }
#MB_close { color:#777 }
#MB_close:hover { color:#000 }


/* Alert message */
.MB_alert {
	margin: 10px 0;
	text-align: center;
}

/* home page featured builder border */
.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#BCDEFA; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#BCDEFA; border-right:2px solid #A7C4E3; border-left:2px solid #A7C4E3; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#BCDEFA; border-right:1px solid #A7C4E3; border-left:1px solid #A7C4E3; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#BCDEFA; border-right:1px solid #A7C4E3; border-left:1px solid #A7C4E3; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #fff;}
.headh {background: #BCDEFA; border-right:1px solid #A7C4E3; border-left:1px solid #A7C4E3;}
.headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px;}
.contenth {border-right:1px solid #BCDEFA; border-left:1px solid #A7C4E3;}
.contenth div {margin-left: 0px; padding-top: 5px;}

/* city div */
.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#BCDEFA; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#BCDEFA; border-right:2px solid #A7C4E3; border-left:2px solid #A7C4E3; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#BCDEFA; border-right:1px solid #A7C4E3; border-left:1px solid #A7C4E3; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#BCDEFA; border-right:1px solid #A7C4E3; border-left:1px solid #A7C4E3; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #fff;}
.headh {background: #BCDEFA; border-right:1px solid #A7C4E3; border-left:1px solid #A7C4E3;}
.headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px;}
.contenth {border-right:1px solid #BCDEFA; border-left:1px solid #A7C4E3;}
.contenth div {margin-left: 0px; padding-top: 5px;}

/* property listing detail */
.bbt1h, .bbt2h, .bbt3h, .bbt4h{font-size:1px; overflow:hidden; display:block;}
.bbt1h {height:1px; background:#BBD7ED; margin:0 5px;}
.bbt2h{height:1px; background:#FFF; border-right:2px solid #BBD7ED; border-left:2px solid #BBD7ED; margin:0 3px;}
.bbt3h{height:1px; background:#FFF; border-right:1px solid #BBD7ED; border-left:1px solid #BBD7ED; margin:0 2px;}
.bbt4h{height:1px; background:#FFF; border-right:1px solid #BBD7ED; border-left:1px solid #BBD7ED; margin:0 1px;}
.bbtcontenth {border-right:1px solid #BBD7ED; border-left:1px solid #BBD7ED;}
.bbtcontenth div {margin-left: 1px; padding-top: 5px;}

/* property listing green contact box */
.lt1h, .lt2h, .lt3h, .lt4h, .lt2bh, .lt3bh, .lt4bh{font-size:1px; overflow:hidden; display:block;}
.lt1h {height:1px; background:#7A9434; margin:0 5px;}
.lt2h, .lt2bh {height:1px; background:#ECF5D1; border-right:2px solid #7A9434; border-left:2px solid #7A9434; margin:0 3px;}
.lt3h, .lt3bh {height:1px; background:#ECF5D1; border-right:1px solid #7A9434; border-left:1px solid #7A9434; margin:0 2px;}
.lt4h, .lt4bh {height:2px; background:#ECF5D1; border-right:1px solid #7A9434; border-left:1px solid #7A9434; margin:0 1px;}
.lt2bh, .lt3bh, .lt4bh {background: #ECF5D1;}
.ltheadh {background: #7A9434; border-right:1px solid #7A9434; border-left:1px solid #7A9434;}
.ltheadh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px;}
.ltcontenth {border-right:1px solid #7A9434; border-left:1px solid #7A9434;}
.ltcontenth div {margin-left: 1px; padding-top: 5px;}

/* sms box */
#testdiv {width:300px; margin:0 auto; border:0px solid #ccc; padding:20px 25px; background:#fff}

#tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}

.button {font:14px Georgia,Verdana; margin-bottom:10px; padding:8px 10px 9px; border:1px solid #ccc; background:#eee; cursor:pointer}
.button:hover {border:1px solid #bbb; background:#e3e3e3}