@charset "utf-8";
/* CSS Document */

<!--[if lt IE 7]>
<link href="/css/ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->

* {
	outline: none;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

body {
	margin:0;
	padding:0;
	background:#c2ddb2 url(../images/bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}

a img {border: 0; }

ol, ul {
	list-style: none;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, blockquote, th, td {
	vertical-align:top;
}

.cl {clear: both;}

.cll {clear: left;}

.clr {clear: right;}

.main {
	width:1000px;
	margin:0 auto;
	background:url(../images/main-bg.png) repeat-y;
	padding:0 1px;
	border-bottom:1px solid #72947d;
}

.header {
	width:996px;
	margin: 0 auto;
}

.top-banner {
	float:right;
}

.right-column {
	float:right;
	margin:0 6px 0 0;
	width:242px;
}

form#search button {
	background: transparent url(../images/search-btn.gif) no-repeat;
	width: 52px;
	height: 26px;
	border: 0;
	text-indent: -900px;
	margin-left: 6px;
	cursor: pointer;
}

form#add button {
	background: transparent url(../images/add-btn.gif) no-repeat;
	width: 104px;
	height: 26px;
	border: 0;
	text-indent: -900px;
	margin-left: 6px;
	cursor: pointer;
}

form input {
	font-size: 12px;
	padding: 2px;
	margin-bottom: 10px;
}

form label {
	font-size: 12px;
	font-weight: bold;
}

button.black {
	background-color: #606060;
	color: white;
	border: 1px solid #000000;
	padding: 4px;
	display: block;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

.login-box {
	margin:0;
	padding:8px;
	background-color:#c7d22a;
	font-size:12px;
}

.login-box input {
	border:1px solid #666;
	height:16px;
	padding:4px 4px 0;
	width:214px;
	margin:2px 0 4px;
}

.login-box a {
	color:#f1772e;
	text-decoration:none;
}

.login-box #login-button {
	background-image: url(../images/login-btn.gif);
	text-indent: -900px;
	display: block;
	width: 44px;
	height: 25px;
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.login-box .remember label {
	font-weight: normal;
}

.login-box-buttons {
	color: #ffffff;
	line-height: 24px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}

.login-box-buttons a {
	color: #ffffff;
}

.login-close {
	float:right;
	border:none;
}

.remember {
	width:75px;
	float:right;
}

.remember input {
	width:auto;
	border:none;
}

.left-column {
	padding:0 0 0 4px;
	width:744px;
}

.search-add {
	width:730px;
	background-color:#c7d22a;
	padding:7px;
	height:26px;
}

.search-add input {
	width:193px;
	height:17px;
	background:url(../images/srch-add-bg.gif) center right;
	color:#a7a9ac;
	border:0;
	padding:6px 3px 3px 6px;
	font-size:11px;
	float:left;
}

.s-left {
	float:none;
	width:260px;
}

.s-right {
	float:right;
	width:312px;
}

.nav {
	margin:4px 0;
}

.nav-top {
	background-color:#8dbadd;
	height:24px;
	width:100%;
}

.nav-top a {
	display:block;
	padding:0 10px;
	float:left;
	text-decoration:none;
	color:#FFF;
	text-transform:uppercase;
	font-size:14px;
	margin:5px 0 0;
}

.nav-top a.active {
	background-color:#16719B;
	height:14px;
	margin:0;
	padding:5px 10px;	
}

.nav-btm {
	background-color:#16719b;
	height:24px;
	width:100%;
}

.nav-btm a {
	display:block;
	padding:0 10px;
	float:left;
	text-decoration:none;
	color:#FFF;
	font-size:12px;
	margin:5px 0 0;
}

.nav-btm a#active {
	color:#f1772e;
}

#breadcrumb span {float: left; display: block; color: #8DBADD; line-height: 24px;}
#breadcrumb a.active {color: #F1772E;}

.categories {
	border:1px solid #486b72;
	background-color:#f8f2f0;
	margin:3px 0;
	padding:8px;
	font-size:12px;
}

.cat-links {
	margin:4px 0 0;
	overflow:auto;
}

.cat-links a, .cat-links .cat-input{
	float:left;
	width:100px;
	margin-right: 5px;
	padding-left: 5px;
	overflow:hidden;
	text-decoration:none;
	color:#000;
}

.cat-links a.active {
	background-color: #C7D22A;
}

.cat-links .cat-input{
    width:200px;
}

.cat-inputs-holder {
    width:400px;
}

.content {
	padding:4px 0 0 4px;
}

.vdo-list {
	background-color:#D1E8E5;
	border:1px solid #67B2B0;
	float:left;
	font-size:11px;
	margin:0 4px 4px 0;
	padding:4px;
	width:232px;
}

.vdo-list a {
	text-decoration:none;
	color:#2d9796;
	margin:3px 0 0;
}

.vdo-list-name {
	background-color:#9bc4cf;
	color:#000;
	padding:4px;
	font-size:12px;
	font-weight:bold;
	margin:5px 0 0;
	clear:both;
	height: 2.1em;
	overflow: hidden;
}

.vdo-list-name-holder {
	margin:5px 0 0;
}

.vdo-list-name a {
	color:#000;	
}
.vdo-list img {
	border:1px solid #FFF;
	float:left;
	margin:0 5px 5px 0;
}

.vdo-list-percentage {
	float:right;
	font-weight:bold;
	font-size:17px;
	color:#12525e;
}

.pagination {
	width:400px;
	margin:20px auto;
	text-align:center;
	clear: both;
	
}

.pagination a {
	font-size:12px;
	border:1px solid #71b5b1;
	padding:1px 4px 4px;
	width:18px;
	height:22px;
	text-decoration:none;
	color:#12525e;
	background-color:#d1e7e5;
	font-weight:bold;
}

.pagination a#active {
	border-color:#f1772e;
}

.banner-btm {
	height: 90px;
	margin: 0 auto 20px;
	width:735px;
}

.footer {
	margin-left: 6px;
	margin-bottom: 20px;
	margin-right: 0;
	margin-top: 0;
	background-color:#d7ebd9;
	overflow:auto;
	padding:8px;
}

.footer-block {
	color: #7d7d7d;
	padding:0 40px 0 0;
	margin:0 20px 0 0;
	border-right:1px solid #a5c5ba;
	float:left;
	font-size:11px;
}

.footer-block a {
	color:#749e9c;
	text-decoration:none;
}

.error_box, .info_box {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #867c7a;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.error_box {
	background-color: #d5431a;
	color: #EEECED;
}

.info_box {
	background-color: #f7da7e;
}

.tags_box {
	height: 203px;
	overflow: hidden;
}