@charset "utf-8";
/* Cardsharing billing panel */

* {
margin: 0;
padding: 0;
border: 0;
}

body {
margin:0 auto;
padding:0;
min-height:100%;
width:800px;
background:#FFF;
color: #333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}

/* body {
padding: 0;
background: #fff;
color: #333;
font-family: Verdana, Arial, Helvetica, sans-serif;
} */

#container {
position:relative;
width: 800px;
height:auto;
margin: 0 auto;
padding: 0;
}

#header {
background-image: url(bg_header.gif);
width: 800px;
height: 131px;
margin: 0;
} 

#logo {
position:absolute;
bottom:0;
left:0;
width:227px;
height:57px;
margin-bottom:4px;
margin-left:0;
}

#nav {
position:absolute;
bottom:0;
right:0;
margin-right:10px;
margin-bottom:10px;
}

#nav a:link {
	color: #333;
	text-decoration: none;
}
#nav a:visited {
	text-decoration: none;
	color: #333;
}
#nav a:hover {
	text-decoration: underline;
	color: #6AB6E2;
}
#nav a:active {
	text-decoration: none;
	color: #6FA541;
}

#loginform {
	overflow:hidden;
	position: absolute;
	
    
	top: 0;
	right: 0;
	margin: 0;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
    padding: 0;
	border-color: #999;
	font-size:12px;
}

#loginform table {
	margin:6px;
}

#loginform img {
	margin:0 0 0 16px;
}

form {

margin: 0;
padding: 0;
text-align: left;
font-size:12px;
}

.area {
background: #e6e6e6;
color: #333;
font-size: 12px;
border: 1px solid #999;
}

.area2 {
width:100px;
background: #e6e6e6;
color: #333;
font-size: 12px;
border: 1px solid #999;
}

.button {
background: #bfdaed;
color: #333;
font-size: 14px;
border: 2px solid #6AA9D6;
}

#footer_line {
	margin: 4px 0 0 0;
	background-image: url(bg_footer.gif);
	width: 800px;
    height: 7px;
	clear : both;
}

#footer {
	margin: 0;
	width: 800px;
    height: 80px;
	clear : both;
}

#footer img {
	float:right;
	margin: 0 20px 0 0;
}

#copyright {
	position: absolute;
	margin: 13px 8px; 
	color: #333;
	font-size: 10px;
	line-height:15px;
}

#buttons {
	display:block;
	float:right;
	margin-top:8px;
    margin-right:-16px;
	font-size: 14px;
}

ul {
text-align: justify;
line-height:20px;
margin: 0;
padding: 8px;
}

li {
margin: 0;
padding: 8px 0 0 0;
}

#text {
width: 800px;
font-size: 12px;
color: #333;
margin: 0 auto;
clear : both;
} 

#text p {
text-align: justify;
line-height:20px;
margin: 0;
padding: 8px;
}

#text a:link {
color: #6AB6E2;
text-decoration:underline;
}

#text a:visited {
color: #6AB6E2;
text-decoration:underline;
}

#text a:hover {
color: #6AB6E2;
text-decoration:none;
}

#text a:active {
	text-decoration: none;
	color: #6FA541;
}



#text h1 {
color: #6AB6E2;
font-size: 24px;
font-weight: normal;
text-align: left;
padding: 8px 8px;
} 

#text h2 {
font-size: 14px;
font-weight: bold;
text-align: left;
padding: 8px 0;
} 

#text table {
border-collapse: collapse; /* Убираем двойные линии между ячейками */
}

#text td, th {
 padding: 3px; /* Поля вокруг содержимого таблицы */
 border: 1px solid black; /* Параметры рамки */
}

a.big_ad {
display:block;
float:left;
background-image: url(images/ch_logos/big_ad_2.gif);                             
width:210px;
height:210px;
margin:5px 10px 0px 5px;
}

a.big_ad:hover {
display:block;
background-position: 0 -210px;
width:210px;
height:210px;
}



a.ch_skyde {
display:block;
float:left;
background-image: url(images/ch_logos/ad_skyde.gif);                             
width:100px;
height:100px;
margin:5px 10px 5px 5px;
}

a.ch_skyde:hover {
display:block;
background-position: 0 -100px;
width:100px;
height:100px;
}



a.ch_skyit {
display:block;
float:left;
background-image: url(images/ch_logos/ad_skyit.gif);                             
width:100px;
height:100px;
margin:5px 10px 5px 5px;
}

a.ch_skyit:hover {
display:block;
background-position: 0 -100px;
width:100px;
height:100px;
}



a.ch_hdplus {
display:block;
float:left;
background-image: url(images/ch_logos/ad_hdplus.gif);                             
width:100px;
height:100px;
margin:5px 10px 5px 5px;
}

a.ch_hdplus:hover {
display:block;
background-position: 0 -100px;
width:100px;
height:100px;
}



a.ch_orf {
display:block;
float:left;
background-image: url(images/ch_logos/ad_orf.gif);                             
width:100px;
height:100px;
margin:5px 10px 5px 5px;
}

a.ch_orf:hover {
display:block;
background-position: 0 -100px;
width:100px;
height:100px;
}



a.ch_srg {
display:block;
float:left;
background-image: url(images/ch_logos/ad_srg.gif);                             
width:100px;
height:100px;
margin:5px 10px 5px 5px;
}

