body, html {
	background: #000 url(../images/logo-bg.jpg) repeat-y left top;
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	color: #cdcdcd;
}


body a {    
	color: #fff;
	text-decoration: none;
	}
  
body a:hover {
	color: #696969;
	text-decoration: underline;
	}

body a:active {
	color: #fff;
	text-decoration: none;
	}

img {
	border: 0px;
}

h2 {
	font-size: 0.85em;
	font-weight: lighter;
	color: #fa1cfb;
}

h3 {
	font-size: 0.95em;
	font-weight: lighter;
	color: #fa1cfb;
}

strong {
	font-weight:bold;
}

em {
	font-style: italic;
}

div.clearfix {
	clear:both;
}

/* Forms */

form fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}
form legend {
	padding: 0 2px;
	font-weight: bold;
	text-indent: -9999px;
}
form label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
}
form fieldset ol {
	margin: 0px;
	padding: 0px;
}
form fieldset li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

form fieldset input[type="text"], select, textarea {
	background: #2b2b2b;
	border: #828282 solid 1px;
	color: #fff;
	font-size: 1.17em;
	padding: 2px;
}

form fieldset p {
	padding: 0px;
	margin: 8px 0px 0px 0px;
}

form fieldset input[type="submit"], input[type="reset"] {
	background: #f107f1;
	height: 16px;
	width: 60px;
	border: none;
	color: #fff;
	font-size: 0.75em;
	text-transform: uppercase;
}

form fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}
form fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
}
form fieldset fieldset label {
	display: block;
	width: auto;
}
form em {
	font-weight: lighter;
	font-style: normal;
	color: #f00;
}
form label {
	width: 120px; /* Width of labels */
}
form fieldset fieldset label {
	margin-left: 123px; /* Width plus 3 (html space) */
}

.selected {
	color: #f107f1;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

#tooltip{
	position: absolute;
	right: 12px;
	border: 1px solid #828282;
	background: #2b2b2b;
	padding: 2px 5px;
	color: #fff;
	display: none;
	font-size: 0.65em;
	z-index: 99;
	}

/* Page Header */

#logo {
	height:100%;
	width:162px;
	padding-top:0px;
	left:0;
	top:0;
	bottom:0;	
	position:fixed;
	float: left;
	}

#logo h1 {
	text-indent:-9999px;

}	

#logo h1 a {
	background: transparent url(../images/logo.jpg) no-repeat center;
	width: 162px;
	height: 522px;
	margin: -5px 0px 0px 0px;
	display:block;
}


/* Container */

#container {
	width: 800px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	top: 0px;
	left: 200px;
	position: absolute;
}

/*Main Content */

#main {
	width: 600px;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	float: left;
	display:inline;
}

#main ul li {
	font-size:0.7em;
	
}

#main p {
	font-size: 0.70em;
	/*line-height:1.2em;*/
}

#mainNav {
	margin: 20px 10px 0px 0px;
	padding: 0px;
	border-bottom: 1px solid #f107f1;
	font-size: 1em;
	color: #fff;
	text-transform: uppercase;
	text-align: left;
	text-indent: -40px;
}

#mainNav ul {
	margin-bottom:5px;
}

#mainNav li {
	list-style: none;
	display: inline;
	padding-right: 35px;
}

#mainNav li a {
	color: #fff;
	text-decoration: none;
}

#mainNav li a:hover {
	color: #ff00ff;
	text-decoration: none;
}

#mainNav .selected {
	color: #f107f1;
	text-decoration: none;
}

#mainNav .selected:hover {
	color: #f107f1;
	text-decoration: none;
}

/* Side Ad */

#sideAd {
	padding-top: 10px;

}

/* Client Page */

#clientContent {
	width: 375px;
	margin-top:10px;
}

#clientContent p {
	line-height:16px;
}

#clientContent h3 {
	font-size: 0.85em;
	font-weight: lighter;
	color: #fa1cfb;
	margin-top: 30px;
}

#clientContent .thumb {
	width: 172px;
	height: 98px;
	margin: 0px 13px 13px 0px;
	float: left;
	overflow: hidden;
	border: 1px solid #696969;
	position: relative;
}

#clientContent .thumb .thumbImage {
	width: 172px;
	height: 98px;
}

#clientContent .thumb:hover .description {
	visibility: visible;
	cursor: pointer;
	z-index: 99;
}

#clientContent .thumb:hover .title h4 {
	color: #fa1cfb;
	cursor: pointer;
}

