@charset "utf-8";
/* CSS Document */
/**
 * Direct
 * ------------------------------------------------------------------------------------
 */
html,
body
{
	padding:					0;
	margin:						0;
	font:						12px Verdana, Arial, Helvetica, sans-serif;
	color:						#666;
}

img
{
	border:						none;
}

a
{
	text-decoration:			none;
}

a:hover
{
	text-decoration:			underline;
}

p
{
	padding:					0;
	margin:						0 0 10px 0;	
}

form,
fieldset
{
	padding:					0;
	margin:						0;
	border:						none;
}

input
{
	color:						#666;
}

textarea
{
	float:						left;
	display:					inline;
	width:						444px;
	height:						75px;
	border:						1px solid #666;
	font:						normal 11px Arial, Helvetica, sans-serif;
	color:						#666;
}

h1,
h2,
h3,
h4,
h5
{
	padding:					0;
	margin:						0;
	font-family:				Arial, Helvetica, sans-serif;
	font-weight:				bold;
	color:						#64637C;
	text-transform:				uppercase;
}

h1
{
	font-size:					21px;
}

h2
{
	font-size:					18px;
}

h3
{
	font-size:					16px;
}

h4
{
	font-size:					14px;
}

h5
{
	font-size:					12px;
}

/**
 * Layout
 * ------------------------------------------------------------------------------------
 */
div#stage
{
	position:					relative;
	width:						980px;
	margin:						auto;
}

div#page
{
	position:					relative;
	padding:					235px 0 0 0;
	overflow:					hidden;
	width:						980px;
}

div#body
{
	padding:					10px 25px;
	min-height: 				250px;
}

div#inner
{

}

div#footer
{
	position:					relative;
	width:						980px;
	padding:					0;
	margin:						12px auto 12px auto;
	font-size:					10px;
}

div#footer .quickLinks {
	padding:					0 0 10px 25px;
	border-bottom:				1px solid #B1B1BD;
}

div#footer div.container {
	padding:					15px 20px 30px 25px;
	position:					relative;
}

div.copyright {
	margin:						0 !important;
	padding:					0 !important;
	color:						#000;
	position:					absolute;
	left:						25px;
	top:						99px;
}

/**
 * Margins and Paddings
 * ------------------------------------------------------------------------------------
 */
 
.noPadding {
	padding:					0 !important;
} 
 
.padding {
	padding:					20px !important;
}

.paddingTop {
	padding-top:				20px !important;
}

.paddingBottom {
	padding-bottom:				20px !important;
}

.noMargin {
	margin:						0 !important;
}

.margin {
	margin:						20px !important;
}

.marginTop {
	margin-top:					20px !important;
}

.marginBottom {
	margin-bottom:				20px !important;
}

.marginLeft {
	margin-left:				20px !important;
}
 

/**
 * Colours
 * ------------------------------------------------------------------------------------
 */

div#caseStudies h3,
#refer .message,
div#home div.caseStudies div.item h5,
div#caseStudies .rightSideBox a,
h1.pageTitle,
div#uploadVideo div.terms li a,
div#uploadVideo fieldset span.error,
div#contact fieldset span.error,
div.mediaCoverage a,
#register fieldset div.register div.message,
span.required,
.txtPink {
	color:						#E9208C !important;
}

div.channelTitle {
	position:					relative;
	z-index:					100;
}

.channelTitle a:hover {
	text-decoration:			none;
}

.channelTitle a:link {
	color:						#E9208C;
}

.channelTitle a:visited {
	color:						#E9208C;
}

div.mediaBoxMedium div.description h4 a,
.txtBlue {
	color:						#28266C !important;	
}

div#policy h4,
div#policy p,
.txtGrey {
	color:						#6C6C83 !important;
}

.noBold {
	font-weight:				normal !important;
}

div.mediaCoverage a,
.bold {
	font-weight:				bold !important;
}



/**
 * Banner
 * ------------------------------------------------------------------------------------
 */
div#banner
{
	position:					absolute;
	top:						0;
	width:						980px;
	margin:						auto;
}

div#banner #advertisment
{
	float:						left;
	width:						586px;
	text-align:					right;
}

div#banner div#user {
	margin-top:					25px;
	width:						350px;
	float:						right;
}

div#banner div#user div.mySettings,
div#banner div#user div.loggedIn {
	position:					relative;
	float:						right;
	padding-right:				65px;
	padding-top:				2px;
}

div#banner div#user div.mySettings a,
div#banner div#user div.loggedIn a {
	color:						#A5A5A5;
}

div#banner div#user div.mySettings {
	margin-top:					10px;
}

div#banner div#user div.mySettings a {
	text-transform:				uppercase;
	clear:						both;
	margin-top:					5px;
	padding:					0 0 0 30px;
}

div#banner div#user div.mySettings img,
div#banner div#user div.loggedIn img {
	position:					absolute;
	top:						0;
	right:						0;
}

div#banner div#user div.mySettings img {
	left:						0;
}

div#banner div#user p {
	margin-left:				28px;
}

div#banner div#user p a {
	color:						#64637C;
	padding:					0 10px;
}

div#banner form
{
	float:						right;
}

div#banner fieldset {
	padding:					0;
	margin:						0;
}

div#banner form fieldset div {
	float:						left;
}

div#banner form fieldset div.input {
	width:						122px;
	padding-left:				10px;
}

div#banner form h3
{
	padding:					0;
	margin:						0;
	font:						bold 12px Arial, Helvetica, sans-serif;
	text-transform:				uppercase;
	color:						#666;
	margin:						0 0 6px 0;
}

div#banner form label {
	padding-bottom:				5px;
}

div#banner form input
{
	width:						122px;
	height:						16px;
	border:						1px solid #28266C;
	margin:						0 6px 0 0;
	padding:					0;
}

div#banner form input.submit
{
	width:						57px;
	height:						20px;
	border:						0;
	margin:						14px 0 0 10px;
}

div#banner .topBanner {
	position:					relative;
	height:						130px;
	border-bottom:				3px solid #28266C;
}

div#banner .bottomBanner {
	position:					relative;
	height:						105px;
	border:						3px solid #28266C;
	border-top:					0;
	border-bottom:				0;
}

div#banner img.logo {
	top:						56px;
	left:						49px;
}

