/* General Style Info */
body {
	color: #fff;
	font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
	font-size:90%;
	margin: 0;
}

/* Layout */
#container {
	text-align: left;
	width: 790px;
	padding: 0;
	margin: 0 auto;
}
#content{
	background: #fff;
	clear: both;
}
#footer {
	clear: both;
	text-align: center;
}

/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

/*  Actions  */
div.actions ul {
	margin: 0px 0;
	padding: 0;
}
div.actions li {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 2em 0 0;
	white-space: nowrap;
}
div.actions ul li a {
	background:#fff;
	color: #003d4c;
	text-decoration: none;
}
div.actions ul li a:hover {
	color: #333;
	text-decoration: underline;
}

/* Related */
div.related {
	clear: both;
	display: block;
}

/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #ff0;
	padding: 4px;
}

.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}

#webinars-index #content { position: relative; margin: 4px 0 0;}
a img { border: none; }
.clear {clear: both; }

.star { outline: 0; cursor: pointer; display: block; float: left; width: 9px; height: 9px; margin: 2px 1px 0;}
.star.full { background: transparent url('../img/star-full.png') no-repeat top left; }
.star.half { background: transparent url('../img/star-half.png') no-repeat top left; }
.star { background: transparent url('../img/star.png') no-repeat top left; }
.voted .star { cursor: default; }
.voted .star.full, .star.full.active { background: transparent url('../img/voted-star-full.png') no-repeat top left; }
.voted .star.half { background: transparent url('../img/voted-star-half.png') no-repeat top left; }

