@import url("reset.css");

* { margin: 0; }

html { background:url(../images/bg-main.jpg) top left repeat-x; overflow: scroll; }
html, body { min-height: 100%; height: 100%; /* for IE */ }
body {	margin: 0; padding: 0; font-family: Tahoma, Geneva, Kalimati, sans-serif; font-size: 11px; color: #666; line-height: 16px; background:url(../images/bg-container.png) top left repeat-x; }
body.login { background: none; }

a { color: #666; text-decoration: none; }
a:hover { color: #17467D; }

p { margin: 5px 0;  }

h1.drill { font: bold 31px/41px Lucida Sans Unicode, Lucida Grande, sans-serif; color: #FF0000; }

input, select, textarea {
	margin: 0 0 10px 0;
	padding: 2px;
	font: 11px/14px  Tahoma, Geneva, Kalimati, sans-serif; 
	vertical-align: top;
	border: 1px solid #CCC;
}

input:focus, select:focus, textarea:focus, input.sffocus, select.sffocus, textarea.sffocus {
	border: 1px solid #0099ff;
	color: #006699;
}

#cbr-wide table {
	margin: 0;
	border-left: 0px solid #FFF;
	border-top: 1px solid #FFF;
	text-align: center;
	width: 100%;
}

table input {
	margin: 0;	
}

table tr th {
	background: url(../images/bg-th.png) left center repeat-x;	
	border: 1px solid #FFF;
	border-top: 1px solid #DDD;
	border-left: 1px solid #FFF;
	font: bold 9px/14px "Tahoma", "Geneva", arial, sans serif;
	padding: 2px 1px;
	color: #1A2D58;
	height: 24px;
	vertical-align: middle;
	cursor: default;
}						

table tr th a {	
	display: block;
	color: #1A2D58;
	text-decoration: none;
}

table tr th.sortable a:hover { color: #FFF; background-color: transparent; }

table tr th.sorted { 
	background: url(../images/bg-th-sortable.png) left center repeat-x;	
}

table tr th.order1 a, #cbr-wide table tr th.order2 a {
	padding-right: 9px;
	color: #FFFFFF;
	background: url(../images/bg-th-sortable-asc.gif) right center no-repeat;	
}

table tr th.order2 a { background: url(../images/bg-th-sortable-des.gif) right center no-repeat; }
						
table tr td {							
	border: 0px solid #DDD;	
	border-left: 0px solid #FFF;
	border-right: 1px solid #FFF;
	font: 11px/14px Arial, Helvetica, sans-serif;
	/* padding: 4px 3px 6px 3px; */
	color: #333;
	vertical-align: middle;
}

table tr.alt td {	
	background-color: #EEEEEE;						
	border: 1px solid #DDD;
	border-left: 0px solid #FFF;
	border-right: 1px solid #FFF;
	_padding: 2px 1px 2px 1px;
}

table tr.bad td, #cbr-wide table tr.alt.bad td { background: #F4F1DC url(../images/bg-table-TD-hilight.jpg) center left repeat-x; }

table tr td a, table tr td a:visited { color: #FF0000; text-decoration: none; outline: none; }
table tr td a:hover { color: #FFF; background-color: #FF0000; }

#container {
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
	padding: 0px;
	width: 977px;
	position: relative;	
	min-height: 100%;
	height: auto  !important; /* for modern browsers */
	height: 100%; /* for IE */
}

#content-main {
	min-height: 100%;
	height: auto  !important; /* for modern browsers */
	height: 100%; /* for IE */
}

#content-top {
	margin: 0px auto;
	padding: 0;
	width: 968px;
}

#deez-logo {
	height: 80px; width: 271px; background: url(../images/bg-logo-deez.jpg) top left no-repeat;
}

#top-links {
	position: absolute;		
	display: block;
	top: 8px;
	right: 0px;	
	margin: 0;
	padding: 0;
	z-index: 900;	
}

#topLinks-list {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

#top-links #topLinks-list li {
	color: #DDD;
	list-style: none;
	float: left;
	margin: 0 10px 0 0; 
	padding: 0;	
}

