/* Fonts Futura for Analytics Page */
@font-face {
    font-family: 'FuturaLTCondensedBold';
    src: url('/fonts/futura_lt_condensed_bold-webfont.eot');
    src: url('/fonts/futura_lt_condensed_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/futura_lt_condensed_bold-webfont.woff') format('woff'),
         url('/fonts/futura_lt_condensed_bold-webfont.ttf') format('truetype'),
         url('/fonts/futura_lt_condensed_bold-webfont.svg#FuturaLTCondensedBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaLTMedium';
    src: url('/fonts/futura_lt_medium-webfont.eot');
    src: url('/fonts/futura_lt_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/futura_lt_medium-webfont.woff') format('woff'),
         url('/fonts/futura_lt_medium-webfont.ttf') format('truetype'),
         url('/fonts/futura_lt_medium-webfont.svg#FuturaLTMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaLTCondensedMedium';
    src: url('/fonts/futura_lt_condensed-medium-webfont.eot');
    src: url('/fonts/futura_lt_condensed-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/futura_lt_condensed-medium-webfont.woff') format('woff'),
         url('/fonts/futura_lt_condensed-medium-webfont.ttf') format('truetype'),
         url('/fonts/futura_lt_condensed-medium-webfont.svg#FuturaLTCondensedMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

body,html {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	background: url('/images/v2/banner-bg.jpg') repeat-x left top;
}

body #wrapper {
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	width: 980px;
}

#header {
	position: relative;
	display: block;
	width: 100%;
	height: 86px;
}

#main_body {
	position: relative;
	min-height: 600px;
	padding-bottom: 150px;
}

#footer
{
	height: 140px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: FuturaLTCondensedMedium, Tahoma, Geneva, sans-serif;
	padding-bottom: 10px;
}

#footer li, #footer a {
	font-size: 16px;
}

h1, h2, h3, h4, h5 p {
	margin:	0;
	padding: 0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
}

h1, h2, h3, h4, h5 {
	font-family: FuturaLTCondensedMedium, Tahoma, Geneva, sans-serif;
	font-weight: normal;
	color: #F7931E;
}

p, label, li, span {
	color: #808080;
	font-size: 14px;
}

a {
	color: #808080;
}

h1 {
	font-size:1.4em;
	color: #F7931E;
}

h2 {
	font-size: 22px;
	font-family: FuturaLTCondensedMedium, Tahoma, Geneva, sans-serif;
	color: #F7931E;
}

h2.title {
	padding-bottom: 15px;
	padding-left: 26px;
	text-transform: uppercase;
}

h3 {
	font-size: 22px;
}

h4 {
	font-size: 16px;
}

.orange {
	color: #F7931E !important;
}

.orangeBackground {
	background-color: #F7931E !important;
}

.orangeBackground:hover {
	background-color: #f0a33f !important;
}

#twitterBlock.orangeBackground:hover {
	background-color: #F7931E !important;
}

.darkGrey {
	color: #666666 !important;
}

.grey  {
	color: #777 !important;	
}

.greyBorder  {
	border: 1px solid;
	border-color: #808080 !important;	
}

.orangeBorder  {
	border: 1px solid;
	border-color: #F7931E !important;	
}

.twitterBlueBG {
	background-color: #2ED4FE !important;
}

.twitterBlue {
	color: #2ED4FE !important;
}

a {
	text-decoration: none;
}

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

.floatLeft {
	float: left !important;
}

.floatRight {
	float: right !important;
}

.noPadding {
	padding: 0 !important;
}

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

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

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

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

.ui-dialog {
	font-size: 12px !important;
}

span.ui-dialog-title {
	color: #FFFFFF;
}

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 15px 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;
}

.box-shadow {
	position: relative;
	display: block;
	margin: 0 5px 5px 0;
}
.box-shadow {
	-moz-box-shadow: 1px 1px 5px #555555;
	-webkit-box-shadow: 1px 1px 5px #555555;
	box-shadow: 1px 1px 5px #555555;
}
.box-shadow-content {
	position: relative;
	display: table-cell;
}