#clientContent .title {
	background: #000;
	opacity: 0.8;
	width: 180px;
	height: 12px;
	line-height: 12px;
	padding: 5px;
	position: absolute;
	overflow: hidden;
	bottom: 0px;
}

#clientContent .title h4 {
	background: transparent url(../images/icon-play.png) center left no-repeat;
	color: #fff;
	font-size: 0.70em;
	margin: 0px;
	padding: 0px;
	text-indent: 20px;
}

#clientContent .description {
	background: #000;
	width: 164px;
	height: 76px;
	opacity: 0.8;
	visibility: hidden;
	padding: 0px 8px;
	position: absolute;
	overflow: hidden;
	top: 0px;
	font-size: 0.85em;
	z-index: 99;
}

#clientInfo {
	width: 178px;
	margin: 10px 10px;
	padding: 0px 0px 0px 0px;
	float: right;
}

#clientInfo h3 {
	font-size: 0.75em;
	font-family: Arial, Verdana, Times, serif;
	color: #fff;
	padding-bottom: 5px;
	margin-bottom: 2px;
	border-bottom: 1px solid #c106c1;
}

#clientInfo ul {
	list-style: none;
	padding-left:0px;
	margin:10px 0px;
	padding:0px;
}

#clientInfo ul li {
	margin: 5px 0px;
	padding:0px;
}

/* Show Reels */

#categoryNav {
	width: auto;
	margin: 0px 0px 0px -40px;
	font-size: 0.52em;
	color: #7e8272;
	clear: both;
}

#categoryNav li {
	list-style: none;
	display: inline;
	margin: 5px 5px 0px 0px;
	border: 1px solid #454545;
	padding: 4px 4px 3px 4px;
	float: left;
}

#categoryNav li.selected {
	background: #2B2B2B;
	color: #fff;
}

#categoryNav li.selected a {
	color: #fff;
}

#categoryNav li a {
	color: #7e8272;
	text-decoration: none;
}

#categoryNav li:hover {
	background: #f107f1;
	color: #fff;
	border: 1px solid #d207d2;
	text-decoration: underline;
}

#categoryNav li:hover a {
	color: #fff;
}

#showReelsList {
	width: 600px;
	margin: 0px 0px 0px 0px;
	padding: 40px 0px 0px 0px;
	font-size: 0.70em;
	color: #7e8272;
}

#showReelsList li {
	list-style: none;
	display: inline;
	padding: 4px 4px 3px 4px;
	float: left;
}

#showReelsList .column1 {
	width: 168px;
	margin-right: 20px;
}

#showReelsList .column2 {
	width: 168px;
	margin-left: 5px;
	margin-right: 5px;
}

#showReelsList .column3 {
	width: 168px;
	margin-left: 20px;	
}

/* Paging Results */

#pagingOptions {
	margin: 10px 10px 10px 0px;
	padding: 10px 10px;
	font-size: 0.52em;
	color: #7e8272;
	border-top: 1px solid #454545;
	position: relative;
	top: 30px;
	left: 0px;
	text-indent: -50px;
	clear: both;
}

#pagingOptions li {
	list-style: none;
	display: inline;
	margin-right: 4px;
	border: 1px solid #454545;
	padding: 4px 4px 3px 4px;
}

#pagingOptions li.selected {
	background: #2B2B2B;
	color: #fff;
}

#pagingOptions li.selected a {
	color: #fff;
}

#pagingOptions li a {
	color: #7e8272;
	text-decoration: none;
}

#pagingOptions li:hover {
	background: #f107f1;
	color: #fff;
	border: 1px solid #d207d2;
	text-decoration: underline;
}

#pagingOptions li:hover a {
	color: #fff;
}

#itemsPerPage {
	float: right;
	position: relative;
	top: -12px;
	left: -10px;
}

#itemsPerPage label {
	font-size: 1.2em;
	margin-right: -30px;
	margin-top: 3px;
}

#itemsPerPageForm {
	font-size: 0.50em;
}

#itemsPerPageForm #numItems {
	background: #000;
	color: #7e8272;
}

/*Sub Content */

#subContent {
	width: 150px;
	margin: 25px 0px 0px 10px;
	padding: 0px;
	float: left;
	display:inline;
}

.module {
	width: 150px;
	border: 1px solid #454545;
	margin: 0px 0px 20px 0px;
	padding: 5px 10px 5px 10px;
	font-size: 0.65em;
}

.module ul {
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	display: block;
}

.module li{
	margin: 0px 0px 8px 0px;
	list-style: none;
}

#siteSearch {
	margin: 0px 0px 20px 0px;
	padding: 10px;
}

