/*
Copyright (c) 2008, Ayham Gorani All rights reserved.
version: 1.0
*/
/*
*This part of the Code standardizes all HTML Elements A-Grade
*/
h1{font-size:158.5%;}
h2{font-size:143.1%;}
h3{font-size:128%;}
h1,h2,h3{margin:1em 0;}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold !important;}
em{font-style:italic;}
dl dd{margin-right:1em;}
th,td{padding:.5em;}
th{font-weight:bold;text-align:center;}
caption{margin-bottom:.5em;text-align:center;}
p,fieldset,table,pre{margin-bottom:1em;}
input[type=text],input[type=password],textarea{width:12.25em;width:11.9em; border: 1px solid #CCCCCC; background-color:#F0F3F5;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0px;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:right;}
h1,h2,h3,h4,h5,h6{font-size:120%;font-weight:normal;}
q:before,q:after{content:'';}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}
hr{
	color:#666666;
	border:none;
	background-color:#666666; 
	width:100%;
	height:1px;
	margin:0px;
}
#content hr{
	border-top:1px dotted #cccccc !important; /***** here******/
	background-color : #fff;
}
/*
This part of the Code Puts the major Structure of the Page
Header, Footers, sidebar, Contnet.
*/
body{
text-align:center; 
min-width:860px;
}
#wrapper{width:781px; margin: 0 auto; text-align: right;direction:rtl;}
#mainContent{float:right;background:white;margin-top:-1px;width:779px;}
#content{width:560px;float:left;margin-right:5px;
min-height:500px;
background :url(../images/sbBorder.png) no-repeat scroll right top;
overflow:hidden;
}
#sideBar{width:200px;float:left;overflow:hidden;}
#footer{clear:both;}
#banner{}
#clearPage{clear:both;font-size:1px;}

/*
This part ads the BG Gradient to the style and other general styles
*/
body{
	background:#172531 url('../images/bgGradient.png') repeat-x scroll right top;
	font-size:15px;
	color:#333333;
	font-family:"Arial";
}
h1{
	font-size:21px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
}
.sloganHP{
	font-size : 21px;
	color:#333333;
}
.italicbold{
	font-weight:bold;
}
h1 em{
	color:#FF6600;
}
.RedStar{
color:red;
}
a{
	color:#0088CC;
	text-decoration:none;
	cursor:pointer;
	outline:none;
}
a:hover{
	text-decoration:underline;
	color:#006a9d;
}

.rightBorder{
	border-right:1px #E6E6DF solid;
	padding-right:5px;
	margin-right:5px;
}

/*
All stuff that designs the footer
*/
.logo{
	float:left;margin-left:20px;margin-top:2px;	
}
.logo em{
	color:white;
	font-size:14px;
	font-weight:bold;
	margin-left:15px;
	margin-top:25px;
}

#footer{
	padding-top : 5px;
	padding-bottom : 5px;
	width:100%;
	font-size:13px;
}

#footer a{
	padding-right:6px!important;
	padding-left:6px!important;
	color:#cccccc;

}
.seperator{
color:#a3a3a3 ;
}
.footerLinks{
	display:inline;
	float:left;
	text-align:left;
	padding-left:0px;
}
.footerCR{/*copyright*/
	display:inline;
	float:right;
	color:white;
}
#test{
	border-right:0px !important;
}
/*
Design of the Tabs
*/
ul{
	margin-top:38px;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	padding:0;
	list-style:none !important;
	width:450px;
	float:right;
}
ul li{
	float:right;
	margin-left:3px;
	
}
li a{
	display:block;
	padding: 0 1em;
	line-height:25px;
	text-decoration:none;
	color:#000066;
	font-weight:bold;
	font-size:17px;
	background: url('../images/blueTab.png') repeat-x;
	float:left;
	font-weight:bold;
}
ul a:hover{
	text-decoration:underline;
	background : url('../images/overTab.png') repeat-x;
	color:#ffffff;
}
#currentTab{
	background : url('../images/overTab.png') repeat-x;
	color : #ffffff;
}
#userGreet a, #userLanguage a{
	color:#FFFFFF;
	text-decoration:underline;	
}
/*
*UserData in Banner
*/
#userGreet{
	color:#ffffff;
	position:absolute;
	top:20px;
}

