/* Fonts Futura for Analytics Page */
@font-face {
	font-family: FuturaLTCondensedBold;
	src: url('/fonts/futura_condensed_bold-webfont.eot');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: FuturaLTCondensedBold;
	src: url('/fonts/futura_condensed_bold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: FuturaLTCondensedMedium;
	src: url('/fonts/futura_lt_medium-webfont.eot');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: FuturaLTCondensedMedium;
	src: url('/fonts/futura_lt_medium-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body,html {
	margin: 0px;
	font-family: Arial, sans-serif;
}

h1, h2, h3, p {
	margin:	0;
	padding: 0;
}

p {
	padding-bottom: 20px;
}

h1 {
	font-size:1.4em;
}

h2 {
	font-size:1em;
	font-family: FuturaLTCondensedBold, Verdana !important;
}

a {
	color:#004E8C;
	text-decoration:none;
}

.noMarginRight {
	margin-right: 0 !important;
}

.floatRight {
	float: right !important;
}

.noPaddingRight {
	padding-right: 0 !important;	
}

.noPaddingLeft {
	padding-left: 0 !important;	
}

.noPaddingTop {
	padding-top: 0 !important;	
}

.noPaddingBottom {
	padding-bottom: 0 !important;	
}


td.form-element-label,
div.contact form .contactSection div label,
span, a, p, h3, ul, a, h3, p {
	font-size:					12px;
	color:						#808080;
}

th,td {
	/*borders and padding to make the table readable*/
	border:none;
}

a:hover {
	text-decoration:underline;
}

img {
	border:none;	
}

.imageHeight32 {
	width: auto;
	height : 32px;
}

.imageHeight24 {
	width: auto;
	height : 24px;
}

.clear {
	clear:both;	
}

#side-menu {
	float: left;
	padding-right: 10px;
	width: 250px;
}

.menu-margin {
	margin-left: 270px;
}

#body-wrapper {
	width: 800px;	
}

#flash-message-box {
	background-color: #FFFFD2;
	border-style: solid;
	border-width: thin;
	border-color: #F90;
	width: 970px;
	margin: 0 auto;
}

#copyright-notice {
	font-size: 0.6em;
}

input, textarea, select {
	width: 320px;	
}

textarea {
	height: 150px;	
}


.embedTextArea {
	width: 750px;
	height: 400px;
}


input[type="submit"] {
	width: auto;	
}

input[type="checkbox"] {
	width: auto;	
}

input[type="file"] {
	width: auto;	
}


td.form-element-label {
	vertical-align:top;	
	width: 200px;
}

td.form-element-control {
	vertical-align:top;	
}

td.form-element-control input {
}

td.form-element-description {
	font-size: 0.8em;
	vertical-align:top;	
	color: #777777;
}

.remove-link-block {
	background-color: #FFF8F0;
	border:1px solid #FFBC79;
	padding: 1px;
	padding-right: 4px;
	padding-left: 4px;
	font-size: 0.8em;
	display:inline;
}

div.wizardMenu {
	overflow: hidden;
}

.subMenuAnalytics div.wizardMenu div.orange,
.subMenuAnalytics div.wizardMenu div {
	width: 142px;
}

div.wizardMenu div.orange,
div.wizardMenu div {
	margin:	0;
	padding: 3px 0 0 0px;
	float: left;
	height: 19px;
	width: 152px;
	background: url('../images/menu_grey_bg.png') no-repeat;
	margin-right: 5px;
}

div.wizardMenu div.orange a,
div.wizardMenu div a{
	margin-left:10px;
}

div.wizardMenu div.orange {
	background: url('../images/menu_orange_bg.png') no-repeat;
}

div.wizardMenu div a {
	color: #fff;
	font-size: 12px;
}

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

div.nextButton {
	overflow: hidden;
}

div.nextButton img {
	float: right;
	margin-right: 15px;
}

div.nextButtonUpload img.next {
	margin-top: 20px;
	display: none;
}

ul.errors {
	font-size: 0.8em;
	color: #ff0000;
}


