body {
	margin: 0; padding: 0; border: 0;
	font: 12px Arial, Helvetica, sans-serif;
	background: #CFCFCF url(../images/backgrounds/bkg-secondary-main.png) repeat-x;
	/*overflow-y: scroll;*/
}
img {border: none;}
a {text-decoration: none; outline: none;}
ul {list-style: none; margin: 0; padding: 0;}
fieldset {border: none; margin: 0; padding: 0;}
input, textarea, button, select {font: 12px Arial, Helvetica, sans-serif;}
input[type="text"] {margin: 0; padding: 0; -webkit-appearance: none;}
textarea {resize: none;}
table {border-collapse: collapse; border-spacing: 0;}
:focus {outline: none;}
::-moz-focus-inner {border: 0;}
.clear {clear: both;}

#page {margin: 0 auto; width: 950px;}

#logo {margin-top: 10px; height: 41px;}
#logo h1 {font-size: 12px; margin: 0;}
#logo h1 a {color: #FFF;}
#logo h1 img {float: left;}#search-results .thumbnails
#logo h1 span {float: left; padding-top: 10px;}

#top-nav {background: url(../images/backgrounds/bkg-nav-main.png) repeat-x; height: 100px;}
#top-nav h1 {font-size: 18px; float: left; margin: 18px 0 0 10px; width: 208px;}
#top-nav h1 a {color: #353535;}
#top-nav h1 a:hover {text-decoration: underline;}
#top-nav h1 em {color: #B5B5B5;}
#top-nav ul {float: left; margin-top: 16px; width: 484px;}
#top-nav li {
	border-bottom: 1px solid #DDD; float: left; height: 21px;
	margin: 0 14px 0 10px; padding: 1px 0;
}
#top-nav li a {
	background: url(../images/icons/icon-bluearrowright.png) no-repeat 208px 6px;
	color: #222; display: block; width: 220px; padding: 3px 0 3px 4px; margin: 0 -3px;
}
#top-nav li a:hover {
	color: #FFF; background-color: #00A2DE;
	background-image: url(../images/icons/icon-whitearrowright.png);
}

#breadcrumbs {background: #E5E5E5; height: 24px; margin-top: 3px;}
#breadcrumbs li {
	background: url(../images/backgrounds/bkg-breadcrumb-nav-arrow.png) no-repeat right center;
	float: left; font-weight: bold; padding: 5px 14px 4px 10px;
}
#breadcrumbs a {color: #0066B3;}
#breadcrumbs a:hover {text-decoration: underline;}

#page-nav {
	background: #FBB700; height: 27px; position: relative;
	margin-top: 10px; padding: 10px 0 0 15px;
}
#tabs li {
	float: left; color: #333; font-weight: bold; margin-left: 5px;
}
#tabs a {
	background: url(../images/buttons/btn-subtopnav-right.png) no-repeat right -56px;
	color: #FFF; display: block; padding-right: 10px;
}
#tabs a span {
	background: url(../images/buttons/btn-subtopnav-left.png) no-repeat left -56px;
	display: block; padding: 6px 8px 0 18px; height: 21px;
}
#tabs a:hover {background-position: right -28px;}
#tabs a:hover span {background-position: left -28px;}
#tabs a.sel {background-position: right 0; color: #333}
#tabs a.sel span {background-position: left 0;}
#quick-search {position: absolute; right: 18px; top: 10px; width: 151px;}
#quick-search fieldset {
	background: url(../images/backgrounds/bkg-search.png) no-repeat;
	height: 21px;
}
#quick-search label {position: absolute; left: 5px; top: 4px;}
#quick-search input.text {
	width: 129px; position: relative; left: 4px; top: 4px;
	border: none; background: none;
}
#quick-search input.submit {
	background: url(../images/buttons/btn-search.png) no-repeat; border: none;
	width: 17px; height: 21px; position: absolute; right: 0; cursor: pointer;
}

#page-content {background: #FFF; overflow: hidden;}

