/**** стандартные теги ****/

body {
	font-family: Arial, Verdana, Helvetica, sans-seriff;
	font-size:13px;
	background-color:#cccccc;
	background-image:url('imgs/bkgdot.png');
	background-repeat:repeat;
	overflow-y: scroll;
}

body, html{height:100%;}

h1{font-size:16px}
h2{font-size:14px}
h3{
padding-top: 8px;
font-size:12px;
}

a{text-decoration:none;}
a:link{color:#006592;}
a:visited{color:#006592;}
a:hover{color:#0099FF;}

/* Ссылки на файлы */
a[href$='.xls'], a[href$='.csv'], a[href$='.xlt'], a[href$='.xlw'] {
display:inline-block;
padding-left:18px;
line-height:18px;
background:transparent url('imgs/icon_excel.gif') center left no-repeat;
}

a[href$='.doc'], a[href$='.docx'] {
display:inline-block;
padding-left:18px;
line-height:18px;
background:transparent url('imgs/icon_word.gif') center left no-repeat;
}

a[href$='.rar'], a[href$='.zip'] {
display:inline-block;
padding-left:18px;
line-height:18px;
background:transparent url('imgs/icon_zip.gif') center left no-repeat;
}

a[href$='.pdf']{
display:inline-block;
padding-left:18px;
line-height:18px;
background:transparent url('imgs/icon_pdf.gif') center left no-repeat;
}

ul{margin-left:1em;}

.left{float:left}

.normal-text{font-size:12px;}
.small-text{font-size:11px;}
.smaller-text{font-size:10px;}
.big-text{font-size:16px;}
.contacts-text{font-size:14px;}

/**** Основные блоки ****/

#wrapper{
	position:relative;
	width:1244px;
	min-height:100%;
	background-color:white;
	padding:10px 16px 10px;
	margin-left: auto;
	margin-right: auto;
    }

/**** Header ****/

#header{
	position:relative;
	float:none;
	width:1244px;
	margin-bottom:5px;
    }

#logo{
	position:relative;
	float:left;
	width:143px;
	height:165px;
	margin-right:10px;
    }

#banner{
	position:relative;
	float:left;
	width:500px;
	height:165px;
	margin-right:1px;
    }

#banner_ext{
	position:relative;
	float:right;
	width:210px;
	height:165px;
	margin-left:20px;
    }

.billing #banner{
	width:685px;
    }

#contacts{
	position:relative;
	float:left;
	width:159px;
	height:149px;
    padding: 8px;
	margin-right:5px;
	text-align:center;
	background-image:url('imgs/con_underlay.png');
    }

#contacts p{
	color:#666666;
    }

#contacts strong{
	font-weight:bold;
    }

#auth{
	position:relative;
	float:left;
	width:159px;
	height:149px;
    padding: 8px;
	text-align:center;
	background-image:url('imgs/con_underlay.png');
    }

#auth p{
	vertical-align: bottom;
	color:#666666;
    }

.errorlist{
    color: red;
    }

/**** Фон навигации ****/

#nav-background{
	position:relative;
	width:220px;
    }

#nav-t{
	position:relative;
    width:220px;
	height:10px;
	float:left;
	background-image:url('imgs/nav_bkg_t.png');
	background-repeat:no-repeat;
    }

#nav-c{
	position:relative;
	width:220px;
	float:left;
	background-image:url('imgs/nav_bkg_horiz.png');
	background-repeat:repeat-y;
    }

#nav-b{
	position:relative;
	width:220px;
	height:10px;
	float:left;
	background-image:url('imgs/nav_bkg_b.png');
	background-repeat:no-repeat;
    padding-bottom:20;
    }
    
#nav-banner{
	position:relative;
	width:220px;
	padding-top:10px;
    }

/* фон навигации для личного кабинета */
.billing #nav-t{background-image:url('imgs/nav_bkg_t_gray.png')}
.billing #nav-c{background-image:url('imgs/nav_bkg_horiz_gray.png')}
.billing #nav-b{background-image:url('imgs/nav_bkg_b_gray.png')}

/**** Навигация ****/

#navigation-container{
	position:relative;
	float:left;
	width:210px;
    }

#tools-container{
	position:relative;
	float:right;
	width:210px;
    }

#navigation{
	position:relative;
	width:203px;
	min-height:300px;
    padding-right:8px;
    padding-left:8px;
    }

.nav-list{
	font-size:15px;
	font-weight:bold;
	color:#333333;
	list-style-type:none;
	padding-left:0px;
	margin-left:0px;
    }

