/*
*  ________                  __________.__         __________                          .___                      __   
*  \_____  \   ____   ____   \______   \__| ____   \______   \_______  _________     __| _/____ _____    _______/  |_ 
*   /   |   \ /    \_/ __ \   |    |  _/  |/ ___\   |    |  _/\_  __ \/  _ \__  \   / __ |/ ___\\__  \  /  ___/\   __\
*  /    |    \   |  \  ___/   |    |   \  / /_/  >  |    |   \ |  | \(  <_> ) __ \_/ /_/ \  \___ / __ \_\___ \  |  |  
*  \_______  /___|  /\___  >  |______  /__\___  /   |______  / |__|   \____(____  /\____ |\___  >____  /____  > |__|  
*          \/     \/     \/          \/  /_____/           \/                   \/      \/    \/     \/     \/        
*
*	Developed by One Big Broadcast <onebigbroadcast.com>
*	Bryan Wiebe <bryan@onebigbroadcast.com>
*
*	July 05, 2010
* 	White Stylesheet Layout for ONE BIG Broadcast
*
*/

html {
}

html, body {
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
	
	font-family: "Calibri","Trebuchet MS","Verdana","Arial","Sans-serif";
	color: #000000;
	font-size: 14px;
	
}

img {
	border-style: none;
}

div.page {
	position: relative;
	width: 972px;
	/*border: green solid 1px;*/
	margin: 0px auto 0px auto;
}

div.centered {
	margin: 0px auto 0px auto;
}

h1, p {
	margin: 0px; padding: 0px;
	font-weight: normal;
}

/* Header */
div.top {
	position: relative;
	height: 114px;
}

div.top img.title {
	position: absolute;
	left: 0px; top: 21px;
	width: 360px; height: 79px;
}

div.top div.login {
	position: absolute;
	right: 0px; top: 24px;
	width: 265px; height: 20px;
	color: #a9a9a9;
}

div.top div.login input.text, div.top div.login input.username, div.top div.login input.password {
	position: absolute;
	top: 0px;
	background-color: #F0F0F0;
	border: #F0F0F0 solid 1px;
	padding: 2px;
	margin: 0px;
	width: 83px; height: 14px;
}

div.top div.login input.username {
	left: 54px;
	background-image: url("../images/light/login.username.bg.png");
}

div.top div.login input.password {
	left: 150px;
	background-image: url("../images/light/login.password.bg.png");
}
div.top div.login input.selected {
	background-image: none;
}

div.top div.toggle {
	position: absolute;
	right: 0px; top: 60px;
	width: 94px;
}

div.top div.toggle img.light {
	width: 41px; height: 37px;
	opacity: 1;
	filter: alpha(opacity = 100);
}

div.top div.toggle img.dark {
	width: 40px; height: 37px;
	opacity: 0.4;
	filter: alpha(opacity = 40);
}


div.top div.login input#submitLogin {
	position: absolute;
	left: 245px; top: 0px;
	width: 20px; height: 20px;
}

div.headerImage {
	position: relative;
	margin-top: 20px;
}

div.headerImage, div.headerImg img {
	width: 689px; height: 56px;
}


/* Menu */
div.menu {
	position: relative;
	height: 30px;
	background-image: url("../images/light/menu.bg.png");
	background-color: #EBEBEB;
}

div.menu img {
	position: absolute;
	left: 0px; top: 0px;
	width: 964px; height: 30px;
}

div.menu img.selected {
	visibility: hidden;
}

div.menu div.page {
	width: 964px;
}

/* Splash */
div.splash {
	position: relative;
	height: 399px;
	background-image: url("../images/light/splash.bg.jpg");
	background-position: top center;
}

div.splash img {
	position: absolute;
	left: 0px; top: 0px;
	width: 972px; height: 399px;
	display: none;
}

/* Highlights */
div.highlights {
	position: relative;
	height: 267px;
	background-color: #EBEBEB;
}

div.highlights div.highlight {
	position: relative;
	height: 86px;
	padding-left: 82px;
	font-size: 14px;
	color: #828282;
	cursor: pointer;
}

div.highlights div.highlight img.highlight {
	position: absolute;
	left: 0px; top: 0px;
	width: 69px; height: 68px;
}

div.highlights div.highlight b {
	display: block;
	font-size: 16px;
	color: #91414b;
}

div.leftColumn {
	padding: 16px 0px 0px 6px;
	width: 292px;
}

div.middleColumn {
	position: absolute;
	left: 336px; top: 16px;
	width: 292px;
}

div.rightColumn {
	position: absolute;
	left: 669px; top: 16px;
	width: 292px;
}

/* Content */
div.content {
	position: relative;
}

div.content div.title {
	font-size: 18px;
	font-weight: bold;
	color: #b0b0b0;
	margin-bottom: 10px;
}

div.content div.leftColumn div.item {
	height: 57px;
	padding-left: 88px;
	padding-top: 2px;
}

div.content div.leftColumn div.item img {
	position: absolute;
	left: 0px; top: 0px;
	width: 80px; height: 55px;
}

div.content div.item {
	position: relative;
	color: #4e4e4e;
	font-size: 14px;
}

div.content div.item div.line {
	overflow: hidden;
	height: 16px;
	white-space: nowrap;
}

div.content div.item div.more {
	position: absolute;
	right: 0px; top: 0px;
	height: 16px;
	padding-left: 2px;
	background-color: #FFFFFF;
}