#topics-nav {border-top: 4px solid #000; padding: 0 20px 23px; overflow: hidden;}
#topics-nav li {float: left; margin: 0 12px; font-weight: bold;}
#topics-nav a {color: #007DC2; line-height: 22px; display: block; padding: 2px 9px 0;}
#topics-nav a:hover {color: #000;}
#topics-nav a.sel {color: #FFF; background: #797979;}
#topics-nav a.sel:hover {text-decoration: underline}

#video-section {
	background: url(../images/backgrounds/bkg-secondary-subtopdiag.png);
	padding: 31px 20px 0; overflow: hidden;
}
#video-section .text {
	float: left; margin: 0 20px 20px; width: 320px; min-height: 295px;
}
#video-section .text h1 {font-size: 25px; line-height: 31px; color: #2C2C2C; margin: 5px 0 15px;}
#video-section .text h1 span {font-size: 12px; font-weight: normal;}
#video-section .text p {margin: 0 0 10px; color: #666; line-height: 17px;}
#video-section .text ul {margin-top: 5px; visibility: hidden;}
#video-section .text li {
	font-size: 13px; line-height: 21px; font-weight: bold; color: #2C2C2C; margin-bottom: 3px;
}
#video-section .text a {color: #0066B3;}
#video-section .text .addthis_toolbox {height: 25px;}
#video-section .text .addthis_toolbox > a {display: none; padding: 0}

#video-section #video {
	width: 488px; height: 275px; float: right; margin: 0 20px 40px 30px; 
	position: relative; text-align: center;
}
#video-section #video img {cursor: pointer;}
#video-section #video #flash-button {
	width: 228px; background: #FFF; position: absolute; left: 120px; bottom: 0;
	padding: 0 10px 10px; opacity: 0.8; filter: alpha(opacity=80);
}
#video-section #video .video-close {display: none;}
#video-section #video .play-button {
	background: url(../images/buttons/btn_play.png) no-repeat; border: none;
	width: 86px; height: 36px; position: absolute; left: 201px; bottom: 15px;
	cursor: pointer; opacity: 0.8; filter: alpha(opacity=80); visibility: hidden;
}
#video-section #video .play-button:hover {
	background-image: url(../images/buttons/btn_play_over.png);
	opacity: 1.0; filter: alpha(opacity=100);
}
#video-section #video #vplayer {
	width: 488px; height: 275px; position: absolute; left: 0; top: 0;
}

#rating .ui-rater-starsOff,	#rating .ui-rater-starsOn {
	background: url(../images/buttons/btn-rating-stars.png) repeat-x; height: 18px;
	vertical-align: top;
}
#rating .ui-rater-starsOff {display: inline-block; width: 90px; margin: 0 5px;}
#rating .ui-rater-starsOn {display: block; max-width: 90px; top: 0; background-position: 0 -36px;}
#rating .ui-rater-starsHover {background-position: 0 -18px;}

#comment-form {
	background: #EEE; padding: 10px 10px 15px;
	position: absolute; width: 360px; height: 150px; display: none;
}
#comment-form fieldset {position: relative;}
#comment-form label {color: #999; line-height: 18px; margin-left: 3px;}
#comment-form label[for="comment-text"] {position: absolute; left: 5px; top: 3px;}
#comment-form textarea {
	width: 348px; height: 90px; padding: 2px 3px; border: 2px solid #DDD;
	border-radius: 5px; -moz-border-radius: 5px; float: right;
}
#comment-form input.text {
	width: 248px; padding: 0 3px; border: 2px solid #DDD; border-radius: 5px;
	-moz-border-radius: 5px; float: right;
}
#comment-form .submit {
	background: url(../images/buttons/btn-cta-orangeright-sm.png) no-repeat right top;
	padding: 0 15px 0 0; margin: 7px 0 0 1px; cursor: pointer; border: none;
}
#comment-form .submit span {
	background: url(../images/buttons/btn-cta-orangeleft-sm.png) no-repeat;
	color: #FFF; font-weight: bold; display: block; height: 19px; padding: 4px 5px 0 20px;
}
#comment-form .submit:hover {background-position: right -23px;}
#comment-form .submit:hover span {background-position: left -23px;}
#comment-form .cancel {
	color: #0066B3; font-weight: bold; margin-left: 15px;
	background: none; border: none; cursor: pointer;
}
#comment-form .cancel:hover {text-decoration: underline;}