/*
*Language in Banner
*/
#userLanguage{
	font-size:14px !important;
	color:#ffffff;
	float:right;
}

/*
*Navigation stuff
*/
#navigation{
	color:#CCCCCC;
}
#navigation a{
	color:#B4D0E0;
}
#navigation a:hover{
	color:#006a9d;
}
/*
Green Button
*/
.greenBtn{
	padding-left:1em;
	padding-right:1em;
	padding-top:1px;
	padding-bottom: 1px;
	line-height:30px;
	text-decoration:none;
	color:white;
	background: url('../images/greenButton.png') repeat-x !important;
	border-color:#47d96b #03aa2d #03aa2d #47d96b;
	border-style:solid;
	border-width:2px;
	cursor:pointer;
}
.greenBtn, x:-moz-any-link{
display: -moz-inline-box;
}
.greenBtn, x:-moz-any-link, x:default{
	display:inline !important;
}
.greenBtn:hover{
	color:white;
	text-decoration:underline;
	background:url('../images/greenButtonOver.png') repeat-x !important;
}

/*Design of the Div Boxes
*/
.contentBox,.sidebarBox {
	margin-top : 5px;
	margin:6px;
	border-bottom : 1px dotted #cccccc;
	overflow:hidden;
}
.contentBox div{
	padding-right:5px;
}
.sidebarBox{
	width:90%;
	float:right;
	padding:6px;	
}
.lastSidebarBox{
	margin-bottom:10px;
	border-bottom : 0px !important;
}
.contentBox{
	width:95%;
	float:right;
	margin-right:10px;

}
.lastContentBox{
	margin-bottom:10px;
	border-bottom : 0px !important;
}

/*
*Tables in Contentbox and Sidebar
*/
.contentBox table{
	padding:10px;
	width:100%;	
	padding:10px;
}
.sidebarBox table, .popupTable { /************************HERE****************/
	padding : 10px;
	width : 100%;
}
.smallTable{
	width:190px !important;	
	float:right;
}
.smallTable table input[type=text], .sidebarBox table input[type=text],.sidebarBox table input[type=password]{
	background-color:#FFFFFF;
	width:60px;
}
#sideBarLogIn input[type=text],#sideBarLogIn input[type=password],#sideBarLogIn input.text,#sideBarLogIn input.password{
	width:95%;
}
.sidebarBox th, .popupTable th{
	font-size : 18px;
	font-weight : bold;
	color:#ff6600;
	padding-right : 3px;
	padding-top : 5px;
	padding-bottom : 5px;
}
.contentBox th{/************************HERE****************/
font-size : 18px;
font-weight : bold;
color:#ff6600;
padding-left : 3px;
padding-top : 12px;
padding-bottom : 12px;
}
.contentBox table input[type=text]{
	background-color:#FFFFFF;
	width:60px;
}

.contentBox td, .sidebarBox td, .popupTable td{
	padding-left:5px;
	padding-right:5px;
	padding-top:4px;
	padding-bottom:4px;
}
.linkIcons a{
	background:url('../images/buttonIcon_ar.png') no-repeat right;
	padding-right: 15px;
	padding-left: 15px;	
	display: -moz-inline-box;
}

.linkIconsInActive{
	background:url('../images/buttonIcon_inactive_ar.png') no-repeat right !important;
	padding-right: 15px;
	padding-left: 15px;	
	display: -moz-inline-box;
	color:#CCC;
}
/*
Some Sidebar stuff
*/
.sidebarBox input[type=text], .sidebarBox input[type=password]{
	width:177px;
	font-size:14px !important;
	font-family:Arial !important;
}
.sidebarBox input[type=checkbox]{
	margin-left:5px;
	margin-top:5px;
}
.sidebarBox span {
	cursor: pointer;
}
/*
Some Content stuff
*/
.contentBox input[type=text], .contentBox input[type=password]{
	width:250px;
	font-size:14px !important;
	font-family:Arial !important;
}
/*Error Box
*/
#logInError,.logInError{
	border:1px solid red;
	background-color:#FAD3A1;
	padding:5px;
}