#services {
	height: auto !important;
	min-height: 150px;
}

#servicesNav {
	width: 150px;
	margin-bottom: 10px;
}

.close {
	float: right;
	margin: -5px 0px 0px 0px;
	padding: 0px;
}

#companiesList {
	width: 150px;
	height: 480px;
	margin: 0px 0px 20px 0px;
	padding: 5px 10px 5px 10px;
	font-size: 0.65em;
	overflow:auto;
}

#companiesList h3{
	cursor: pointer;
	margin:0px;
}

#companiesList h3 a {
	font-size: 1em;
	font-weight: lighter;
	color: #fa1cfb;
}

#companiesList h3 a:hover {
	color:#fff;
}

#companiesList ul {
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	display: block;
}

#companiesList li {
	color: #696969;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style: none;
}

#companiesList ul li ul {
	display: none;
}

#companiesList h3 {
	border-bottom: 1px solid #454545;
	padding: 0px 0px 6px 0px;
}

#companiesList .drawer li {
	border: 0px;
}

.drawer-handle a {
	text-decoration:none;
}

#companiesList li.profilelink a {
	color:#fff;
	font-size:0.9em;
}


#companiesList li.profilelink a:hover {
	text-decoration:underline;
}

/* Footer */

#footer {
	width: 760px;
	border: 1px solid #454545;
	margin: 10px 0px 10px 0px;
	padding: 5px 10px;
	font-size: 0.6em;
	color: #e3e3e3;
	text-align: left;
	text-indent: -40px;
	float: left;
}

#footer ul#footerLinks li {
	list-style: none;
	display: inline;
	padding-right: 15px;
}

#footer li a {
	color: #e3e3e3;
	text-decoration: none;
}

#footer li a:hover, #footer li a:active {
	color: #7e8272;
	text-decoration: underline;
}

#poweredBy-CB {
	margin-top: -22px;
}


ul.availableFeeds li {
	display:block;
	line-height: 1.5em;
}

/****
*
*	Browse Widget CSS
*
*****/

#browseWidgetContainer {
	width:590px;
	position:relative;
	/*padding:12px 10px 20px 10px;*/
	margin-bottom:20px;
	margin-top:20px;
	font-family:Arial;
	font-size:11px;
	color: #e3e3e3;
	overflow:hidden;
}
#browseWidgetContentContainer {
	padding-top:15px;
	border:1px solid #454545;
	overflow:hidden;
}
#browseWidgetContent {
	width:1800px;
	height:450px;
	/*margin:10px;*/
	/*padding:12px 10px 20px 10px;
	margin:25px;
	background: url(/arrowsarchive/images/browse_background_repeat.gif);*/
}

#browseWidgetOptions ul li {
	font-size:1em;
	/*margin-bottom:-1px;
	padding-top:6px;*/
}

.browseColumn {
	float:left;
}

.browseContent {
	height:150px;
	width:175px;
	margin-left:10px;
	margin-right:7px;
	padding-top:1px;
	padding-left:1px;
	overflow:hidden;
	background: url(../images/browse_widget_loading.gif) no-repeat 50%;
	position:relative;
}

.browseContent .title {
	background:#000000 none repeat scroll 0 0;
	bottom:18px;
	height:12px;
	line-height:12px;
	opacity:0.8;
	overflow:hidden;
	padding:5px;
	position:absolute;
	margin:0px 1px;
	width:163px;
}

.browseContent .title a {
	background:transparent url(../images/icon-play.png) no-repeat scroll left center;
	color:#FFFFFF;
	font-size:1em;
	margin:0;
	padding:0;
	padding-left:18px;
	text-indent:20px;
}

.browseContent .title a:hover {
	color:#ff00ff;
}

.browseContent img {
	margin-bottom:3px;
	border:1px solid #454545;
}

.browseWidgetPrevPage {
	width:590px;
	height:285px;
	float:left;
	position:absolute;
	left: -590px;
	/*top:36px;*/
}

.browseWidgetCurrentPage {
	width:590px;
	height:285px;
	padding-left:;
	float:left;
}

.browseWidgetNextPage {
	width:590px;
	height:285px;
	float:left;
}

.browseWidgetPageClone {
	display:none;
}

#browseWidgetControls {
	text-align:center;
	border-left:1px solid #454545;
	border-right:1px solid #454545;
	border-bottom:1px solid #454545;	
}
#browseWidgetOptions {
	padding:5px;
	padding-bottom:0px;
}

#browseWidgetOptions ul, #browseWidgetOptions li {
	margin:1px 0 0 0;
	padding:0px;
}