div#banner ul.links {
	width:						575px;
	height:						26px;
	float:						right;
	margin:						15px 0 0 0;
	list-style:					none;
}

div#banner ul.links li {
	position:					relative;
	text-transform:				uppercase;
	float:						left;
	padding:					5px 20px 0 30px;
}

div#banner ul.links li img {
	position:					absolute;
	left:						0;
	top:						0;
}

div.SNLinks a,
div#banner ul.links li a {
	color:						#999;
}

div#banner ul.links li a:hover {
	text-decoration:			none;
}

/**
 * Channel Nav
 * ------------------------------------------------------------------------------------
 */
#channelNav
{
	position:					absolute;
	width:						255px;
	background:					#D9D9D9;
	display:					block;
	top:						16px;
	right:						20px;
}

#channelNav div a
{
	position:					relative;
	padding:					5px 0 5px 10px;
	display:					block;
	background:					#D9D9D9;
	color:						#77778F;
	text-transform:				uppercase;
	font-size:					16px;
	height:						18px;
}

#channelNav div img.arrow {
	position:					absolute;
	top:						6px;
	right:						10px;
}

#channelNav div a:hover {
	text-decoration:			none;
}

#channelNav ul,
#channelNav ul li
{
	position:					relative;
	width:						255px;
	list-style:					none;
	padding:					0;
	margin:						0;
}

#channelNav ul
{

}

#channelNav ul li a
{
	position:					relative;
	width:						245px;
	display:					block;
	border-bottom:				1px dotted #ccc;
	padding:					5px 0 5px 10px;
	list-style:					none;
	color:						#666;
	text-decoration:			none;
	text-transform:				uppercase;
}

#channelNav ul li a:hover
{
	background:					#ccc;
	color:						#FFFFFF;
}


/**
 * Top Nav
 * ------------------------------------------------------------------------------------
 */

ul#topNav
{
	position:					absolute;
	bottom:						-8px;
	right:						0;
	padding:					0;
	margin:						0 auto;
	list-style:					none;
}

.topNavOff {
	bottom:						0 !important;
}

ul#topNav li
{
	float:						left;
	width:						120px;
	text-align:					center;
	background:					url('/images/nav_btn_bg.jpg') repeat-x bottom;
}

img.navCorner {
	left:						251px;
	bottom:						-4px;
	z-index:					100;
}

ul#topNav li.last
{
	
}

ul#topNav li.on {
	width:						124px;
	background:					none;
	height:						39px;
	padding-top:				6px;
	border:						0;
	background:					url('/images/nav_btn_on.png') no-repeat top;
}

ul#topNav li.on a {
	font-weight:				bold;
	margin:						0;
	border:						0;
}

ul#topNav li.on a:hover {
	background:					none;
}

ul#topNav li a
{
	margin-top:					6px;
	display:					block;
	border:						1px solid #D9D8D5;
	border-left:				0;
	color:						#77778F;
	height:						22px;
	text-transform:				uppercase;
	font-size:					11px;
	padding:					7px 0 0 0;
}

ul#topNav li a:hover
{
	background:					#D9D8D5;
	text-decoration:			none;
}

/**
 * Home Page
 * ------------------------------------------------------------------------------------
 */

div#mediacoverage div.description {
	width:						340px;
	padding:					15px;
	padding-bottom:				0;
	height:						90px;
}

div#mediacoverage div.description h5 {
	padding-bottom:				15px;
}

div#mediacoverage div.description p {
	color:						#000;
}

div#home {
	position:					relative;
}

div#home div.caseStudies {
	margin-top:					15px;
}

div#home div.caseStudies div.item {
	overflow:					hidden;
	width:						505px;
	padding-bottom:				20px;
}

div#home div.caseStudies div.item p {
	color:						#000 !important;
}

div#home div.caseStudies div.item p.txtPink {
	font-weight:				normal !important;
}

div#home div.caseStudies div.item img {
	width:						162px;
	float:						left;
	height:						110px;
}

div#home div.caseStudies div.item div.details {
	float:						right;
	width:						335px;
	height:						110px;
}

/**
 * Footer
 * ------------------------------------------------------------------------------------
 */
#footer p
{
	margin:						0 0 20px 0;
}

#footer a
{
	color:						#666;
}


#footer ul, #footer ul.details {
	width:						125px;
	float:						left;
	list-style-type:			none;
	margin:						0;
	padding:					0 20px 0 0;
}

#footer ul li {
	font-size:					10px;
	padding-bottom:				10px;
	text-transform:				uppercase;
}

#footer ul.details {
	width:						380px;
	float:						left;
}

#footer ul li a, #footer ul.details li a {
	color:						#28266C;
}

#footer ul.details li {
	width:						110px;
	padding-right:				20px;
	color:						#000;
	float:						left;
	text-transform:				none;
	font-size:					0.85em;
}

#footer div.detailsContainer {
	width:						488px;
	float:						right;
	color:						#000;
	margin:						0;
	padding:					0;
}

#footer div.detailsContainer img {
	float:						left;
}

/**
 * Positioning
 * ------------------------------------------------------------------------------------
 */

.mediaBoxSmall,
.mediaBoxMedium,
.mediaBoxLarge,
.relative {
	position:					relative;
	overflow:					hidden;
}

.halfColBox h2,
.mediaBoxSmall h2,
.mediaBoxMedium h2,
.mediaBoxLarge h2 {
	font-weight:				bold !important;
}

h1.pageTitle {
	position:					absolute;
	top:						-30px;
	left:						20px;
}

.bannerCorner {
	top:						-3px;
	left:						-3px;
}


.sideBorders {
	top:						235px;
}

.sideBorders,
div#banner .logo,
.bannerCorner,
.absolute {
	position:					absolute;
}

.left {
	left:						0;
}

.right {
	right:						0;
}

.top {
	top:						0;
}

.bottom {
	bottom:						0;
}

/**
 * Channels
 * ------------------------------------------------------------------------------------
 */
div#topChannels
{
	position:					relative;
	overflow:					hidden;
	width:						958px;
	margin-bottom:				12px;
} 
 
ul#channels
{
	padding:					0;
	margin:						0;
	list-style:					none;
}

div#topChannels ul#channels li
{
	margin:						0 2px 2px 0;
}