div.content div.item a.more {
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #b0b0b0;
}

div.content div.left {
	position: relative;
	color: #b0b0b0;
	font-weight: bold;
	font-size: 12px;
	width: 74px;
}

div.content div.right {
	position: absolute;
	left: 80px; top: 0px;
	width: 212px;
	font-weight: normal;
	font-size: 12px;
	color: #4e4e4e;
	white-space: nowrap;
}

div.content div.right div.social {
	position: relative;
	width: 291px; height: 84px;
}

div.content div.right div.social img {
	position: absolute;
	left: 0px; top: 0px;
	width: 291px; height: 84px;
}

/* Testimonials */
div.testimonials {
	margin-top: 18px;
	position: relative;
	font-size: 15px;
}

div.testimonials div.page {
	border-top: #E6E7E8 solid 1px;
}

div.testimonials div.title {
	padding: 6px 0px 6px 0px;	
	color: #c8465a;
	font-weight: bold;
}

div.testimonials div.testimonial_content {
	position: absolute;
	left: 106px; top: 6px;
	width: 790px; height: 18px;
	white-space: nowrap;
	overflow: hidden;
}

div.testimonials div.testimonial_signature {
	position: absolute;
	right: 54px; top: 7px;
	font-size: 14px;
	font-weight: bold;
	color: #c8465a;
	background-color: #FFFFFF;
	padding-left: 4px;
}

div.testimonials a {
	display: block;
	position: absolute;
	right: 0px; top: 6px;
	text-decoration: underline;
	color: #c8465a;
	font-size: 14px;
}

div.testimonial {
	padding: 16px;
	border: #2E2E2E solid 2px; 
	background-color: #F4F4F4;
	margin-top: 16px;
}

div.testimonial b {
	display: block;
	margin-top: 4px;
}

/* Bottom */
div.bottom {
	margin-top: 2px;
	position: relative;
	height: 48px;
}

div.bottom div.page {
	border-top: #E6E7E8 solid 3px;
}

div.bottom p {
	padding-top: 8px;
	color: #a0a0a0;
	font-size: 10px;
}

div.bottom img {
	position: absolute;
	right: 0px; top: 8px;
	width: 145px; height: 44px;
}

/* Internal */
div.content div.internal  {
	padding-left: 272px;
	padding-top: 1px;
	min-height: 480px;
}

div.content div.links {
	position: absolute;
	left: 0px; top: 19px;
	width: 242px;
	background-color: #EBEBEB;
}

div.content div.links div.padding {
	padding: 10px 10px 10px 10px;
}

div.content div.links div.title {
	color: #989898;
	margin-bottom: 5px;
}

div.content div.links div.border {
	border-left: #E3E3E3 solid 1px;
	border-right: #C6C6C6 solid 1px;
	background-color: #BEBEBE;
	height: 1px;
	margin-bottom: 6px;
}

div.content div.links a {
	display: block;
	padding-left: 32px; 
	background-position: left center;
	background-repeat: no-repeat;
	height: 23px;
	line-height: 23px;
	color: #913B46;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 4px;	
}

div.content div.links a:hover {
	background-color: #CDCDCD;
}

/* subnav - added June 2011 by SJA for webcam top nav */

ul.subnav {
	margin-top: 0px;
	display: block;
	height: 31px;
	background-image: url("../images/subnav.bg.png");
	background-color: #BEBEBE;
}

ul.subnav, ul.subnav li {
	list-style: none;
	padding: 0px; margin: 0px;
}

ul.subnav li  {
	float: left;
	background: transparent url("../images/subnav.divider.png") no-repeat right center;
	width: 192px;
}

ul.subnav li:last-child {
	background-image: none;
}

ul.subnav a {
	position: relative;
	display: block;
	line-height: 31px;
	text-decoration: none;
	color: #FFF;
	text-align: center;
}

ul.subnav a img {
	height: 16px;
}

a#CMS_add_menuItem {
	display: block;
	margin: 4px 0px 8px 4px;
	border: #000 solid 1px;
	background-color: #EEE;
	color: #000;
	height: 20px;
	padding: 4px;
	text-decoration: none;
}


/* Side navigation icons */
a.seo {
	background-image: url("../images/light/links.seo.png");
}
a.oneclickbroadcast {
	background-image: url("../images/light/links.oneclickbroadcast.png");
}
a.social {
	background-image: url("../images/light/links.social.png");
}
a.broadcasts {
	background-image: url("../images/light/links.broadcasts.png");
}
a.usergenerated {
	background-image: url("../images/light/links.usergenerated.png");
}
a.mobile {
	background-image: url("../images/light/links.mobile.png");
}
a.reporting {
	background-image: url("../images/light/links.reporting.png");
}
a.webcms {
	background-image: url("../images/light/links.webcms.png");
}
a.creative {
	background-image: url("../images/light/links.creative.png");
}
a.pro {
	background-image: url("../images/light/links.pro.png");
}
a.strategy {
	background-image: url("../images/light/links.strategy.png");
}
a.execute {
	background-image: url("../images/light/links.execute.png");
}
a.result {
	background-image: url("../images/light/links.result.png");
}

/* Dialogs */
div.dialog {
	margin: 16px;
	padding: 24px;
	border: #A51810 solid 2px;
}
.error {
	color: red;
}

/* Blog */
div.cmsBlog div.blogPost {
	color: #000000;
	font-size: 14px;
}

div.cmsBlog div.left {
	width: 509px;
}