.box-shadow-content a.button {
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
	text-align: center;
	line-height: 26px;
	height: 28px;
	display: block;
}

.box-shadow-content a.button:hover {
	text-decoration: none;
}

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 img {
	float: right;
	margin-right: 15px;
}

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

ul.errors {
	font-size: 0.8em;
	color: #ff0000;
	margin-top:0.2em;
	margin-bottom:0;
}


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_container {
	position: relative;
	width: 980px;
	height: 78px;
	margin: 0 auto;
}

#header_container a#link-home {
	position: relative;
	float: left;
}

#header_container img.header_logo {
	float:left;
	height:58px;
	margin:20px 0 0 0;
	width:153px;
}

#header_container img.affiliate_logo {
	float:left;
	height:58px;
	margin:20px 0 0 20px;
	width:auto;
}

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

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

#header_container span {
	color: #FFF;
}

#header_menu {
	float:right;
	width: 559px;
	height: 100%;
}

#subMenu {
	
}

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

#main_container {
	position: relative;
	padding: 15px 0;
}

#content {
	position: relative;
	width: 100%;
}

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

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

.content-subtitle {
	color: #b3b3b3;
	font-size: 1.2em;
	text-transform: uppercase;
	display: inline;
	margin-left: 20px;
}

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

#footer .quickLinks {
	padding:					0 0 3px 0;
}

#footer .links {
	position: relative;
	float: left;
	width: 320px;
}

#footer .detailsContainer {
	width:						660px;
	float:						left;
}

#footer .links ul {
	float:						left;
	width:						50%;
	margin:						0;
}

#footer .detailsContainer ul {
	float:						left;
	width:						25%;
	margin:						0;
}

#footer .links ul li {
	padding-bottom:				1px;
}

#footer .links a,
#footer .copyright,
#footer .detailsContainer,
#footer .detailsContainer a {
	color: #808080;
}

#footer .copyright {
	position:					absolute;
	bottom: 10px;
	left: 0;
}

#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;
}

#loginRegister, #mainMenu {
	float: right;
	padding-top: 43px;
	color: #fff;
}


#loginRegister a {
	color: #fff;
}

#mainMenu ul.menu {
	float: right;
	margin: 0 25px;
}

#mainMenu ul.menu li {
	display: 					table-cell;
	padding-right:				20px;
}

#mainMenu ul.menu li a {
	line-height: 30px;
	font-size: 22px;
}

#loginRegister {
	margin-right: -5px;
}
#loginRegister #login .box-shadow {
	float: left;
}
#loginRegister #logout .box-shadow {
	float: right;
}
#loginRegister .welcome {
	position: absolute;
	right: 0;
	top: 10px;
	font-size: 12px;
	font-family: FuturaLTCondensedMedium, Tahoma, Geneva, sans-serif;
}

#loginRegister #login a, #loginRegister #logout a {
	width: 58px;
	font-size: 16px;
}

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

div.home li {
	font-size: 16px;
}

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 {
	
}

span.fb-fullname {
float:left;
}

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

div.casestudies {
	padding: 25px;
}

div.casestudies .client a {
	color: 						#A6A6A6;
    font-size: 					14px;
    text-transform: 			uppercase;	
}

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

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

div.html5showcase .video {
	border-bottom:				1px solid #D8D8D8;
	margin-right:				20px;
}

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

div.casestudies .client {
	overflow:					hidden;
	padding-top:				20px;
}

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

div.casestudies .client img.logo {
	padding-top:				20px;
}

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:						920px;
}

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

div#auth,
div.contact,
div.policy,
div.analytics,
div.html5faq,
div.html5skins,
div.box-container,
div.reports {
    padding: 25px;
    position: relative;
    width: 100%;
    width:930px;
}
div.box-container {
	display: table;
}

div#auth {
	float:left;
}
div#auth input[type='submit'] {
	margin-right: 10px;
}