ul#channels li,
div#topChannels ul#channels li.last
{
	float:						left;
	margin:						0 0 2px 0;
	background:					#999;
} 
 
ul#channels li a
{
	display:					block;
	width:						163px;
	height:						20px;
	background-image:			url("/images/bullet_balloon_small.png");
	background-position:		9px 6px;
	background-repeat:			no-repeat;
	color:						#FFF;
	text-transform:				uppercase;
	padding:					4px 0 0 27px;
	font-weight:				bold;
	font-size:					12px;
}

ul#channels li a:hover
{
	background-color:			#999 !important;
}

div#left ul#channels li a
{
	width:						155px;
}

/**
 * Right
 * ------------------------------------------------------------------------------------
 */
#rightCol
{
	float:						right;
	width:						174px;
	margin:						0 0 12px 0;
}

#rightCol #newsletter,
#rightCol #outlook
{
	background:					#D9D9D9;
	padding:					6px;
	margin:						0 0 12px 0;
	overflow:					hidden;
	height:						1%;
}

#rightCol #newsletter p
{
	padding:					0;
	margin:						5px 0 10px 0;	
}

#rightCol #newsletter form fieldset
{
	overflow:					hidden;
	margin:						0 0 3px 0;
}

#rightCol #newsletter form label
{
	float:						left;
	width:						65px;
	margin:						5px 10px 0 0;
}

#rightCol #newsletter form input
{
	float:						left;
	border:						1px solid #666;
	background:					#FFF;
	width:						80px;
	height:						18px;
	padding:					0;
}

#rightCol #newsletter form fieldset.email label
{
	float:						none;
	width:						auto;
}

#rightCol #newsletter form fieldset.email input
{
	float:						none;
	width:						158px;
}

#rightCol #newsletter form fieldset.submit input
{
	float:						none;
	border:						none;
	background:					none;
	width:						auto;
	height:						auto;
}

#rightCol #newsletter .messages
{
	border-top:					1px dotted #666;
	border-bottom:				1px dotted #666;
	display:					block;
	margin:						0 0 6px 0;
	padding:					6px 0;
	color:						#F00;
}

#rightCol #outlook h2
{
	margin:						0 0 12px 0;
}

#rightCol #outlook img
{
	float:						left;
	margin:						0 10px 0 0;
}

#rightCol #outlook div
{
	float:						left;
	width:						100px;
}

#rightCol #skyscraper
{
	padding:					12px;
	text-align:					center;
	background:					#D9D9D9;
}

#rightCol #newsletter h2
{
	padding:					0;
	margin:						0;
	
}

/**
 * Left
 * ------------------------------------------------------------------------------------
 */
#left .intro
{
	background:					#DFDFDF;
	padding:					12px;
	font-size:					12px;
}

#left .intro h2
{
	text-transform:				none;
	margin:						0 0 12px 0;
}

/**
 * Common
 * ------------------------------------------------------------------------------------
 */
h2.upper
{
	text-transform:				uppercase !important;
}

h2.lower
{
	text-transform:				none !important;
}

h2.balloon
{
	position:					relative;
	background:					url("/images/bullet_balloon_medium.png") no-repeat left;
	padding-left:				25px;
	display:					block;
	height:						25px;
}

.alphaBg
{
	position:					absolute !important;
	top:						0;
	left:						0;
	background:					#FFF;
	filter:						progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	-moz-opacity:				0.3;
	opacity:					0.3;
}

div.pageTitle
{
	position:					relative;
	margin:						0 0 12px 45px;
	border-bottom:				1px solid #666;
	background:					transparent;
	height:						45px;
}

div.pageTitle h1 img
{
	padding-top:				8px;
}

div.pageTitle .icon_smile,
div.pageTitle .mask
{
	position:					relative;
	float:						left;
	display:					inline;
	margin:						8px 0 0 -45px;
	width:						37px;
	height:						43px;
	background-image:			url('/images/icon_smile.png');
	background-position:		top left;
	background-repeat:			no-repeat;
}

div.pageTitle .mask
{
	background-image:			url('/images/balloon_mask_large_gradient.png');
	background-position:		1px 1px;
	width:						36px;
	height:						42px;
}

div.pageTitle h1
{
	font-size:					42px;
	background:					transparent;
}

.darkGreyBg
{
	background:					#666;
	padding:					12px;
	color:						#FFF;
}

.lightGreyBg
{
	background:					#DFDFDF;
	padding:					12px;
}

.darkGreyBg h1,
.lightGreyBg h1
{
	font-size:					41px;
	text-transform:				none;
	padding:					0 0 6px 0;
	margin:						0 0 12px 0;
}

.lightGreyBg h1
{
	color:						#666;
	border-bottom:				1px dotted #666;
}

.darkGreyBg h1
{
	color:						#FFF;
	border-bottom:				1px dotted #FFF;
}

.darkGreyBg h2
{
	color:						#FFF;
	text-transform:				none;
	margin:						0 0 6px 0;
	font-size:					21px;
}

.darkGreyBg h5,
.lightGreyBg h5
{
	margin:						0 0 6px 0;
}

.darkGreyBg p,
.lightGreyBg p
{
	margin:						0 0 6px 0;
	padding:					0 0 6px 0;
}

.darkGreyBg a,
.lightGreyBg a
{
	color:						#00F;
}

form h5
{
	color:						#FFC10E;
}

form fieldset.submit input
{
	width:						auto;
}

.darkGreyBg form div.message
{
	border-top:					1px dotted #FFF;
	border-bottom:				1px dotted #FFF;
	padding:					6px;
	margin:						0 0 12px 0;
	background:					#DFDFDF;
	color:						#F00;
}

/**
 * Widgets - Video Player
 * ------------------------------------------------------------------------------------
 */
.videoPlayer
{
	position:					relative;
	background:					#000;
	width:						355px;
	height:						310px;
}

.videoPlayer img
{
	position:					absolute;
	top:						67px;
	left:						128px;
}

/**
 * Search
 * ------------------------------------------------------------------------------------
 */
 
div#search {
	position:					relative;
	width:						580px;
	margin-top:					15px;
	margin-right:				275px;
	padding-right:				20px;
	float:						right;
	display:					inline;
}

div#search fieldset {
	float:						right;
}

div#search form {
	background:					none !important;
}

