@import url(forms.css);
@import url(manage.css);

/* COMMON */
* { font-family: "Verdana"; color: #555555; font-size: 12px;}
* a { color: #36973c;/*#407043;*/ }
body { padding: 0px; margin: 0px; background: #FFFFFF; }
table { border-collapse: collapse; padding: 0px; margin: 0px;} 
	td { padding: 0px; margin: 0px; vertical-align: top; text-align: left;}
div { padding: 0px; margin: 0px; }
form { padding: 0px; margin: 0px; text-align: center;}
ul { padding-left: 15px; margin-left: 5px; }
p { text-indent: 20px;} 

a img {border: none; }
h1, h1  * { font-size: 18px; color: #FF6600;}
h2, h2  * { font-size: 16px; font-weight: bold; color: #FF6600; margin: 15px 5px 5px 5px;}
h3, h3  * { font-size: 14px; color: #FF6600;}
h4, h4  * { font-size: 12px; color: #FF6600; margin: 2px; padding: 0px;}


/* COLUMNS */
.divLeftColumn { float: left; width: 300px; }
.divMiddleColumn { margin-left: 300px; }
.divSingleColumn { padding: 10px;}

/* COMMON */
.divClear { clear: both; font-size: 0px; overflow:hidden; }
.ulArticleList li { margin-bottom: 10px; }

.divContainer { margin:auto; width:100%; min-width:955px; background: #FFFFFF; }
.divContentContainer * {  }

.alignLeft { text-align: left; }
.alignRight { text-align: right; }

.floatLeft { float: left; display: block;}
.floatRight { float: right; display: block;}

.divWeather { padding: 10px; }
.divWeather div { margin: 2px;} 

/* header*/
.divPageHeader { min-width: 955px; background: url('img/promo-right.png') repeat-x; height: 305px; background-color: #75d9f4; }
	#divPromo { background: url('img/promo-left.png') no-repeat; /*border: 1px solid #CCCCCC;*/ width: 562px;  height: 305px; /* float: left;*/}	
		#divHeaderLogo { position: relative; top: 50px; left: 80px;}
		#divSiteLogo { position: relative; top: 0px; left: 0px; float: left; margin-right: 8px; }
	
	#divHeaderMenu { width: 365px; float: left; background: #FFFFFF; position: absolute; top: 0px; left: 562px;}
		
		#divMainMenu { width: 160px; height: 254px;  float: left; padding-right: 5px;}	
			#ulMainMenu { height: 250px; margin: 0px; padding: 0px 0px 0px 5px; border-right: 1px dashed #CCCCCC; }
				#ulMainMenu li { list-style: none; padding: 10px 10px 10px 0px;}
				#ulMainMenu a  { color: #FF6600; font-size: 17px; text-decoration: none;}
				#ulMainMenu img { float: left; margin: 0px 15px 0px 5px; height: 24px;}
		#divMainInfo { padding: 5px; float: left; width: 189px; height: 235px; border-right: 1px dashed #CCCCCC; font-size: 10px; }
			#divMainInfo p { font-size: 10px; margin: 10px 2px 10px 2px; padding: 0px;}			
	
		#divUserMenu { clear: both; height: 45px; border: 1px solid #FF6600; background: url('img/bgUserMenu.gif') repeat-x #ff8e00; color: #FFFFFF; padding: 2px; }
			#divUserPanel { padding-top: 5px; padding-left: 5px; font-size: 12px; }
			#divUserPanel * { color: #FFFFFF; text-align: left;}
			#divUserPanel ul { margin: 0px;}	
	
	#divPromoEnd { background: url('img/promo-end.png') no-repeat;  height: 305px; width: 50px; position: absolute; top: 0px; left: 927px; }					

/* LOGIN PANEL */			
.loginPanel { float: left; width: 267px;  padding: 0px; font-size: 10px;  margin-left: -5px;}
.remindPanel { float: left; }
.remindPanel { position: relative; left: 0px; top:0px;  width: 90px; padding-top: 0px; }
	.remindPanel .remindMenuItem {  margin-top: -2px; padding: 0px; }
	.remindPanel .remindMenuItem * { margin: 0px; font-size: 8px;} 

.loginPanel label { color: #FFFFFF; margin-top: 5px; margin-left: 5px; float: left;}
.loginPanel input[type=text], .loginPanel input[type=password] { margin: 1px; color: #777777; float: left; } 

.loginPanel #loginbtn { margin: 1px;  float: left;}
.loginPanel #login { margin-top: 4px; width: 70px; border: 1px solid #999999; float: left; color: #777777; font-size: 10px;}
.loginPanel #password { margin-top: 4px; width: 70px; border: 1px solid #999999;  float: left; color: #777777; font-size: 10px;}

#divUserPersonalMenu ul {list-style: none;}
#divUserPersonalMenu ul li{ float: left; display: block; margin: 3px;}



/*  COLUMNS AND DATA */
.divColHeader { border: 1px solid #CCCCCC; padding: 15px; font-weight: bold; font-size: 17px; background-color: #edeef3; background-image: url('img/bgColHeader.gif'); background-repeat: no-repeat; background-position: right; vertical-align: middle; }
	.divColHeader img { float: left; margin: -3px 10px 0px 0px; }
.divColHeaderIn { border: 1px solid #CCCCCC; padding: 5px 5px 5px 15px; margin: 5px; font-weight: bold; font-size: 14px; background-color: #edeef3; background-image: url('img/bgColHeader.gif'); background-repeat: no-repeat; background-position: right; vertical-align: middle;  }
	.divColHeaderIn img { float: left; margin: 0px 10px 0px 0px; }
	.divColHeaderIn a { font-weight:bold; font-size: 14px; text-decoration: none; color: #555555;}
		.divColHeaderIn a:hover { text-decoration: underline;}
.divContent { padding: 5px 10px 10px 10px; border: 0px solid lime;}
	.divContent a { color: #407043;}
	.divContent  h1 a, .divContent h2 a, .divContent h3 a { color: #FF6600; text-decoration: none;}
	.divContent  h1 a:hover, .divContent h2 a:hover, .divContent h3 a:hover { color: #FF6600; text-decoration: underline;}
	.divContent .alignLeft, .divContent .alignRight { margin: 5px; } 

.divActions {margin: 5px 0px 10px 0px; border: 1px solid #CCCCCC;  background: #EDEEF3; padding: 4px; }
.divContentCat { padding: 0px;}
	
/* MANAGE DATA */
.tblManageOneRec { padding: 5px; border-collapse: separate; }
	.tblManageOneRec .tdHeader { padding: 5px; }
	.tblManageOneRec .tdHeader a { font-size: 18px;  color: #FF6600;}
	.tblManageOneRec .tdCaption { font-weight: bold; width: 120px;}
	.tblManageOneRec .tdActions { padding: 10px;}
	
	.tblManageOneRec .tdImage { border: 1px solid #DDDDDD; padding: 5px; text-align: center; vertical-align: middle; width: 120px;}
	.tblManageOneRec .tdRightAlign { text-align: right; padding-right: 5px; }
	.tblManageOneRec .tdTextCation { font-size: 14px; padding-top: 10px;}
	.tblManageOneRec .tdTextField { padding: 10px; }

.divUserManageActions { border: 1px solid #DDDDDD; margin: 5px 0px 5px 0px; }
.divUserManageInfo { padding: 5px 10px 20px 10px; font-weight: bold;}
.divUserManageInfoLight { padding: 5px 10px 20px 10px; }
	
/* FOOTER */
.divPageFooter { height: 70px; border: 1px solid #CCCCCC; border-top: 2px solid #BBBBBB;  background: #EDEEF3; color: #FFFFFF; padding: 10px;}
	.divPageFooter #ulBottomMenu { list-style: none; display: block; margin-top: 0px; padding-top: 0px;}
	.divPageFooter #ulBottomMenu .liMenuItem { float: left; width: auto; padding: 2px; margin: 0px 5px 5px 15px;}
	.divPageFooter  #divCloxx { float: right; }
	.divPageFooter  #divCounter{ float: left;  margin: 5px;}
	.divPageFooter  #divCopyRight { margin-bottom: 10px;}
	
/* STATISTICS */
.divSatistics { text-align: right; margin: 5px; padding: 5px; /*border-top: 1px dashed #DDDDDD;*/ font-size: 8px;}


/* COMMON VIEW */
.tblEnum { width: 99%; border-collapse: separate; padding: 2px; }
	.tblEnum .tdItemWrap { width: 50%;  padding: 2px; border: 1px solid #DDDDDD;}
	
	.tblEnumItem { width: 100%; border-collapse: separate; padding: 2px;}
	.tblEnumItem td { padding: 2px; }
	.tblEnumItem p { margin: 0px; padding: 0px; }
	.tblEnumItem .tdHeader { text-align: left; }
	.tblEnumItem .tdHeader h3 {margin: 0px; }
	.tblEnumItem .tdCaption { font-weight: bold; text-align: right;  width: 100px;}
	.tblEnumItem .tdAction { padding: 5px; text-align: right; border-top: 1px dashed #DDDDDD; }
	.tblEnumItem .imgLogo { border:1px solid #DDDDDD; width: 96px; height:96px; }
	
	.tblEnumItem .divLogo { float: left; margin: 2px 4px 2px 2px; padding: 2px; border: 1px solid #DDDDDD;}
	.tblEnumItem .divHeader h3 {margin: 0px 0px 4px 0px; }
	
	
	.imgDetailWrap { float: left; width: 110px; margin: 5px 10px 0px 5px;} 
	.textDetailWrap { padding: 5px;}
	.divDetailContacts { padding: 5px; float: left; }
	.divDetailWeb { padding: 5px; float: left; width: 100%;}
	
.tblExtDetailsInfo {}
	.tblExtDetailsInfo td { padding: 2px;}
		.tblExtDetailsInfo .tdSep { border-top: 1px dashed #DDDDDD; padding: 0px;}
		.tblExtDetailsInfo .tdCaption { font-weight: bold; text-align: right;  width: 100px;}
		.tblExtDetailsInfo .tdAction { padding: 5px; text-align: right; border-top: 1px dashed #DDDDDD; }
		.tblExtDetailsInfo h2 {margin-top: 0px;} 
		.tblExtDetailsInfo .imgLogo { border:1px solid #DDDDDD; width: 96px; height:96px; }
	
/* PAGE NAVIGATION */
.tblPageNav { width: 100%; border-collapse: separate; margin: 5px; }
	.tblPageNav td { padding: 2px 2px 4px 2px; border: 1px solid #DDDDDD; width: 24px; text-align: center; vertical-align: middle; }

	.tblPageNav .tdSpace { width: auto; border: none;}
	.tblPageNav .tdArrows { border-color: #FFCC99; }
	.tblPageNav .tdItem {}
	.tblPageNav .tdItemSelected { color: #FF6600; }
	.tblPageNav .tdArrows a { color: #FF6600; text-decoration: none;}

/* ENTERPRISES */
/* detailed information */

.imgEntLogo {  border: 1px solid #DDDDDD; padding: 2px; margin: 0px 5px 5px 5px; width: 96px; height:96px; }
.divEntContacts { border-top: 1px dashed #DDDDDD; padding: 0px;  float: left;}
.ulEntAddresses {}
.ulEntPhones { margin: 2px; list-style: none; }
.ulEntWeb  { list-style: none; }
.ulEntWeb  li { float: left; margin: 10px;} 

/* REALTY */
.ulPhones { list-style: none; margin: 0px; padding: 0px;}
.tblRealtyPhotoGalery { margin: 5px 0px 5px 0px;}
.tblRealtyPhotoGalery img { border: 1px solid #DDDDDD; margin: 2px;}


/* ACCOUNT */
.ulAccountMenu li { margin: 5px;}


/* BILLING */
.itemRed { color: red;}
.itemGreen { color: green;}

.tblBilling { margin: 5px;}
.tblBilling td { padding: 4px; }
.tblBilling .tdLabel { text-align: right; font-weight: bold;}

#idCreateBillChoiseForm { border: 1px solid #CCCCCC; padding: 15px; width: 400px; margin: 10px;}
#idCreateBillChoiseForm .CFormTdLabel { width: 10px;}

/* INTEROGARION */
.divQuestTitle { font-weight: bold; font-size: 14px; }
.divQuestAnsver { margin: 5px; padding-left: 50px; text-align: left; }



/* CITY CATALGUE */
.tblCityWrap {}	
	.tblCityWrap .tdCity { padding: 10px; /* width: 33%; */ width: 50%; }	
		.divCityImage {  float: left; margin: 10px;}			
		.pCityInfo { height: 80px;}
		.divCityInfoLink { text-align: right; position: relative; bottom: 0px; }
		.divCityName { vertical-align: top; text-align: center; width: auto; padding-top: 10px;}


/* SERVICE CATALOGUE */
.ulServisePlace { padding: 10px; margin : 0px; list-style: none; padding-left: 20px;}
.ulServisePlace ul { padding: 0px; margin: 0px; list-style: none;}
.ulServisePlace .liPlace { /*display: inline; float: left;*/ /*width:33%;*/ /*width: 50%;*/ }
	.ulServisePlace .liService { /*display: inline; float: left;*/ margin-left:40px;  padding: 4px; text-align: left;}
	.ulServisePlace .liService * { font-size: 10px;}
	
	
/* NEWS */
.divNewsInfo { padding: 10px 5px 10px 5px;}
	
/* ARTICLES */
.divArticlePreview { float: left; margin-right: 10px;}
	.divArticlePreview img { width: 64px; }
	

.divArticleImage { margin: 10px 10px 10px 10px; padding: 10px; background: #EEEEEE; border: 1px solid #CCCCCC; text-align: center; }
.divArticleImageFL { float: left; margin: 0px 10px 10px 10px; padding: 10px; background: #EEEEEE; border: 1px solid #CCCCCC; text-align: center;}
.divArticleImageFR { float: right; margin: 0px 10px 10px 10px; padding: 10px; background: #EEEEEE; border: 1px solid #CCCCCC; text-align: center;}
.divArticleImageFL img, .divArticleImageFR img { border: 1px solid #CCCCCC; }

/* SUBSCRIBES */
.divSubscribeFormData { text-align: center; border: 1px solid red;}
.divSubscribeMessage { text-align: center; padding: 5px;}
.ulSubscribes { text-align: left;  list-style: none; }
.ulSubscribes li { padding: 5px 5px 5px 5px; }
.ulSubscribes li input[type="checkbox"]  {margin: 2px;}
.divSubscribeEmailContainer { margin: 5px; padding: 5px;}


/* MAIL MESSAGES */
.divMsgLatter .divMsgBody { margin: 10px; padding: 10px; background: #FFFFFF;  border : 1px solid #999999;	}