@charset "utf-8";
/*	_________________________________________________________________________________

	comment for styles:
	all styles of line are divided into categories
	1 line: position (width, spacing, ...)
	2 line: background, borders ...
	3 line: font settings
	_________________________________________________________________________________	*/

/* ________________________________________ 0.	General styles ______________________	*/
/* fonts */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600,800);
/* /fonts */
*		{margin:0;padding:0;}

body {
	background:url(../images/bg.png) repeat-x #182941;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	line-height:18px;
	color:#fff;
}

div		{margin:0;padding:0;border:0;}
p		{margin:0 0 18px 0;padding:0;}
a		{color:#1d3e51;font-weight:normal;text-decoration:underline;}
a:hover	{text-decoration:none;}

img, a img	{border:none;}
area		{cursor:pointer;}

h1, h2, h3, h4, h5,
h6		{font-weight:normal;font-size:20px;line-height:20px;padding:0;margin:0 0 20px 0;}

/* ___ reset lists */
.no_mark 	{margin:0; padding:0;}
.no_mark li {text-indent:0; padding:0; margin:0; list-style:none; background:none;}

#mediaspace {
	height: 100%;
	width: 100%;
}

#main {
	min-width:1003px;
	width:100%;
	min-height:491px;
	visibility:visible;
	overflow:hidden;
	position:relative;
	background:url(../images/right_banner.png) no-repeat right top;
}

#load {position:fixed; width:100%; left:0; top:50%; height:30px; text-align:center; z-index:1000;
					font-size:20px;}


/* ____ left div */
#left {
	min-width:673px;
	float:left;
}

.logo {
	height: 112px;
	width: 673px;
	background:url(../images/logo.png) 0px 0px no-repeat;
}

.logo a {
	height:112px;
	width:673px;
	display:block;
	text-indent:-10000px;
}



/* video boxes */
.video_box	{position:relative; min-height:379px; min-width:673px; overflow:hidden; /* left: -18px if tabbed default -- left: 0px if full default */ left:-18px;}

#player {min-height:379px; min-width:673px;}

.player	{display:block; position:relative; height:100%; width:100%;}


/* ____ right div */
#right {
	width:320px;
	position:absolute;
	/* right: 0px if tabbed default -- right: -320px if full default */
	right:0px;
	top:82px;
	min-height:388px;
	height:100%;
	overflow:visible;
	z-index:5;
}

.tabs {
	position:relative;
	width:320px;
	top:0px;
	float:right;
	height:100%;
}

.tabs ul {
	height:29px;
	position:relative;
    /* left: 0px if tabbed default -- left: -320px if full default */
	left:0px;
}

.tabs ul li {
	border:1px solid #4b4f54;
	border-bottom:none;
	float:right;
    padding: 0px 11px;
	font-size:9px;
	font-weight:400;
	height:20px;
	position:relative;
	top: 9px;
	background:url(../images/btn_bg.png) repeat-x;
	cursor:pointer;
}

.tabs ul li.res, .tabs ul li.qanda, .tabs ul li.support, .tabs ul li.toc, .tabs ul li.tray_control, .tabs ul li.cc {
	border-left:none;
}

.tabs ul li.active {
	height:29px;
	top:0px;
	background:url(../images/active_btn_bg.png) repeat-x;
	border-left:1px solid #4B4F54;
}

.tabs ul li.leftTab {
	border-right:none;
}

.tabs li a {
  color: #FFFFFF;
  display: inline-block;
  font-size: 9px;
  text-decoration: none;
  text-shadow: 1px 1px 0 #414448;
  padding-top:2px;
  width:100%;
}

li.liveChat {
	width:49px;
}

li.res {
	width:63px;
}

li.qanda {
	width:43px;
}

li.cc {
	width:61px;
}

li.support {
	width:39px;
}

li.toc {
	width:36px;
}

.tabs li.active a {
	padding-top:4px;
}

li.liveChat span {
	background:url(../images/liveChat.png) 0px center no-repeat;
	padding-left:21px;
}

li.res span {
	background:url(../images/res.png) 0px center no-repeat;
	padding-left:18px;
}

li.qanda span {
	background:url(../images/qanda.png) 0px center no-repeat;
	padding-left:18px;
}

li.support span {
	background:url(../images/support.png) 0px center no-repeat;
	padding-left:18px;
}

li.toc span {
	background:url(../images/toc.png) 0px center no-repeat;
	padding-left:18px;
}

li.cc span {
	background:url(../images/cc.png) 0px center no-repeat;
	padding-left:22px;
}