#TB_window div.policy {
	padding: 0;
}

div.policy a {
	font-size: 12px;
}

div.policy ul,
div.html5faq ul,
div.html5skins ul {
	list-style-type:			disc;
	margin:						0 0 0 25px;
	padding:					0;
	font-size: 12px;
	color: #808080;
}

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

div.contact h2,
div.policy h2,
div.analytics h2,
div.casestudies h2,
div.html5faq h2,
div.html5skins h2 {
	text-transform:				uppercase;
}

div.contact .thankyou {
	font-size: 12px;
	color: #808080;
}

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

div.policy .policyContainer {
	position:					relative;
	width:						800px;
	margin: 0 auto;
}

div.policy .policyContainer a {
	color: #F7931E;
}

div.html5faq h3.list,
div.html5skins h3.list {
	width:						22px;
	float:						left;
}

div.html5faq .divider {
	padding-top:					20px;
	border-top:						1px solid #CCCCCC
}

.question {
	width:						22px;
	margin-top:					-3px;
	float:						left;
}

div.html5skins p,
.answer {
	padding-left:				22px;
}

.answer table {
	font-size:					12px;
	border-color:				#808080;
}

.answer table td {
	padding-left:				20px;
	padding-right:				20px;
	border-top:					1px solid #CCC;
	border-right:				1px solid #CCC;
	border-bottom:				1px solid #CCC;
	border-left:				1px solid #CCC;
}

.answer table td.no-border {
	border-top:					1px solid #FFFFFF;
	border-right:				1px solid #FFFFFF;
	border-bottom:				1px solid #FFFFFF;
}

div.html5faq ul {
	margin-left:				22px;
}

div.html5faq li {
	list-style-type:			disc;
	list-style-position:		inside;
}

/*---------- 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%;
}

.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;
	margin-bottom: 1.8em;
}

.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 {
	margin-bottom: 10px;
}

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

.google-visualization-table-table {
	
}

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

/* Analytics Page */
.analytics p {
	margin-bottom: 0;
}

.analytics ul {
	font-size: 12px;
}

.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;
}

.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 .wrapper {
  /*width: 993px;*/ /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  /*overflow: auto;
  min-height: 470px;
  position: absolute;
  top: 0;*/
  position: relative;
  width: 100%;
  display: table;
}

#carousel .tagline {
	position: relative;
	width: 100%;
	text-align: center;
	padding: 15px 0 20px 0;
	height: 62px;
}

#carousel .tagline h1 {
	font-size: 58px;
	line-height: 58px;
}

#carousel .video {
	position: relative;
	float: left;
	margin: 0 25px 25px 25px;
	display: block;
}

#carousel .text {
	position: relative;
	float: left;
	width: 240px;
	font-family: FuturaLTCondensedMedium, Tahoma, Geneva, sans-serif;
	font-size: 16px;
}

#carousel .text span {
	font-size: 16px;
}

#carousel ul {
	margin: 0;
}

#carousel ul li {
	padding-bottom: 10px;
}

#carousel .bullet {
	float: left;
	padding-right: 2px;
	padding-bottom: 2em;
}

#carousel .note {
	position: absolute;
	bottom: 0;
	width: 420px;
	left: 507px;
	font-family: FuturaLTCondensedMedium, Tahoma, Geneva, sans-serif;
	font-size: 16px;
}

#carousel .try-it-free {
	position: absolute;
	right:30px;
	top: 90px;
}

.infiniteCarousel ul a img {
  /*border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;*/
}
 
.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: 689px;
    position: absolute;
    top: 20px;
    z-index: 1;
}

#carousel .carousel_changer ul {
	float: left;
    margin: 10px 0 0;
    width: 100%;
}

#carousel .carousel_changer ul li {
	float: left;
    margin-right: 7px;
}
#carousel .carousel_changer ul li img {
	border: none;
	cursor: none;
}

#carousel .carousel_changer img {
	border: 1px solid #808080;
	cursor: pointer;
}