.ui-dialog {position: absolute;}
.ui-dialog-titlebar {height: 0}
.ui-dialog-titlebar-close, .video-close {
	background: url(../images/buttons/btn-close-overlay.png) no-repeat;
	display: block; width: 23px; height: 50px; border: none; cursor: pointer;
	position: absolute; right: -23px; top: 12px;
}
.ui-dialog-titlebar-close span {display: none;}
.ui-widget-overlay {
	position: absolute; left: 0; top: 0; background: #000; opacity: 0.6; filter: alpha(opacity=60);
}

#topic-btns {position: absolute; right: 12px; bottom: 12px;}
#topic-btns a {
	background: #888 url(../images/backgrounds/bkg-hero-btn-on.gif) no-repeat 0 -20px;
	float: left; width: 12px; height: 12px; margin-right: 3px; color: #FFF;
	font-weight: bolder; font-size: 9px; line-height: 10px;
}
#topic-btns a.sel {background-position: 0 0;}

#story-teasers {overflow: hidden; padding: 20px;}
#story-teasers h2 {
	border-top: 4px solid #000; color: #222; font-size: 17px;
	padding: 7px 25px 33px; margin: 0;
}
#story-teasers .teaser {float: left; margin: 0 5px 20px 27px; width: 188px;}
#story-teasers .img {width: 188px; height: 98px; background: #EEE; overflow: hidden;}
#story-teasers h3 {font-size: 14px; margin: 6px 0 9px;}
#story-teasers h3 a {color: #000;}
#story-teasers h3 a:hover {text-decoration: underline;}
#story-teasers p.date {
	font-size: 8px; color: #999; text-transform: uppercase; margin: 5px 0 0;
}
#story-teasers p.descr {color: #666; line-height: 17px; margin: 5px 0 10px;}
#story-teasers a {color: #0066B3;}
#story-teasers a span {color: #00ABED;}

#promo-box {
	background: #2A7B44 url(../images/backgrounds/bkg_promo-green.png) no-repeat;
	color: #FFF; float: left; width: 189px; margin-left: 30px;
}
#promo-box h3 {font-size: 21px; margin: 14px 12px 10px;}
#promo-box p {margin: 0 12px 15px;}
#promo-box li {
	background: url(../images/backgrounds/bkg_promo-nav.png);
	font-size: 15px; font-weight: bold; margin-bottom: 2px; padding: 5px 6px 5px 12px;
}
#promo-box a {color: #FFF;}
#promo-box a:hover {color: #F0AB00;}

#additional {overflow: hidden; padding: 30px 23px}
#additional h2 {
	border-top: 2px solid #222; color: #222; font-size: 18px;
	padding: 6px 0 0; margin: 0 7px 20px;
}
#additional .col {float: left; margin: 0 7px 22px 27px; width: 188px;}
#additional h3 {font-size: 15px; margin: 0 0 4px;}
#additional p {color: #666; line-height: 17px; margin: 0 16px 10px 0;}
#additional a {color: #0066B3; font-weight: bold;}
#additional a:hover {text-decoration: underline;}
#additional a.share-btn, #content a.share-btn {
	background: url(../images/icons/ico_share_link_icon-small.png) no-repeat left 3px;
	display: block; padding-left: 18px; width: 40px; font-weight: normal; line-height: 18px;
}