li.tray_control span {
	/* background: collapse.png if tabbed default -- background: expand.png if full default */
	background:url(../images/collapse.png) 0px center no-repeat;
	padding-top:2px;
	width:10px;
	display:inline-block;
	height:100%;
}

#support {
	padding: 10px;
}

/*_______________________________ Classes for tab layouts ________________________________ */

/* Archive Default - Transcript, Resources, TOC */
.tabs ul.archive li {
	padding: 0px 19px;
}

.tabs ul.archive li.liveChat {
	width:70px;
}


/* Archive No Chat */
.tabs ul.archiveNoChat li {
	padding: 0px 46px;
}

.tabs ul.archiveNoChat li.res {
	width: 64px;
	border-left:1px solid #4B4F54;
}

/* Archive No Chat, Archive with Help */
.tabs ul.archiveNoChat.archiveHelp li {
	padding: 0px 24px;
}

/* Archive No Resources */
.tabs ul.archiveNoRes li {
	padding: 0px 44px;
}

.tabs ul.archiveNoRes li.liveChat {
	width: 72px;
}

/* Archive No TOC */
.tabs ul.archiveNoToc li {
	padding: 0px 37px;
}

.tabs ul.archiveNoToc li.liveChat {
	width: 73px;
}

/* Archive No Chat and Archive No TOC */
.tabs ul.archiveNoChat.archiveNoToc li {
	padding:0px 110px;
}

.tabs ul.archiveNoChat.archiveNoToc li.res {
	width:65px;
	border-left:1px solid #4B4F54;
}

/* Archive No Chat and Archive No Res */
.tabs ul.archiveNoChat.archiveNoRes li {
	padding: 0px 124px;
}

.tabs ul.archiveNoChat.archiveNoRes li.toc {
	width: 37px;
	border-left: 1px solid #4b4f54;
}

/* No resources */
.tabs ul.noRes li {
	padding: 0px 26px;
}

.tabs ul.noRes li.liveChat {
	width:45px;
}

/* No Q&A */
.tabs ul.noQ li {
	padding: 0px 23px;
}

.tabs ul.noQ li.liveChat {
  padding: 0 11px;
  width: 67px;
}

/* No Help */
.tabs ul.noHelp li {
	padding: 0px 22px;
}

.tabs ul.noHelp li.liveChat {
	width:45px;
}

/* No Chat */
.tabs ul.noChat li {
	padding: 0px 23px;
}

.tabs ul.noChat li.res {
	width:63px;
	border-left:1px solid #4B4F54;
}

/* No Chat and no Q & A */
.tabs ul.noChat.noQ li {
	padding: 0px 45px;
}

.tabs ul.noChat.noQ li.res {
	width:65px;
	border-left:1px solid #4B4F54;
}

/* No Q & A and no Resources */
.tabs ul.noQ.noRes li {
	padding: 0px 49px;
}

.tabs ul.noQ.noRes li.liveChat {
	width: 49px;
}

/* No Q&A with captions */
.tabs ul.captions li {
	padding: 0px 9px;
}

.tabs ul.captions li.liveChat {
	width: 47px;
}

/* No Q & A and no Help */
.tabs ul.noQ.noHelp li {
	padding: 0px 43px;
}

.tabs ul.noQ.noHelp li.liveChat {
	width: 49px;
}

/*_______________________________________________________________________________________ */

.tabs ul li.tray_control {
	padding: 0px 11px !important;
	width:10px;
}

#outer {
	background:#4b4f54;
	width:310px;
	height:100%;
	min-height:200px;
	padding:5px;
	/* display: visible if tabbed default -- display: none if full default */
	display:visible;
}

#inner {
	background:#f3f3f3;
	padding: 3px;
	width: 304px;
    height:100%;

}

#cc {
	position:relative;
	left:-3px;
	top:-3px;
}

.tab_content {
	display:none;
	color:#4b4f54;
}

.tab_content.active {
	display:block;
}

.box {
 border-radius: 5px;
	border: 1px solid #cbcbcb;
	background: #e5e5e5;
	width: 302px;
	padding-bottom:30px;
	margin-bottom:15px;
}

/* forms items */

input, textarea,
select		{padding:0 5px;background:none; font-family:'Open Sans', sans-serif;}

input.radio,
input.check	{width:14px; height:14px; background:inherit; border:none; vertical-align:middle; margin:4px 0;}
input:focus {outline-width:0;}

input:focus, input:active, a:focus,
a:active	{outline:none;}

.btn {
	background:url(../images/btn_bg.png) repeat-x;
 border-radius: 5px;
	border: 1px solid #4b4f54;
	margin-left: 10px;
	padding: 0 5px;
	cursor:pointer;
}