#as-used-by {
	margin: 15px 0;
	width: 100%;
	position: relative;
	font-family: FuturaLTCondensedMedium, Tahoma, Geneva, sans-serif;
}

#as-used-by > div {
	position: relative;
	margin: 10px 25px;
	overflow: hidden;
}

#as-used-by table {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	margin: 0;
	/*padding: 0 0 0 25px;*/
}

#as-used-by td {
	padding-left: 0;	
}

#as-used-by li {
	position: relative;
	height: 100%;
	display: table-cell;
	*float: left;
	*display: inline-block;
	vertical-align: middle;
	*valign: middle;
	padding: 20px 6px 0 0;
}

#as-used-by li img {
	display: block;
	*float: left;
	*display: inline-block;
	vertical-align: middle;
	*valign: middle;
	margin: 0 10px 0 5px;
}

#features {
	position: relative;
	display: table;
	width: 100%;
}

#features .top-features,
#features .integration,
#features .twitter-feed {
	float: left;
	width: 33%;
	height: 100%;
}

/* Twitter Feed */
#features .twitter-feed {
	float: right;
	height: 260px;
}

#twitterBlock {
	position: relative;
	padding: 6px;
}

#twitterBlock .tweets {
	width: 196px;
	height: 198px;
	overflow: auto;
	background-color: #FFFFFF;
	font-size: 11px;
}

#twitterBlock .tweets .tweet {
	padding: 5px;
}

#twitterBlock .tweets .tweet a {
	color: #F7931E;
	font-size: 12px;
}

#twitterBlock .tweets .tweet .user {
	font-weight: bold;
}

#twitterBlock .tweets .date {
	font-size: 10px;
}

#twitterBlock .logos .twitter-bird {
	position: absolute;
	right: 4px;
	bottom: 4px;
}

#twitterBlock .logos .twitter-logo {
	position: absolute;
	top: 10px;
	right: 3px;
}

#features .top-features h2 {
	padding-bottom: 10px;
}

#features .top-features ul {
	position: relative;
	display: table;
	margin: 0;
}

#features .top-features li {
	margin-top: 10px;
	display: block;
	float: left;
	width: 100%;
}

#features table {
	margin: 0;
}

#features td {
	padding: 0;
}

#features td.icon {
	width: 35px;
	vertical-align: middle;
	padding-right: 10px;
}

#features td.icon img {
	display: block;
}

#features td.feature {
	width: 237px;
}

#features td.feature h2 {
	padding-bottom: 0;
}

#features td.feature {
	vertical-align: bottom;
}

#features td.caption {
	vertical-align: top;
}

#features .integration {
	text-align: center;
}

#features .wrapper {
	padding: 25px;
}

#features .integration ul {
	margin: 0;
}

#features .integration li {
	margin-top: 10px;
}

#features .integration li.first {
	margin-top:20px;
}

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

/* Table analytics */
#table_placing .google-visualization-table-td {
	word-break: break-all;
}

/* Paginator */
#video-pagination span.disabled {
	color:#D1D1D1;
}

#video-pagination span.selected {
	color:#F7931E;
	font-weight:bold;
}

#video-pagination span#pageNumber {
	color:#F7931E;
	font-size:1em;
	font-style:italic;
}

#video-pagination {
	color:#808080;
}

/* Embed code options */
#linktoHTML5Embed .ajax-load {
	width: 12px;
	height: 12px;
	border: none;
}

textarea#linktoHTML5Embed {
	border: 1px solid #CCCCCC;
	width: 380px;
	overflow: hidden;
	height: 70px;
}
div#linktoHTML5Embed {
	border: 1px solid #CCCCCC;
	width: 380px;
	height: 70px;
	font-weight: normal;
	padding: 1px;
	text-align: left;
}

.embedOptions {
	text-align: left;
	float: left;
	width: 100%;
	font-size: 12px;
}

.embedOptions input#autoplay {
	position: relative;
	top: 2px;
	width: auto;
	margin: 0 20px 0 5px;
}