/*
.star { float: left; width: 9px; height: 9px; margin: 2px 1px 0;}
.star.full { background: transparent url('../img/star-full.png') no-repeat top left; }
.star.half { background: transparent url('../img/star-half.png') no-repeat top left; }
.star { background: transparent url('../img/star.png') no-repeat top left; }
*/
.rating label {float: left; }
#banner { overflow: hidden; position: relative; padding: 0 25px; height: 278px; background: #565656 url('../img/main-bg.jpg') no-repeat top left; font-family: arial; }
#banner h1 {color: #fff; font-weight: normal; font-size: 42px; padding: 20px 0 0 0; margin: 0 0 4px 0; width: 255px; float: right; }
#banner h2 {color: #346880; margin: 10px 0 0; float: right; clear: both; width: 255px; height: 54px; background: #fff; }
.bucket-pop { display: none; position: absolute; bottom: 0px; width: 275px; height: 65px; background: url('../img/bucket-pop-bg.png') no-repeat 0 0; }
.bucket-pop.basic {left: 0px}
.bucket-pop.medium {background-position: -275px; left: 254px; }
.bucket-pop.special {background-position: -566px; left: 525px; width: 276px;}
#type-titles {background: #FDBB4D; }
#type-titles h3 { background: url('../img/type-titles-bg.png') repeat-y top left; width: 250px; margin: 0; padding: 4px 0 0 13px; height: 27px; float: left; font-size: 18px; font-weight: normal; color: #935C02;}
.bucket {width: 237px; padding: 0 13px; float: left; height: 145px; background: #818181 url('../img/bucket-bg.png') repeat-x top left;}
.bucket p {height: 90px; color: #D5D5D5; }
.bucket.special {width: 238px; }
.bucket.basic {width: 253px; padding-left: 10px; padding-right: 0px;}
.bucket img { margin-top: -9px; margin-left: -11px; }
.bucket select { vertical-align: top; font-family: arial; }
#bucket-info { padding: 8px 13px 0; height: 50px; background: url('../img/bucket-info-bg.png') repeat-x top left; }
#bucket-info h3, #archives h3 { font-family: arial; font-weight: normal; font-size: 18px; margin: 0; color: #D3D3D3;}
#bucket-info h3 span { float: right; font-size: 12px; margin: 0; color: #D3D3D3;}
#bucket-info h3 span select { margin: 0 0 0 5px; font-size: 12px; }
#bucket-info p { margin: 0; color: #D3D3D3; font-size: 11px; font-family: arial; margin-top: 5px; }
#bucket-info div { display: none; }
#bucket-info div.basic { display: block; }
#archives { background: url('../img/archives-bg.png') repeat-x top left; padding: 15px 12px 20px 12px; position: relative; }
#archives p { color: #d3d3d3; margin: 0 0 20px 0;}
#archives ul { list-style-type: none; padding: 0 ;}
#archives li { width: 235px; padding: 5px 10px 0 10px; float: left; color: #fff; font-size: 12px; position: relative;}
#archives li.last { padding-right: 0; width: 242px; }
#archives li a {color: #fff; text-decoration: none; }
#archives li .rating { margin: 5px 0 0; font-size: 11px;}
#archives li .pic { float: left; height: 70px; margin: 0 10px 0 0;}
#archives strong.count { display: none; }
#archives-more { background: url('../img/archives-more-bg.png') repeat-x top left; padding: 15px 0 30px 0; }
#archives-more #view-more { float: right; margin-right: 20px; }
.day {height: 280px; width: 158px; float: left; background: #292929; border-right: 1px solid #404040;}
.day strong, .day a, .day label {text-decoration: none; color: #B1B1B1; font-style: normal; }
.day strong, .day a {display: block; }
.day strong {font-size: 9px; }
.current {background:#1D1D1D;}
.onair { width: 37px; height: 14px; background: url('../img/onair.png') no-repeat top left; float: right; }
#schedule-wrap {position: relative; height: 280px; overflow: hidden;}
#schedule {position: absolute; }
#prev, #next { position: absolute; width: 36px; height: 36px; background: #FDBB4D; top: 543px; display: block; z-index: 4; }
#prev { left: -15px; background: transparent url('../img/prev-arrow.png') no-repeat top left;}
#next { right: -21px; background: transparent url('../img/next-arrow.png') no-repeat top left;}
.day h3, .day h4 {text-align: center; }
.day h3 { color: #999999; font-size: 15px; font-weight: normal; padding: 7px 0; margin: 0;}
.day h4 { margin: 0; font-weight: normal; font-size: 12px; padding: 4px 0 5px 0; color: #C3C3C3; border-top: 1px solid #474747; border-bottom: 3px solid #1B1B1B; background: #333333; }
.current h3 { color: #D3D3D3;}
.current h4 {background: #242424; }
.day ul {padding: 0 5px 0 6px; margin: 0; list-style-type: none;}
.episode { position: relative; margin: 0 0 4px 0; }
.episode .corners {position: relative; width: 117px; z-index: 1; padding: 6px 15px 6px 15px; }
.episode .info { display: none; position: absolute; z-index: 1000; height: 19px; width: 137px; padding: 8px 5px 0px 5px; bottom: -23px; }
.episode .info { *bottom: -21px; }
.episode.basic .info { background: url('../img/info-basic-bg.png'); }
.episode.medium .info { background: url('../img/info-medium-bg.png'); }
.episode.special .info { background: url('../img/info-special-bg.png'); }
.episode .info label { color: #fff; }
.episode .info strong.count { display: none; }
.active strong, .active a { color: #111; }
.active .tl, .active .tr, .active .bl, .active .br {display:block; height:5px; position:absolute; width:5px; }
.basic.active .tl, .basic.active .tr, .basic.active .bl, .basic.active .br {background-image: url('../img/basic-bg.png'); }
.medium.active .tl, .medium.active .tr, .medium.active .bl, .medium.active .br {background-image: url('../img/medium-bg.png'); }
.special.active .tl, .special.active .tr, .special.active .bl, .special.active .br {background-image: url('../img/special-bg.png'); }
.active .corners .tl { left: 0; top: 0; }
.active .corners .tr { right: 0; top: 0; background-position: 5px 0;}
.active .corners .bl { bottom: 0; left: 0; background-position: 0 5px;}
.active .corners .br { bottom: 0; right: 0; background-position: 5px 5px;}
.episode.over { z-index: 3; }
.episode.over .info { display: block; }
.episode.over strong, .episode.over a { color: #333; }
.soldout { background: transparent url('../img/soldout.png') no-repeat 30px 10px; }
.soldout.active .corners { background: transparent url('../img/soldout.png') no-repeat 30px 10px; }
.soldout a, .soldout.active a { }
.active.basic .corners { background-color: #ffbaa9; }
.active.medium .corners { background-color: #bdf5ed; }
.active.special .corners { background-color: #fbb4d7; }


#info {background: url('../img/archive-title-bg.png') repeat-y top left; position: relative; }
#info .vshadow {position: absolute; left: 0; top: 0; background: url('../img/vertical-shadow.png') repeat-x top left; height: 15px; width: 100%;}
#info #title, #info #extra { float: left; }
#info #title { width: 510px; padding: 10px; }
#info #title h2 { color: #FAB035; margin: 0; font-size: 16px; font-weight: normal;}
#info #title p { color: #DEDEDE; }
#info #bigrating { margin-top: 10px; }
#info #bigrating label {color: #DEDEDE;  }
#info #bigrating span {color: #DEDEDE;  }
#info #parts { margin: 8px 0 0 }
#info #parts span { background: #fab035; color: #525759; cursor: pointer; font-size: 12px; padding: 1px 8px 3px; margin: 0 2px 0 0; border: 3px double #525759;}
#info #tags strong { color: #DEDEDE; }
#info #tags span { cursor: pointer; color: #C9C9C9; }
#info #extra { width: 260px; background: #232323; color: #DEDEDE; }
#info #links { padding: 10px 8px; border-right: 1px solid #3B3B3B; width: 62px; height: 40px; float: left; position: relative; }
#info #links a {height: 16px; display: block; padding: 0 0 0 20px; margin: 0 0 5px 0; text-decoration: none; color: #DEDEDE; }
#info #links a:hover {background-color: #555; }
#info #links .options { cursor: pointer; display: block; background: url('../img/down-arrow.png') no-repeat right bottom; }
#info #links #pane { width: 62px; padding: 10px 10px; border: 1px solid #3b3b3b; background: #232323; display: none; position: absolute; z-index: 3; left: 0px; top: 40px; }
#info .download { background: url('../img/download-button.png') no-repeat top left; }
#info .pdf { background: url('../img/pdf-button.png') no-repeat top left; }
#info .ipod { background: url('../img/ipod-button.png') no-repeat top left; }
#info #details { float: left; padding: 6px 0 0 6px; }
#info #details span { display: block; }
#info #fb { border-top: 1px solid #3B3B3B; height: 40px; width: 100%; float: left; }
#info #fb iframe {margin: 10px 0 0 8px; }

#webinars-archives h1 { position: absolute; top: 105px; width: 302px; height: 44px; z-index: 1;}
#live-training { float: right; padding: 36px 0 14px 500px; position: relative; z-index: 2;}
#live-training .tooltip { display: none; position: absolute; font-weight: bold; color: #fff; top: 5px; right: 0px; padding: 0 6px;}
#live-training .tooltip span { position: relative; display: block; padding: 2px 4px 0; background: #000; border: 1px solid #999999; border-left: none; border-right: none; height: 17px; z-index: 1; }
#live-training .tooltip strong { position: relative; z-index: 4; }
#live-training b { position: absolute; background: url('../img/tooltip-bubble.png') no-repeat top left; display: block; height: 21px; z-index: 2; }
#live-training .left { width: 6px;  left: 0px; }
#live-training .arrow { height: 26px; width: 12px; background-position: -10px 0px; right: 2px; top: -1px; }
#live-training .right { width: 6px; background-position: -160px 0; right: 0px; }
#videos {clear: both; background: url('../img/videos-bg.png') repeat-x top left; height: 758px; position: relative; }
#videos h3 { margin: 0 0 10px 0; float: left; width: 400px; font-size: 20px; font-weight: normal; color: #EDEDED; padding: 15px 0 0 15px; }
#videos h3 span sup { font-size: 12px; cursor: pointer; }
#videos .leftside, #videos .rightside {background: url('../img/side-shadow.png') repeat-y top left; height: 758px; position: absolute; width: 15px; top: 0;}
#videos .leftside { left: 0px; }
#videos .rightside { right: 0px; background-position: -15px 0;}
#videos #filter { padding: 4px 0 8px 15px; }
#videos #filter label { color: #EDEDED; padding: 0 8px 0 0; }
#videos #filter select { margin: 0 15px 6px 0; }
#videos #filter .pages { float: right; margin: 15px 20px 0; }
#videos #filter .counter { float: left; margin: 0 10px 0; color: #EDEDED; }
#videos #filter .goto {background: url('../img/goto.png') no-repeat top left; display: block; float: left; height: 20px; width: 15px; text-decoration: none;}
#videos #filter .goto.next { background-position: -15px 0; }
#videos ul { list-style-type: none; padding: 0 15px; margin: 0 }
#videos li { width: 179px; height: 200px; float: left; margin: 0 13px 20px 0; position: relative; color: #EDEDED; }
#videos li.last { margin-right: 0px }
#videos li .panel {text-align: center; width: 154px; height: 177px; background: #454545; padding: 0px 12px 0 13px; }
#videos li .panel label {font-weight: bold; display: block; text-align: left;}
#videos li .panel strong {font-weight: normal;}
#videos li .panel .admin a { cursor: pointer; background: #FAB035 url('/_styles/sunny/images/ui-icons_3d3d3d_256x240.png') no-repeat -160px -192px; width: 16px; height: 16px; display: block; position: absolute; top: 1px; left: 1px;}
#videos li .panel .admin a.edit { top: 1px; left: 18px; background-position: -176px -112px; }
#videos li .panel .admin a.fail { background-position: -80px -128px; }
#videos li .panel .admin a.success { background-position: -64px -144px; }
#videos li .panel .admin a.transfer { background-position: -96px -80px; }
#videos img { margin: 10px 0; cursor: pointer; }
#videos .bar { position: absolute; bottom: 0; left: 0; width: 179px; height: 23px; background: url('../img/video-bar-dim-bg.png') no-repeat top left;}
#videos .bar strong { cursor: pointer; font-weight: normal; float: left; width: 70px; padding: 4px 0 0 15px; background: url('../img/videos-bar-play.png') no-repeat 5px 5px; }
#videos .rating { float: left; width: 90px; padding: 4px 0 0 4px; }
#videos .rating label { float: left; }
#videos .rating strong.count { display:none; }
#videos .active .panel { background: #333333; }
#videos .active .bar { background: url('../img/video-bar-bg.png') no-repeat top left;}
#videos .active strong, #videos .active { color: #fff; }
#VoteAddForm { display: none; }
#VoteAddForm textarea { width: 320px; height: 100px; }