.nav-list div.hr{
    height: 2px;
    width: 100%;
    background-image:url('imgs/nav-divider.png');
    background-repeat:no-repeat;
    }

.nav-list div.hr.gray{
    background-image:url('imgs/nav-divider-gray.png');
    }

.nav-list a:link {color:white;}
.nav-list a:visited {color:white;}
.nav-list a:hover {color:#99ccff;}

.billing .nav-list a:link {color:#0707FF;}
.billing .nav-list a:visited {color:#0707FF;}
.billing .nav-list a:hover {color:#006596;}

.nav-list li {margin:7px}

.nav-sublist{
	font-size:13px;
	font-weight:normal;
	list-style-image: url("imgs/rndot.png");
    }

/**** Содержание, основной блок ****/
#content{
	position:relative;
	float:left;
	width:790px;
	margin-left:8px;
	text-align:left;
	overflow:visible;
    }  

#flatpage_content{
	float:left;
	position:relative;
	text-align:left;
	width:774px;
	margin-left:10px;
	overflow-x:visible;
    }

#flatpage_content td{
	background-color:#cccccc;
	padding: 4px;
    }

.content-block{
	float:left;
	position:relative;
	text-align:left;
	width:780px;
	margin-left:10px;
	margin-bottom:10px;
	overflow-x:visible;
    }

.leftcol{
    width: 385px;
    margin-left: 0;
    margin-bottom:0;
    }

.rightcol{
    float: right;
    width: 385px;
    margin-bottom:0;
    }

#breadcrumbs{
    color: rgb(220,80,80);
    background-color: transparent;
    margin: 0;
    padding: 0 1px 2px 1px;
    float:right;
    }

.block-header{
	width:790px;
	margin:10px 0 12px;
    padding-bottom: 3px;
    padding-left: 10px;
	border-bottom: 1px solid #c0c0c0;
	text-align:left;
	font-size:18px;
    }

.block-info{
	width:790px;
	margin:10px 0 12px;
    padding-bottom: 3px;
    padding-left: 10px;
	border-bottom: 1px solid #c0c0c0;
	text-align:left;
	font-size:18px;
    }
    
/* плохо, что здесь абсолютное значение ширины - подумать, как обойтись без этого */
.sub-block-header{
	width:570px;
	font-size:16px;
	margin-top:10px;
	margin-bottom:8px;
	text-align:left;
    border-bottom: 1px solid #c0c0c0;
    }

.important-message{
	width:790px;
	font-size:15px;
	color:#006596;
	font-weight:bold;
	margin-bottom:10px;
	text-align:left;
    }

.ann-houses{
    color:gray;
    font-size:smaller;
    }

.datestamp{
    color:gray;
    font-weight:bold;
    }
	
.datestamp-small{
    color:gray;
    font-size:10px;
    }
	
.news-headline{font-weight:bold}
.news-text{ }

/* pop-up */

#blanket {
    background-color:#111;
    opacity: 0.65;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65);
    position:fixed;
    text-align: center;
    z-index: 9001;
    top:0px;
    left:0px;
    width:105%;
    height:105%;
    }

#popUpDiv {
	position:fixed;
    left: 450px;
	background-color:#eeeeee;
	width:300px;
	height:auto;
    padding: 20px;
	z-index: 9002;
    }

#popUpTip {
	position:fixed;
    left: 300px;
	background-color:#eeeeee;
	width:750px;
	height:auto;
    padding: 20px;
	z-index: 9002;
    }

#pop-msg {
    text-align: center;
    font-size: large;
    }

#pop-close {font-weight: bold}

.LockOff { 
    display: none; 
    visibility: hidden; 
    } 

.LockOn { 
    display: block; 
    visibility: visible; 
    position: fixed; 
    z-index: 9001; 
    top: 0px; 
    left: 0px; 
    width: 105%; 
    height: 105%; 
    background-color: #111; 
    text-align: center; 
    padding-top: 20%; 
    filter: alpha(opacity=75); 
    opacity: 0.75; 
    } 
    
.LockImg {
    z-index: 9002;
    }

/* форма ввода показаний счетчиков */

.met-cred-wrapper{
	position:relative;
	width:312px;
	height:28px;
    text-align: right;
    }

.met-cred-wrapper.apartment{
    float:right;
    width:118px;
    margin-right:270px;
    }

.met-cred-wrapper label {float:left}