.embedOptions .borderTop {
	border-top: 1px solid #CCC;
	padding-top: 10px;
	float: left;
	width: 100%;
}

.embedOptions .padBottom {
	padding-bottom: 10px;
}

#content .embedDescription {
	font-weight: normal;
	font-size: 11px;
}

.embedOptions .vidHover,
.embedOptions .vidSize {
	float: left;
}

.embedOptions .vidHover {
	border: 1px solid #FFFFFF;
	padding: 4px;
}

.embedOptions .vidHover:hover {
	border: 1px solid #CCC;
	cursor: pointer;
}

.embedOptions .vidBox {
	border: 1px solid #999;
	background-color: #EEE;
}

.embedOptions .vidBox.small {
	width: 52px;
	height: 32px;
}

.embedOptions .vidBox.medium {
	width: 57px;
	height: 36px;
}

.embedOptions .vidBox.large {
	width: 62px;
	height: 40px;
}

.embedOptions input#cw,
.embedOptions input#ch {
	float: left;
	width: 30px;
}

.embedOptions .vidSize .width,
.embedOptions .vidSize .height {
	margin: 1px 0;
	line-height: 20px;
}

.embedOptions .cField {
	float: left;
	width: 40px;
	text-align: right;
	line-height: 20px;
	padding-right: 2px;
}

.embedOptions .sizeHL {
	border: 1px solid #9999FF !important;
	background-color: #DDDDFF !important;
}

.embedOptions .marginR {
	margin-right: 5px;
}
.embedOptions .upperCase {
	text-transform: uppercase;
}
.embedOptions .center {
	text-align: center;
}

.html5skins .colorcodes,
.html5skins .iconmaps,
.html5skins .uriencode,
.html5skins .cssCode {
	padding-left: 22px;
	padding-bottom: 20px;
}

.html5skins .colorcodes,
.html5skins .colorcodes div,
.html5skins .iconmaps,
.html5skins .iconmaps div,
.html5skins .uriencode,
.html5skins .uriencode div {
	float: left;
	width: 100%;
}

.html5skins .colorcodes div *,
.html5skins .iconmaps div *,
.html5skins .uriencode div * {
	float: left;
}

.html5skins .colorcodes span.field {
	width: 90px;
}

.html5skins .iconmaps span.field,
.html5skins .uriencode span.field {
	width: 110px;
}

.html5skins .col-preview1,
.html5skins .col-preview2 {
	width: 18px !important;
	height: 18px;
	border: 1px solid #EEEEEE;
	margin-left: 20px;
}

.html5skins .colorcodes code,
.html5skins .iconmaps code,
.html5skins .uriencode code {
	margin-left: 5px;
}

.html5skins .colorcodes span,
.html5skins .iconmaps span,
.html5skins .uriencode span {
	line-height: 21px;
	margin-right: 1px;
}

.html5skins .colorcodes input,
.html5skins .iconmaps input,
.html5skins .uriencode input {
	font-family: Courier New, Courier New, monospace;
	font-size: 12px;
	color: #808080;
}

.html5skins .colorcodes input {
	width: 50px;
}

.html5skins .iconmaps input,
.html5skins .uriencode input {
	width: 580px;
}

code.css,
.cssComment {
	font-size: 11px;
}

.cssComment {
	color: #3f5fbf
}

div.casestudies .skins {
	padding-top: 20px;
	color: #808080;
	font-size: 12px;
}

div.casestudies .skins a {
	color: #808080;
}

div.casestudies .skins {
	display: none;
}

div.casestudies .skins .skin {
	float: left;
	width: 300px;
	margin: 0 12px 10px 0;
}

div.casestudies .skins .skin * {
	float: left;
}

div.casestudies .skin-slider {
	text-transform: uppercase;
	font-weight: bold;
}

div.casestudies .skin-slider a {
	color: #666666;
}

div.casestudies .loader {
	position: absolute;
	top: 456px;
	left: 475px;
	display: none;
}