a.ch_srg:hover {
display:block;
background-position: 0 -100px;
width:100px;
height:100px;
}



a.ch_digiturk {
display:block;
float:left;
background-image: url(images/ch_logos/ad_digiturk.gif);                             
width:100px;
height:100px;
margin:5px 10px 5px 5px;
}

a.ch_digiturk:hover {
display:block;
background-position: 0 -100px;
width:100px;
height:100px;
}



a.ch_alj {
display:block;
float:left;
background-image: url(images/ch_logos/ad_alj.gif);                             
width:100px;
height:100px;
margin:5px 10px 5px 5px;
}

a.ch_alj:hover {
display:block;
background-position: 0 -100px;
width:100px;
height:100px;
}



a.ch_tnt {
display:block;
float:left;
background-image: url(images/ch_logos/ad_tnt.gif);                             
width:100px;
height:100px;
margin:5px 10px 5px 5px;
}

a.ch_tnt:hover {
display:block;
background-position: 0 -100px;
width:100px;
height:100px;
}



a.ch_absat {
display:block;
float:left;
background-image: url(images/ch_logos/ad_absat.gif);                             
width:100px;
height:100px;
margin:5px 10px 5px 5px;
}

a.ch_absat:hover {
display:block;
background-position: 0 -100px;
width:100px;
height:100px;
}



a.ch_platforma {
display:block;
float:left;
background-image: url(images/ch_logos/ad_platf.gif);                             
width:100px;
height:100px;
margin:5px 10px 5px 5px;
}

a.ch_platforma:hover {
display:block;
background-position: 0 -100px;
width:100px;
height:100px;
}



a.ch_viasat {
display:block;
float:left;
background-image: url(images/ch_logos/ad_viasat.gif);                             
width:100px;
height:100px;
margin:5px 10px 5px 5px;
}

a.ch_viasat:hover {
display:block;
background-position: 0 -100px;
width:100px;
height:100px;
}



a.ch_cyfra {
display:block;
float:left;
background-image: url(images/ch_logos/ad_cyfra.gif);                             
width:100px;
height:100px;
margin:5px 10px 5px 0px;
}

a.ch_cyfra:hover {
display:block;
background-position: 0 -100px;
width:100px;
height:100px;
}



a.ch_akta {
display:block;
float:left;
background-image: url(images/ch_logos/ad_akta.gif);                             
width:100px;
height:100px;
margin:5px 10px 5px 5px;
}

a.ch_akta:hover {
display:block;
background-position: 0 -100px;
width:100px;
height:100px;
}



a.ch_focus {
display:block;
float:left;
background-image: url(images/ch_logos/ad_focus.gif);                             
width:100px;
height:100px;
margin:5px 10px 5px 5px;
}

a.ch_focus:hover {
display:block;
background-position: 0 -100px;
width:100px;
height:100px;
}



a.ch_redhot {
display:block;
float:left;
background-image: url(images/ch_logos/ad_redhot.gif);                             
width:100px;
height:100px;
margin:5px 10px 5px 5px;
}

a.ch_redhot:hover {
display:block;
background-position: 0 -100px;
width:100px;
height:100px;
}

a.ch_freex {
display:block;
float:left;
background-image: url(images/ch_logos/ad_freex.gif);                             
width:100px;
height:100px;
margin:5px 10px 5px 5px;
}

a.ch_freex:hover {
display:block;
background-position: 0 -100px;
width:100px;
height:100px;
}

a.ch_spice {
display:block;
float:left;
background-image: url(images/ch_logos/ad_spice.gif);                             
width:100px;
height:100px;
margin:5px 10px 5px 5px;
}

a.ch_spice:hover {
display:block;
background-position: 0 -100px;
width:100px;
height:100px;
}


#box1 {
	display:block;
	float:left;
	width:341px;
	top: 0;
	right: 0;
	margin: 6px 0 0 6px;
	border: 1px solid;
    padding: 24px;
	border-color: #999;
    background-image: url(bg_box1.gif);
	background-repeat: repeat-x;
}

#box1 td, th {
 padding: 3px;
 border: 0;
}

#box1_1 {
	display:block;
	float:left;
	
	top: 0;
	right: 0;
	margin: 6px;
	border: 1px solid;
    padding: 24px;
	border-color: #999;
    background-image: url(bg_box1.gif);
	background-repeat: repeat-x;
}


#box1_1 td, th {
 padding: 3px;
 border: 0;
}

#box2 {
	display:block;

	top: 0;
	right: 0;
	margin: 6px;
	border: 1px solid;
    padding: 24px;
	border-color: #999;
    background-image: url(bg_box2.gif);
	background-repeat: repeat-x;
}

#box3 {
	display:block;

	top: 0;
	right: 0;
	margin: 6px;
	border: 1px solid;
    padding: 24px;
	border-color: #999;
    background-image: url(bg_box3.gif);
	background-repeat: repeat-x;
}

#box3 td, th {
 padding: 3px;
 border: 0;
}

#box4 {
	display:block;

	top: 0;
	right: 0;
	margin: 6px;
	border: 1px solid;
    padding: 24px;
	border-color: #999;
}

#box4 td, th {
 padding: 3px;
 border: 0;
}

p.error {
font-size: 18px;
}