#related {overflow: hidden; padding: 20px;}
#related h2 {
	border-top: 4px solid #000; color: #222; font-size: 17px;
	padding: 7px 25px 13px; margin: 0;
}
#related table {margin: 0 25px 10px;}
#related td {border-bottom: 1px solid #DDD; vertical-align: top; padding: 10px 0;}
#related td.text {width: 294px;}
#related td.sep {width: 30px;}
#related td.empty {border-bottom: none;}
#related h3 {margin: 0 0 3px 0; font-size: 13px;}
#related h3 span {font-size: 10px; font-weight: normal;}
#related a {color: #0066B3;}
#related p {color: #222; margin: 0;}
#related .thumb {
	width: 106px; height: 55px; overflow: hidden; position: relative; 
	margin: 2px 0 0 15px; text-align: center;
}
#related .thumb a {
	background: url(../images/backgrounds/bkg_thumbnail_gridded_overlay_video.png) no-repeat;
	display: block; width: 106px; height: 55px; position: absolute; left: 0; top: 0;
}

#content {padding: 31px 20px 60px; overflow: hidden;}
#content h1 {font-size: 25px; line-height: 31px; color: #2C2C2C; margin: 0 10px}
#content p {color: #666; line-height: 17px; margin: 0 10px 10px;}
#content p.author {color: #999; font-style: italic;}
#content ul {list-style: disc; color: #666; line-height: 17px; margin: 0 25px 10px;}
#content li {margin-bottom: 10px;}
#content a {color: #0066B3;}
#content .right {float: right;}
#content .img {
	width: 320px; height: 167px; background: #EEE; overflow: hidden; 
	margin: 4px 10px 30px 20px;
}
#content .share-btn {margin-left: 20px;}
#content .text {width: 560px;}
#content .text img {float: left; margin: 5px 20px 20px 0;}
#content .text img.alignright {float: right; margin: 5px 0 20px 20px;}
#content.archive {
	background: url(../images/backgrounds/bkg-secondary-subtopdiag.png) -10px -40px;
	min-height: 440px;
}
#content.sitemap ul {list-style: none; margin: 5px 25px 5px;}
#content.sitemap li {margin-bottom: 5px;}
#content.sitemap .page, #content.sitemap .cat {font-weight: bold;}
#content.sitemap a:hover {text-decoration: underline;}

#video-search {
	float: left; margin: 38px 10px 60px 20px; width: 300px; position: relative;
}
#video-search .section {border-bottom: 1px solid #CCC; padding: 5px 0; overflow: hidden;}
#video-search .label {font-weight: bold; padding-top: 4px; margin: 0 0 10px;}
#video-search fieldset {margin-bottom: 15px;}
#video-search input[type="radio"] {float: left;}
#video-search label {float: left; padding: 3px 0 0 3px; line-height: 12px}
#video-search label.twolines {padding-top: 0; margin-top: -2px;}
#video-search .term {
	background: url(../images/backgrounds/bkg_search-results-left.png) no-repeat;
	width: 191px; height: 21px; position: absolute; right: 0; top: 0;
}
#video-search .term input.text {
	width: 160px; position: absolute; left: 5px; top: 3px;
	border: none; background: none;
}
#video-search .term input.submit {
	background: url(../images/backgrounds/bkg_search-results-right.png) no-repeat; border: none;
	width: 20px; height: 21px; position: absolute; right: 0; top: 0; cursor: pointer;
}
#video-search select {
	width: 191px; height: 20px; float: right; background: #EEE; border: 1px solid #CCC;
}
#video-search select[disabled="disabled"] {background: #CCC; color: #FFF; border: none;}
#video-search fieldset.audio, #video-search fieldset.start {float: left;}
#video-search fieldset.subtitle, #video-search fieldset.end {float: right;}
#video-search select.lang {float: left; width: 90px; margin-left: 6px;}
#video-search select.month {float: left; width: 58px; margin-left: 6px;}
#video-search select.year {float: left; width: 52px; margin-left: 1px;}