/*
*Search Quarter Box
*/
.scrollDiv{
	height:230px;
	width:100%;
	overflow:auto;
}
.scrollDiv div{
	padding:1px;
	border-bottom:1px solid #E7F0F5;
}
.even{
	background-color:#F4F4F4 !important;
}
.odd{
	background-color:#ffffff !important;
}
.even span, .odd span{
	cursor: pointer;
}
.disabled span{
	cursor:default !important;
}
.scrollDiv input{
	width:30px !important;
}
.disabled{
	color:#E6E6DF !important;
	cursor:default !important;
}
.alignMiddle{
	text-align:center;
}
.quarter{
	width:50% !important;
	border:none !important;
	margin:0px;
	padding:0px !important;
	background-color:transparent !important;
}
.quarter td{
	text-align:right;
	width:33%;
}
/*Stuff for the list view*/
/*.borderBottom {
	border-bottom:1px solid grey !important;
	padding:3px !important;
}*/
.borderBottom td{
	padding:0px;
}
.list{
	border:none !important;
	background-color:transparent !important;
}
.listImg{
height:80px;
text-align:center;
}
.list th{

}
.list td{
	padding:1px !important;
}
.list img{
max-height:80px;
max-width:80px;

}

.listServiceImage{
max-height : 150px!important;
max-width : 150px!important;
}
.ListfirstColumn{
	width:80px;
}
.estateTitle{
	background:none !important;
	padding:0px !important;
	font-weight:bold;
}
.estateAdress{
	color:#f39301;
}
.listOptions{
	background:url('../images/buttonIconSmall_ar.png') no-repeat right !important;
	padding-right: 13px;
	padding-left:13px;
	font-size:12px;
	display: -moz-inline-box;
}

.sortElement{
	display:inline;
}
/*Detail View + tabbing*/
.detailContentTabs{
	width:100%
}
.detailTabs{
	margin-top:0px !important;
	width:100%;
}
.detailTabs a{
	background:#cccccc;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}
.detailTabs a:hover{
	background:#E7F0F5; 
	color:black !important;
}
.detailTabs .activeTab{
	background:#F4F4F4 !important;
}
.detailTabs .inactiveTab{
	background:#FBFCFD !important;
}
.topDetail{
	background:transparent !important;
	border: none !important;
	text-align:center;
}
.topDetail td{
	width:33%;
}
.topDetail a{
	background:transparent !important;
	padding-right:0px !important;
}
.leftDetailCol{
	width:57%;	
	float:right;
}
.rightDetailCol{
	float:left !important;
	width:35%;	
}
.topDetailContent{
	clear:both;
	width:97%;
	background:#F4F4F4 !important;
	padding-top:5px;
}
.topDetailContent table, .topDetailContent a {
	background:transparent;
	border:none;
}
.topDetailContent td{
	vertical-align:top;
}
.alignCenter{
	text-align:center !important;
}
.seeAllImagesLink{
	text-align:center;
}
.printLink{
	background:url('../images/icn_print.gif') no-repeat right !important;
	padding-right:20px !important;
	padding-left:20px !important;
	padding-top:2px;
	display: -moz-inline-box;
}
.sendLink{
	background:url('../images/icn_send.gif') no-repeat right !important;
	padding-right:20px !important;
	padding-left: 20px !important;
	padding-top:2px;
	display: -moz-inline-box;
}
.saveLink{
	background:url('../images/icn_save.gif') no-repeat right !important;
	padding-right:20px !important;
	padding-left:20px !important;
	padding-top:2px;
	display: -moz-inline-box;
}
.detailImage{
	max-height:170px;
	max-width:170px;	
	
	border:1px solid orange;
}
.detailImageLink{
	padding:1px;
	background:white;
}	
.permaLink{
	background-color:white !important;
	width:80% !important;
}
.detailInfo{
	background:transparent !important;
	border:none !important;
}
.detDescription{
	float:right;
	width:450px;
}
.surplusInfo{
width:98%;
}
.detailContactForm input{
	width:95% !important;
	background:white;
}
.detailContactForm textarea{
	width:98% !important;
	background:white;
}

.paging{
 float:left;
 text-align:left;
}
.paging a, .paging b{
	padding:3px;
}

.phone{
direction:ltr;
}
.paging table{
	border:none !important;
	background:white !important;
	width:auto !important;
	padding:0px!important;
	margin:0px!important;
}

.paging table td{
	border:none !important;
	background:white !important;
	width:auto !important;
	padding:0px!important;
	margin:0px!important;
}
.emptyTd{
	background:white !important;
	border:none !important;
	margin:0px !important;
}


/******
Add Process Stylation
******/
.addProcess{
	padding-right:0px !important;
}
.addProcess table{
	border:none !important;
	background:transparent !important;
	width:auto !important;
}
.addProcess table td{
	height:40px !important;
	padding-left:20px;
	padding-top:15px;
	text-align:right;
	vertical-align:middle;
	font-weight:bold;
	color:#cccccc;
}
.currentPage{
	color:orange !important;
}
.donePage{
	color:green !important;
}
.surplusText{
	color:#999999;
}
.blueBackground{
	border:1px #E7F0F5 solid;
	background-color:#FBFCFD;
}
.darkBlueBackground{
	background-color:#E7F0F5;
	border-bottom:3px white solid;
}
.registrationCon input[type=text], .registrationCon input[type=password],.registrationCon textarea{
	width:100% !important;
	font-size:14px !important;
	font-family:Verdana !important;
	background:white;
}
.registrationCon select{
	width:100% !important;
}
.registrationCon td{
	width:30%;
	vertical-align:top;
}
.myPersonaleDate td{
	width:15%;
	vertical-align:top;
	color:#777;
}
.firstColumOT{
	border-right:3px solid white;
}
.borderBottom{
	border-bottom:3px solid white;
}
.infoIcon{
	text-align:left;
}
#smallInput{
	width:40% !important;
}
.countField{
	color:#999999;
} 

