@charset "utf-8";
/* WebTV Solutions Styles */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 19, 2013 03:55:44 AM America/New_York */

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

}

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

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

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

}
*/

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

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

}
*/

/***************************** reset ***********************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
a, object, embed  { outline: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
textarea, input, select { outline: none; }
a:focus, *:focus {outline:none;}
* { _noFocusLine: expression(this.hideFocus=true); }

/**
 * Fix fonts that render as bold in Firefox
 *
 * Put this near the top of your style.css
 * Before any overriding styles
 */
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400;
}
/**
 * Firefox specific rule
 */
@-moz-document url-prefix() {
  body {
    font-weight: lighter !important;
  }
}


/***************************** general ***********************************/
html 				{ background:#20282f; }
body 				{ background:#0e2230; color:#fff; font-size:13px; font-weight:normal; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%; } 
.clearFix 			{ clear:both; }
.clearLeft 			{ clear:left; }
.tar				{ text-align:right; }
.tal				{ text-align:left; }
.fl 				{ float:left; }
.fr 				{ float:right !important;}
.sup 				{ font-size:75%; vertical-align:text-top !important; position:relative; bottom: 0.3em; }
h1 .sup 			{ font-size:10px !important;}
blockquote			{ padding:6px; }
.pQuote 			{ display:inline-block; padding:20px; }
.paddedSpanBlock	{ display:block; padding:10px; }
a 					  { color:#788daf; text-decoration:none; cursor:pointer; }
a:hover				  { color:#000; text-decoration:underline;  }
.seo 				{ display:none; }
#pageLoadingOverlay { display:block; position: fixed; _position:absolute; top:0; left:0; width:100%; height:100%; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5cffffff', endColorstr='#5cffffff'); background-image: url('../images_default/icon_loading.gif'); background-position:center center; background-repeat:no-repeat; background-color:rgba(248,248,249,0.35); z-index:2; }
.pagingWrapper 		{ position:relative; left:50%;  float:left; }
.paging 			{ position:relative; left:-50%; overflow:auto;  float:left; border:1px hidden; }

.supportIcon 		{ width:45px; min-height:30px; height:auto; }

.strongShadow 		{ display:block; clear:block; height:29px; background: url('../images/strong_shadow.png') top center no-repeat; }
.dropShadow 		{ display:block; height:12px; background: url('../images/content_bottom_shadow.png') top center no-repeat; margin-bottom:5px; }
.dropShadowUp		{ display:block; height:12px; background: url('../images/content_h1_shadow.png') bottom center no-repeat;  }
.dropShadow.dim		{ opacity:0.5; }
.dropShadowUp.dim	{ opacity:0.3; }

/***************************** common size constraints ***********************************/

@media screen and (min-width:1200px)
{
	.constWidth { width:1170px; }
}
@media screen and (max-width:1199px)
{
	.constWidth { width:960px; /*width:90%*/ }
}

/***************************** sale banner ***********************************/
.saleBannerWrapper { width:100%; text-align:center; background:#000; }
.saleBannerWrapper img { width:auto; }
@media screen and (max-width:959px)
{
	.saleBannerWrapper img { width:100% !important; }
}


/***************************** header ***********************************/
.headerWrapper 		{ display:block; background:#000 url('../images/header_bkg.gif') bottom repeat-x; }
.header 			{ height:110px; margin:0 auto; }

.header .logoArea 	{ min-height:72px; }
.header .logoArea .slogan 		{ position:absolute; margin-left:202px; margin-top:53px; }
.header .logoArea .slogan h2 	{ font-size:11px; color:#7896a9; }
.header .logoArea .languageSwitch			{ display:block; width:auto; height:30px; float:right; color:#80919e; font-size:11px; line-height:30px; margin-right:20px; }
.header .logoArea .languageSwitch img 		{ vertical-align:middle; }
.header .logoArea .languageSwitch a 		{ color:#80919e;}
.header .logoArea .languageSwitch a:hover 	{ color:#f7b005;}

.header .logoArea .social 			{ display:block; width:auto; height:30px; float:right; color:#80919e; font-size:11px; }
.header .logoArea .social span 		{ display:block; float:left; height:30px; line-height:30px; }
.header .logoArea .social a 		{ display:block; width:20px; height:20px; margin-left:3px; margin-top:5px; float:left; }
.header .logoArea .social .facebook	{ background: url('../images/icon_social_facebook.png'); }
.header .logoArea .social .twitter	{ background: url('../images/icon_social_twitter.png'); }
.header .logoArea .social .google	{ background: url('../images/icon_social_google.png'); }
.header .logoArea .social .linkedin	{ background: url('../images/icon_social_linkedin.png'); }
.header .logoArea .social .rss		{ background: url('../images/icon_rss.png'); margin-left:10px; }

.header .navArea 					{ display:block; height:auto; clear:both; }
.header .navArea .menu 				{ display:block; clear:both; }
.header .navArea .menu li 			{ display:block; height:36px; float:left; font-size:13px; white-space:nowrap; }
.header .navArea .menu li a			{ display:block; height:36px; float:left; font-size:14px; color:#cde; line-height:36px; padding:20px; padding-top:0; padding-bottom:0; white-space:nowrap; 
									font-weight:bold; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);}
.header .navArea .menu li a:hover 	{ color:#f7b005; text-decoration:none; background: url('../images/header_menu_hover.gif') bottom center no-repeat;}
.header .navArea .menu li.active  	{ background: url('../images/header_menu_active.gif') bottom center no-repeat; }
.header .navArea .menu li.active > a 	{ color:#fff; }

/***************************** content ***********************************/
.contentWrapper 		{ display:block; background:#0e212f url('../images/content_wrapper_bkg.gif') top repeat-x; clear:both; }
.content 				{ margin:0 auto; }

.content .sectionHeader 					{ /*height:100px;*/ height:auto; position:relative; }
.content .sectionHeader .logoArea 			{ height:66px; position:relative; /*border-bottom:1px solid;*/ }
.content .sectionHeader .logoArea .slogan 	{ position:absolute; right:0; margin-top:50px; font-weight:bold; }
.content .sectionHeader .logoArea .graphic 	{ position:absolute; right:0; margin-top:0; font-weight:bold; }
.content .sectionHeader .menu 				{ display:block; /*height:34px; background: url('../images/content_section_header_menu_bkg.gif') repeat-x top; */
											height:auto; background:#222; overflow:auto; }
.content .sectionHeader .menu.floating 		{
												width:960px; position:fixed; top:0;
												-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,1);
												-moz-box-shadow:    0px 0px 7px rgba(0,0,0,1);
												box-shadow:         0px 0px 7px rgba(0,0,0,1);
											}
@media screen and (min-width:1200px)
{
	.content .sectionHeader .menu.floating { width:1170px; }
}
@media screen and (max-width:1199px)
{
	.content .sectionHeader .menu.floating { width:960px; }
}

.content .sectionHeader .menuShadow 		{ width:100%; display:block; margin-top:-1px; height:1px; position:absolute; z-index:9;
										-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,1);
										-moz-box-shadow:    0px 0px 7px rgba(0,0,0,1);
										box-shadow:         0px 0px 7px rgba(0,0,0,1);} 
.content .sectionHeader .menu li 			{ display:block; height:34px; float:left; overflow:hidden; }
.content .sectionHeader .menu li a 			{ display:block; height:34px; float:left; line-height:34px; color:#eee; padding:15px; padding-top:0; padding-bottom:0; font-weight:bold; background-position: top center;}
.content .sectionHeader .menu li a:hover 	{ color:#fff; text-decoration:none; background-position: top center;} 
.content .sectionHeader .menu li.active a 	{ color:#fff; text-decoration:none; background-position: top center;} 
.content .sectionHeader .menu li a, .content .sectionHeader .menu li a:hover { -webkit-transition:all 0.1s linear;  -moz-transition:all 0.1s linear;  -o-transition:all 0.1s linear; transition:all 0.1s linear; }

.content .sectionBanner						{ max-height:350px; *height:350px; background: url('../images/ws_webtv_pro_section_banner_bkg.gif') repeat-x; }
.content .sectionBanner h2 					{ display:block; position:absolute; width:276px; padding-right:20px; margin-top:30px; margin-right:0; right:0; color:#fff; line-height:19px; font-size:14px;
												text-shadow: 1px 1px 2px rgba(0,0,0,1);}
												
.content .sectionInfo 						{ color:#666; padding:10px; background:#ebebeb url('../images/content_section_bkg.gif') repeat-x top; clear:left; }
.content .sectionInfo .sectionInfoNav 		{ height:40px; }
.content .sectionInfo .sidebar 				{ width:210px; padding-left:5px; float:left; float:right; }
.content .sectionInfo .sidebar .box			{ width:200px; border-top:1px solid /*#ccc*/rgba(0,0,0,0.0); /*background:#f8f8f8; background:rgba(255,255,255,0.5);*/ background:#fff; }
.content .sectionInfo .sidebar .box h3 		{ font-size:18px; font-weight:normal; color:#000; text-align:center; padding-top:5px; }
.content .sectionInfo .sidebar .box p 		{ padding:12px; font-size:11px; /*line-height:14px;*/ line-height:15px; text-align:justify; color:#777; }
.content .sectionInfo .sidebar .box p strong{ color:#000; }
.content .sectionInfo .sidebar .box p a strong{ color:inherit; }

.content .sectionInfo .sidebar .box a 		{ color:#448bc0; }
.content .sectionInfo .sidebar .box .xtraSpace { line-height:16px; }
.content .sectionInfo .sidebar .boxShadow 	{ display:block; height:12px; background: url('../images/content_sidebar_box_shadow.png') top center no-repeat; margin-bottom:5px; }
.content .sectionInfo .info.withSidebar 	{ /*margin-left:215px;*/ margin-right:215px;   }

.content .sectionInfo .menu 				{ /*width:210px;*/ width:210px; padding-top:5px; float:left; background:#e2e2e2 url('../images/left_menu_bkg.gif') left top repeat-y; }
.content .sectionInfo .menu h4 				{ font-size:14px; font-weight:bold; margin-left:10px; color:#000; padding:4px; background: #ddd; }
.content .sectionInfo .menu ul 				{ font-size:13px; font-weight:bold; padding:5px; margin-left:10px; margin-bottom:5px; color:#000; border:1px dotted #bbb; border-right:0; border-top:none; border-bottom:none; }
.content .sectionInfo .menu ul li ul		{ padding:0; font-size:13px; color:#666; margin:0; }
.content .sectionInfo .menu ul li,
.content .sectionInfo .menu ul li ul li		{ /*font-size:12px;*/ font-size:13px; line-height:15px; /*font-weight:bold;*/ padding:3px; padding-left:5px; padding-right:0; color:#444; /*border-left:1px dashed #aaa;*/ }
.content .sectionInfo .menu ul li ul li		{ padding-left:10px; }
.content .sectionInfo .menu li.sectionTitle { /*font-size:13px;*/ font-size:13px; padding-top:3px; padding-bottom:1px; }
.content .sectionInfo .menu ul > li.sectionTitle { line-height:16px; }
.content .sectionInfo .menu ul > li.sectionTitle li { line-height:15px; }
.content .sectionInfo .menu ul li ul 		{ border-bottom:none; padding-top:3px; }
.content .sectionInfo .menu ul li a 		{ color:#448bc0; }
.content .sectionInfo .menu.forcedWordBreak ul li a 		{ word-break:break-all; }
.content .sectionInfo .menu ul li.active   	{ color:#004477; /**/ background:#f5f5f5; margin-top:3px; margin-bottom:3px; padding-top:7px; padding-bottom:7px; }
.content .sectionInfo .menu ul li.active a  { color:#004477; /*font-style:italic; text-decoration:underline */ }
.content .sectionInfo .menu .endMenu 		{ display:block; height:47px; background: url('../images/left_menu_end.gif') top center no-repeat; }
.content .sectionInfo .info.withMenubar 	{ margin-left:210px; }
.content .sectionInfo .menu.folded h4,
.content .sectionInfo .menu.folded ul,
.content .sectionInfo .menu.folded li,
.content .sectionInfo .menu.folded div 		{ display:none;}
.content .sectionInfo .menu li.nameAnchor 	{ height:1px; padding:0; margin:0; }
.content .sectionInfo .menu li.highlight,
.content .sectionInfo .menu ul.highlight 	{ border:2px solid #f00;}

/* .content .sectionInfo .menu ul > li > ul  {  border-top:1px dotted #aaa; } */
.content .sectionInfo .menu ul > li > li,
.content .sectionInfo .menu ul > li  { /*font-weight:bold; font-size:12px;*/ }
/*
.content .sectionInfo .menu ul > li > a, 
.content .sectionInfo .menu ul > li > li a { font-weight:bold; font-size:11px; font-family:Tahoma, Geneva, sans-serif;  }
*/
/*.content.support .leftMenuToggleButton 						{ display:block; width:10px; margin-left:5px; height:200px; margin-top:-5px; float:right; font-size:12px; background:#ccc url('../images/left_menu_toggle_button_bkg.png') bottom repeat-x; text-align:center; line-height:60px; color:#eee; font-weight:bold; z-index:9; }*/
.content.support .leftMenuToggleButton 						{ display:block; width:20px; margin-left:5px; height:54px; margin-top:-5px; float:right; font-size:20px; background:#ccc; text-align:center; line-height:54px; color:#666; font-weight:bold; z-index:9;}
.content.support .leftMenuToggleButton { 
										-webkit-box-shadow:  -1px 1px 3px rgba(0,0,0,0.2);
										-moz-box-shadow:     -1px 1px 3px rgba(0,0,0,0.2);
										box-shadow:          -1px 1px 3px rgba(0,0,0,0.2);} 
.content.support .leftMenuToggleButton .unfold				{ display:none; }
.content.support .leftMenuToggleButton.folded 				{ color:#666 }
/*
.mobile .content.support .leftMenuToggleButton.folded 		{ background-color:#666; color:#f7b005 }
.mobile .content.support .leftMenuToggleButton.folded:hover	{ background-color:#444; color:#fff }
*/
.content.support .leftMenuToggleButton.folded .unfold		{ display:block; }
.content.support .leftMenuToggleButton.folded .fold			{ display:none; }
/*
.mobile .content.support .leftMenuToggleButton.unfolded 		{ background-color:#666; color:#fff }
.mobile .content.support .leftMenuToggleButton.unfolded:hover	{ background-color:#444; color:#fff }
*/
.content.support .leftMenuToggleButton.unfolded .unfold		{ display:none; }
.content.support .leftMenuToggleButton.unfolded .fold		{ display:block; }
.content.support .leftMenuToggleButton:hover		{ background-color:#666; text-decoration:none; color:#fff; }

.mobile .content .sectionInfo .menu 				{ width:230px; }
.mobile .content.support .leftMenuToggleButton		{ width:20px; font-size:24px; }
.mobile .content .sectionInfo .info.withMenubar 	{ margin-left:230px; }

.content .sectionInfo .info 				{ /*line-height:16px; font-size:12px;*/ line-height:20px; font-size:13px; padding-left:5px; padding-right:5px; color:#222; }
/*.content .sectionInfo .info strong { color:#000; }
table strong { color:inherit !important; }*/
.content .sectionInfo .info h1,
.content .sectionInfo .info h2.pseudoh1 	{ font-size:23px; line-height:26px;  font-weight:normal; color:#000; padding-bottom:20px; text-shadow: 1px 1px 0px rgba(255,255,255,0.3);}
.content .sectionInfo .info h2,
.content .sectionInfo .info .docBody h3,
.content .sectionInfo .info .docBody h4		{ font-size:20px; line-height:20px; font-weight:normal; color:#000; padding-bottom:5px; text-shadow: 1px 1px 0px rgba(255,255,255,0.3);}
.content .sectionInfo .info h3 				{ font-size:18px; line-height:18px; font-weight:bold; color:#000; padding-bottom:5px; text-shadow: 1px 1px 0px rgba(255,255,255,0.3);}
.content .sectionInfo .info .pseudoHeading 	{ font-size:16px; font-weight:bold; padding-bottom:5px; text-shadow: 1px 1px 0px rgba(255,255,255,0.3); display:block; }
.content .sectionInfo .info tr.pseudoHeading { display:table-row; }
.content .sectionInfo .info p 				{ text-align:justify; }
.content .sectionInfo .info a 				{ color:#448bc0; font-weight:bold; /*text-shadow: 1px 1px 0px rgba(255,255,255,0.3);*/ }
.content .sectionInfo p.padded 				{ padding:10px; }
.content .sectionInfo h1.underline,
.content .sectionInfo h2.underline,
.content .sectionInfo h3.underline,
.content .sectionInfo h4.underline,
.content .sectionInfo h5.underline 			{ text-decoration:underline; }
.content .sectionInfo div.deco 				{ display:block; height:20px; background: url('../images/content_h1_shadow.png') bottom center no-repeat; text-shadow: 1px 1px 0px rgba(255,255,255,0.3); }
.content .sectionInfo h1.deco,
.content .sectionInfo h2.deco 				{ padding-top:20px; background: url('../images/content_h1_shadow.png') top center no-repeat; }
.content .sectionInfo h1.highlight,
.content .sectionInfo h2.highlight 			{ border-top:1px solid #ddd; margin-bottom:5px; padding:10px; /*font-weight:bold;*/ background:url('../images/title_gradient.png') top repeat-x; text-shadow: 1px 1px 0px rgba(255,255,255,0.5);}
.content .sectionInfo h1.highlight.noborder,
.content .sectionInfo h2.highlight.noborder { border:none !important; }
.content .sectionInfo h1.center,
.content .sectionInfo h2.center 			{ text-align:center; }


.content .sectionInfo .info a.withHostingLogo     	{ color:#888; }
.content .sectionInfo .info a.withHostingLogo img 	{ /*display:block;*/ vertical-align:middle; margin:0; margin-right:10px; }
.content .sectionInfo .info a.withHostingLogo:hover { color:#448bc0; }
@media screen and (max-width:639px)
{
	.content .sectionInfo .info a.withHostingLogo img 	{ display:inline; margin:0; margin-right:10px; }
}
.invisibleSearchableText { display:inline-block; overflow: hidden; opacity:0.1; padding-right:1px; width:1px; height:1px; text-indent:2px; }

.content .sectionInfo .legend 				{ font-size:11px; /*color:#888;*/ color:#777; line-height:16px;}
.content .sectionInfo .legend strong		{ color:#000;}

.content .sectionInfo .infoFooter 			{ font-size:11px; border-top:1px solid #ccc; }

.content .sectionInfo table 				{ border:1px solid #bbb; background:#fff; }
.content .sectionInfo table tr:first-child td 	{ background:#f0f0f0; border-top:none; color:#888; text-shadow: 1px 1px 0px rgba(255,255,255,0.3); }
.content .sectionInfo table tr td 			{ border-top:1px solid #ddd; }
.content .sectionInfo table tr.noborder td	{ border-top:none; }
.content .sectionInfo table tr.cont td:first-child	{ border-top:none; }
.content .sectionInfo table tr.contFull td	{ border-top:none; }
.content .sectionInfo table td				{ padding:5px; margin:1px; font-size:11px; }
.content .sectionInfo table tr.pseudoHeading td 	{ background:#f7f7f7; }

.content .sectionInfo table.tableForm								{ border:none; background:none; margin-top:10px; }
.content .sectionInfo table.tableForm tr:first-child td 			{ background:none; border-top:none; color:#000; }
.content .sectionInfo table.tableForm tr td 						{ border-top:none; }
.content .sectionInfo table.tableForm.withLines tr td 				{ border-top:1px solid #ddd; }
.content .sectionInfo table.tableForm.withLines tr:first-child td 	{ border-top:none; }
.content .sectionInfo table.tableForm tr.cont td:first-child		{ border-top:none; }
.content .sectionInfo table.tableForm tr:hover td 					{ /*background:#f0f0f0;*/ }
.content .sectionInfo table.tableForm td							{ padding:5px; margin:1px; font-size:11px; text-align:left; }
.content .sectionInfo table.tableForm td.fieldTitle 				{ text-align:right; white-space:nowrap; color:#444 !important; font-weight:bold; font-size:13px; line-height:20px; padding-top:8px; vertical-align:top; text-shadow: 1px 1px 0px rgba(255,255,255,0.3); }
.content .sectionInfo table.tableForm input,
.content .sectionInfo table.tableForm select,
.content .sectionInfo table.tableForm textarea 						{ width:350px; min-height:22px; line-height:22px; background:#f9f9f9; border:1px solid #ddd; /*border-top-color:#bbb;*/ padding-left:5px; } 
.content .sectionInfo table.tableForm select 						{ width:360px; height:24px; }
.content .sectionInfo table.tableForm input:hover,
.content .sectionInfo table.tableForm select:hover,
.content .sectionInfo table.tableForm textarea:hover 				{ background:#fff; } 
.content .sectionInfo table.tableForm input:focus,
.content .sectionInfo table.tableForm select:focus,
.content .sectionInfo table.tableForm textarea:focus 				{ background:#fff; border-color:#888; font-weight:bold; color:#036; 
										-webkit-box-shadow:  0px 0px 7px rgba(0,0,0,0.15);
										-moz-box-shadow:     0px 0px 7px rgba(0,0,0,0.15);
										box-shadow:          0px 0px 7px rgba(0,0,0,0.15);} 
.content .sectionInfo table.tableForm input.error,
.content .sectionInfo table.tableForm select.error,
.content .sectionInfo table.tableForm textarea.error 				{ background:#fff0f0; border:1px solid #a88 !important; color:#600 }
.content .sectionInfo table.tableForm .iframeDoc 					{ width:450px; min-height:150px; line-height:22px; background:#f9f9f9; border:1px solid #ddd; }
.content table .apiFilterGroup td 									{     background: #f0ffea; color: #5ea264; }

/* new sructure for features */
.content .featureGroup { display:block; width:99%; box-sizing:border-box; clear:left; padding:20px; margin-bottom:10px; margin-bottom:30px; border-bottom:1px solid #eaeaea; background:#fff; /*box-shadow: 0px 1px 5px rgba(0,0,0,0.05);*/ }
.xxx {
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 54%, rgba(255,255,255,0) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 54%,rgba(255,255,255,0) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 54%,rgba(255,255,255,0) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+54,ffffff+99&1+0,0+54 */
}

.content .featureGroupColumn { display:inline-block; box-sizing:border-box; vertical-align:top; }
.content .featureGroupColumn.image { width:30%; padding-right:20px; margin-top:-40px; background:#fff; padding-top:10px;  }
.content .featureGroupColumn.image.empty { margin-top:0; background:none; }
.content .featureGroupColumn.image img { max-width:92%; /*margin-top:-35px !important;*/ /*filter: drop-shadow(0px -4px 0px #ffffffff);*/ }
.content .featureGroupColumn.text { width:69%; }
.content .featureGroupColumn.text h2 { text-align:left; }
@media screen and (max-width:800px)
{
	.content .featureGroup { display: flex; width:100%; flex-direction:column; } 
	.content .featureGroupColumn { display:inline-block; }
	.content .featureGroupColumn.text { order:2; width:99%; }
	.content .featureGroupColumn.image { order:1; width:99%; padding:0; padding-top:10px; }
	.content .featureGroupColumn.image img { max-width:80%; }
}


.genericButton 			{ min-width:80px; text-align:center; display:block; float:left; line-height:15px; height:15px; background:#448bc0; font-size:13px; color:#fff !important; padding:8px; margin-right:5px; border:1px solid #448bc0; /*border-top-color:#94dbf0; border-bottom-color:#145b90;*/
							/*text-shadow: 1px 1px 0px rgba(0,0,0,0.5) !important;*/ } 
.genericButton.pushed 	{ background:#fff; color:#448bc0 !important; }
.genericButton:hover 	{ background:#222; color:#f7b005 !important; border:1px solid #222; border-top-color:#888; text-decoration:none; 
										-webkit-box-shadow:  0px 0px 7px rgba(0,0,0,0.4);
										-moz-box-shadow:     0px 0px 7px rgba(0,0,0,0.4);
										box-shadow:          0px 0px 7px rgba(0,0,0,0.4);} 
.genericButton.loading,
.genericButton.loading:hover  { display:none; min-width:80px; background:transparent url('../images/icon_loading.gif') center center no-repeat; border:0; font-size:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

/*.sectionInfoNav .genericButton { background:#f0f4f8; border-color:#e0e4e8; color:#347bb0 !important; text-shadow:none !important;}*/
.sectionInfoNav .genericButton 			{ background:#888888; border-color:#888888; color:#fff !important; text-shadow:none !important;}
.sectionInfoNav .genericButton:hover 	{ background:#448bc0; border-color:#448bc0; color:#fff !important; text-shadow:none !important;}


#formMessage { display:none; text-align:center; position:relative; 
				-webkit-box-shadow:  0px 0px 7px rgba(0,0,0,0.15);
				-moz-box-shadow:     0px 0px 7px rgba(0,0,0,0.15);
				box-shadow:          0px 0px 7px rgba(0,0,0,0.15);}
#formMessage.error 	{ padding:10px; background:#FDD; border:2px solid #D66 !important; color:#000; font-weight:bold; margin-top:20px;}
#formMessage.ok  	{ padding:10px; background:#E9F9E9; border:2px solid #8C8 !important; color:#000; font-weight:bold; margin-top:20px;}
#formMessage.thanks	{ padding:10px; background:#E9F9E9; border:2px solid #8C8 !important; color:#000; font-weight:bold; margin-top:20px; }

/**** Home ****/
.content.home .sectionHeader 	{ display:none; }
.content.home .sectionInfo 		{ padding:0 !important; }
.content .bannerContent 		{ width:960px; margin:0 auto; position:relative; /*border:1px solid;*/}
@media screen and (min-width:1200px)
{
	.content .bannerContent { width:1170px; }
}
@media screen and (max-width:1199px)
{
	.content .bannerContent { width:960px; }
}

.content.home .pageSharing 		{ padding-left:10px;}

/*
.bannerWSWebTV 			{ display:block; height:389px; background:#002f54 url('../images/banner_wswebtv.gif') top repeat-x; border-bottom:1px solid #084976; z-index:2; position:relative; }
.bannerWSWebTV .title 	{ display:block; width:100%; position:absolute; height:18px; padding-top:17px; }
.bannerWSWebTV .title h2 { font-size:18px; font-weight:normal; text-align:center; color:#fff; }
.bannerWSWebTV .mainImage { display:block; position:absolute; margin-left:7px; margin-top:30px;  }
.bannerWSWebTV .mainImage img { display:block; }
.bannerWSWebTV .logo 		{ position:absolute; width:70%; margin-left:273px; margin-top:50px; border-bottom:1px solid #333f48; }
.bannerWSWebTV .atAGlance 	{ color:#b7d6ee; position:absolute; width:70%; margin-left:273px; margin-top:120px;  }
.bannerWSWebTV .atAGlance li 		{ display:block; padding:0; line-height:20px; padding-left:12px; background: url('../images/banner_wswebtv_checkmark.png') 0px 2px no-repeat; }
.bannerWSWebTV .atAGlance .column1 	{ float:left; width:50% }
.bannerWSWebTV .atAGlance .column2 	{ float:left; width:50% }
.bannerWSWebTV .atAGlance .pricing 	{ display:block; padding:8px; color:#ffb500; }
.bannerWSWebTV .atAGlance .pricing .extra { color:#fff; font-size:11px;  }
.bannerWSWebTV .buttonBar 	{ display:block; width:100%; height:46px; line-height:46px; background:#001729; background:rgba(0,0,0,0.5); position:absolute; margin-top:310px; z-index:9;}
.bannerWSWebTV .buttonBar .muchMore { display:block; float:left; width:200px; text-align:center; color:#fff; font-size:19px; font-style:italic; }
.bannerWSWebTV .buttonBar .pro 		{ display:block; float:left; width:500px; }
.bannerWSWebTV .buttonBar .free 	{ display:block; float:left; }
.bannerWSWebTV .buttonBar img 		{ display:block; float:left; }
.bannerWSWebTV .buttonBar .button 		{ display:block; float:left; width:auto; color:#fff; padding:10px; line-height:20px; height:20px; padding-top:5px; padding-bottom:5px; margin:5px; margin-top:7px; background:#45494d url('../images/banner_wswebtv_button.gif') repeat-x top; border:1px solid #586065; border-top-color:#909598; font-weight:bold; }
.bannerWSWebTV .buttonBar .button:hover { color:#f7b005; text-decoration:none; }
.bannerWSWebTV .buttonBar .button {	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
									-moz-box-shadow:    0px 0px 5px rgba(0,0,0,0.5);
									box-shadow:         0px 0px 5px rgba(0,0,0,0.5);} 
.bannerWSWebTV .buttonBar .button:hover { border-color:#f7b005; 
									-webkit-box-shadow: 0px 0px 7px rgba(255,180,0,1);
									-moz-box-shadow:    0px 0px 7px rgba(255,180,0,1);
									box-shadow:         0px 0px 7px rgba(255,180,0,1);} 
.bannerWSWebTV .buttonBar .button , .bannerWSWebTV .buttonBar .button:hover { -webkit-transition:all 0.1s linear;  -moz-transition:all 0.1s linear;  -o-transition:all 0.1s linear; transition:all 0.1s linear; }
.bannerWSWebTV .buttonBar .button.demo 	{  }
.bannerWSWebTV .legend 	{ display:block; z-index:1; width:100%; height:12px; line-height:12px; position:absolute; margin-top:365px; text-align:center; color:#5c82a0 !important; font-size:11px; }

.bannerWSWebTV .buttonBar .submenuWrapper 					{ float:left;   }
.bannerWSWebTV .buttonBar .submenuWrapper ul.submenu 		{ display:none; background:#222; position:absolute; width:auto; margin-top:39px; margin-left:5px; z-index:9; padding:10px; border:1px solid #666; }
.bannerWSWebTV .buttonBar .submenuWrapper ul.submenu li, 
.bannerWSWebTV .buttonBar .submenuWrapper ul.submenu li a	{ display:block; float:none; line-height:20px; height:20px; width:auto; margin:0; padding:0px; font-weight:bold; color:#fff; z-index:999; }
.bannerWSWebTV .buttonBar .submenuWrapper ul.submenu li a:hover { color:#f7b005; text-decoration:none; }
.bannerWSWebTV .buttonBar .submenuWrapper ul.submenu img 	{ float:none; display:inline; }
.bannerWSWebTV .buttonBar .submenuWrapper ul.submenu	{	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,1);
															-moz-box-shadow:    0px 0px 15px rgba(0,0,0,1);
															box-shadow:         0px 0px 15px rgba(0,0,0,1);} 
*/
						
.bannerLiveStreaming 		{ display:block; height:100px; background:#4a4a4a  url('../images/banner_livestreaming.gif') top repeat-x; z-index:1; }
.bannerLiveStreaming .title { display:block; width:100%; height:18px; position:absolute; padding-top:12px; background: url('../images/strong_shadow.png') top center no-repeat; z-index:1; }
.bannerLiveStreaming .title h2 { font-size:18px; font-weight:normal; text-align:center; color:#fff; }
.bannerLiveStreaming .logo 		{ position:absolute; width:auto; margin-left:20px; margin-top:30px; }
.bannerLiveStreaming .text 		{ position:absolute; width:auto; margin-left:340px; margin-top:40px; line-height:16px; color:#aaa; font-size:12px; font-weight:bold; z-index:1; }
.bannerLiveStreaming .text .highlight { color:#f7b005; }
.bannerLiveStreaming .techLogos { position:absolute; width:auto; margin-left:840px; margin-top:75px; }
.bannerLiveStreaming .moreInfo { position:absolute; width:auto; margin-left:855px; margin-top:15px; }


/**** wsWebtvPro ****/
.content.wsWebtvPro .sectionHeader 		{ display:block; }
.content.wsWebtvPro .sectionHeader .logoArea .slogan 	{ color:#f7b005; }
.content.wsWebtvPro .sectionHeader .menu li a 			{ }
.content.wsWebtvPro .sectionHeader .menu li a:hover 	{ color:#f7b005; text-decoration:none; } 
.content.wsWebtvPro .sectionHeader .menu li.active a 	{ color:#f7b005; text-decoration:none; background: url('../images/ws_webtv_pro_section_header_menu_active.png') top center repeat-x; } 
.content.wsWebtvPro .sectionInfo 						{ padding-top:20px; }
.content.wsWebtvPro .sectionInfo .sidebar .box			{ border-top:1px solid #f7b005; }
.content.wsWebtvPro .sectionInfo h1.highlight,
.content.wsWebtvPro .sectionInfo h2.highlight 			{ border-top:1px solid #f7b005; /*color:#d79005;*/ }

.sectionInfo .extensionsIndex 			{ padding:5px; background:#fff; line-height:16px; }
.sectionInfo .extensionsIndex h2		{ font-size:18px !important; }
.sectionInfo .extensionsIndex li 		{ display:block; width:50%; float:left;  }
.sectionInfo .extensionsIndex li > div			{ display:block; height:70px; padding:0px; margin:5px; border-bottom:1px solid #ebebeb; background:#fff; }
.sectionInfo .extensionsIndex li > div:hover 	{ /*background:#f7f7f7;*/ }
.sectionInfo .extensionsIndex li .imgCont	{ display:block; float:left; margin-right:5px; width:70px; height:70px; line-height:70px;  background:#ebebeb; text-align:center; }
.sectionInfo .extensionsIndex li .imgCont a { margin:0; padding:0; }
.sectionInfo .extensionsIndex li img		{ max-height:69px; max-width:50px; vertical-align:middle; }
.sectionInfo .extensionsIndex li img.maxW	{ max-width:70px; }
.sectionInfo .extensionsIndex li a		{ display:block; font-size:14px; padding:0; height:auto; padding-top:0px; white-space:normal; }
.sectionInfo .extensionsIndex li span	{ font-size:11px; }

.sectionInfo .feturesAtAGlance 			{ padding:5px; background:#fff; }
.sectionInfo .feturesAtAGlance h2		{ font-size:18px !important; }
.sectionInfo .feturesAtAGlance li 		{ display:block; width:47%; float:left;  line-height:20px; padding-left:15px; background: url('../images/banner_wswebtv_checkmark.png') 0px 2px no-repeat; }


.showcaseImg 			{ float:left; }
.showcaseImg img  		{ float:left; padding-right:5px; }
.showcaseDescription 	{ min-height:230px; }

/**** wsWebtvFree ****/
.content.wsWebtvFree .sectionHeader 		{ display:block; }
.content.wsWebtvFree .sectionHeader .logoArea .slogan 	{ color:#8df3e1; }
.content.wsWebtvFree .sectionHeader .menu li a 			{ }
.content.wsWebtvFree .sectionHeader .menu li a:hover 	{ color:#8df3e1; text-decoration:none; } 
.content.wsWebtvFree .sectionHeader .menu li.active a 	{ color:#8df3e1; text-decoration:none; background: url('../images/ws_webtv_free_section_header_menu_active.png') top center repeat-x; } 
.content.wsWebtvFree .sectionInfo 						{ padding-top:20px; }
.content.wsWebtvFree .sectionInfo .sidebar .box			{ border-top:1px solid #8df3e1; }
.content.wsWebtvFree .sectionInfo h1.highlight,
.content.wsWebtvFree .sectionInfo h2.highlight 			{ border-top:1px solid #8df3e1; /*color:#d79005;*/ }


/**** Streaming ****/
.content.streaming .sectionHeader 		{ display:block; }
.content.streaming .sectionHeader .logoArea .slogan 	{ color:#ff5a5a; }
.content.streaming .sectionHeader .menu li a 			{ }
.content.streaming .sectionHeader .menu li a:hover 		{ color:#ff5a5a; text-decoration:none; } 
.content.streaming .sectionHeader .menu li.active a 	{ color:#ff5a5a; text-decoration:none; background: url('../images/streaming_section_header_menu_active.png') top center repeat-x; } 
.content.streaming .sectionInfo 						{ padding-top:20px; }
.content.streaming .sectionInfo .sidebar .box			{ border-top:1px solid #ff5a5a; }
.content.streaming .sectionInfo h1.highlight,
.content.streaming .sectionInfo h2.highlight 			{ border-top:1px solid #ff5a5a; /*color:#d79005;*/ }
.content.streaming table td .red 						{ color:#c00; }
.content.streaming table td .big 						{ font-size:16px; }
.content.streaming table td .bigger						{ font-size:17px; }

/**** Calculator ****/
.content.streaming .sectionInfo img.deco,
#bandwidthCalculator 					{ border:1px solid #69a;
										-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
										-moz-box-shadow:    0px 0px 7px rgba(0,0,0,0.5);
										box-shadow:         0px 0px 7px rgba(0,0,0,0.5); }
#bandwidthCalculator 		{ display:block; margin:0 auto; margin-top:5px; margin-bottom:5px; width:600px; height:260px; } 
#bandwidthCalculator.inner 	{ display:block; position:relative; }
#bandwidthCalculator.es 	{ background:#000 url('../images/streaming_calculator_bkg_es.jpg'); }
#bandwidthCalculator.en 	{ background:#000 url('../images/streaming_calculator_bkg_en.jpg'); }
#bandwidthCalculator_viewers, 
#bandwidthCalculator_bitrate,
#bandwidthCalculator_time 		{ display:block; position:absolute; margin-top:145px; padding-left:5px; width:75px; height:17px; line-height:17px; color:#000; font-weight:bold; font-size:11px; text-align:center; background:transparent; border:none; }
#bandwidthCalculator_viewers 	{ margin-left:44px; }
#bandwidthCalculator_bitrate 	{ margin-left:186px; }
#bandwidthCalculator_time		{ margin-left:328px; }
#bandwidthCalculator_result_mb,
#bandwidthCalculator_result_gb,
#bandwidthCalculator_result_tb 	{ display:block; position:absolute; margin-left:450px; width:125px; color:#fff; font-weight:bold; font-size:11px; text-align:center; }
#bandwidthCalculator_result_mb 	{ margin-top:90px; font-size:12px; color:#9cf; }
#bandwidthCalculator_result_gb 	{ margin-top:115px; font-size:13px; color:#def; }
#bandwidthCalculator_result_tb 	{ margin-top:140px; font-size:14px; }

/**** Support ****/
.content.support .sectionHeader 		{ display:block; }
.content.support .sectionHeader .logoArea .slogan 	{ color:#69d4f7; }
.content.support .sectionHeader .menu li a 			{ }
.content.support .sectionHeader .menu li a:hover 	{ color:#69d4f7; text-decoration:none; } 
.content.support .sectionHeader .menu li.active a 	{ color:#69d4f7; text-decoration:none; background: url('../images/support_section_header_menu_active.png') top center repeat-x; } 
.content.support .sectionInfo 						{ padding:0;  }
.content.support .sectionInfo .info 				{ padding-left:0px; padding-right:0px; color:#444; }
.content.support .sectionInfo h1.highlight,
.content.support .sectionInfo h2.highlight 			{ border-top:1px solid #69d4f7; /*color:#d79005;*/ }
.content.support .sectionInfo .docHeading 			{ color:#fff; background:#9199a1; padding:5px; }
.content.support .sectionInfo .docHeading h1,
.content.support .sectionInfo .docHeading h2.pseudoh1,
.content.support .sectionInfo .docHeading h2.docTitle	{ color:#fff; font-size:19px; font-weight:bold; text-shadow:none; padding:0; }
.content.support .sectionInfo .docHeading h2,
.content.support .sectionInfo .docHeading h3.docContext	{ color:#dee1e3; font-size:13px; font-weight:bold; text-shadow:none; padding:0; }
.content.support .sectionInfo .docSubHeading 		{ font-size:12px; color:#50585d; background:#dbe0e3; padding:5px; border-bottom:1px solid #c1c6c9 }
.content.support .sectionInfo .docSubHeading h3		{ font-size:14px; color:#000; padding:0; padding-top:8px; }
.content.support .sectionInfo .docSubHeading h3:first-child { padding:0;}
.content.support .sectionInfo .docBody 				{ padding:5px; }
.content.support .sectionInfo .homeBody,
.content.support .sectionInfo .downloadsBody 		{ padding:10px;}
.content.support .sectionInfo .docBody img 			{ border:1px solid #ddd; margin:5px; margin-left:0; margin-right:0; 
															-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
															-moz-box-shadow:    0px 0px 10px rgba(0,0,0,0.1);
															box-shadow:         0px 0px 10px rgba(0,0,0,0.1);}
.content.support .sectionInfo .docBody img.noFX 	{ border:none; margin:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
/*.content.support .sectionInfo*/ .highlightedBlock		{ display:block; border:1px dotted #bbb; padding:5px; background:#ffe; 
															-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
															-moz-box-shadow:    0px 0px 10px rgba(0,0,0,0.1);
															box-shadow:         0px 0px 10px rgba(0,0,0,0.1);}
.content.support .sectionInfo .code 				{ display:block; font-family:'Courier New', Courier, monospace; font-size:12px; padding:10px; padding-left:15px; }
.content.support .sectionInfo .code.overflowX 		{ border:1px solid #ddd; overflow-x:scroll; white-space:nowrap; background:#fff; font-size:11px; }

/* changelog */
.content .sectionInfo .info h2.changelog 		{ font-size:18px; }
.content .sectionInfo .info h2.changelog strong	{ font-size:18px; border:1px solid #ddd; padding-left:5px; padding-right:5px; background:url('../images/title_gradient.png') top repeat-x; 
	text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
	-moz-border-radius:    5px; 
	-webkit-border-radius: 5px; 
	border-radius:         5px;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
	-moz-box-shadow:    0px 0px 6px rgba(0,0,0,0.2);
	box-shadow:         0px 0px 6px rgba(0,0,0,0.2);	}
.changelogNewFeature 	{ color:#ab8f2b; font-weight:bold; border:1px solid #e6d59d; background:#fbf8ef; }
.changelogEnhancement 	{ color:#4fa1af; font-weight:bold; border:1px solid #bddce1; background:#f2f8f9; }
.changelogModification 	{ color:#7961b7; font-weight:bold; border:1px solid #d9d2ea; background:#f2eff8; }
.changelogBugfix  		{ color:#669d39; font-weight:bold; border:1px solid #c7e2b0; background:#eef6e8; }
.changelogNewFeature,
.changelogEnhancement,
.changelogModification,
.changelogBugfix 	{ display:inline-block; min-width:90px; text-align:center; padding: 0 5px 0 5px; 
	-moz-border-radius:    5px; 
	-webkit-border-radius: 5px; 
	border-radius:         5px;}
.changelogNewFeature.inner,
.changelogBugfix.inner,
.changelogEnhancement.inner 	{ min-width:0; border-width:0; border-bottom-width:1px; }


/**** centered tabs ****/
.centeredTabsLegend { text-align:center; padding:10px; font-size:14px; font-style:italic;  }
.centeredTabsContainer 	{ clear:left; display:block; height:40px; border-bottom:1px solid #F7B005; margin-bottom:10px; text-align:center; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.08+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+29,000000+100&0+0,0.08+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.0) 85%, rgba(0,0,0,0.03) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.0) 85%,rgba(0,0,0,0.03) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.0) 85%,rgba(0,0,0,0.03) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#14000000',GradientType=0 ); /* IE6-9 */
}
.centeredTabsTab 		{ display:inline-block; height:38px; line-height:38px; background:#448bc0; color:#fff !important; border:1px solid #448bc0; border-bottom-color:#F7B005; margin-left:3px; margin-right:3px; padding-left:10px; padding-right:10px;  text-decoration:none; font-size:16px; }
.centeredTabsTab 		{ background:#F7B005; border-color:#F7B005; color:#fff !important; text-shadow: 0px 0px 1px rgba(0,0,0,0.3); box-shadow: inset 0px -1px 2px rgba(0,0,0,0.1); }
.centeredTabsTab:hover  { background:#ffc029; text-decoration:none; }
.centeredTabsTab.pushed { height:40px; line-height:40px; border-bottom:0; background:#f8f8f8; color:#000 !important; border-color:#F7B005; text-shadow:none; box-shadow:none; }

@media screen and (max-width:479px)
{
	.centeredTabsTab { margin-left:1px; margin-right:1px; padding-left:8px; padding-right:8px; text-decoration:none; font-size:13px; } 
}

/**************************************************************************************/
/***************************** Scroll to top helper ***********************************/
/**************************************************************************************/
.scrollToTopHelper { position:absolute; position:fixed; display:block; right:0; bottom:0px; background:#555; background:rgba(0,0,0,0.7); z-index:99; border:1px solid #444;
					-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
					-moz-box-shadow:    0px 0px 10px rgba(0,0,0,0.5);
					box-shadow:         0px 0px 10px rgba(0,0,0,0.5); 
					-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px;
					-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
					/*-moz-border-radius:    30px; 
	 			 	-webkit-border-radius: 30px; 
				 	border-radius:         30px;*/
					}
.scrollToTopHelper:hover { background:#222; }
.scrollToTopHelper a { color:#ccc; display:block; font-size:30px; padding:10px; text-decoration:none; }
.scrollToTopHelper a:hover { color:#fff; }


/*
.navigationWrapper.constWidth { width:auto;}
.navigationSecWrapper.constWidth { width:auto;}
.channelBarWrapper.constWidth { width:auto;}
.channelInfoWrapper.constWidth { width:auto;}
.videoPlayerAreaWrapper.constWidth { width:auto;}
.clipInfoAreaWrapper.constWidth { width:auto;}
.footerAreaWrapper.constWidth { width:auto;}
*/

/***************************** footer ***********************************/
.footerWrapper 		{ display:block; background:#20282f url('../images/footer_wrapper_bkg.gif') top repeat-x; clear:both; }
.footer .innerWrapper { padding:10px; padding-top:25px; }
.footer 			{ display:block; min-height:80px; color:#74777a; /*border-bottom:1px solid #494d53;*/ font-size:11px; margin:0 auto; background:#404447 /*#35383b url('../images/footer_bkg.gif') top repeat-x*/; }

.footer .logoArea 	{ display:block; width:175px; float:left; }
.footer .menu 		{ display:block; width:120px; min-height:110px; padding-left:10px; line-height:18px; float:left; border-left:1px solid #565a5c; }
.footer .menu .menuTitle	{ display:block; padding-bottom:3px; font-weight:bold; }
.footer .menu a 			{ color:#b1b5ba; }
.footer .menu a:hover		{ color:#f7b005; }
.footer .menu li 			{ display:block; }
.menu.WSWebTVPro 			{ }
.menu.WSWebTVFree 			{ }
.menu.LiveStreaming 		{ }
.menu.Support 				{ }
.menu.right 				{ float:right; border:0; text-align:right; }
.footer .copyright 			{ display:block; text-align:center; margin-top:10px; }
.footerWrapper .strongShadow { background:none; }

/*****************************************************************************************/
/***************************** general rounded corners ***********************************/
/*****************************************************************************************/
.content .sectionInfo h1,
.content .sectionInfo h2
{ 	-moz-border-radius:    6px; 
	-webkit-border-radius: 6px; 
	border-radius:         6px;
}

.bannerWSWebTV .buttonBar .submenuWrapper ul.submenu,
.bannerWSWebTVMobile .buttonBar .submenuWrapper ul.submenu,
#formMessage,
.genericButton,
/*.content.support .sectionInfo*/ .highlightedBlock	
{ 	-moz-border-radius:    2px; 
	-webkit-border-radius: 2px; 
	border-radius:         2px;
}

.content .sectionHeader .menu,
.bannerWSWebTV .buttonBar .button,
.bannerWSWebTVMobile .buttonBar .button,
.content .sectionInfo .sidebar .box,
.content .sectionInfo table.tableForm input,
.content .sectionInfo table.tableForm textarea,
.footer,
.sectionInfo img.deco,
#bandwidthCalculator,
.sectionInfo .feturesAtAGlance,
.sectionInfo .extensionsIndex
{ 	-moz-border-radius:    3px; 
	-webkit-border-radius: 3px; 
	border-radius:         3px;
}

/* straight top left */
.footer
{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; }

/* straight top right */
.footer
{ -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; }

/* straight bottom left */
.content .sectionHeader .menu
{ -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }

/* straight bottom right */
.content .sectionHeader .menu
{ -moz-border-radius-bottompright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }

/* footer IE11 fix*/
.footer
{ 	border-top:0.01px solid #ebebeb;
}

/***************************** Search ***********************************/
div.searchBox { margin-top:6px; margin-right:5px; }
a.searchButton { display:block; background:#ddd url('../images/icon_search_normal.gif') top left; float:right !important; width:40px !important; height:21px !important; padding:0 !important; margin:0 !important; }
a.searchButton:hover { background:#ddd url('../images/icon_search_hover.gif') top left;}
input.searchField { text-indent:2px; line-height:20px; float:right !important; border:0; margin:0 !important; padding:0; height:20px; border-bottom:1px solid #fff; background:#ddd; }

/* popup */
body.search { background:#fff; color:#000; padding:10px; }
body.search h2 { margin:0; font-size:14px; }
body.search a { color:#448BC0; }
body.search .searchResult { display:block; border-top:1px solid #eee; padding-top:5px; padding-bottom:10px; }
body.search .searchResult span { display:block; margin-top:5px; color:#444; }
body.search .sSearchField { width:200px;  text-indent:5px; line-height:25px; height:25px; margin:0; border:1px solid #ddd; border-right:none;}
body.search .sSearchButton { height:25px; margin:0; border:1px solid #448BC0; background:#448BC0; color:#fff; font-size:12px; font-weight:bold; }
body.search .sSearchMode { line-height:25px; height:25px; margin:0; background:#fafafa; border:1px solid #ddd; font-size:11px;}

/***************************** Forgot access info ***********************************/
.forgotAcessInfo .recoverAccessInfoForm { display:none; background:#f0f0f0; padding:10px; margin-top:5px; border:1px dashed #ddd; }
.forgotAcessInfo .okMsg 	{ display:block; font-weight:bold; color:#0a0; }
.forgotAcessInfo .errorMsg 	{ display:block; font-weight:bold; color:#C00; }

/***************************** fonts ***********************************/

body,
table,
input,
select,
textarea
{ font-family: 'OpenSansRegular', Arial, 宋体, SimSun, sans-serif, 华文细黑, STXihei; letter-spacing: 0; font-weight: lighter !important;  }

body strong,
strong,
.content .sectionInfo .menu ul > li a,
a
{ font-family: 'OpenSansSemibold', Arial, 宋体, SimSun, sans-serif, 华文细黑, STXihei !important; letter-spacing: 0; font-weight: lighter !important; }

.title,
.bannerWSWebTV/* .buttonBar .muchMore*/,
.content .sectionInfo .sidebar .box h3,
.content .sectionInfo .info h1,
.content .sectionInfo .info h2
{ /*font-family: "Lucida Sans Unicode", 宋体, "Lucida Grande", sans-serif, 华文细黑, STXihei;  */
font-family: 'OpenSansRegular', Arial, 宋体, SimSun, sans-serif, 华文细黑, STXihei; letter-spacing: 0; font-weight: lighter !important; }

h1,
h1 strong,
h2,
h2 strong,
h3,
h3 strong,
span.title,
.header .navArea .menu li a,
.header .logoArea .slogan h2,
.bannerWSWebTV strong,
.content .sectionHeader .logoArea .slogan,
.content .sectionHeader .logoArea .graphic,
.content .sectionHeader .menu li a,
.genericButton,
#formMessage.error,
#formMessage.ok,
#formMessage.thanks,
.bannerWSWebTV .buttonBar .button,
.bannerWSWebTV .buttonBar .submenuWrapper ul.submenu li a,
.bannerLiveStreaming .text,
.content.support .sectionInfo .docHeading h1,
.content.support .sectionInfo .docHeading h2,
.changelogNewFeature,
.changelogEnhancement,
.changelogModification,
.changelogBugfix,
.content .sectionInfo .menu h4,
.content .sectionInfo .menu ul > li > li,
.content .sectionInfo .menu ul > li,
/*.content .sectionInfo .menu ul,
.content .sectionInfo .menu ul li ul li,*/
.content.support .sectionInfo .docHeading h1,
.content.support .sectionInfo .docHeading h2,
.content.support .sectionInfo .docSubHeading h3,
.content.support .sectionInfo .docSubHeading h4,
.content.support .sectionInfo .docSubHeading h5,
.content .sectionInfo .info .docBody h3,
.content .sectionInfo .info .docBody h4
{ font-family: 'OpenSansSemibold', Arial, 宋体, SimSun, sans-serif, 华文细黑, STXihei !important; letter-spacing: 0; font-weight: lighter !important;  }
.content .sectionInfo .info h3,
td.fieldTitle,
textarea:focus,
input:focus,
select:focus,
.footer .menu .menuTitle
{ font-family: 'OpenSansSemibold', Arial, 宋体, SimSun, sans-serif, 华文细黑, STXihei !important; letter-spacing: 0; font-weight: lighter !important; }



.content .sectionHeader { height:auto; }
.content .sectionHeader .menu 	{ height:auto; background:#222; border-top-xxx:1px solid #444; overflow:auto; }
.sectionInfo { clear:left; }


/************************************************************************/
/***************************** mobile ***********************************/
/************************************************************************/

.mobileShow 									{ display:none !important;} 	/* default:hides the elements when no mobile */

.mobile .mobileShow.all							{ display:block !important;} 	/* show all elements when mobile */
.mobile tr.mobileShow.all 						{ display:table-row !important; }
.mobile tr.mobileShow.all td 					{ display:table-cell !important; }
.mobile .mobileHide.all							{ display:none !important;} 	/* show all elements when mobile */
.mobile .mobileHideFirstChild.all >:first-child	{ width:0%; display:none; } 	/* hide the first child of the elements when mobile*/

.mobileNavArea a 		{ display:block; background:#004680 url('../images/mobile_menu_icon_normal.png') 10px 11px no-repeat; color:#fff; padding:5px; padding-left:40px; padding-top:15px; padding-bottom:15px; text-decoration:none; font-weight:bold; font-size:12px; }
.mobileNavArea a.active,
.mobileNavArea a:hover 	{  background:#003670 url('../images/mobile_menu_icon_hover.png') 10px 11px no-repeat; color:#fff; }

.mobileNavArea { display:none}
/*.mobile .mobileNavArea { display:block;}*/
.mobile .header .navArea .menu { overflow:hidden;}

.mobile .headerWrapper 		{ background:#000 url('../images/header_bkg.gif') top repeat-x; }
.mobile .headerWrapper .slogan { display:none; }
.mobile .header 			{ height:auto; }
.mobile .header .navArea 					{ height:auto; clear:left; background:#004680; border-bottom:1px solid #1E5F8F; overflow:auto; }
.mobile .header .navArea .menu li 			{ background:#004680; /*float:left; float:none; width:100%; */  }
/*.mobile .header .navArea .menu li a			{ line-height:38px; padding:10px; padding-top:0; padding-bottom:0; }*/
.mobile .header .navArea .menu li a:hover 	{ background:none; }
.mobile .header .navArea .menu li.active 	{ background:#005690; }
.mobile .header .navArea .menu li.fr { float:left !important; }

.mobile .header .navArea .menu li.withSubmenu { height:auto; }
.header .navArea .menu li .submenu { display:none; overflow:auto; clear:left; }
.header .navArea .menu li .submenu li { box-sizing:border-box; }
.header .navArea .menu li .submenu li a { box-sizing:border-box; padding-left:20px; background:#0e314e;  }
.header .navArea .menu li .submenu li.active a { background:#0e314e; }

/*.mobile .sectionHeader .menu li.active 	{ background:#333; }
.mobile .sectionHeader .menu li.active a { background:none !important; }*/

#tickerWrapper { background:#000; height:24px;}
.mobile #tickerWrapper { display:none; }
.tickercontainer { margin:auto !important;}

.bannerWSWebTVMobile 		{ display:none; }
.bannerLiveStreamingMobile 	{ display:none; }
.mobile .bannerWSWebTV 		{ display:none; }
.mobile .bannerLiveStreaming{ display:none; }
.mobile .bannerContent 				{ width:auto; }

/***************************** main banner ***********************************/
.bannerWSWebTVMobile 				{ display:block; height:auto; background:#002f54 url('../images/banner_wswebtv.gif') top repeat-x; border-bottom:1px solid #084976; z-index:2; position:relative;  }

.bannerWSWebTVMobile .title 					{ display:block; right:0; text-align:right; position:absolute; max-width:50%; margin-top:17px; margin-right:17px; }
.bannerWSWebTVMobile .title h2 					{ font-weight:normal; color:#fff; text-shadow:1px 2px 4px rgba(0,0,0,0.5); }
.bannerWSWebTVMobile .mainImage 				{ display:block; clear:all; margin:0 auto; text-align:center; line-height:0; }
.bannerWSWebTVMobile .mainImage img 			{ max-width:100%; }
.bannerWSWebTVMobile .mainImage img.landscape 	{ display:block;}
.bannerWSWebTVMobile .mainImage img.portrait 	{ display:none;}

@media screen and (min-width:1200px)
{
	.bannerWSWebTVMobile .title 				{ max-width:55%; }
	.bannerWSWebTVMobile .title h2 				{ font-size:34px; line-height:50px; }
	.bannerWSWebTVMobile 						{ background-image:url('../images/banner_wswebtv_home.gif');}
}
@media screen and (min-width:960px) and (max-width:1199px)
{
	/*********** - width 640 (<960) */
	.bannerWSWebTVMobile .title 				{ max-width:50%; }
	.bannerWSWebTVMobile .title h2 				{ font-size:26px; line-height:30px; }
	.bannerWSWebTVMobile 						{ background-image:url('../images/banner_wswebtv_home.gif');}
}
@media screen and (min-width:640px) and (max-width:959px)
{
	.bannerWSWebTVMobile .title 				{ margin-top:12px; }
	.bannerWSWebTVMobile .title h2 				{ font-size:22px; line-height:27px; }
}
@media screen and (min-width:480px) and (max-width:639px)
{
	.bannerWSWebTVMobile .title 				{ margin-top:12px; }
	.bannerWSWebTVMobile .title h2 				{ font-size:18px; line-height:22px; }
}
@media screen and (max-width:479px)
{
	.bannerWSWebTVMobile .title 				{ margin-top:10px; margin-right:10px; max-width:50%; }
	.bannerWSWebTVMobile .title h2 				{ font-size:14px; line-height:17px; }
	.bannerWSWebTVMobile .mainImage img.landscape 	{ display:none;}
	.bannerWSWebTVMobile .mainImage img.portrait 	{ display:block;}
}

.bannerWSWebTVMobile .buttonBar 	{ display:block; width:100%; padding-bottom:5px; line-height:46px; background:#002E52; }
.bannerWSWebTVMobile .buttonBar .pro 		{ display:block; float:left; margin-left:15px; }
.bannerWSWebTVMobile .buttonBar .pro 		{ float:none; margin:0; text-align:center; }
.bannerWSWebTVMobile .buttonBar .free 	{ display:block; float:left; margin-left:15px; }
.bannerWSWebTVMobile .buttonBar img 		{ display:block; float:left; }
/*.bannerWSWebTVMobile .buttonBar .button 		{ display:block; float:left; width:auto; color:#fff; padding:10px; line-height:20px; height:20px; padding-top:5px; padding-bottom:5px; margin:5px; margin-top:7px; background:#45494d url('../images/banner_wswebtv_button.gif') repeat-x top; border:1px solid #586065; border-top-color:#909598; font-weight:bold; }*/
.bannerWSWebTVMobile .buttonBar .button 		{ display:block; float:left; width:auto; color:#fff; font-size:16px; padding:5px; line-height:20px; height:20px; margin:5px; margin-top:17px; font-weight:normal; }
.bannerWSWebTVMobile .buttonBar .button 		{ display:inline-block; float:none; }
.bannerWSWebTVMobile .buttonBar .button:hover { color:#f7b005; text-decoration:none; }
.bannerWSWebTVMobile .buttonBar .button {	/*-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
									-moz-box-shadow:    0px 0px 5px rgba(0,0,0,0.5);
									box-shadow:         0px 0px 5px rgba(0,0,0,0.5);*/} 
.bannerWSWebTVMobile .buttonBar .button:hover { border-color:#f7b005; 
									/*-webkit-box-shadow: 0px 0px 7px rgba(255,180,0,1);
									-moz-box-shadow:    0px 0px 7px rgba(255,180,0,1);
									box-shadow:         0px 0px 7px rgba(255,180,0,1);*/} 
.bannerWSWebTVMobile .buttonBar .button , .bannerWSWebTV .buttonBar .button:hover { -webkit-transition:all 0.1s linear;  -moz-transition:all 0.1s linear;  -o-transition:all 0.1s linear; transition:all 0.1s linear; }
.bannerWSWebTVMobile .buttonBar .button.demo 	{  }
.bannerWSWebTVMobile .legend 	{ display:block; z-index:1; width:100%; height:12px; line-height:12px; position:absolute; /*margin-top:410px;*/ margin-top:365px; text-align:center; color:#5c82a0 !important; font-size:11px; }

.bannerWSWebTVMobile .buttonBar .submenuWrapper 					{ float:left;   }
.bannerWSWebTVMobile .buttonBar .submenuWrapper ul.submenu 		{ display:none; background:#222; position:absolute; width:auto; margin-top:39px; margin-left:5px; z-index:9; padding:10px; border:1px solid #222; }
.bannerWSWebTVMobile .buttonBar .submenuWrapper ul.submenu li, 
.bannerWSWebTVMobile .buttonBar .submenuWrapper ul.submenu li a	{ display:block; float:none; line-height:20px; height:20px; width:auto; margin:0; padding:0px; font-weight:bold; color:#fff; z-index:999; }
.bannerWSWebTVMobile .buttonBar .submenuWrapper ul.submenu li a:hover { color:#f7b005; text-decoration:none; }
.bannerWSWebTVMobile .buttonBar .submenuWrapper ul.submenu img 	{ float:none; display:inline; }
.bannerWSWebTVMobile .buttonBar .submenuWrapper ul.submenu	{	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
															-moz-box-shadow:    0px 0px 15px rgba(0,0,0,0.5);
															box-shadow:         0px 0px 15px rgba(0,0,0,0.5);} 


/***************************** live streaming banner ***********************************/

.bannerLiveStreamingMobile 				{ display:block; padding-top:5px; padding-bottom:5px; clear:both; min-height:71px; background:#151515  url('../images/banner_livestreaming.gif') bottom repeat-x; z-index:1; }
.bannerLiveStreamingMobile .logo 		{ width:auto; margin-left:20px;}
.bannerLiveStreamingMobile .logo img 	{ margin-top:12px;  }
.mobile.w320 .bannerLiveStreamingMobile .logo		{ margin-left:10px; }
.mobile.w320 .bannerLiveStreamingMobile .logo img 	{  max-width:200px; margin-top:0px; }
.bannerLiveStreamingMobile .title 		{ display:block; margin-left:280px; width:auto%; height:18px; position:absolute; padding-top:7px; background: url('../images/strong_shadow.png') top center no-repeat; z-index:1; }
.bannerLiveStreamingMobile .title h2 	{ font-size:18px; font-weight:normal; text-align:center; color:#fff; }
.mobile.w480 .bannerLiveStreamingMobile .title 	 { margin-left:260px; width:150px; }
.mobile.w480 .bannerLiveStreamingMobile .title h2 { font-size:15px;  margin-top:20px; text-align:left; }
.mobile.w320 .bannerLiveStreamingMobile .title h2 { display:none; }
.bannerLiveStreamingMobile .text 		{ position:absolute; margin-left:280px; margin-top:28px; width:auto; line-height:16px; color:#aaa; font-size:11px; font-weight:bold; z-index:1; }
.mobile.w640 .bannerLiveStreamingMobile .text 	{ font-size:10px; }
.mobile.w480 .bannerLiveStreamingMobile .text,
.mobile.w320 .bannerLiveStreamingMobile .text 	{ display:none; }
.bannerLiveStreamingMobile .text .highlight { color:#f7b005; }
.bannerLiveStreamingMobile .techLogos 	{ position:absolute; margin:0; right:10px; margin-top:55px; }
.mobile.w320 .bannerLiveStreamingMobile .techLogos	{  left:12px; margin-top:47px; }
.bannerLiveStreamingMobile .moreInfo 	{ position:absolute; margin:0; right:10px; }
.mobile.w320 .bannerLiveStreamingMobile .moreInfo 	{ margin-top:6px; }

/***************************** other elements (mobile) ***********************************/

.mobile .sectionHeader .logoArea { display:none; }
.mobile .sidebar { display:none; }

/* sidebar at the bottom */
.mod-flexbox.mobile .content.wsWebtvPro .sectionInfo { display:flex; flex-flow:column; }
.mod-flexbox.mobile .content.wsWebtvPro .sectionInfo .sidebar { display:block; order:2; width:auto; border:none;  }
.mod-flexbox.mobile .content.wsWebtvPro .sectionInfo .sidebar .box { width:auto; }
.mod-flexbox.mobile .content.wsWebtvPro .sectionInfo .sidebar .box iframe { width:auto !important; }

.mobile .content .sectionInfo .info.withSidebar 	{ margin-right:0;   }
.mobile .content .sectionInfo .info.withMenubar 	{ /*margin-left:20px;*/ }
.mobile .footer .menu.WSWebTVPro,
.mobile .footer .menu.WSWebTVFree,
.mobile .footer .menu.LiveStreaming,
.mobile .footer .menu.Support { display:none; }

.mobile .constWidth { width:100%; }
.mobile .sectionBanner { overflow:hidden;}
.mobile .sectionBanner h2 {  margin-top:15px; background:#000; background:rgba(0,0,0,0.6); padding:10px;  }
.mobile .sectionInfo .info > img { max-width:95%; }
.mobile .sectionInfo p > img { max-width:100%; }

.mobile .showcaseImg 			{ float:none;  }
.mobile .showcaseImg img  		{ float:none; margin:0 auto; }
.mobile .showcaseDescription 	{ min-height:0; }

.mobile .sectionInfo .extensionsIndex li > div { min-height:70px; height:auto; }
.mobile .headerPromoBanner { height:auto !important; }
.mobile .headerPromoBanner img { width:auto; max-width:100%; }


@media screen and (min-width:1200px) 
{
	.header .navArea .menu { display:block !important; }
	/*********** - width 1200 (>=1200) */
	.sectionBanner 					{ line-height:0; }
	.content .sectionBanner h2 		{ margin-top:5px; height:auto; padding:10px; line-height:26px; font-size:18px; width:43%; }
	.sectionBanner img 				{ max-width:100%; }
	.content .sectionInfo h2.deco,
	.content .sectionInfo div.deco		{ background-size: 960px auto;}
}

@media screen and (min-width:960px) and (max-width:1199px)
{
	.header .navArea .menu { display:block !important; }
	/*********** - width 960 (<960) */
	.sectionBanner 					{ line-height:0; }
	.content .sectionBanner h2 		{ margin-top:5px; height:auto; padding:10px; line-height:23px; font-size:14px; width:32%;  }
	.sectionBanner img 				{ max-width:100%; }
	.content .sectionInfo h2.deco,
	.content .sectionInfo div.deco		{ background-size: 640px auto;}
}

@media screen and (min-width:640px) and (max-width:959px)
{
	.header .navArea .menu { display:block !important; }
	/*********** - width 640 (<960) */
	.sectionBanner 					{ line-height:0; }
	.content .sectionBanner h2 		{ margin-top:5px; height:auto; padding:10px; line-height:19px; font-size:14px; width:40%;  }
	.sectionBanner img 				{ max-width:100%; }
	.content .sectionInfo h2.deco,
	.content .sectionInfo div.deco		{ background-size: 640px auto;}
}

@media screen and (min-width:480px) and (max-width:639px)
{
	a { word-break: break-word; }

	.header .navArea .menu { display:none; }
	.mobileNavArea { display:block; }
	.header .navArea .menu li 			{ float:none; width:100%;   }
	.header .navArea .menu li a			{ width:100%; line-height:38px; padding:10px; padding-top:0; padding-bottom:0; }
	.header .navArea .menu li .submenu { display:block; }
	.content .sectionHeader .menu li	{ float:none; width:100%; }
	.content .sectionHeader .menu li a 	{width:100%; }
	.content .sectionHeader .menu { display:none; }
	
	/*********** - width 480 (<640) */
	.sectionBanner 					{ line-height:0; }
	.sectionInfo .feturesAtAGlance li,
	.sectionInfo .extensionsIndex li 	{ display:block; width:90%; float:left;  }
	.sectionInfo table td 				{ white-space:normal; }
	.content .sectionBanner h2 			{  display:none; /*margin-top:5px; height:auto; padding:10px; line-height:11px; font-size:10px;*/ }
	.sectionBanner img 				{ max-width:100%; }
	.showcaseImg img 					{ max-width:460px; }
	.content.support .sectionInfo .docBody img	{ max-width:98%; }
	.content .sectionInfo h2.deco,
	.content .sectionInfo div.deco		{ background-size: 480px auto;}
	.mobileHideFirstChild >:first-child{ width:0%; display:none; }
	.mobileShow 					{ display:block !important; }
	tr.mobileShow 				{ display:table-row !important; }
	tr.mobileShow td 				{ display:table-cell !important; }
	.genericButton 					{ font-size:12px; }
	.content .sectionInfo table.tableForm .fieldTitle,
	.content .sectionInfo table.tableForm td.fieldTitle 	{ white-space:normal; }
	.content .sectionInfo table.tableForm input,
	.content .sectionInfo table.tableForm select,
	.content .sectionInfo table.tableForm textarea 	{ width:250px; min-height:22px; line-height:22px;  } 
	.content .sectionInfo table.tableForm select 		{ width:260px; height:24px; }
	.content .sectionInfo table.tableForm .iframeDoc 	{ /*width:330px;*/ width:100%; }
	.content.streaming table td .big 					{ font-size:13px; }
	.content.streaming table td .bigger				{ font-size:14px; }

	.mobile .sectionInfo p > img.fl,
	.mobile .sectionInfo p > img.fr,
	.mobile .sectionInfo .info > img.fl,
	.mobile .sectionInfo .info > img.fr { max-width: 30%; }
	
	#bandwidthCalculator 		{ width:460px; height:208px; } 
	#bandwidthCalculator.es 	{ background-size: 460px 208px; }
	#bandwidthCalculator.en 	{ background-size: 460px 208px; }
	#bandwidthCalculator_viewers, 
	#bandwidthCalculator_bitrate,
	#bandwidthCalculator_time 		{ margin-top:114px; padding-left:5px; width:60px; border:0px solid #fff; }
	#bandwidthCalculator_viewers 	{ margin-left:32px; }
	#bandwidthCalculator_bitrate 	{ margin-left:141px; }
	#bandwidthCalculator_time		{ margin-left:251px; }
	#bandwidthCalculator_result_mb,
	#bandwidthCalculator_result_gb,
	#bandwidthCalculator_result_tb 	{ margin-left:345px; width:90px; border:0px solid #fff; }
	#bandwidthCalculator_result_mb 	{ margin-top:63px; font-size:12px; }
	#bandwidthCalculator_result_gb 	{ margin-top:88px; font-size:13px; }
	#bandwidthCalculator_result_tb 	{ margin-top:113px; font-size:14px; }
}

@media screen and (max-width:479px)
{
	/*********** - width 320 (<480) */
	a { word-break: break-word; }

	.header .navArea .menu { display:none; }
	.mobileNavArea { display:block; }
	.header .navArea .menu li 			{ float:none; width:100%;   }
	.header .navArea .menu li a			{ width:100%; line-height:38px; padding:10px; padding-top:0; padding-bottom:0; }
	.header .navArea .menu li .submenu { display:block; }
	.content .sectionHeader .menu li	{ float:none; width:100%; }
	.content .sectionHeader .menu li a 	{width:100%; }
	.content .sectionHeader .menu { display:none; }
	
	.header .logoArea .social a 		{ margin-left:8px;}
	.sectionBanner 					{ line-height:0; }
	.header .logoArea .social 							{ position:absolute; right:0; margin-top:5px; margin-right:5px; }
	.header .logoArea .social span 						{ display:none; }
	.header .logoArea .languageSwitch 					{ position:absolute; right:0; clear:right; margin:0; margin-top:35px; margin-right:5px; }
	.sectionInfo .sectionInfoNav a 	{ font-size:11px; }
	.sectionInfo .feturesAtAGlance li,
	.sectionInfo .extensionsIndex li 	{ display:block; width:90%; float:left;  }
	.sectionInfo table td 				{ white-space:normal; }
	.content .sectionBanner h2 					{  display:none; }
	.sectionBanner img 					{ max-width:100%; }
	.showcaseImg img					{ max-width:300px; }
	.content.support .sectionInfo .docBody img	{ max-width:98%; }
	.content .sectionInfo h2.deco,
	.content .sectionInfo div.deco		{ background-size: 300px auto;}
	.mobileHideFirstChild >:first-child{ width:0%; display:none; }
	.mobileShow 					{ display:block !important; }
	tr.mobileShow 					{ display:table-row !important; }
	tr td.mobileShow 				{ display:table-cell !important; }
	
	.content.support .sectionInfo .docBody { padding-left:5px; }

	.mobile .sectionInfo p > img.fl,
	.mobile .sectionInfo p > img.fr,
	.mobile .sectionInfo .info > img.fl,
	.mobile .sectionInfo .info > img.fr { max-width: 40%; }
			
	.genericButton 					{ padding:4px; font-size:11px; }
	.content .sectionInfo table.tableForm .fieldTitle,
	.content .sectionInfo table.tableForm td.fieldTitle 	{ white-space:normal; font-size:12px; word-break: break-word; }
	.content .sectionInfo table.tableForm input,
	.content .sectionInfo table.tableForm select,
	.content .sectionInfo table.tableForm textarea 	{ width:150px; min-height:22px; line-height:22px;  } 
	.content .sectionInfo table.tableForm select 		{ width:150px; height:24px; }
	.content .sectionInfo table.tableForm .iframeDoc 	{ /*width:180px;*/ width:100%; }
	.content.streaming .tableWrapper					{ display:block; max-width:100%; overflow:auto; }
	.content.streaming table td 	 					{ font-size:11px; margin:2px; padding:2px; }
	.content.streaming table td .big 					{ font-size:12px; }
	.content.streaming table td .bigger				{ font-size:13px; }
	table td .genericButton 							{ margin-bottom:10px; }
	
	#bandwidthCalculator 		{ width:300px; height:130px; margin-left:0 !important; } 
	#bandwidthCalculator.es 	{ background-size: 300px 130px; }
	#bandwidthCalculator.en 	{ background-size: 300px 130px; }
	#bandwidthCalculator_viewers, 
	#bandwidthCalculator_bitrate,
	#bandwidthCalculator_time 		{ margin-top:72px; padding-left:5px; width:40px; height:11px; line-height:11px; border:0px solid #fff; font-size:10px; }
	#bandwidthCalculator_viewers 	{ margin-left:20px; }
	#bandwidthCalculator_bitrate 	{ margin-left:92px; }
	#bandwidthCalculator_time		{ margin-left:163px; }
	#bandwidthCalculator_result_mb,
	#bandwidthCalculator_result_gb,
	#bandwidthCalculator_result_tb 	{ margin-left:225px; width:60px; border:0px solid #fff; }
	#bandwidthCalculator_result_mb 	{ margin-top:38px; font-size:11px; }
	#bandwidthCalculator_result_gb 	{ margin-top:52px; font-size:12px; }
	#bandwidthCalculator_result_tb 	{ margin-top:67px; font-size:12px; }
}

/************************************************************************/
/***************************** new colors ***********************************/
/************************************************************************/
html { background: #e2e2e2; }

/*.saleBannerWrapper,
.mobile .saleBannerWrapper { background: #0b1b26 !important; }*/

.mobile #tickerWrapper,
#tickerWrapper { background: #0e2230 !important;}
.mobile .headerWrapper, 
.headerWrapper { background: #0e2230; border-bottom: 1px solid #184869; }

.header .navArea .menu li.active { background: #174564; }
.header .navArea .menu li a:hover { color: #f7b005; background: #133850 }
	
.contentWrapper { background: #e2e2e2 }

.content .sectionHeader { background: #000;}

.content { box-shadow: 0px 0px 15px rgba(0,0,0,0.1); }

.content .sectionHeader .menu { background: #000; border-bottom: 1px solid #333; }
.content.wsWebtvPro .sectionHeader .menu li.active a,
.content.wsWebtvFree .sectionHeader .menu li.active a,
.content.support .sectionHeader .menu li.active a { background: #333 }
	
.content .sectionHeader .logoArea { height: 76px; padding-top: 10px; }
	
.content .sectionInfo { background: #f8f8f8 }
.content .sectionInfo .sidebar .box { background: none; padding-top: 10px;
 	-moz-border-radius:    0px; 
	-webkit-border-radius: 0px; 
	border-radius:         0px;
}

.content .sectionInfo .sidebar .boxShadow { background:none; }
.content .sectionInfo .sidebar { border-left: 1px solid #e2e2e2; }

.sectionInfo .extensionsIndex li .imgCont { background:none; }
.sectionInfo .extensionsIndex li > div { padding-bottom: 5px; }
.sectionInfo .extensionsIndex li img { vertical-align:top; }

.content .sectionInfo .menu { background:#f1f1f1; padding-top: 10px; }
.content .sectionInfo .menu .endMenu { background:#f1f1f1; }
/* new look for full width */
.content .sectionInfo .menu { background: transparent; border-right: 1px solid #ddd; box-sizing: border-box; }
.content .sectionInfo .menu .endMenu { background: transparent; }

.content.support .leftMenuToggleButton { margin-top: -10px; background: #333; color: #aaa; height:70px; line-height:70px; }
.content.support .leftMenuToggleButton { margin-right: -1px; }

.content.support .leftMenuToggleButton.folded { color: #aaa; }
.content.support .leftMenuToggleButton:hover { background: #444; color: #fff; }
	
.content .sectionInfo .menu h4 { background: #e2e2e2; }
.content .sectionInfo .menu ul li.active,
.content .sectionInfo .menu ul li.active a { color: #ffffff; background: #448bc0; }
	
.content.support .sectionInfo .code.overflowX {}
.syntaxhighlighter { border: 1px solid #ddd; }
/*.content.support .sectionInfo*/ .highlightedBlock { border: 1px solid #ffda52; background: #ffefaf; box-shadow:none;  }
.content.support .sectionInfo .docBody { padding-left:10px; }
.content.support .sectionInfo .docBody img { /*box-shadow:none;*/ }

.content .sectionInfo table.tableForm input,
.content .sectionInfo table.tableForm select,
.content .sectionInfo table.tableForm textarea 						{ background:#fff; } 
.content .sectionInfo table.tableForm input:hover,
.content .sectionInfo table.tableForm select:hover,
.content .sectionInfo table.tableForm textarea:hover 				{ background:#fff; border-color:#aaa; } 
.content .sectionInfo table.tableForm .iframeDoc 					{ background:#fff; }

.footerWrapper { background: #e2e2e2; }
.footer { border:0; box-shadow: 0px 5px 10px rgba(0,0,0,0.15); }

.syntaxhighlighter .line.alt1,
.syntaxhighlighter .line.alt2 { background:#f2f2f2 !important; }

/* mobile colors ... */

.mobileNavArea a { background-color: #133850; }
.mobileNavArea a.active, .mobileNavArea a:hover { background-color: #174564; }

.mobile .header .navArea,
.mobile .header .navArea .menu li a { background:#133b56;  }
.mobile .header .navArea { border-bottom-color:#133b56;  }

.mobile .header .navArea .menu li.active > a { background-color: #174564; }
.mobile .header .navArea .menu li a:hover { background:#133b56; }

/************************************************************************/
/***************************** new, full width ***********************************/
/************************************************************************/
html,
body,
.footerWrapper { background:#0e2230; }
.content.constWidth,
.footer.constWidth { width:100%; }
.contentWrapper { background:#f8f8f8; /* same bkg as content */ }

@media screen and (min-width:1200px)
{
	.logoArea,
	.content .sectionHeader .menu ul,
	.content .sectionBanner > div,
	.content .sectionInfo,
	.content.home .pageSharing,
	.footer .innerWrapper
	{ width:1170px; margin:0 auto; }
	.content.home .sectionInfo { width:100%; }
	/*.content .sectionInfo .menu {  }
	.content.support .sectionInfo .docHeading,
	.content.support .sectionInfo .docSubHeading,
	.content.support .sectionInfo .docBody
	{ padding-left:20px; padding-right:20px; }*/
}
@media screen and (min-width:980px) and (max-width:1199px)
{
	.logoArea,
	.content .sectionHeader .menu ul,
	.content .sectionBanner > div,
	.content .sectionInfo,
	.content.home .pageSharing,
	.footer .innerWrapper
	{ width:960px; margin:0 auto; }
	.content.home .sectionInfo { width:100%; }
	/*.content .sectionInfo .menu {  }
	.content.support .sectionInfo .docHeading,
	.content.support .sectionInfo .docSubHeading,
	.content.support .sectionInfo .docBody 
	{ padding-left:20px; padding-right:20px; }*/
}