div#search form input {
	width:						235px;
	height:						19px;
	padding:					4px 5px 5px 15px;
	margin:						0 30px 0 0;
	border:						0;
	background:					#D9D9D9;
	color:						#77778F;
	font-size:					16px;
}

div#search form input.submit {
	position:					absolute;
	top:						1px;
	right:						20px;
	padding:					0;
	margin:						0;
	width:						26px;
	height:						25px;
}
 
/**
 * Widgets - Main Image Alpha
 * ------------------------------------------------------------------------------------
 */
div.mainImage
{
	position:					relative;
	width:						356px;
}
 
div.mainImage div.mainImageAlpha,
div.mainImage div.mainImageAlpha div.alphaBg
{
	position:					absolute;
	z-index:					2;
	width:						345px;
	bottom:						0;
	left:						0;
	padding:					6px;
}

div.mainImage div.mainImageAlpha div.alphaBg
{
	background:					#000;
}

div.mainImage div.mainImageAlpha h2,
div.mainImage div.mainImageAlpha div.alphaBg h2
{
	margin:						0 !important;
	padding:					0 !important;
	text-transform:				none;
}

a div.mainImage
{
	cursor:						pointer;
}

a.mainImage:hover
{
	text-decoration:			none;
}

/**
 * Widgets - Chat Form
 * ------------------------------------------------------------------------------------
 */
form.question,
form.login
{
	margin:						0 !important;
	padding:					0 !important;
}

form.question .message,
form.login .message
{
	margin:						6px 0;
}

form.question fieldset,
form.login fieldset
{
	position:					relative;
	padding:					0 0 6px 0;
	overflow:					hidden;
	width:						280px;
}

form.question fieldset input,
form.login fieldset input,
form.question fieldset textarea
{
	position:					relative;
	z-index:					2;
	width:						274px;
	height:						18px;
	border:						1px solid #FFF;
	background:					none;
	color:						#000 !important;
	font:						normal 12px Arial, Helvetica, sans-serif;
	padding:					0 2px;
	margin:						0;
}

form.question fieldset textarea
{
	height:						58px;
}

form.question fieldset textarea.long
{
	height:						84px;
}

form.question fieldset label,
form.login fieldset label
{
	position:					absolute;
	top:						0;
	left:						0;
	width:						279px;
	height:						20px;
	background:					#FFF;
	filter:						progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	-moz-opacity:				0.3;
	opacity:					0.3;
}

form.question fieldset.question label
{
	height:						60px;
}

form.question fieldset.question label.long
{
	height:						86px;
}

form.question fieldset.submit,
form.login fieldset.submit
{
	float:						right;
	width:						70px;
	display:					inline;
	margin:						-93px 0 0 0;
	text-align:					center;
}

form.login fieldset.submit
{
	float:						right;
	width:						70px;
	display:					inline;
	margin:						-28px 0 0 0;
	text-align:					center;
}

form.question fieldset.submit .outlook
{
	position:					relative;
	height:						58px;
	margin:						0 0 6px 0;
}

form.question fieldset.submit .outlook img
{
	border:						none !important;
	float:						none !important;
	margin:						0 !important;
}

form.question fieldset.submit input,
form.login fieldset.submit input
{
	position:					relative;
	width:						auto;
	height:						auto;
	border:						none;
	background:					transparent;
	padding:					0;
	margin:						0;
}


/**
 * Widgets - Chat Teaser
 * ------------------------------------------------------------------------------------
 */
.teaserItem
{
	position:					relative;
	padding:					12px;
	margin:						0 0 12px 0;
}

.teaserItem *
{
	color:						#FFF;
}

.teaserItem h2
{
	display:					block;
	border-bottom:				1px dotted #FFF;
	padding-bottom:				3px;
	margin-bottom:				6px;
	color:						#FFF;
}

.teaserItem .intro
{
	position:					relative;
	overflow:					hidden;
	height:						1%;
	margin:						0 0 6px 0;
}

.teaserItem h2
{
	display:					block;
	border-bottom:				1px dotted #FFF;
	padding-bottom:				3px;
	margin-bottom:				6px;
	color:						#FFF;
}

.teaserItem form h5
{
	border-bottom:				none;
	padding:					6px 0 0 0;
}

.teaserItem .image
{
	float:						left;
	width:						80px;
	margin:						0 8px 0 0;
}

.teaserItem .image img
{
	margin:						0 0 6px 0;
	border:						1px solid #FFF;
}

.teaserItem .content
{
	position:					relative;
	margin:						0 0 0 90px;
}

.teaserItem .left
{
	position:					relative;
	overflow:					hidden;
	float:						left;
	width:						370px;
}

.teaserItem .title
{
	text-transform:				uppercase;
	display:					block;
	font-size:					14px;
	margin:						0 0 3px 0;
}

.teaserItem .footer,
.teaserItem .absoluteFooter
{
	margin:						6px 0 0 0;
	padding:					6px 0 0 0;
	border-top:					1px solid #FFF;
}

.teaserItem .absoluteFooter
{
	margin:						0 180px 0 0;
}

.teaserItem .bottom
{
	position:					relative;
	overflow:					hidden;
	height:						1%;
	border-top:					1px dotted #FFF;
}

.teaserItem .leftCol
{
	float:						left;
	width:						362px;
}

.teaserItem .sponsor
{
	float:						right;
	width:						163px;
	margin:						6px 0 0 0;
}

.teaserItem .sponsor h5
{
	margin:						0 0 6px 0;
}


/**
 * Widgets - Paginator
 * ------------------------------------------------------------------------------------
 */
ul.paginator
{
	position:					relative;
	padding:					0;
	margin:						0;
	list-style:					none;
	overflow:					hidden;
	margin:						0 0 12px 0;
	height:						1%;
	text-align:					center;
}

ul.paginator li
{
	font-weight:				bold;
	display:					inline;
}

ul.paginator li.currentPage
{
	color:						#E9208C;
	font-weight:				bold;
	padding:					0 5px;
}

ul.paginator li.noselect
{
	padding:					2px 5px;
	color:						#CCC;
}

ul.paginator li a
{
	position:					relative;
	display:					block;
	color:						#28266C;
	padding:					2px 10px;
	display:					inline;
}

