body, html {
	margin: 0;
	height: 100%;
	font: 12px Arial;
	background: url(/i/px200.gif) repeat-y; 
	width:100%;
}

.float-break {
	clear: both;
}

p {
	margin:10px 0 10px;
}
a {
	color:#005edd;
}
.error {
	color: #dd0000;
	font: bold 15px Arial;
	border: solid 1px #ddd;
	padding:15px;
	background: #f8f8f8;
}

#wrapper { 
	float: left; 
	position: relative; 
	height: auto !important; 
	height: 100%; 
	min-height: 100%; 
 	min-width: 100%; 
	width:expression(document.body.clientWidth < 901 ? "900px": "100%" );
}

#left-col {
    height: 100%;
    width:200px;
    margin: 0;
    background: #f0f0f0;
    position:absolute;
    left:0;
    top:0;
    z-index: 100;
}

#left-col-content {
	padding:20px;
}
#logo {
	display:block;
	width:102px;
	height: 53px;
	background: url(/i/logo.gif) no-repeat;
}

#main-menu {
	padding-top:8px;
}
#main-menu h1 {
	margin:20px 0 10px 0;
	font:bold 21px Arial;
	color:#666;
}
#main-menu h2 {
	margin:15px 0 8px 0;
	font:bold 15px Arial;
	color:#666;
}
#main-menu ul {
	margin:0;
	padding:0;
	list-style: none;
}
#main-menu ul li {
	font: normal 12px Arial;
	margin-top: 5px;
}
#main-menu ul li a {
	color:#005edd;
}

#copyright {
	margin:50px 0 0 0;
	font: normal 11px Arial;
	color:#444;
}

#right-col {
	margin: 0 0 0 230px;
}

#top-area {
/* 	min-width: 545px; */
	width:100%;
	height:97px;
	margin-bottom:30px;
	border-bottom: solid 1px #888;
}
#top-area h1 {
	margin:0;
	padding-top:45px;
	color:#ed6002;
	font:bold 21px Arial;
}		
#site-select {
	float: left;
	margin-right:30px;
}
#site-select label {
	display: block;
	font: bold 14px Arial;
	margin:10px 0 4px 4px;
}
#site-info-balance {
	margin:5px 0 0 4px;
	line-height: 16px;
}
#site-info-balance em {
	font-style: normal;
	font-weight: bold;
}
#site-select select {
	font: 11px Arial;
	width:300px;
}
#site-info {
	padding:11px 0 0 0;
	font: bold 14px Arial;
}
#site-info-in, #site-info-out {
	font: normal 12px Arial;
	margin:7px;
}
#site-info-in em {
	font-style: normal;
	color: green;
}
#site-info-out em {
	font-style: normal;
	color: #dd0000;
}

#right-col-content {
	padding:0 20px 20px 0;
	line-height: 145%;
}
#right-col-content  h1 {
	margin:0;
	font:bold 21px Arial;
	color:#ed6002;
}
#right-col-content h2 {
	margin:25px 0 10px 0;
	font:bold 16px Arial;
	color:#ed6002;
}

#select-top {
	margin:20px 0 20px 0;
}
#select-top label {
	float:left;
	display:block;
	margin: 3px 10px 0 0;
}

/*
	ÊÍÎÏÊÈ
*/
#buttons-top {
	margin:20px 0 20px 0;
}
	#buttons-top h2 {
		margin-bottom: 15px;
	}

.button-text-plus {
	background: #f0f0f0 url(/i/icon_plus.gif) no-repeat 7px 7px;
	padding:7px 8px 7px 28px;
	font: bold 12px Arial;
	color:#028700;
}
.button-text-edit {
	background: #f0f0f0 url(/i/icon_edit.gif) no-repeat 7px 7px;
	padding:7px 8px 7px 28px;
	font: bold 12px Arial;
	color:#028700;
}
.button-html {
	display:block;
	width: 22px;
	height: 20px;
	background: url(/i/icon_html.gif) no-repeat 0 6px;
}
.button-edit {
	display:block;
	width: 20px;
	height: 20px;
	background: url(/i/icon_edit.gif) no-repeat 2px 2px;
}
.button-del {
	display:block;
	width: 20px;
	height: 20px;
	background: url(/i/icon_del.gif) no-repeat 2px 2px;
}
.button-see {
	display:block;
	width: 20px;
	height: 20px;
	background: url(/i/icon_see.gif) no-repeat 4px 4px;
}
.button-see-no {
	display:block;
	width: 20px;
	height: 20px;
	background: url(/i/icon_see_no.gif) no-repeat 4px 4px;
}