table.extra-bar-preview {
	border-style: solid;
	border-width: 1px;
}


td.extra-bar-preview-icon {
	border-style: solid;
	border-width: 0px;
	border-left-width: 1px;
}


td.extra-bar-preview-label {
	border-style: none;
}


img.extra-bar-preview-icon {
	height: 24px;
	width: auto;
}


#header {
	
}


#header_container {
	position: relative;
	width: 1000px;
	height: 114px;
	margin: 0 auto;
	background: url('/images/linkto_header.jpg') no-repeat center top;
}


#header_container img.header_logo {
	float:left;
	height:70px;
	margin:18px 0 0 33px;
	width:207px;
}

#header_container img.leftCorner {
	position: absolute;
	top: 0;
	left: 0;
}

#header_container img.rightCorner {
	position: absolute;
	top: 0;
	right: 0;
}

#header_menu {
	float:right;
	width: 559px;
	height: 114px;
	font-family: FuturaLTCondensedBold, Verdana, Arial, sans-serif;
}

#subMenu {
	
}

#subMenu_container {
	width: 952px;
	height: auto;
	margin: 0 auto;
}

#main_body {
	
}

#main_body_home {
	
}

#footer_home #footer {
	margin: 30px auto 12px;
}


#main_container {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

#content {
	margin: 					0 auto;
	position: 					relative;
	min-height:					70px;
	width: 						952px;
	padding:					20px 0 20px 15px;
	border:						1px solid #D8D8D8;
	border-bottom:				0;
	border-top:					0;
}

#content.noMargin {
	top: 0 !important;	
}

#content.home {
	border: 					none !important;
	top: 						0px !important;
	padding:					10px 0px 0px 0px;
	width: 						972px;
	height: 					889px;
}

#content.home .home.players {
	margin-top: 0;	
} 

#content.home .home {
	padding-right: 				0px;
}


#content .home h2 {
	position: 					relative !important;
	top:						0px !important;
	float: 						left;
	width: 						100%;
	left:						0px !important;
}

#content h3 {
	font-size:					16px;
	color:						#F7931E;
}

#content h4 {
	font-size:					13px;
	color:						#F7931E;
}

#content img.topCorners {
	position:					absolute;
	top:						0;
	left:						-1px;
	z-index:					1;
}

#content img.bottomCorners {
	position:					absolute;
	bottom:						0;
	left:						-1px;
}

#footer_container {
	width: 730px;
	margin: 0 auto;
}


.content-title {
	color: #f7931e;
	font-size: 20px;
	text-transform: uppercase;
	display: inline;
}


.content-subtitle {
	color: #b3b3b3;
	font-size: 0.6em;
	text-transform: uppercase;
	display: inline;
}


.content-title-number {
	color: #f7931e;
	font-size: 3.5em;
	font-weight: bold;
	margin-left: 30px;
}

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

div#footer .quickLinks {
	padding:					0 0 10px 0;
	font-size: 					14px;
	color:						#F7931E;
	font-weight: 				bold;
}

div#footer div.container {
	padding:					0;
	margin:						0;
}

div#footer div.copyright {
	color:						#808080;
	position:					relative;
	margin-top:					30px;
}

#footer .links ul {
	float:						left;
	width:						150px;
	margin:						0;
}

#footer .links ul li {
	text-transform:				uppercase;
	padding-bottom:				5px;
}

#footer .links ul li a {
	font-size:					10px !important;
}

#footer ul.details {
	margin:						0;
	padding:					0;
}

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

#footer ul.details li a {
	color:						#808080;
	font-size: 					10px;
}

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

#loginRegister {
	float: right;
	padding-top: 5px;
	padding-right: 35px;
	color: #fff;
	height: 50px;
}


#loginRegister a {
	color: #fff;
	
}

#mainMenu ul.menu {
	position: absolute;
	bottom: 10px;
	right: 20px;
}

#mainMenu ul.menu li {
	display: 					inline;
	padding-right:				15px;
}