/*
*MY PAge Stylation MyPage=mp
*Tabs
*/
/*Detail View + tabbing*/
.mpContentTabs{
	width:100%
}
.mpTabs{
	margin-top:20px !important;
	width:100%;
}
.mpTabs a{
	background:#cccccc;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	font-size:14px !important;
}

.mpTabs a:hover{
	background:#E7F0F5; 
}
.mpTabs .activeTab{
	background:#F4F4F4 !important;
}
.mpTabs .inactiveTab{
	background:#cccccc !important;
}
.topmpContent{
	background:#E7F0F5 none repeat scroll 0 0 !important;
	clear:both;
	padding:2px;
	width:100%;
}
.mpLeftColumn, .mpRightColumn{
	width:32%;
	padding-top:10px;
}
.mpLeftColumn div, .mpRightColumn div{
	border:1px solid #e7f0f5;
	background-color:#FBFCFD;
	height:225px;
	margin-right:-5px !important;
	margin-right:10px;
	padding-left:5px;
}
.mpLeftColumn hr, .mpRightColumn hr{
	color:#e7f0f5;
	border:none;
	background-color:#e7f0f5; 
	width:100%;
	height:1px;
	margin-top:2px;
	margin-bottom:2px;
}
.mpLeftColumn{
	float:right;
}
.mpRightColumn{
	float:right;
}
.mpBorderTab{
	border-bottom:3px solid #F4F4F4;
	clear:both;
}
.mpNumber{
	color:orange;
}
.myPerdonalEM{
	color:black;
}
.linkIcon{
	background:url('../images/buttonIcon_ar.png') no-repeat right;
	padding-right: 15px;
	padding-left:15px;
	display: -moz-inline-box;
}
.mpDashboard td, .mpDashboard th{
	border-right:0px solid white;
	width:32%;
	font-size:14px;
	vertical-align:top;
}
.detailContentTabs table th img{
	border-right:3px;
	position:relative;
	margin-right:3px;
	height:16px;
	width:16px;
	top:3px;
}
/*
*STyles for the Favourite List
*
*/
#mpFavourite{
	border:1px solid #e7f0f5 !important;
}
.mysearches td{
	vertical-align:top;
	padding:4px !important;
}
.mySearchTitle{
	font-weight:bold;
}
/*
*HomePage
*
*/
.rightHP, .leftHP{
	width:47% !important;
	background:url(../images/hp_bg_boxes.png) no-repeat top left;
	border-top:1px solid #95CAFF !important;
	border-bottom:1px solid #95CAFF !important;
}
.rightHP td, .leftHP td{
	padding-right:10px;

}
.rightHP p, .leftHP p{
	color:#333333;
	font-size:21px;
	font-weight:bold;
}
.rightHP{
	float:left;
}
.leftHP{
	float:right;
}
.hpNewBadge{
	position:relative;
	top:-150px;
	right:-20px;
	float:right;
}
.SideNewBadge{
	float:right;
	position:relative;
	right:-20px;
	top:-285px!important;
	margin-top:-5px;
}