.form-preference {
	display:none;	
}

div.contact form .submit input.disable-button {
	/*background: url('../images/button-background-disabled.png') no-repeat top left;*/
	opacity: 0.3;
}

/* Facebook Login Implementation */
.facebookProfileImage {
  float: right;
  margin-left: 10px;
}

/* Registration Form */
.introduction h1 {
	background: -moz-linear-gradient(center top , #F7931E 0%, #eb6727 100%) repeat scroll 0 0 transparent;
	padding: 16px 18px;
	color: #FFF;
}
.introduction {
	margin-bottom: 10px;
}
.introduction a {
    color: #FFF;
    text-decoration: underline;
    font-size: 1.0em;
}
.regForm {
	float: left;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 50%;
}
.regForm form {
	border-right: 1px solid #CCC;
}
.regForm form#webgainsLoginForm {
	border-right: none;
}

.regForm p {
	padding-left: 130px;
}
.thirdPartyLogin {
	width: 50%;
	float: left;
}
.thirdPartyLogin h2 {
	padding: 10px;
	text-align: center;
}
.thirdPartyLogin .facebookLogin {
	padding-top: 60px;
	text-align: center;
}

/* --- Portal Hot spot editor --- */
#content .box-container #title-tip, #content .box-container #save-tip {
	position: relative;
	display: none;
	margin: 2px 0 0 0;
	padding: 4px 5px;
	float:left;
	width: 300px;
	font-size: 12px;
}
#content .box-container #save-tip {
	position: absolute;
	bottom: 5px;
}
#content .box-container #preview-tips {
	position: relative;
	width: 315px;
	height: 342px;
	float: left;
}
#content .box-container #title-tip .arrow-left, #content .box-container #save-tip .arrow-left {
	position:absolute;
	top :12px;
	left: -13px;
	border-width: 6px;
	border-top-color: transparent !important;
	border-bottom-color: transparent !important;
	border-left-color: transparent !important;
}
#content .box-container #preview {
	float: left;
	position: relative;
	margin: 0 10px 20px 0;
	border: 1px solid #666;
	width: 600px;
	height: 340px;
	overflow: hidden;
}
#content .box-container #preview .video {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 305px;
	height: 165px;
	background: #000;
}
#content .box-container #preview .thumb {
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 10px;
	width: 250px;
	/*height: 165px;*/
	/*background: #EEE;*/
	overflow: hidden;
	font-size: 12px;
}
#content .box-container #preview .text {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 305px;
	height: 280px;
}
#content .box-container #preview .text .pTitle {
	position: relative;
	height: 20px;
	overflow: auto;
	font-weight: bold;
	border: 1px #AAA dotted;
}
#content .box-container #preview .text .pDescription {
	position: absolute;
	top: 28px;
	bottom: 0;
	width: 303px;
	overflow: auto;
	font-size: 12px;
	border: 1px #AAA dotted;
}
#content .box-container #category1 {
	float: left;
	width: 290px;
	font-size: 10px;
}
#content .box-container #category1 ul {
	list-style-type: circle;
	margin-right: 0;
}
#content .box-container #category1 ul li {
	font-size: 12px;
}
#content .box-container #category1 li.selected {
	font-weight: bold;
}
#content .box-container #category1 li:hover {
	font-weight: bold;
	list-style-type: disc;
	cursor: pointer;
}

