body, html {width: 100%;}
body {
	margin: 10px 0; 
	font-family: Arial;
	color: #333;
	font-size: 12px;
}

form {margin: 0;}
input, textarea, select { font-family: Arial; }
input, textarea {font-size: 13px; border: 1px solid #999; padding: 2px 3px;}
input[type="submit"], input[type="button"] { -moz-border-radius: 3px; -webkit-border-radius: 3px; }
input[type="checkbox"] {border: 0; margin:0 5px 0 0!important;}

.cursor {cursor: pointer; cursor: hand;}

.active { border: 1px solid #0088CC;}

a {
	color: #333;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}
a:hover {text-decoration: none;}
a img {border: 0;}
h2 {margin: 0 0 5px 0; font-size: 12pt;}
h2 span {font-size: 9pt; font-weight: normal;}

.hand {cursor: pointer; cursor: hand;}

.clear-b, .clear {clear:both; height: 1px; margin: 0; padding: 0;}
.hidden {display: none !important;}



.ico {width: 16px; height: 16px; background: url('/i/all.png') no-repeat;}
.ico-1 {background-position: 0 -104px;}
.ico-2 {background-position: -16px -104px;}
.ico-4 {background-position: -32px -104px;}
.ico-5 {background-position: -48px -104px;}
.ico-6 {background-position: -64px -104px;}
.ico-7 {background-position: -80px -104px;}
.ico-8 {background-position: -96px -104px;}
.ico-9 {background-position: -112px -104px;}
.ico-10 {background-position: -128px -104px;}
.ico-13 {background-position: -144px -104px;}
.ico-14 {background-position: -160px -104px;}
.ico-15 {background-position: -176px -104px;}
.ico-11 {background-position: -208px -104px;}
.ico-3 {background-position: -224px -104px;}
.ico-12 {background-position: -240px -104px;}
.ico-16 {background-position: -256px -104px;}
.ico-17 {background-position: -272px -104px;}
.ico-18 {background-position: -288px -104px;}
.ico-19 {background-position: -304px -104px;}

.ico-favorite.sel  {
	background-position: -16px 0px;
}
.ico-favorite, .ico-favorite.off {
	background-position: 0 0;
}

.ico-twitter {
	background-position: 0 -157px;
	padding-left: 21px;
	padding-bottom: 1px;
}

.ico-url {
	background-position: 2px -23px;
	padding-left: 25px;
}

.favorite {
	background: url('/i/all.png') no-repeat;
	background-position: -32px 1px;
	padding-left: 18px;
}

a.but {
	padding: 2px 5px;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -opera-border-radius: 3px;
    -moz-border-radius: 3px;	
	color: #fff;
	text-decoration: none;
}
a.but:hover {text-decoration: underline;}
a.but.on {background: #5bab5b;}
a.but.off {background: #f98b8b;}

.main {margin: 0 auto; width: 950px; clear: both;}
.main .left {
	float: left; margin-right:10px;
	width: 700px;}
.main .right {width: 240px; float: right; clear: right;}

#user-panel, .g-advert {
	float: right;
	margin: 5px 2px;
	background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -opera-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 10px;
}

.g-advert {margin-right: 55px;}

#user-panel span {margin: 0 10px;}

.header, .footer {
	background-color: #9bdcfd;
	width: 924px;
	margin: 0 auto 15px auto;
	padding: 10px 13px 7px 13px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -opera-border-radius: 5px;
    -moz-border-radius: 5px;
    background-image: url(/i/tema.png);
    background-repeat: no-repeat;
    position: relative;
}
.header {background-position: 200px 23px;}

.footer {margin: 0 auto 20px auto; background-position: 280px -45px;}


.setup-place {
}

.setup-place .type {margin-bottom: 15px;}
.setup-place .type b {font-size: 13px; display: block;  margin-bottom: 5px;}
/*.setup-place .type div.in { border: 1px solid #D7D7D7; padding: 5px; background: #fff;}*/
.setup-place .type div.in div { margin: 0 0 3px 0;}
.setup-place .type a {font-size: 10pt; font-weight: bold;}
.setup-place .type div.in a {font-weight: normal;}
.setup-place .type .search {font-size: 12px; border: 1px solid #D7D7D7; width: 200px;}
.setup-place .type .budget input[type="text"] {width: 45px; font-size: 12px; border: 1px solid #D7D7D7;}
.setup-place .type .budget select {border: 1px solid #D7D7D7; font-size: 13px; float: right;}
.setup-place .type .budget label {font-size: 11px;}
.setup-place .type .budget .clear {height: 5px;}
.setup-place .type .count_on_page {font-size: 12px; border: 1px solid #D7D7D7; width: 25px;}

#info-max {font-size: 11px; color: red; display: none;}

.logo {font-size: 20px; width: 370px; float: left; color: #0088CC;}



#list .item {padding: 10px; border-bottom: 1px dotted #EEEEEE; font-size: 13px;}
#list .item:hover {background: #F5F5F5; }
#list .item .head a.ico, #list a.ico-favorite { float: left; margin-right: 10px; display: block;}
#list .item a.title { margin: 0 250px 0 26px; display: block;}
#list .item a.title  {text-decoration: none; font: 13px 'Lucida Grande',sans-serif; }
#list .item a.title:hover {text-decoration: underline;}
#list .item .budget, #list .item .date {
	float: right;
	width: 120px;
	text-align: center;
} 
#list .item .body {margin: 10px 10px 0 0;}
#list .item.viewed, #list .item.viewed a.title {color: #999999;}
#list .item.opened {background: #F5F5F5; margin-bottom: 5px; color: #333;}
#list .item.opened a.title {text-decoration: none; font-size: 14px; font-weight: bold; color: #333;}
#list .item .body .text { margin-bottom: 15px; }
#list .item .body .buttons { font-size: 12px; }
#list .item .body .text {margin-left: 26px;}
#list .load { background: url('/i/ajax-loader.gif') no-repeat; width: 44px; height: 11px; margin-left: 26px; }
#list .item.favorite {background: #fff9e0; border-bottom: 1px solid #ffe57f; margin-bottom: 5px;}
#list .item.favorite, #list .item.favorite .title {color: #333 !important;}
#list .empty {
	font-size:20px;
	padding-top:50px;
	text-align:center;
}
#list .item.favorite .ico-favorite {background-position: -16px 0px; display: block !important;}


#groups, #sites {font-size: 10pt;}

#sites a {color: #333; text-decoration: none;}
#sites a:hover { text-decoration: underline;}

#lock {position: absolute; top: 0px; left: 0px; z-index: 2;}

#info {
	display: none; 
	font-size: 13px; 
	background: #F5F5F5; 
	padding: 10px; 
	border: 1px solid #D7D7D7;
	position: absolute;
	z-index: 3;
	width: 600px;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
}

#info .buttons a.close { float: left; background: url('/i/icons/aff_cross.gif') no-repeat left center; padding-left: 20px; }	
#info .buttons a.goto {	float: right; font-size: 13px; background: url('/i/icons/f_moved.gif') no-repeat right center; padding-right: 20px; }

#info .text {border: 1px solid #D7D7D7; background: #fff; margin-top: 15px; overflow: auto; max-height: 200px; padding: 5px;}


.pages {
	margin: 0;
	padding-left: 10px;
	height:21px;
}
.pages span, .pages a {
	border: 1px solid #e7e7e7;
	padding: 2px;
	display: block;
	float: left;
	margin-right: 2px;
	font: 8pt Tahoma;
	text-align: center;
	text-decoration: none;
	color: gray;
	min-width: 14px;
}
.pages a:hover, .pages .current { background: #e7e7e7; }
.pages .prev, .pages .next {
	padding: 0 !important;
	line-height: 0;
}
.pages .prev img , .pages .next img {
	width: 17px; height: 17px; 
	background-image: url('/i/all.png'); 
}
.pages .prev img {background-position:  0 -252px;}
.pages .next img {background-position:  -18px -252px;}

.pages .current.prev, .pages .current.next {}

#pages_top { margin-bottom: 10px; }
#pages_bottom { margin: 15px 0; }

.footer .right {width: auto; float: right;}

#fancy_ajax {overflow: hidden !important;}


.feedback {font-size: 13px; width: 500px;}
.feedback h2 {margin-bottom: 20px;}
.feedback b {display: block;}
.feedback input {font-size: 12px;}
.feedback input.field {width: 300px;}
.feedback textarea {width: 300px; height: 150px;}
.feedback input, div.feedback textarea {margin-bottom: 10px;}

div#fancy_inner, div#fancy_outer {-moz-border-radius: 5px; -webkit-border-radius: 5px;}

#login-form {width: 250px; margin: 0 auto;}
#login-form table {border: 0px; width: 100%;}
#login-form table td {padding: 4px; font-size: 12px;}
#login-form .buttons, #login-form #result {height: 34px;}

.form h2 {text-align: center;}
.form .f {width: 98%;}
.form .f:hover {border: 1px solid #000;}
.form .b {font-weight: bold;}
.form table {border-collapse: collapse; width: 100%;}
.form table td {padding: 10px 5px 0 0;}
.form table p {margin: 10px 0 0 0;}
.form .buttons {height: 25px;}

.form .error, .form .ok {
	padding: 4px 7px;
	display: none; 
	font-size: 12px;
	font-weight: bold;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -opera-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #fff;
}

.form .error { background: #f77777;}
.form .ok { background: green;}

#result {font-size: 14px; font-weight: bold; display: none;}
#result .error {color: red;}

#lbl_message {position: absolute; z-index: 9999; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#lbl_message.error { padding: 5px; color: #fff; background: red; font-size: 15px; font-weight: bold;}

#period-label {height: 20px; font-size: 11px;}

.adv {padding: 0 20px;}
.adv b { font-size: 15px;}

.line {clear: both; margin-top: 10px;}
.line label {width: 150px; float: left; text-align: right; margin-right: 10px;}
.line input, .line textarea {float: left;}

#simplemodal-overlay {background-color: #d4d4d4;}
#simplemodal-container {
	height: 40px;
	width: 40px;
	color:#333;
	background-color:#fff;
	border: 1px solid #cfcfcf;
	padding: 20px;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -opera-border-radius: 3px;
    -moz-border-radius: 3px;	
}
#simplemodal-container .modalCloseImg, #simplemodal-container .back {
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	top: 5px;
	cursor: pointer;
	cursor: hand;
	background: url('/i/all.png') no-repeat;
	padding: 0;
	margin: 0;
}
#simplemodal-container .modalCloseImg {
	background-position:  0px -276px;
	right: 5px;
	
}
#simplemodal-container .modalCloseImg:hover {
	background-position:  -16px -276px;
}

#simplemodal-container .back {
	background-position:  0px -296px;
	left: 5px;
}
#simplemodal-container .back:hover {
	background-position:  -16px -296px;
}

#status_list {
	margin: 0px 20px 0 0; 
	float: right; 
	font-size: 10px; 
	background: #f5f5f5; 
	padding: 2px 5px;
	height: 15px;
	display: none;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -opera-border-radius: 3px;
    -moz-border-radius: 3px;	
}

table.list-sites {border-collapse: collapse; width: 100%;}
table.list-sites th {padding: 1px 5px; font-size: 11px;}
table.list-sites td {
	padding: 8px 5px;
	border-bottom: 1px solid #F5F5F5;
}
table.list-sites th {background: #F5F5F5;}
table.list-sites .name {
	font-size: 13px; 
	text-decoration: none;
}
table.list-sites .name:hover {text-decoration: underline;}
table.list-sites .top .name, table.list-sites .top .counts {font-size: 14px;}

#list-sites.short {
	overflow-y: auto;
	height: 310px;
}

.aj-load {
	background: #fff url('/i/ajax-loader3.gif') no-repeat center center !important;
}

.doska img {width: 50px; height: 50px; border: 1px solid #ccc;}
.doska img.hover {border: 1px solid #000;}
.doska-lnk {
	background: url('/i/all.png') no-repeat;
	background-position: 0px -319px;
	padding-left: 18px;
}
.doska #display {margin-top: 20px; text-align: center; display: none;}

.doska_items {padding: 0 15px 5px 15px; border-bottom:1px dotted #EEEEEE; margin-bottom: 15px;}
.doska_items p {margin: 10px 0 0 0; font-size: 11px;}
.doska_items ul {
	list-style-type: none;
	padding: 0;
	margin: 0; 
}
.doska_items ul li {
	display: block;
	float: left;
	padding: 0;
	width: 210px;
	margin-right: 20px;
}
.doska_items li img {float: left; margin: 0 10px 0 0;}
.doska_items .text {font-size: 11px;}

#filter-panel {
	background: #f5f5f5;
	padding: 10px 20px;
	margin-bottom: 10px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -opera-border-radius: 5px;
    -moz-border-radius: 5px;	
}

#filter-panel .title {font: bold 15px Arial; }

#filter-setting {
	padding: 20px 0 0;
	display: none;
}