.prevImagesHP td{
	width:20%;
	padding-top:0px !important;
	padding-bottom:0px !important;
	vertical-align:middle;
}
.clear{
	clear:both;
}
.support img{
	float:right;
	vertical-align:middle;
}
.support td{
	vertical-align:middle;
	padding:10px;
}
.support strong, .support strong a, .largerHL{
	color:#ff6600;
	font-size:18px;
	font-weight:bold;
	margin-right:20px;
}
#contactForm{
	width:500px !important;
}
#contactForm td{
	width:auto;
}
.smallTD{
	width:25% !important;
}

.leftTD{
text-align: right;
}
.extraLage{
	font-size:24px;
	background:url('../images/buttonIconLarge_ar.png') no-repeat right !important;
	padding-right:25px;
	padding-left:25px;
	display: -moz-inline-box;
}
.searchQuarterSubmit{
	text-align:left;
}
.checkboxContainer{
margin: 5px 0px;
	padding:0px!important;
}
.closeButton{
	float: left; 
	position: relative; 
	top: -13px; 
	left: -10px; 
	cursor:pointer;
}

.publishButton{
	float:left;
	margin-left:20px;
	margin-bottom:20px;
}

.imageSlidshowLoader {
display: none;
position: absolute;
top: 50%;left: 40%;
padding:15px!important;
padding-right:20px!important;
padding-left:20px!important;
border: 3px solid #E7F0F5;
background-color: white;
z-index:1002;overflow: hidden;
}
a.tooltip{
	position:relative;
	text-decoration : none !important;
}
a.tooltip span{
	display:none;
	text-decoration : none !important;
}
a.tooltip:hover span{
	display:block;
	position:absolute;
	top:0.5em;
	left:1.5em;
	width:150px;
	padding:0.5em;
	border:1px solid #E7F0F5;
	background-color:#ffffff;
	color:#000;
	text-align:right;
	text-decoration:none !important;
}
a.tooltip:hover{
	font-size:100%;
	text-decoration : none !important;
}
#myfile{
	font-size:100% !important;
}
.alignContent{
	text-align:left;
}
.alignContent1{
	text-align:right;
}
.footerAllEsates{
text-align: right;float:right;
font-size:11px;
}
.registerBig{
	float:left;
	position :relative;
	top:-110px;
	left:150px;
}
#DealerName{
	font-size:16px;
}
.sideBarImageScal{
max-width:70px; 
max-height:70px;

}
.contentImageScal{
max-width:95px; max-height:95px;
}
.stepsCls{
text-align:left!important;
}



.prevImagesHP a, .newestEstates a{
background:transparent url(../images/shadow.png) no-repeat scroll right bottom;
clear:left;
float:left;
padding-right:5px;
}
.prevImagesHP a img, .newestEstates a img{
background-color:#FFFFFF;
border:1px solid #E6E6DF;
margin-left:-5px;
margin-top:-5px;
padding:5px;
}
.newestEstates a{
	max-height:80px;
	max-width:80px;
}
.prevImagesHP a{
	max-height:105px;
	max-width:103px;
}
.contentTableBor{
	border-top:1px solid #cccccc ;	
	border-bottom:1px solid #cccccc ;
}
.contentTable th, .list th{
	background-color:#F4F4F4 !important;
	color:#333333!important;
	padding-left : 5px !important;
	padding-right : 5px !important;
	padding-top : 2px !important;
	padding-bottom : 2px !important;
}
.noBorder{
	border-bottom:0px !important;
}
.highlighterEl {
background-color:#d9ecff;
}
.brokePageTabs{
	width:300px !important;
	margin-top:56px !important;
}
.sbIcon{
	max-width:65px;
	max-height:65px;
}
#detailTab1 div{
 margin-left:5px;
 padding-left:5px;
}
.rightDetailCol{
	margin-left:0px !important;
	padding-left:0px !important;
	padding-right:0px !important;
}
.rightDetailCol table{
}
#ads{
	position:absolute;
	width:100%;
	top:79px;
	overflow:hidden;
	left:0px;	
	z-index:-1;
}
.adsContainer{
	position:relative;
	width:1030px;
	left:50%;
	margin-left:-512px;
}
.adRight{
	float:right;
}
.adLeft{
	float:left;
}