#mainMenu ul.menu li a,
#loginRegister #login a {
	font-size: 					20px !important;	
}

#loginRegister,
#mainMenu ul.menu li {
	font-size:					14px;
}

#mainMenu ul.menu li a {
	color: #fff;
}

#mainMenu ul.menu li a:hover {
	text-decoration: none;
}

div.home {
	padding-right:				15px;
	overflow:					hidden;
}

div.home img {
	float:						left;
	margin:						0;
}

td.form-element-label {
	width:						200px;
	text-align: 				right;
	font-size: 					14px;
}

/*#forgotyourpasswordWrapper td.form-element-control {
	text-align: 				right;
	width:						200px;
}*/

#member select {
	color:						#808080;
}

#dateOfBirth {
	
}

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

div.home {
	
}

div.casestudies {
	overflow: 					hidden;
}

div.casestudies .smallLogo {
	height:						30px;
	border-bottom:				1px solid #D8D8D8;
	margin-right:				20px;
}

div.casestudies .smallLogo img {
	float:						left;
	padding-right:				20px;
}

div.casestudies .video {
	text-align:					center;
	padding:					20px 0;
}

div.casestudies .client {
	overflow:					hidden;
}

div.casestudies .client h3 {
	margin:						0;
	padding:					0 0 20px 0;
}

div.home .casestudies h3 {
	padding-bottom:				10px;
}

div.home .casestudies h4,
div.casestudies .client span {
	font-size: 					14px; 
	text-transform: 			uppercase; 
	color:						#A6A6A6;
}

div.home .casestudies h4 {
	padding-bottom:				5px;
}

div.casestudies .copy {
	padding-top:				20px;
	width:						670px;
}

/*---------- Privacy Policy/Terms of Use ----------*/

div.contact,
div.policy,
div.analytics {
	margin:						0 auto;
	width:						935px;
}

div.policy ul {
	list-style-type:			disc;
	margin:						0 0 0 25px;
	padding:					0;
}

div.policy ul li {
	padding-bottom:				10px;
}

h3 {
	color:						#F7931E;
}

div.home h2,
div.contact h2,
div.policy h2,
div.analytics h2,
div.casestudies h2 {
	position:					absolute;
	top:						-30px;
	left:						15px;
	font-size:					20px;
	color:						#F7931E;
	text-transform:				uppercase;
}

div.contact span,
div.policy .policyContainer span {
	color:						#F7931E;
	font-weight:				bold;
}

div.policy .policyContainer {
	margin-top:					10px;				
	position:					relative;
	width:						700px;
}


/*---------- Contact Us ----------*/

div.contact {
	overflow:					hidden;
}

div.contact img.confused {
	float:						right;
	margin-right:				120px;
}

div.contact form {
	width:						400px;
}

div.contact form textarea,
div.contact form input {
	width:						250px;
	float:						right;
}

div.contact form textarea {
	height:						100px;
}

div.contact form .submit input {
	width:						90px;
}

div.contact form .contactSection {
	margin-top:					20px;
	width:						400px;
}

div.contact form .contactSection div {
	padding-bottom:				10px;
	overflow:					hidden;
}

div.contact form .contactSection div label {
	float:						left;
	width:						140px;
	text-align:					right;
}

textarea.embedTextArea {
	width:						700px;
	background:					#EBEBE4;
	border:						1px solid #ccc;
}

div.button {
	background: 				url('../images/button-background.png') no-repeat;
	width:						89px;
	height:						23px;
	padding-top:				7px;
	text-align: 				center;
	float:						left;
	margin-left: 				10px;
}

div.button a {
	color:						#fff;
	font-weight:				bold;
	padding:					7px 25px;
}

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

input[type="submit"] {
    border: none;
    background: url('../images/button-background.png') no-repeat top left;
    padding-bottom: 4px;
    width: 89px;
    height: 30px;
    color: white;
    font-weight: bold;
    float: left;
    cursor: pointer;
}
/*
input[type="submit"]:hover {
    background: url('../images/button-background-over.png') no-repeat top left;
}
input[type="submit"]:active {
    background: url('../images/button-background-active.png') no-repeat top left;
}
*/