/**
 * Media Boxes
 * ------------------------------------------------------------------------------------
 */
 
.smallerGreyBG {
	background:					url('/images/smaller_grad_bg.jpg') repeat-x !important;
}  
 
.smallGreyBG {
	background:					url('/images/small_grad_bg.jpg') repeat-x !important;
} 
 
.mediumGreyBg {
	background:					url('/images/medium_grad_bg.jpg') repeat-x !important;
} 
 
.largerGreyBG {
	background:					url('/images/large_grad_bg.jpg') repeat-x !important;
} 
 
.largerGreyBg {
	background:					url('/images/larger_grad_bg.jpg') repeat-x !important;
} 

.mediaBoxSmall h2,
.halfColBox h2 {
	text-transform:				none !important;
}
 
.oneColumnBox, .twoColumnBox, .halfColBox {
	position:					relative;
} 
 
.mediaBoxSmall, .mediaBoxMedium, .mediaBoxLarge, .oneColumnBox, .twoColumnBox {
	width:						890px;
	padding:					20px 20px 40px;
	overflow:					hidden;
}

div.mediaBoxSmall, .twoColumnBox, .oneColumnBox {
	background:					url('/images/small_grad_bg.jpg') repeat-x;
}

div.mediaBoxMedium {
	background:					url('/images/medium_grad_bg.jpg') repeat-x;
}

.halfColBox {
	background:					url('/images/large_grad_bg.jpg') repeat-x;
}

div.mediaBoxLarge {

}

div.mediaBoxSmall div.episodes {
	width:						162px;
	margin-right:				20px;
	padding-bottom:				20px;
	float:						left;
}

div.mediaBoxSmall div.episodes div.thumb {
	padding-bottom:				10px;
}

div.mediaBoxSmall div.episodes img.icon {
	float:						left;
}

div.mediaBoxSmall div.episodes div.title {
	width:						135px;
	float:						right;
}

div.mediaBoxSmall div.episodes a {
	color:						#28266C;
}

div.mediaBoxSmall h2 {
	font-weight:				normal;
	padding-bottom:				10px;
}

.oneColumnBox {
	padding:					0;
}

.oneColumnBox, .twoColumnBox {
	width:						364px;
	float:						left;
	margin-left:				20px;
}

.oneColumnBox h2, .twoColumnBox h2 {
	text-transform:				none;
}

.twoColumnBox {
	width:						506px;
}

.halfColBox {
	width:						454px;
	float:						left;
}

div.rightSideBox {
	position:					relative;
	width:						385px;
	height:						322px;
	float:						right;
}

div.rightSideBox img.header {
	padding-bottom:				10px;
}

div.rightSideBox p {
	color:						#000;
	line-height:				18px;
}

.first {
	margin-left:				0;
}

/**
 * Shows Page
 * ------------------------------------------------------------------------------------
 */

div.information  {
	width:						900px;
	float: 						left;
}

div.information h3 {
	padding-bottom:				10px;
	float: 						left;
}

div.rightSideBox div.download h3,
div.mediaBoxSmall h2,
div.rightSideBox div.broughtBy form fieldset div label,
div.rightSideBox div.broughtBy h3,
div.mediaBoxMedium h2,
div.mediaBoxMedium h3 a,
div.rightSideBox div.showWidgets a {
	color:						#E9208C;
}

div.mediaBoxMedium h3 a,
div.mediaBoxMedium h2 {
	text-transform:				none;
	font-size:					18px;
	padding-bottom:				5px;
	font-weight:				normal;
}

div.rightSideBox div.broughtBy form fieldset,
div.mediaBoxMedium h3 {
	margin-top:					10px;
}

div.rightSideBox div.download h3,
div.rightSideBox div.broughtBy form fieldset div label,
div.mediaBoxMedium h3 a {
	text-transform:				uppercase;
	font-size:					15px;
	text-decoration:			none;
	font-weight:				normal;
}

div.rightSideBox div.showWidgets {
	width:						200px;
	float:						left;
}

div.rightSideBox div.showWidgets div img{
	padding-right:				10px;
	float:						left;
}

div.rightSideBox div.showWidgets div {
	padding-bottom:				10px;
}

div.rightSideBox div.broughtBy h3,
div.rightSideBox div.showWidgets div h3 {
	margin:						0;
}

div.rightSideBox div.download h3,
div.rightSideBox div.broughtBy form fieldset div label,
div.rightSideBox div.broughtBy h3,
div.rightSideBox div.showWidgets div h3 a {
	font-size:					14px;
}

#description {
	color:						#000;
	float: 						left;
}

.flexcroll {
	height:						200px;
}

/*----- Refer Page -----*/

#refer .message {
	margin-left:				110px;
}

div#refer fieldset textarea,
div#refer fieldset input {
	width:						220px;
	margin-top:					5px;
	border:						1px solid #64637C;
}

div#refer fieldset label {
	float:						left;
	width:						100px;
	padding-right:				10px;
	text-align:					right;
}

div#refer fieldset {
	width:						350px;
}

div#refer fieldset div {
	width:						240px;
	float:						right;
}

div#refer form fieldset.submit .submit {
	width:						57px;
	height:						20px;
	border:						0;
}
div#refer form fieldset.submit .loading {
	margin-left:				110px;
}

/*------- Brought to you by -------*/

div.rightSideBox div.broughtBy {
	width:						155px;
	float:						right;
}

div.rightSideBox div.broughtBy h3 {
	font-weight:				normal;
}

div.rightSideBox div.broughtBy .imageSponsor {
	width:						140px;
	/*border:						1px solid #ccc;*/
	padding:					5px;
	margin-top:					5px;
	/*background:					#fff;*/
	text-align:					center;
}

div.rightSideBox div.broughtBy form fieldset div .checkbox,
div.rightSideBox div.broughtBy form fieldset div .submit {
	vertical-align:				middle;
}

div.rightSideBox div.broughtBy form fieldset label.optinText {
	font-size:					10px;
}
/*------- LinkTo Enabled -------*/

div.linkto {
	width:						205px;
	top:						200px;
	color:						#666;
	font-weight:				normal;
	font-size:					10px;
}

div.linkto div.linktoLogo {
	height:						21px;
	margin-bottom:				3px;
}

div.linkto div.linktoLogo img {
	float:						none;
}