.button-plus {
	display:block;
	width: 20px;
	height: 20px;
	background: url(/i/icon_plus.gif) no-repeat 3px 3px;
}
.button-minus {
	display:block;
	width: 20px;
	height: 20px;
	background: url(/i/icon_minus.gif) no-repeat 3px 3px;
}
.button-arr {
	display:block;
	width: 20px;
	height: 20px;
	background: url(/i/icon_arr.gif) no-repeat 3px 3px;
}

.button-html span, .button-edit span, .button-del span, .button-see  span, .button-see-no  span, .button-plus  span, .button-minus  span, .button-arr  span {
	display: none;
} 

/*
	ÔÎÐÌÛ
*/
form {
	margin:0;
}
input.text {
	font: normal 12px Tahoma;
	height: 16px;
	padding:2px 0 0 2px;
}
input.button {
	font: normal 11px Tahoma;
	height: 22px;
}
select {
	font: normal 12px Arial;
}

#ad-copy h2 {
	margin:15px 0 10px 0;
}
#ad-copy select {
	margin:0;
	width:400px;
}
#ad-copy input {
	display:block;
	margin-top:8px;
}
.form td {
	height: 30px;
}
.form .label {
	padding-right:15px;
}
.buyClicksForm .label {
	width:150px;
}
.form td input.text, .form td select {
	width: 300px;
}
textarea {
	display:block;
	font: normal 11px Tahoma;
	width:500px;
	height: 100px;
}
.form2 textarea {
	margin:4px 0 15px 0;
}
.registrationForm textarea {
	margin:4px 0 4px 0;
	width:300px;
}

#preview {
	border: solid 1px #999;
	padding:15px;
}

/*
	ÒÀÁËÈÖÀ
*/
.width100 {
	width:100%;
}
.mytable {
	border-collapse: collapse;
	margin-bottom: 20px;
}
.mytable th, .mytable td {
	padding:5px 8px 6px 8px;
}
.mytable th {
	border: solid 1px #f2f2f2;
	background: #d8d8d8;
	font: bold 11px Arial;
}
.mytable td {
/* 	border: solid 1px #f6f6f6; */
	font: 11px Arial;
}
.mytable td.nowrap {
	white-space: nowrap;
}
.mytable td img {
	float:left;
	margin-right:5px;
	border: solid 1px #888;
}
.mytable td .ad-title {
	float:left;
	height:60px;
	padding:50% 0 auto 50%;
}
.mytable td.ad {
	width: 100%;
}
	.mytable td.ad .date {
		color: #888;
	}
	.mytable td.ad .title {
		font-size: 12px;
		margin: 3px 0 3px 0;
	}
.mytable tr.row1 td {
	background: #f6f6f6;
}
.mytable tr.row2 td {
	background: #e8e8e8;
}
.mytable tr.rowhi td {
	background: #ffcfcf;
}
.mytable .buttons td {
	padding:10px 0 10px 10px;
	border-bottom: solid 1px #ccc;
}
.campaignActive {
	color:#008800;
	font-weight: bold;
}
.campaignNotActive {
	color:#cc0000;
	font-weight: bold;
}


#voc_list {
}
.voc_words_list {
	border: solid 1px #bbb;
	padding:10px;
}

h3 { margin-top:25px; color: #667; }

.red { color: red; }

.arrow {font-size:14px;}


/* ÒÀÁËÈÖÀ Ñ ÍÎÂÎÑÒÜÞ */
.newsListItem {
	margin-bottom: 30px;
	width:80%;
}
.newsListItem h3 {
	margin:0;
	font: bold 15px Arial;
}
.newsListItem h3 a, .newsListItem h3 {
	color:#ed6002;
}
.newsListItem em {
	display: block;
	margin: 5px 0 4px 0;
	color: #888;
	font-style: normal;
}
.newsListItem .announce {
}
.newsListItem .text {
	margin-top:20px;
}

.news td.date {
    padding:10px 0px 0px 0px;
	width: 1%;
	align: right;
	white-space: nowrap;
	color: red;
	font-weight: bold;
}

.news td.title {
    padding:10px 0px 0px 10px;
	align: left;
	font-weight: bold;
}

.news td.announce {
	align: left;
	padding:0px 0px 10px;
}

.news td.text {
	align: left;
}

.news hr {
    text-align: left;   /*this will align it for IE*/
    margin: 0 auto 0 0; /*this will align it left for Mozilla*/
    width: 80%;
}
.news-back {
	font-size: 15px;
}

#top_banner {
	margin: 20px 0 5px 0;
	height: 80px;
}