#top-links #topLinks-list li a, #top-links #topLinks-list li a:visited {
	font: 9px/14px  Tahoma, Geneva, Kalimati, sans-serif; 
	font-weight: bold;
	color: #DDD;
	padding: 0 10px 2px 0;
	text-decoration: none;
	text-transform: uppercase;
	background: url(../images/bg-toplinks-divider.png) right -1px no-repeat;
}

#top-links #topLinks-list li a.last, #top-links #topLinks-list li a:visited.last {
	background: none;
	padding: 0 0 2px 0;
	color: #318741;
}

#top-links #topLinks-list li a:hover {	color: #09F; }

/* START NAVIGATION STYLES */
#nav-main {
	position: absolute;		
	display: block;
	margin: 0px;
	padding: 0px;
	top: 40px;
	right: -5px;	
	z-index: 101;
	width: 520px;
	height: 35px;
}

#navList {	
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

#navList ul {
	margin: 0; 
	padding: 0;
	width: 520px;
	height: 35px;
}

#nav-main #navList li {
	list-style: none;
	float: left;
	margin: 0;
	font: bold 21px/21px Lucida Sans Unicode, Lucida Grande, sans-serif;
	text-align: center;	
}

* html #nav-main #navList li { width: 90px; }
#nav-main #navList li.search { width: 112px; }
#nav-main #navList li.lead { width: 132px; }

#nav-main #navList li a {
	display: block;
	color: #999;
	padding: 0 20px 0 10px;
	margin: 0;
	height: 22px;
	text-decoration: none;
	text-transform: uppercase;
	background: url(../images/bg-navList-li.jpg) right 2px no-repeat;
}

#nav-main #navList li a.active, #nav-main #navList li a:hover.active { color: #FF0000; cursor: default; }
#nav-main #navList li.search a.active, #nav-main #navList li.search a:hover.active { background: url(../images/bg-nav-search.png) top left no-repeat; }
#nav-main #navList li a:hover { color: #FF0000; }
#nav-main #navList li a.last { background: none; }

#sec-nav {
	position: relative;		
	display: block;	
	margin: 0;
	padding: 0;
	text-align: left;
}

#secNav-list {
	position: absolute;
	z-index: 900;
	list-style: none;
	top: -15px;
	left: 0;
	margin: 0;
	padding: 0;
	text-align: center;	
}

#sec-nav #secNav-list li {
	color: #CCC;
	list-style: none;
	float: left;
}

#sec-nav #secNav-list li a, #sec-nav #secNav-list li a:visited {
	font: 10px/46px Tahoma, Geneva, Kalimati, sans-serif; 
	font-weight: bold;
	color: #999;
	margin: 0;
	padding: 7px 13px 15px 14px;
	text-decoration: none;
	text-transform: uppercase;
	background: url(../images/bg-nav-sec-div.png) right 1px no-repeat;
}

#sec-nav #secNav-list li a.active, #sec-nav #secNav-list li a:visited.active {
	background: url(../images/bg-nav-sec-active.png) center 1px no-repeat;
	color: #666;
}

#sec-nav #secNav-list li a:hover.active {
	background: url(../images/bg-nav-sec-active.png) center 1px no-repeat;
	color: #999;
	cursor: default;
}

#sec-nav #secNav-list li a.rightBorder {
	background: url(../images/bg-nav-sec-div.png) left 1px no-repeat;
	color: #0CF;
	padding: 7px 0px 6px;
	width: 2px;
}

#sec-nav #secNav-list li a.last { background-image: none; }
#sec-nav #secNav-list li a:hover {	color: #09F; }

/* START MAIN CONTENT STYLES */
#content-body {
	margin: 0;
	padding: 0 0 25px 0;
	width: 977px;
	color: #727476;		
	min-height: 100%;
	height: auto !important; /* for modern browsers */
	height: 100%; /* for IE */
}

#content-body-wide {
	float: left; 
	width: 953px;
	height: auto;
	overflow: hidden;
	background-color: #FFF;
	margin: 0 0 0 3px;
}

#content-body-left {
	float: left;	
	width: 686px;
	height: auto;
	overflow: hidden;
	background-color: none;
	margin: 0 0 0 3px;
	background: url(../images/bg-cbl.jpg) top left no-repeat;
}