#content .box-container #productGrid {
	float: left;
	width: 636px;
	font-size: 12px;
}
#content .box-container #productGrid .paginator {
	text-align: center;
	margin-bottom: 10px;
}
#content .box-container #productGrid .paginator a.pg {
	
}
#content .box-container #prodContainer {
	position: relative;
	float: left;
	width: 202px;
	height: 202px;
	margin-left: 10px;
	margin-bottom: 10px;
	overflow: visible;
}
#content .box-container .prod {
	position: relative;
	border: 1px solid #CCC;
	width: 200px;
	height: 200px;
	cursor: pointer;
}
#content .box-container #prodContainer .prod .image {
	position: absolute;
	width: 200px;
	height: 200px;
	top: 0;
	left: 0;
	z-index: -2;
	overflow: hidden;
}
#content .box-container #prodContainer .prod .image img {
	position: absolute;
	bottom: 0;
}
#content .box-container #prodContainer .prod .title {
	padding: 5px;
	background: #000;
	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;
}
#content .box-container #prodContainer .prod .price {
	padding: 1px 2px;
	color: #FFF;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #000;
	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;
}
#content .box-container #prodContainer .description {
	width: 190px;
	padding: 5px;
	background: #666;
	border: 1px solid #CCC;
	color: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	-moz-opacity: 0;
}
/* --- */
form#video-upload,
form#video-upload div,
form#video-upload input,
form#video-upload label {
	float: left;
}
form#video-upload input[type=text]{
	width: 400px;
	
}
form#video-upload label {
	font-size: 12px;
	font-weight: bold;
	width: 120px;
	padding-top: 4px;
}
form#video-upload div {
	width: 100%;
	margin-bottom: 15px;
}

#content #fileTabs {
	font-size: 12px;
}

/************************************************************
					DATA CASH
************************************************************/

#expirymonthWrapper, #expiryyearWrapper
{
    overflow: hidden;
    float:left;
   
}

#expirymonthWrapper .form-element-control
{
	width:20px !important;
	float : left !important;	
}

#expiryyearWrapper .form-element-control
{
	width:50px !important;
	float : left !important;	
}


.element.datacash
{
	padding: 10px;
	overflow: hidden;
}
.element.datacash label
{
	width : 189px;
	display : inline-block;
	float : left;	
}

.element.datacash .form-element-control
{
	width : 200px;
	display : inline-block;
	float : left;	
}
.element.datacash .form-element-control input
{
	width: 100%;
}

div#startyearWrapper {
	float: left;

}

div.contact form {
	width:450px;
}

#SubmitWrapper.element.datacash {clear:both;}
.submitinput {
	width:                     100px !important; 
	float:						right;
}

/************************************************************
				VIDEO GALLERY
************************************************************/

.standardContainer { overflow:hidden;position:relative;margin:25px 12.5px 0 12.5px; }
		
.standardContainer .row {
	position: relative;
	overflow: hidden;
	clear: both;
}

.videoExample {
	position: relative;
	width: 50%;
	float: left;
	clear: right;
}

.videoExample>div {
	margin: 0 12.5px 25px 12.5px;
	/*border: 1px solid #808080;*/
}

.videoWrapper {
	position: relative;
	width: 100%;
	padding-bottom:56.25%;
	padding-top: 40px;
}

.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	bottom:0;
	right:0;
	height: 100%;
	width: 100%;
}

.description {
	border: 1px solid #e4eded;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative;
	overflow: hidden;
}

.videoExample .client { 
	float: left;width: 25%;
}
.bigVideo { 
	width:70%;
	margin-left: 15%;
}

.bigVideo .client { width: 10% !important; }

.bigVideo .text { width: 90% !important; }

.videoExample .client>div { 
	margin: 10px 10px 10px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.videoExample .client img { 
	width: 100%; 
	border:1px solid #e4eded;
}

.videoExample .text { float:left;width: 75%; }
.videoExample .text>div { margin: 10px 10px 10px 0; }
.videoExample .text span.title { text-transform: uppercase; }

.integration .wrapper li > img { max-width: 110px; }

#technologyPartners {
	font-family: FuturaLTCondensedMedium,Tahoma,Geneva,sans-serif;
    margin: 15px 0;
    position: relative;
    width: 100%;
}

#technologyPartners table { margin: 0; }

#technologyPartners .tabs { 
	position:relative; 
	*display:inline;
	display:inline-block; 
	*float: left;
	*display:block;
	vertical-align:middle;
	padding-right:25px; 
}

#technologyPartners .tabs img { height: 40px; }