/*#video-search .date {
	background: url(../images/backgrounds/bkg_search-results-left.png) no-repeat;
	width: 140px; height: 21px; position: relative; float: left;
}
#video-search .date.end {float: right;}
#video-search .date label {position: absolute; left: 5px; top: 3px;}
#video-search .date input.text {
	width: 110px; position: absolute; left: 4px; top: 1px;
	border: none; background: none;
}
#video-search .date button {
	background: url(../images/backgrounds/bkg_date-picker-right.png) no-repeat; border: none;
	width: 20px; height: 21px; position: absolute; right: 0; top: 0; cursor: pointer;
}*/

#video-search .buttons {margin-top: 25px;}
#video-search .buttons .submit {
	background: url(../images/buttons/btn-cta-orangeright-sm.png) no-repeat right top;
	float: left; padding: 0 15px 0 0; border: none; cursor: pointer; margin: 0;
	height: 23px;
}
#video-search .buttons .submit span {
	background: url(../images/buttons/btn-cta-orangeleft-sm.png) no-repeat;
	color: #FFF; font-weight: bold; display: block; height: 23px; padding: 0 5px 0 20px;
	line-height: 22px;
}
#video-search .submit:hover {background-position: right -23px;}
#video-search .submit:hover span {background-position: left -23px;}
#video-search .reset {
	float: left; background: none; border: none; padding: 0; margin: 4px 0 0 30px;
	cursor: pointer; font-weight: bold; color: #0066B3;
}

#count-boxes {margin-left: 10px; border-top: 2px solid #222; overflow: hidden;}
#count-boxes a {
	float: left; width: 186px; color: #FFF; background: #999;
	text-align: center; padding: 7px 0;
}
#count-boxes a.middle {margin: 0 6px;}
#count-boxes span {font-size: 72px; line-height: 100%;}

#tag-cloud {margin: 20px 0 0 10px; line-height: 300%;}
#tag-cloud a {white-space: nowrap; margin-right: 15px; color: #2C2C2C;}
#tag-cloud a:hover {color: #0066B3;}

#search-results {
	background: url(../images/backgrounds/bkg-secondary-subtopdiag.png) -10px -40px;
	padding: 20px 20px 30px; overflow: hidden; min-height: 480px; position: relative;
}
#search-results .bar, #search-results p {margin-left: 10px; color: #666;}
#search-results h1 {
	font-size: 18px; color: #666; border-bottom: 2px solid #666; margin: 15px 0 0 10px;
	padding-bottom: 10px;
}
#search-results .list {margin: 0 0 20px 10px; padding-left: 24px; clear: both;}
#search-results .list li {
	border-top: 1px solid #DDD; margin-top: 7px; padding: 0 80px 5px 25px;
	position: relative;
}
#search-results .list li:hover, #search-results li.exp {background: #FFF;}
#search-results .list h2 {
	background: url(../images/icons/btn-blue_downup_arrows.png) no-repeat 0 11px;
	font-size: 13px; line-height: 17px; color: #666; padding: 10px 0 0 20px;
	margin: 0 0 0 -20px; cursor: pointer;
}
#search-results .list li.exp h2 {
	background: url(../images/icons/btn-blue_downup_arrows.png) no-repeat 0 -75px;
}
#search-results .list h2 span {font-size: 12px; font-weight: normal;}
#search-results .list p {color: #666; line-height: 17px; margin: 0;}
#search-results .list span.descr {display: none;}
#search-results .list a.more {
	background: url(../images/icons/ico_double-down-arrow_matted_white.png) no-repeat right 4px;
	padding-right: 10px; position: absolute; right: 30px; top: 12px; color: #0066B3;
}
#search-results .list li.exp a.more {
	background: url(../images/icons/ico_double-up-arrow_matted_white.png) no-repeat right 4px;
	right: 29px; padding-right: 12px;
}
#search-results #video {
	width: 488px; height: 275px; position: absolute; text-align: center;
	background: #000; display: none;
}
#search-results .list #video {position: relative; margin: 5px 0; display: block;}
#search-results .list .clipdata, #search-results .thumbnails .clipdata {display: none;}