.met-date-wrapper {height: 42px}

.met-date-wrapper a{
	position:absolute;
	font-size:13px;
	bottom: 0px;
	right:0px;
    }

.met-reading-wrapper{
	position:relative;
	width:312px;
	height:28px;
    text-align:right;
    }

.met-reading-wrapper label {float:left}

.met-field{
	position:relative;
	float:right;
    }

#form-error{
    color:red;
    font-weight:bold;
    }

/* таблица введенных показаний в ЛК */
.meter-readings {
    border-collapse: collapse;
    counter-reset: MeterCount;
    }

.meter-readings td{ 
    border:1px solid silver;
    padding:4px;
    }

.meter-readings tr {
    font-size:12px;
    background-color:#E9F2FB;
    }

.meter-readings tr:hover {
    color: #020231;
    font-weight:bold;
    background-color:#a4cbf3;
    }

.meter-readings .meter-body td:first-child:before {
    counter-increment: MeterCount;
    content: counter(MeterCount);
    }

.meter-readings .table-header td{
    font-size:14px;
  	color:white;
    background-color:#006596;
	font-weight:bold;
	}
	
.noborder td{border: none;}

/* таблица начисления в ЛК */
.charge_table {
    border-collapse: collapse;
    counter-reset: RowNumber;
    }
	
.charge_table td{ 
    font-size:10px;
    border:1px solid silver;
    padding: 4px;
    }
	
.charge_table .charge_body td:first-child:before {
    counter-increment: RowNumber;
    content: counter(RowNumber);
    }

.charge_table tr:nth-child(even) {
    background-color: #E4E7E9;
    }
	  
.charge_table tr:hover {
    background-color: #b4ceee;
    color: #020231;
    font-weight:bold;
    }
    
.charge_table .table-header td{
	color:black;
	font-size:12px;
	font-weight:bold;
	background-color: white;
	}

/* таблица приборов учета в ЛК */
.register-table {
    border-collapse: collapse;
    counter-reset: RegCount;
    }
	
.register-table td{ 
    font-size:10px;
    border:1px solid gray;
    padding: 4px;
    }
	
.register-table .register-body td:first-child:before {
    counter-increment: RegCount;
    content: counter(RegCount);
    }

.register-table tr:nth-child(even) {
    background-color: #E4E7E9;
    }
	  
.register-table tr:hover {
    background-color: #b4ceee;
    color: #020231;
    }
    
.register-table .table-header td{
	color:white;
	font-size:12px;
	font-weight:bold;
	background-color: gray;
	}
	
/* форма жилфонда */
.dropdown-wrapper{
	position:relative;
	width:300px;
	height:28px;
    }

.dropdown-field{
	position:relative;
	float:right;
    }

/**** Footer ****/

#footer{
	width:inherit;
	border-top:dotted 2px #c0c0c0;
	margin-top:10px;
	margin-bottom:6px;
    }

.copyright-text{
	padding-top:4px;
	float:left;
    }

.credits-text{
	padding-top:4px;
	float:right;
    }

/**** Страница новостей ****/

#announce{float:left}

.newsblock{
	position:relative;
	width:inherit;
	margin-left:0;
	margin-bottom:25px;
    }

.blog-entry{
	position:relative;
	float:left;
	width:inherit -20;
	margin-left:20px;
	margin-bottom:10px;
    }

#month-list{
	position:relative;
	width:inherit;
    }
    
.feedback-form input{
    width: 300px;
    }

.login_button {
    border: none;
    border-radius: 5px;
    background-color: #3C638E;
    color: white;
    padding: 6px 40px;
    cursor: pointer;
    font-weight: bold;
    }
    
.submit_button {
    border: none;
    border-radius: 5px;
    background-color: #3C638E;
    color: white;
    padding: 10px 35px;
    cursor: pointer;
    font-weight: bold;
    }
    
.submit_button:disabled {
    opacity: 0.65; 
    cursor: not-allowed;
    background-color: #6288AF;
    color: silver;
    }

.waiting {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 6px solid #c0c0c0;
    border-radius: 50%;
    border-top-color: #2c4c81;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
    position: absolute;
    left: 150px;
    top: 0px;
    }

@keyframes spin {
    to { -webkit-transform: rotate(360deg); }
    }
    
@-webkit-keyframes spin {
    to { -webkit-transform: rotate(360deg); }
    }

.submit_button_container {
    position: relative;
    width: 130px;
    }

.waiting_hidden {
    display: none;
    }