span.clicktobuy {
	color:						#28266C;
	text-transform:				uppercase;
}

/*------- Download episodes -------*/

div.rightSideBox div.download .download {
	position:					absolute;
	top:						28px;
	right:						-30px;
}

div.rightSideBox div.download form {
	padding-top:				5px;
}

/*------- Episodes and Related shows -------*/

div.mediaBoxSmall .showCarousel {
	color:						#28266C !important;
	text-transform:				capitalize;
}

/*------- Social Network Links -------*/

div.SNLinks {
	position:					absolute;
	bottom:						0;
	right:						49px;
}

div.SNLinks p {
	position:					relative;
	margin:						5px 0 0 0;
	text-transform: 			uppercase;
	font-size:					10px;
}

div.SNLinks img {
	position:					absolute;
	left:						-20px;
	top:						0;
}

/**
 * Video Player
 * ------------------------------------------------------------------------------------
 */

div#player {
	float:left;
/*	height:324px;
	overflow:hidden;*/
	text-align:center;
	width:486px;
}


/**
 * Login and Register
 * ------------------------------------------------------------------------------------
 */

div#login form fieldset {
	width:						430px;
}

div#login h2 {
	padding-bottom:				10px;
}

div#login p {
	margin-top:					10px;
}

div#login p a {
	color:						#64637C;
}

div#login form fieldset div {
	float:						left;
	width:						130px;
	padding-right:				20px;
}

div#login div.message {
	width:						370px;
	font-size:					10px;
}

div#login div.message p {
	margin:						0;
	padding:					0 0 10px 0;
}

div#login form fieldset div input {
	width:						130px;
	height:						16px;
}

div#login form fieldset div.submit {
	margin-top:					16px;
	width:						58px;
	float:						left;
}

div#login form fieldset div.submit .submit {
	width:						58px;
	height:						19px;
}

#reset form fieldset input,
#register form fieldset div.register select,
#register form fieldset div.register input {
	width:						140px;
	height:						18px;
	border:						1px solid #9d9da9;
	margin-top:					5px;
}

#refer .message,
#register form fieldset div.register div.message,
#register form fieldset div.register select {
	font-size:					10px;
}

#register form fieldset label {
	width:						140px;
	text-transform:				uppercase;
	text-align:					right;
	padding-top:				7px;
	padding-right:				5px;
	float:						left;
}

#register form fieldset div.register {
	width:						410px;
}

#register form fieldset div {
	position:					relative;
}

#register form fieldset div.register div.message {
	width:						110px;
	position:					absolute;
	top:						5px;
	right:						-75px;
}

#register form fieldset div {
	width:						200px;
	float:						left;
}

#register form div.interests {
	width:						100px;
	float:						left;
	padding-bottom:				20px;
}

#register form div.interests br{
	display:					none;
}

#register form p {
	text-transform:				uppercase;
}

#register form div.interests fieldset div {
	width:						420px;
	float:						left;
}

#register form fieldset .checkbox {
	width:						20px;
	float:						left;
	border:						0;
	padding:					0;
}

#register form div.interests fieldset label {
	text-align:					left;
	float:						left;
	width:						205px;
	display:					inline;
}

#register form fieldset.submit .submit {
	width:						52px !important;
	height:						20px !important;
	border:						0;
}

#register form fieldset.optin {
	margin-top:					20px;
	width:						400px;
}

#register form fieldset.optin p {
	text-align:					left;
	float:						right;
	width:						370px;
	padding-top:				2px;
}

#register .calendarTrigger {
	position:					relative;
	left:						4px;
	top:						4px;
	cursor:						pointer;
}

/*----- Reset Password Page -----*/

div#reset {
	position:					relative;
}

#reset form fieldset.submit .submit {
	width:						52px;
	height:						20px;
	border:						0;
}

/**
 * Category/Favourites Page
 * ------------------------------------------------------------------------------------
 */

div.mediaBoxMedium div.category {
	
}

div.mediaBoxMedium div.episodes {
	width:						162px;
	float:						left;
	padding:					0 20px 20px 0;
}

div.mediaBoxMedium .item a {
	width:						162px;	
}

div.mediaBoxMedium a:hover {
	text-decoration:			none;
}

div.mediaBoxMedium img.arrow {
	margin-top:					5px;
	width:						20px;
	float:						left;
}

div.mediaBoxMedium div.description {
	width:						138px;
	margin-top:					5px;
	float:						right;
}

div.mediaBoxMedium div.description h4 {
	text-transform:				none;
}

div.description div.episodeCount {
	font-size:					11px;
	color:						#64637C;
	cursor:						pointer;
}

div.mediaBoxMedium div.description div.episodeCount a {
	color:						#64637C;
}

/**
 * Industry Research Page
 * ------------------------------------------------------------------------------------
 */

div#industryResearch ul li,
div#industryResearch {
	position:					relative;
}

div#industryResearch h5,
div#industryResearch h2 {
	text-transform:				none;
}

div#industryResearch .halfCol {
	width:						430px;
	float:						left;
}

div#industryResearch h5 {
	margin-top:					30px;
	padding-bottom:				20px;
}

div#industryResearch .halfCol p {
	margin-top:					25px;
	line-height:				15px;
}

div#industryResearch ul {
	margin:						20px 0 0 0;
	padding:					0 0 30px 0;
	list-style-type:			none;
}

div#industryResearch ul li {
	width:						425px;
	padding:					0 0 10px 20px;
}

div#industryResearch ul li img {
	position:					absolute;
	top:						0;
	left:						0;
}

/**
 * Case Studies Page
 * ------------------------------------------------------------------------------------
 */

div#caseStudies {
	position:					relative;
}

div#caseStudies p {
	margin:						0;
	padding:					0 0 10px 0;
}

div#caseStudies h3 {
	font-size:					14px;
}

div#caseStudies h3,
div#caseStudies h4 {
	margin:						0;
}

div#caseStudies h4 {
	padding-bottom:				10px;
	text-transform:				none;
	color:						#000;
	font-weight:				normal;
}

div#caseStudies div.client {
	padding-right:				30px;
	float:						left;
}

div#caseStudies .rightSideBox {
	padding-right:				10px;
}

div#caseStudies .rightSideBox a:hover {
	text-decoration:			underline;
}