label.required:after {
	content: " *";
	color: red;
}

/* Payment */
span.notPaid,
span.contact {
	font-size: 12px;
	font-weight: bold;	
}

span.notPaid {
	float:left;
	margin-bottom:30px;
	margin-top:10px;
	width:100%;
}

.orange {
	color: #F7931E !important;
}

.darkGrey {
	color: #666666 !important;
}

.grey  {
	color: #808080 !important;	
}

.requestPayment {
	height: 270px;	
}

.requestPayment #requestPaymentCharacter {
	bottom:0;
	position:absolute;
	right:0;
}

/* Quick fixes */
.home p {
	width:660px;
	text-align: justify;
}

#upload-form {
	width:100%;
	height:240px;
}

#upload-form object {
	float: left;
	margin-right: 5px;
}

#upload-form .helptext {
	padding-top: 10px;
	padding-right: 15px;
}

#upload-form .helptext p {
	font-size: 10px;
}

.oneMoreStyle {
	width: 100%;
}

/* Home page with brightcove */
#case_studies .txtWrapper {
	font-family: Arial;
	padding: 15px;
	color: #5f6062;
}

#case_studies .title {
	font-size: 19px;
	font-weight: bold;
}

#case_studies .body {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 10px;
	color: #5f6062;
}

#brightcove_new_box .txtWrapper {
	padding-left:25px;
	padding-top:41px;
	width:220px;
	color:#808080;
	font-size:12px;
}

#brightcove_new_box .findMore {
	color:#808080;
	font-size: 11px;
	font-weight: bold;
	margin-top: 6px;
	font-weight: bold;
}

.findMore img {
	float:none !important;
	left:6px;
	margin:0 !important;
	position:relative;
	top:5px;
}

/* Analytics */
.ui-datepicker .ui-datepicker-title {
	line-height: 20px !important;	
}

#filterbox {
	float: left;
	margin-bottom: 10px;
	font-size: 12px;
	color: #808080;
	margin-left: 235px;
}

#filterbox #submit {
	width: 89px !important;	
}

#filterbox input {
	width: 100px;
}

#filterbox div {
	float: left;
	margin-right: 5px;
}

.breadcrumb, h2.analytics {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
}

.ui-state-default, .ui-widget-content .ui-state-default {
	color: #808080 !important;
}

.google-visualization-table-table {
	
}

#case_studies .txtWrapper img {
	border: 1px solid #F2F2F2;
}

/* Twitter Feed */
#twitterBlock {
	background:url("/images/home/twitter_box.png") no-repeat scroll 8px 0 transparent;
	height:198px;
	margin-bottom:0;
	width:272px;
}

#twitterBlock .title {
	width: 100%;
	float: left;
	margin-top: 10px;
	margin-left: 12px;
}

#twitterBlock .title img {
	float: left;
	margin-bottom: 0;
}

#twitterBlock .tweet {
	line-height:13px;
	margin-top:3px;
	margin-left: 25px;
	width:226px;
}

#twitterBlock .tweet .user {
	color:#39CCFF;
	font-size:11px;
	font-weight:bold;
}

#twitterBlock .tweet .text {
	color:#555E64;
	font-size:11px;
}

#twitterBlock .tweet .date {
	color:#555E64;
	font-size:9px;
	display: block;
}

/* Analytics Page */
.analytics .summary {
	margin-top: 10px;
}

.analytics .summary p {
	padding: 0;	
}

.analytics .summary .col {
	width: 480px;
	float: left;
}

.analytics ul {
	list-style: disc;

}

.analytics ul li {
	color: #F7931E;	
}

.analytics ul li span {
	color: #808080;
}

#content div.analytics h2 {
	font-family: FuturaLTCondensedBold, Verdana, Arial, sans-serif;
	position: relative;
	left: 0;
	top: 0;
}

div.analytics table.graph td img {
	position: relative;
	left: -5px;	
}