.btn input {
	color:#ffffff;
	border:none;
	font-size:9px;
	cursor:pointer;
}

.buttons_r {
	text-align:right;
}

#response {
	display:none;
	padding: 5px 0px;
}

.ask_box.response {
	text-align:center;
	font-weight:bold;
	font-size:11px;
	padding:0px;
}

.ask_box.response img {
	position:relative;
	padding-right: 10px;
	top:5px;
}

.ask_box {
	overflow:hidden;
	padding:10px 0px;
}

.ask_box label	{display:block; float:left; text-align:right; width:80px; padding:0 12px 0 0;
					line-height:38px; font-size:12px; color:#6b7077; font-weight:bold; text-shadow:1px 1px 0 #fff;}
.inp_field		{display:inline-block; height:38px; padding: 0 0 0 6px;
					background:url(../images/inp_field.png) no-repeat 0 0;}
.inp_field span	{display:inline-block; height:38px; padding: 0 6px 0 0;
					background:url(../images/inp_field.png) no-repeat right -76px;}
.inp_field input{height:38px; padding:0 0 0 10px;
					background:url(../images/inp_field.png) repeat-x 0 -38px; border:none;
					color:#8a8a8a; font-size:10px; line-height:38px;}

.txt_field		{display:inline-block; height:75px; padding: 0 0 0 6px;
					background:url(../images/txt_75.png) no-repeat 0 0;}
.txt_field span	{display:inline-block; height:75px; padding: 0 6px 0 0;
					background:url(../images/txt_75.png) no-repeat right -150px;}
.txt_field textarea{height:65px !important; padding:10px 0 0 10px; overflow:auto;
					background:url(../images/txt_75.png) repeat-x 0 -75px; border:none;
					color:#8a8a8a; font-size:10px; line-height:20px;}

.ask_box .txt_field,
.ask_box .inp_field{float:left;}
.ask_box .txt_field textarea,
.ask_box .inp_field input{width:175px;}

.tbl_resources img	{width:34px; height:39px;
						background:url(../images/ico/icon_plain.png) no-repeat 0 0;}
.tbl_resources img.file_img{background-image:url(../images/ico/icon_img.png);}
.tbl_resources img.file_pdf{background-image:url(../images/ico/icon_pdf.png);}
.tbl_resources img.file_ppt{background-image:url(../images/ico/icon_ppt.png);}
.tbl_resources img.file_xls{background-image:url(../images/ico/icon_xls.png);}
.tbl_resources img.file_zip{background-image:url(../images/ico/icon_zip.png);}
.tbl_resources img.file_doc{background-image:url(../images/ico/icon_doc.png);}

.tbl_resources	{border-collapse:collapse; padding:0;}
.tbl_resources th{height:36px; padding:5px 0 0px 0px;
					font-size:12px; font-weight:bold;
					text-shadow:1px 1px 0 #fff; text-align:left; line-height:36px; border-bottom: 1px solid #cbcbcb;}
.tbl_resources th.th_checkbox{text-align:left; width:30px; padding-left:10px;}
.tbl_resources th.th_label {width:195px;}
.tbl_resources th.th_doctype{width:54px;}

.tbl_resources .selectAllBtn{margin-top:10px;}
.tbl_resources td{padding:5px 0 5px 0px; vertical-align:top;
						background:url(../images/res_td_dott.png) no-repeat center bottom;}
.tbl_resources label{font-size:10px; text-shadow:1px 1px 0 #fff;}
.td_padd10x12 td	{padding:10px 12px; background-position:0 bottom; width:260px;}

.tbl_resources td.td_checkbox	{width:30px; text-align:left; background-position: 0 bottom; padding-left:10px;}
.tbl_resources td.td_label		{width:185px; text-align:left; line-height:18px; padding-right:10px; }
.tbl_resources td.td_doctype	{width:54px; background-position:right bottom;}

.div_resources {
  max-height: 311px;
  overflow: auto;
  width: 298px;
}

.toc_btn {
	background: url("../images/toc_btn.png") no-repeat scroll right -26px transparent;
	border: medium none;
	display: inline-block;
	height: 25px;
	padding: 0 6px 0 0;
	position: relative;
	cursor:pointer;
}

.toc_btn input {
	background: url("../images/toc_btn.png") repeat scroll 0 0 transparent;
	border: medium none;
	color: #FFFFFF;
	display: inline-block;
	height: 25px;
	padding: 0 18px 4px 28px;
	cursor:pointer;
}
.flowplayer.is-ready .fp-player {
  background-color: #000;
}