div#caseStudies div.client a:hover {
	text-decoration:			none;
}

div#caseStudies div.client div.img {
}

div#caseStudies div.screenShots img {
	float:						left;
	padding-right:				10px;
}

div#caseStudies .thumb img {
	padding-right:				20px;
}

/**
 * Media Coverage Page
 * ------------------------------------------------------------------------------------
 */

div.mediaCoverage h2, div.mediaCoverage h3, div.mediaCoverage h4 {
	text-transform:				none;
	padding-bottom:				5px;
}

div.mediaCoverage h2 {
	color:						#64637C;
}

div.mediaCoverage h4 {
	padding-bottom:				15px;
}

div.mediaCoverage {
	overflow:					hidden;
	width:						900px;
	padding-bottom:				20px;
}

div.mediaCoverage div.image {
	width:						180px;
	float:						left;
}

div.mediaCoverage div.image img {
	border:						1px solid #64637C;
}

div.mediaCoverage p {
	width:						360px;
	color:						#000;
	float:						left;
}

div.mediaCoverage div.desc .intro,
div.mediaCoverage div.desc,
div.mediaCoverage div.desc div.imageLogo {
	position:					relative;
	float:						left !important;
}

div.mediaCoverage div.desc div.imageLogo {
	height:						110px;
}

div.mediaCoverage div.desc div.imageLogo img {
	position:					absolute;
	bottom:						0;
	left:						20px;
}

div.mediaCoverage div.desc {
	width:						700px;
}

div.mediaCoverage div.desc .intro {
	height:						110px;
}

/**
 * Contact Page
 * ------------------------------------------------------------------------------------
 */

div#contact {
	position:					relative;
	padding-bottom:				150px;
}

div#contact fieldset textarea,
div#contact fieldset input {
	width:						270px;
	height:						18px;
	margin-bottom:				10px;
	border:						1px solid #B1B1BD;
}

div#contact h2 {
	padding-bottom:				20px;
}

div#contact fieldset label {
	width:						120px;
	padding-top:				3px;
	text-align:					right;
	float:						left;
}

div#uploadVideo fieldset span.error,
div#contact fieldset span.error {
	margin-left:				130px;
	font-size:					10px;
}

div#contact div.message {
	padding-bottom:				10px;
}

div#contact fieldset div {
	float:						right;
}

div#contact fieldset textarea {
	height:						180px;
	
}

div#contact fieldset.submit {
	width:						400px;
}

div#contact fieldset.submit .submit {
	width:						57px;
	height:						20px;
	border:						0;
	margin-top:					10px;
	margin-right:				150px;
}

/**
 * Upload Video Page
 * ------------------------------------------------------------------------------------
 */

div#uploadVideo {
	position:					relative;
}

/*div#uploadVideo h1 {
	position:					absolute;
	top:						-30px;
	left:						20px;
}*/

div#uploadVideo p {
	color:						#000;
}

div#uploadVideo h2 {
	padding-bottom:				10px;
}

div#uploadVideo fieldset span.error {
	margin-left:				120px;
}

div#uploadVideo form div.submit,
div#uploadVideo form div.agreeTermsCheck {
	text-align:					center;
	padding-top:				10px;
}

div#uploadVideo form div.agreeTermsCheck label {
	text-transform:				uppercase;
	color:						#6C6C83;
}

div#uploadVideo form {

}

div#uploadVideo div.terms {
	width:						410px;
	height:						210px;
	background:					#fff;
	overflow:					auto;
	border:						1px solid #64637C;
}

div#uploadVideo div.terms ol {
	margin:						0;
	padding:					10px;
}

div#uploadVideo div.terms ol li {
	margin-left:				10px;
	padding-top:				5px;
}

div#uploadVideo div.terms li.listNone {
	list-style-type:			none;
	margin:						0;
}

div#uploadVideo div.terms {
	color:						#000;
}

/*---- Section 2 of 3 ----*/

div#uploadVideo div.details form {
	
}

div#uploadVideo div.details form fieldset div {
	width:						295px;
}

div#uploadVideo div.details form textarea,
div#uploadVideo div.details form input {
	width:						275px;
	border:						1px solid #64637C;
}

div#uploadVideo div.details form fieldset div.desc {
	text-transform:				uppercase;
	width:						115px;
	text-align:					right;
	float:						left;
}

div#uploadVideo div.details form fieldset div {
	float:						right;
	padding-bottom:				10px;
}

div#uploadVideo div.details form fieldset p {
	width:						110px;
	font-size:					10px;
	padding-top:				30px;
	text-transform:				none;
	float:						right;
	color:						#6C6C83;
}

div#uploadVideo div.details form input.submit {
	border:						0;
	margin-top:					10px;
	width:						52px;
	height:						20px;
}

div#uploadVideo div.disabled div.details form select ,
div#uploadVideo div.disabled div.details form textarea ,
div#uploadVideo div.disabled div.details form input {
	background:					#CCCCCC;
}

div#uploadVideo div.disabled form label,
div#uploadVideo div.disabled p,
div#uploadVideo div.disabled h2 {
	color:						#999999 !important;
}
/**
 * RSS Page
 * ------------------------------------------------------------------------------------
 */

/**
 * Terms/Privacy Page
 * ------------------------------------------------------------------------------------
 */
 
div#policy {
	position:					relative;
}

div#rss {
	position:					relative;
}

div#rss .mediaBoxMedium {
	height:						430px;
}

div#rss div.desc {
	width:						520px;
}

div#rss div.desc ul {
	margin:						0 0 0 20px;
	padding:					0 0 10px 0;
}

div#rss div.desc ul li {
	padding-bottom:				10px;
}

div#rss ul.rss {
	margin:						10px 0 0 0;
	padding:					0;
	width:						510px;
}

div#rss ul.rss li {
	position:					relative;
	list-style-type:			none;
	width:						230px;
	padding:					0 10px 15px 0;
	float:						left;
}

div#rss ul.rss li span {
	margin-left:				40px;
}


div#rss ul.rss li img {
	position:					absolute;
	left:						0;
	top:						0;
}

div#rss ul.rss li a {
	color:						#6C6B82;
	font-weight:				bold;
	text-transform:				uppercase;
}

div#rss ul.rss li a:hover {
	text-decoration:			none;
}