div.analytics table.graph td p { 
	height: 50px;
}

#content div.analytics h3 {
	font-family: FuturaLTCondensedBold, Verdana, Arial, sans-serif;
	font-size: 20px;	
}

.analytics h1 {
	font-family: FuturaLTCondensedBold, Verdana, Arial, sans-serif;
	font-size: 37px !important;
	color: #F7931E;
}

.carousel_linkto_bg {
	width: 972px;
	height: 448px;
	background: url('/images/home/carousel_linkto.png') no-repeat;	
}

.carousel_linkto_bg .video {
	width: 676px;
	height: 448px;
	position: relative;
	float: left;
	margin-left: 30px;
	margin-top: 35px;
}

.carousel_linkto_bg .text {
	width: 256px;
	height: 448px;
	position: relative;
	float: left;
	color: #FFF;
}

.carousel_linkto_bg .text .title {
	font-size: 24px;
	font-family: FuturaLTCondensedBold, Verdana, Arial, sans-serif;
	margin-top: 122px;
}

.carousel_linkto_bg .text .body {
	font-size: 15px;
	font-family: FuturaLTCondensedMedium, Verdana, Arial, sans-serif;
	margin-top: 20px;
}

.carousel_linkto_bg .text .link {
	font-size: 18px;
	font-family: FuturaLTCondensedBold, Verdana, Arial, sans-serif;
	margin-top: 20px;
}

.home {
	margin-top: 25px;
	margin-left: 25px;
	margin-right: 25px;
}

.home .col {
	float: left;
	position: relative;
	width: 287px;
	margin-right: 30px;
}

.home .col .item {
	position: relative;
	float: left;
}

.home .col .title {
	font-size: 20px;
	font-family: FuturaLTCondensedBold, Verdana, Arial, sans-serif;
}

.home .italic {
	font-style: italic;	
}

.home .col .body {
	font-size: 14px;
	font-family: Arial, sans-serif;
	color: #808080;
	margin-bottom: 10px;
	float: left;
}

.home .col .body div {
	width: 100%;
	float: left;
}

.home .col .body .price {
	font-family: FuturaLTCondensedBold, Verdana, Arial, sans-serif;
	font-size: 20px;
}

.home .col .body .priceDetail {
	font-family: Arial, sans-serif;
	font-size: 11px;
}

.home .col .body img {
	float: left;
}

.home .col .body a.link {
	font-family: FuturaLTCondensedBold, Verdana, Arial, sans-serif;
	font-size: 16px;
	text-decoration: underline;
	cursor: pointer;
}

.home .col .banner_ooyala {
	width: 277px;
	height: 103px;
	background: url('/images/home/ooyala_box.jpg') no-repeat;	
}

.home .col .banner_ooyala .body {
	margin-left:100px;
	margin-top:51px;
	width:160px;
}

.infiniteCarousel {
  width: 1000px;
  position: relative;
  height: 448px;
}
 
.infiniteCarousel .wrapper {
  width: 972px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 448px;
  position: absolute;
  top: 0;
}
 
.infiniteCarousel ul a img {
  /*border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;*/
}
 
.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}
 
.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px;
  width: 972px;
  height: 448px;
  padding: 0;
}
 
.infiniteCarousel ul li a img {
  display:block;
}
 
.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(http://jqueryfordesigners.com/demo/images/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
}
 
.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}
 
.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}
 
.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}
 
.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}
 
.infiniteCarousel .wrapper img {
	float: none;
	margin: 0;
}

#carousel {
	position: relative;	
}

#carousel .carousel_changer {
	left:725px;
	position:absolute;
	top:11px;
	z-index:1;
}

#carousel .carousel_changer ul {
	width: 200px;
	float: left;	
}

#carousel .carousel_changer ul li {
	float: left;
	margin-left: 10px;	
}
#carousel .carousel_changer img {
	border: 1px solid #808080;
	cursor: pointer;
}

.ooyalaEmbed {
	width: 350px;
	height: 30px;
}