@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 #4e80bb;
	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:#fff;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;}

#main {
	min-width:976px;
	width:100%;
	min-height:604px;
	visibility:hidden;
	overflow:hidden;
	position:relative;
	margin: 0 auto;
	background:url(../images/right_banner.png) right top no-repeat;
}

#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:656px;
	float:left;
}

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

/* video boxes */
.video_box	{position:relative; min-height:492px; min-width:656px; overflow:hidden;}

.video_box a {min-height:492px; min-width:656px;}	

.video_box a object {min-height:492px; min-width:656px;}

.player	{display:block; position:relative;}
	

/* ____ right div */
#right {
	width:320px;
	position:absolute; 
	right:0px; 
	top:103px; 
	min-height:501px;
	height:100%;
	overflow:hidden;
}

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

.tabs ul {
	height:29px;
}

.tabs ul li {
	border:1px solid #4b4f54;
	border-bottom:none;
	float:left;
	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.active {
	height:29px;
	top:0px;
	background:url(../images/active_btn_bg.png) repeat-x;
}

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

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

.tabs ul li.leftTab.active {
	border-right:1px solid #4b4f54;
	border-left: 1px solid #4b4f54;
}

.tabs ul li.active {
	border-left:1px solid #4b4f54;
}

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

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

li.qanda {
	width:78px;
}

li.support, li.liveChat, li.res, li.toc, li.cert {
	width:79px;
}

li.archive {
	width:105px;
}

li.cert.archive {
	width:107px;
}

li.liveChat.archive {
	width:106px;
}

li.liveChat.archive span {
	background-position: 20px center;
	padding-left:39px;
}

li.res.archive span {
	background-position: 19px center;
	padding-left:39px;
}

li.toc.archive span {
	background-position: 36px center;
	padding-left:55px;
}

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

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

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

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

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

li.cert span {
	background:url(../images/cert.png) 16px center no-repeat;
	padding-left:35px;
}

#outer {
	background:#4b4f54;
	width:310px;
	height:100%;
	padding:5px;
	min-height:471px;
}

#inner {
	background:#f3f3f3;
	width:300px;
	height:100%;
	padding:10px 5px;
	min-height:451px;
}

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

.tab_content.active {
	display:block;
}

.box {
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border: 1px solid #cbcbcb;
	background: #e5e5e5;	
	width:298px;
	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;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border: 1px solid #4b4f54;
	margin-left: 10px;
	padding: 0 5px;
	cursor:pointer;
}

.btn input {
	color:#ffffff;
	border:none;
	font-size:10px;
	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;
}

.hide {
	display:none;
}