div#rss img.rssImg {
	position:					absolute;
	top:						124px;
	right:						60px;
}

/**
 * Chat Page
 * ------------------------------------------------------------------------------------
 */
div#chat
{
	padding:					12px;
	padding-left:				11px;
}

div#chat h2
{
	margin:						0 0 12px 0;
	color:						#FFF;
}

div#chat .top
{
	overflow:					hidden;
	height:						1%;
}

div#chat .top *
{
	color:						#FFF;
}

div#chat .top .chat
{
	float:						left;
	width:						359px;
	border-right:				1px dotted #FFF;
	padding:					0 6px 0 0;
}

div#chat .top .chat form
{
	margin:						12px 0 0 0 !important;
}

div#chat .top .sponsor
{
	float:						left;
	width:						176px;
	margin:						0 0 0 12px;
}

div#chat .bottom .flash .sponsor
{
	float:						left;
	width:						176px;
	margin:						0 12px 0 0;
	border-right:				1px dotted #FFF;
}

div#chat .bottom .playerDisclaimer
{
	position:					relative;
	border-top:					1px dotted #FFF;
	border-bottom:				1px dotted #FFF;
	margin:						12px 0;
	padding:					6px;
	color:						#FFF;
	overflow:					hidden;
	height:						1%;
}

div#chat .bottom .playerDisclaimer img
{
	float:						left;
	margin:						0 12px 0 0;
}

div#chat .bottom .playerDisclaimer div
{
	float:						left;
	width:						500px;
}

div#chat .bottom .playerDisclaimer a
{
	color:						#FFF;
}

div#chat .top .sponsor img,
div#chat .bottom .flash .sponsor img
{
	margin:						6px 0 0 0;
}

div#chat .bottom .flash .sponsor a
{
	color:						#FFF;
}

div#chat .bottom
{
	margin:						12px 0 0 0;
}

div#chat .bottom .copy,
div#chat .bottom .copy *
{
	color:						#FFF;
}

div#chat .bottom .flash
{
	position:					relative;
	overflow:					hidden;
	width:						555px;
	margin-bottom:				12px;
}

div#chat .bottom .title
{
	position:					relative;
	overflow:					hidden;
	width:						555px;
	margin-bottom:				12px;
	height:						18px;
}

div#chat .bottom .alphaBg
{
	z-index:					1;
	width:						555px;
	filter:						progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity:				0.7;
	opacity:					0.7;
}

div#chat .bottom .title .alphaBg
{
	z-index:					1;
	background:					#FFF;
	width:						555px;
	height:						30px;
}

div#chat .bottom .titleInner
{
	position:					relative;
	z-index:					2;
	overflow:					hidden;
	height:						30px;
}

div#chat .bottom .titleInner h5
{
	background:					transparent;
	padding:					0 0 0 6px;
}

div#chat .bottom .titleInner a
{
	background:					transparent;
	float:						left;
	display:					block;
	width:						184px;
	border-right:				1px solid #FFF;
	font:						bold 12px Arial, Helvetica, sans-serif;
	text-transform:				uppercase;
	text-align:					center;
	padding:					2px 0 1px 0;
}

div#chat .bottom .titleInner a:hover
{
	background:					#FFF;
}

div#chat .bottom .comment,
div#chat .bottom .flash .comment
{
	position:					relative;
	margin:						0 0 6px 0;
}

div#chat .bottom .flash .comment
{
	float:						left;
	width:						365px;
	margin:						21px 0 0 0;
}

div#chat .bottom .commentInner
{
	position:					relative;
	padding:					12px;
	z-index:					2;
}

div#chat .bottom .commentInner h4
{
	background:					transparent;
	margin:						0 0 6px 0;
}

div#chat .bottom .commentInner p
{
	margin:						0;
}

div#chat .bottom .comment .alphaBg
{
	height:						70px;
}

div#chat .bottom .flash .comment .alphaBg
{
	height:						116px;
	width:						365px;
}

div#chat .bottom form.question fieldset
{
	width:						470px;
}

div#chat .bottom form.question fieldset input,
div#chat .bottom form.question fieldset textarea
{
	width:						464px;
	margin-bottom:				6px;
}

div#chat .bottom form.question fieldset label
{
	width:						469px;
}

div#chat .bottom form.question fieldset.submit
{
	width:						70px;
}

div#chat .bottom form.question fieldset.submit input
{
	width:						auto;
}


/**
 * Search Page
 * ------------------------------------------------------------------------------------
 */
.searchTitle
{
	margin:						0 0 12px 0;
}


/**
 * Refer-A-Friend
 * ------------------------------------------------------------------------------------
 */
img.referStage
{
	border-bottom:				1px dotted #FFF;
	padding:					0 0 12px 0;
	margin:						0 0 12px 0;
}

#referAFriend h1
{
	color:						#DFDFDF;
	border:						none;
}

#referAFriend textarea
{
	width:						550px;
	height:						40px;
	border:						1px solid #666;
}

#referAFriend fieldset
{
	padding:					0 0 12px 0;
	margin:						0 0 12px 0;
	border-bottom:				1px dotted #FFF;
}

#referAFriend fieldset fieldset
{
	padding:					0;
	margin:						0;
	border:						none;
}

#referAFriend fieldset.submit
{
	border:						none;
	margin-bottom:				0;
	padding-bottom:				0;
}

#referAFriend fieldset.submit p
{
	float:						left;
}

#referAFriend fieldset.submit input
{
	float:						right;
}


/**
 * Contact / Partner / About Us
 * ------------------------------------------------------------------------------------
 */ 
div#aboutus h2 {
	padding-bottom:				15px;
}
 
div#aboutus div.management {
	width:						162px;
	float:						left;
}
 
div#aboutus div.management .thumb {
	height:						110px;
	padding-bottom:				5px;
}
 
#contact fieldset.submit,
#partner fieldset.submit,
#aboutus fieldset.submit
{
	margin:						12px 0 0 0;
	padding:					6px 0 0 0;
	border-top:					1px dotted #FFF;
}

#contact fieldset.submit input,
#partner fieldset.submit input,
#aboutus fieldset.submit input
{
	float:						right;
}

#partner fieldset textarea.small
{
	height:						50px;
}

#aboutus form fieldset textarea
{
	width:						415px;
}