#browseWidgetOptions li {
	/*display:inline;*/
	border:1px solid #454545;
	padding:5px;
	width:120px;
	border-bottom:0px;
	/*margin-right:10px;*/
}

#browseWidgetOptions li.open {
	/*border-bottom:1px solid #000;*/
}

#browseWidgetOptions a:hover {
	color:#ff00ff;
}
#browsePageCount {
	display:inline;
	position:relative;
	top:-4px;	
}




/**************
*
*
*	OVERLAY
*
*
***************/
/* Forms */

form.shareForm {
	font-size: 0.7em;
}

form.shareForm label.error { 
	color: #c106c1;
	margin-left: 123px;
}

form.shareForm fieldset {
	margin-bottom: 10px;
	border: none;
}
form.shareForm legend {
	padding: 0 2px;
	font-weight: bold;
	text-indent: -9999px;
}
form.shareForm label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
}
form.shareForm fieldset ol {
	margin: 0;
	padding: 0;
}
form.shareForm fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
}

form.shareForm fieldset input, form.shareForm fieldset select, form.shareForm fieldset textarea {
	background: #2b2b2b;
	border: #828282 solid 1px;
	font-size: 1em;
	color: #fff;
}

form.shareForm fieldset p {
	padding: 5px;
	margin-left: 123px;
}

form.shareForm fieldset input[type="submit"], form.shareForm fieldset input[type="reset"] {
	background: #c106c1;
	border: none;
	font-size: 7.2pt;
	color: #fff;
	margin-right: 15px;
	height: 24px;
	width: 80px;
}

form.shareForm fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}
form.shareForm fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
}
form.shareForm fieldset fieldset label {
	display: block;
	width: auto;
}
form.shareForm em {
	font-weight: bold;
	font-style: normal;
	color: #c106c1;
	margin-left: 4px;
}
form.shareForm label {
	width: 120px; /* Width of labels */
}
form.shareForm fieldset fieldset label {
	margin-left: 123px; /* Width plus 3 (html space) */
}

#subscribe {
	width: 500px;
	margin: 40px auto;
}

#subscribeRSS {
	width: 210px;
	background: url(../player/images/subscribe-rss-top.png) no-repeat;
	padding-top:80px;
	padding-bottom: 2px;
	margin: 0px 40px 0px 0px;
	float: left;
}

#subscribePod {
	width: 210px;
	background: url(../player/images/subscribe-podcast-top.png) no-repeat;
	padding-top:80px;
	padding-bottom: 2px;
	margin: 0px 40px 0px 0px;
	float: left;
}

#subscribeRSS ul, #subscribeRSS li, #subscribePod ul, #subscribePod li {
	display:inline;
	margin:0px;
	padding:0;	
}


#subscribeRSS li a, #subscribePod li a {
	float:left;
	width:70px;
	height: 23px;
	text-indent:-9999px;
	outline: none;
	overflow: hidden;
}

#subscribeRSS a {
	background: url(../player/images/subscribe-RSS-bottom.png) no-repeat;
	width: 210px;
}

#subscribePod a {
	background: url(../player/images/subscribe-podcast-bottom.png) no-repeat;
	width: 210px;
}

a#rss, a#itunes {
	background-position: 0 0;
}

a#rss:hover, a#itunes:hover {
	background-position: 0 -23px;
	cursor: pointer;
}

a#atom, a#zune {
	background-position: -70px 0;
}

a#atom:hover, a#zune:hover {
	background-position: -70px -23px;
	cursor: pointer;
}

a#xml, a#other {
	background-position: -140px 0;
}

a#xml:hover, a#other:hover {
	background-position: -140px -23px;
	cursor: pointer;
}


/*More Reels Menu */

#moreReels {
	width: 168px;
}

#moreReels div.scrollerContent {
	height: 144px; /* 8 slots @ 18px line-height each */
}


div.listScroller {
	padding:0px;
	margin: 0px;
}

div.scrollerContent {
	overflow:hidden;
	text-transform: capitalize;
}

div.scrollerContent ul {
	margin:0px;
	padding:0;
}

div.scrollerContent li {
	/*height:18px;*/
	line-height: 18px;
}

div.scrollerContent li:hover {
	/*height:18px;*/
	line-height: 18px;
	background:#1E1C1D none repeat scroll 0 0;
	color: #fff;
}

div.scrollerContent li:hover a {
	color: #fff;
}

div.scrollerUp {
	background: transparent url(../images/arrow-up.jpg) no-repeat top center;
	width: 10px;
	height: 9px;
	margin: 5px auto;
	visibility:hidden;
	text-indent: -9999px;
	cursor: pointer;
}