#search-results .thumbnails {margin: 5px 0 20px 10px; position: relative;}
#search-results .thumbnails ul {overflow: hidden;}
#search-results .thumbnails li {
	float: left; position: relative; margin: 0 3px 3px 0; width: 188px; height: 106px;
	text-align: center; background: #000;
}
#search-results .thumbnails li.last {margin-right: 0;}
#search-results .thumbnails h2 {
	font-size: 14px; width: 100%; height: 100%; position: absolute; left: 0; top: 0;
	margin: 0; text-align: left;
}
#search-results .thumbnails a {
	display: block; width: 174px; height: 96px; position: absolute; left: 0; top: 0;
	color: #FFF; padding: 5px 7px;
}
#search-results .thumbnails a > span {display: none;}
#search-results .thumbnails a span span {font-size: 12px; font-weight: normal;}
#search-results .thumbnails a:hover {
	background: url(../images/backgrounds/bkg_thumbnail_search-result_overlay.png) no-repeat;
}
#search-results .thumbnails a:hover > span {display: block;}
#search-results .overlay {
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none;
	background: #FFF; opacity: 0.7; filter: alpha(opacity=70);
}

#search-results .bar {overflow: hidden;}
#search-results .results, #search-results .results-select {float: left;}
#search-results .results {width: 160px;}
#search-results .view-select {float: left; margin-right: 20px; padding-top: 1px;}
#search-results .view-select li {float: left; width: 26px; height: 13px;}
#search-results .view-select li.view-thumbnails {
	background: url(../images/buttons/btn-view-thumbnails.png) no-repeat;
	margin-right: 5px;
}
#search-results .view-select li.view-list {
	background: url(../images/buttons/btn-view-list.png) no-repeat;
}
#search-results .view-select li.sel {background-position: left -13px;}
#search-results .view-select li a {display: block; width: 100%; height: 100%;}
#search-results .results-select span, #search-results .results-select ul {float: left;}
#search-results .results-select span {margin-right: 3px;}
#search-results .page-select {float: right;}
#search-results .page-select ul {float: left;}
#search-results .page-select li, #search-results .results-select li {
	float: left; width: 22px; height: 16px; text-align: center; border-right: 1px solid #DDD;
}
#search-results .page-select li.last {border-right: none;}
#search-results .page-select li.sel, #search-results .results-select li.sel {
	color: #FFF; background: #B2B2B2;
}
#search-results .page-select li a, #search-results .results-select li a {
	color: #106FB7; display: block; width: 22px; height: 16px;
}
#search-results .page-select li a:hover, #search-results .results-select li a:hover {
	background: #106FB7; color: #FFF;
}
#search-results .page-select .btn-prev, #search-results .page-select .btn-next {
	background: url(../images/buttons/btn-pagination-arrows.gif); float: left;
	width: 25px; height: 16px;
}
#search-results .page-select .btn-next {background-position: -25px 0;}
#search-results .page-select .btn-prev.disabled {background-position: 0 -16px;}
#search-results .page-select .btn-next.disabled {background-position: -25px -16px;}

#footer {
	background: url(../images/backgrounds/bkg-footer1.png);
	height: 50px; margin-top: 35px; position: relative;
}
#footer ul {padding: 10px 0 0 10px;}
#footer li {float: left; width: 90px; font-size: 11px;}
#footer li.short {width: 75px;}
#footer li.long {width: 105px;}
#footer a {color: #FFF; font-weight: bold;}
#footer li a:hover {text-decoration: underline;}
#footer .row2 {clear: left; padding-top: 6px;}
#footer .row2 a {color: #BBB; font-weight: normal;}
#footer #social-icons {position: absolute; right: 10px; top: 10px;}
#footer #social-icons a {
	background: url(../images/icons/icon-social-network.png) no-repeat;
	display: block; width: 157px; height: 24px; text-align: right; line-height: 24px;
}