#content-body-right {
	float: right;
	margin: 0 2px 0 0;
	padding: 10px 0 0 8px;
	width: 260px;	
	height: 100%;
	overflow: hidden;
	background: url(../images/bg-cbr.jpg) top left no-repeat;
}

#cbr-header { clear: both; }

#cbr-wide {
	float: left; 
	width: 944px;
	padding: 0 0 0 10px;
	margin: 0 0 0 3px;
	text-align: left;
	margin: 0;
}

#content-body-left #cbl-left {	
	display: block; 
	float: left;
	width: 323px;
	margin: 0;
	padding: 0 5px 0 15px;
}

#content-body-left #cbl-right {	
	display: block; 
	float: left;
	width: 323px;
	margin: 0;
	padding: 0 5px 0 15px;
}

h1.blog {
	margin-top: 2px;
	height: 38px;
	background: url(../images/bg-h1-blog.jpg) top left no-repeat;
}

h1.news { 
	margin-top: 2px;
	height: 38px;
	background: url(../images/bg-h1-news.jpg) top left no-repeat;
}

.table-row { 
	width: 100%;
	display: inline-block; 
}

.table-cell {
	float: left;	
	margin: 0;
	padding: 0 10px 0 0;	
	vertical-align: top;
	width: auto;
	height: auto;
}

.table-cell img { margin: 5px; padding: 1px; border: 1px solid #CCC; }
.table-cell.back2top { float: right; padding: 0; }
.table-cell.back2top img { border: 0; }
.table-cell img.thumb { margin: 5px 0 5px 0; padding: 0; border: 0; }

.inputs-content.details .table-cell { padding: 0; width: 570px; }


/* START FOOTER STYLES */
#footer {
	background: url("../images/bg-footer.jpg") top left no-repeat;
	width: 969px;
	height: 65px;
	margin: 0;
	padding-bottom: 20px;
	color: #CCC;
	font-size: 11px;
}

#footer-content-left {
	float: left;
	display: inline;
	margin: 0 10px;
}

#footer-content-left ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
	text-align: center;
}

#footer-content-left li {
	color: #DDD;
	list-style: none;
	float: left;	
	height: 60px;
	margin: 0 10px 0 0; 
	padding: 5px 0 0 0;		
	background: url(../images/bg-footer-div.jpg) top right no-repeat;
}

#footer-content-left li a, #footer-content-left li a:visited {
	padding: 0 10px 0 0;
	text-decoration: none;
	text-transform: uppercase;
}

#footer-content-right {
	float: right;
	display: inline;
	margin: 25px 15px 0 0;
}

/* DEFAULT jQUERY STYLES */
.ui-tabs .ui-tabs-hide { display: none; }


.rssFeed, div.simplepie { margin: 5px 0 0 0; padding: 0; }

div.simplepie {	 margin: 4px 0 0 0; }

.rssArticle, .rssAlt {	
	margin: 2px 0 0 0;
	padding: 0;
}

.rssDate {	
	font: 11px/14px "Tahoma", "Geneva", arial, sans serif;
	font-style: italic;
	margin: 2px 0 0 0;
	padding: 0;
	color: #666;
}

dt {
	font: 11px/14px "Tahoma", "Geneva", arial, sans serif;
	margin: 0;
	padding: 0;
}

dd {
	font: 11px/14px "Tahoma", "Geneva", arial, sans serif;
	margin: 0;
	padding: 0;
}

.rssTitle { font-weight: bold; padding-top: 5px; }
div.blog { padding: 0 10px 10px 0; }
div.blog dd.blogtitle, h2 { font: 21px/28px "Tahoma", "Geneva", arial, sans serif; color: #333; }

dt a, dd a {
	color: #666;
}

dt a:hover, dd a:hover {
	color: #FFF;
	background: #666;
}

dd a.facebook { float: right; margin-right: 10px; }

div.simplepie ul li { padding-top: 5px; }

div.simplepie ul li a:hover, div.simplepie ul li a:hover {
	color: #FFF;
	background: #666;
}

ul.comments_error  { margin: 0 0 10px 0; }
ul.comments_error li { color: #FF0000; }