div.scrollerDown {
	background: transparent url(../images/arrow-down.jpg) no-repeat top center;
	width: 10px;
	height: 9px;
	margin: 5px auto;
	text-indent: -9999px;
	cursor: pointer;
}

.clientDirectory {
	border: 1px solid #828282;
	padding-left: 10px;
	margin-top: 15px;
	clear:both;
}

.clientDirectory h2 {
	margin:0px;
	margin-top:10px;
	padding:0px;
}

.clientDirectory h2 a {
	color:#ff00ff;
}
.clientDirectory h2 a:hover {
	color:#fff;
}

.clientDirectory p {
	margin-top:2px;
}

.clientDirectory img {
	float:right;
}

/* Search Results */

.searchResult {
	width: 611px;
	margin: 0px;
	padding: 30px 0px 30px 0px;
	clear: both;

}

.searchResult .resultThumbnail {
	line-height: 132px;
	padding: 0px;
	margin-right: 20px;
	float: left;
	text-align: center;
	font-size: 1.4em;
	border: 1px solid #595554;
}

.searchResult .resultThumbnail img{
	height: auto;
}

.searchResult .resultInfo {
	width: 300px;
	float:left;
}

.searchResult .resultInfo h3 {
	font-size: 0.85em;
	font-family: Arial, Verdana, Times, serif;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	color: #fff;
}

.searchResult .resultInfo dl {
	font-size: 0.65em;
	margin-right: 20px;
	padding: 0px;
}

.searchResult .resultInfo dt {
	width: 75px;
	margin: 0px;
	padding: 0px;
	display:inline;
	float: left;
}

.searchResult .resultInfo dd {
	width: auto;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	display:inline;
	float: none;
	color: #cbcbcb;
}

.searchResult .resultInfo dt+dd{
	display:block;
}

.searchResult .resultInfo span {
	font-size: 0.70em;
	color: #f107f1;
	margin-right: 20px;
	padding: 0px;
}

.searchResult .resultInfo span a {
	color: #f107f1;
}

.searchResult .resultInfo span a:hover {
	text-decoration:underline;
}

.searchResult .resultInfo .playClip {
	width: 60px;
	height: 14px;
	margin: 8px 0px 0px 0px;
}

/* News */

.articleItem {
	width: 611px;
	margin: 25px 0px;
	padding: 0px 0px 0px 0px;
	color: #e3e3e3;
	line-height:17px;
}

.articleItem .dateIcon {
	background: transparent url(../images/calendar2.jpg) no-repeat top left;
	width: 60px;
	height: 60px;
	padding: 4px 0px;
	margin-right: 20px;
	color: #000;
	float: left;
	text-align: center;
	line-height: 68px;
	font-size: 1.4em;
}

.articleItem .articleInfo {
	float: left;
	/*width: 476px;*/
}

.articleInfo h2 a {
	text-decoration:none;
}


.articleThumb + .articleInfo {
	width:476px;
}

.articleItem .articleInfo h2 {
	font-size: 0.85em;
	font-family: Arial, Verdana, Times, serif;
	margin-top: 0;
	padding: 0px;
	color: #ff00ff;
}

.articleItem .articleInfo h2 a {
	color:#ff00ff;
}

.articleItem .articleInfo h2 a:hover {
	color:#fff;
}

.articleItem .articleInfo h3 {
	font-size: 0.85em;
	font-family: Arial, Verdana, Times, serif;
	margin: 0px;
	padding: 0px;
	color: #fff;
}

.articleItem .articleInfo p {
	font-size: 0.75em;
	margin-right: 20px;
	padding: 0px;
}

.articleItem .articleInfo span {
	font-size: 0.65em;
	color: #f107f1;
	margin-right: 20px;
	padding: 0px;
}

.articleItem .articleThumb {
	float:left;
	width:120px;
	height:80px;
	margin-right:15px;
}

/*********
**
**	Showcase
**
**********/

div.showcaseFeatured {
	position:relative;
	padding:10px;
	padding-top:0px;
	border: 1px solid #595554;
	margin-right:10px;
	margin-top:10px;
	height:80px;

}

div.showcaseFeatured p {
	margin-right:170px;

}

div.showcaseFeatured img {
	position:absolute;
	right:0;
	top:0;
}

div.showcaseFeatured a {
	text-decoration:none;
	font-size:0.8em;
}


#shadowbox_title {
  border: 0px solid;
}

#shadowbox_info {
  border: 0px solid;
}