* {  
    margin: 0;  
    padding: 0;
}  
  
/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, article {  
    display: block;
}  
  
body {  
    margin: 0 auto;  
    width: 100%;  
    font: 13px/22px Helvetica, Arial, sans-serif;  
    background: #e8e8e8;  
}
canvas {background:#000;margin-left:60px;}
div.container {background:none;}
p, a {font:12px arial; color:#000;text-decoration:none;}
.big {font:14px arial;}
#howto, #specs {color:#c99;}
#howto:hover, #specs:hover {color:#c33;}
.questions {font:14px arial;line-height:28px;color:#333;font-style: italic; }
ul, li {list-style-type: none;}
.main-text {list-style-image: url('../img/graphs/bullit-point.png');margin-bottom:12px;}
.intro {font:16px arial;margin-bottom:12px;list-style:square;margin-top:40px;}

.strong {color: rgba(146, 39, 142, 0.85);font-weight:bold;font-size:1.6em;}
.small {font:10px color:#999;}
.text {font:12px  'lucida grande';}
.quote_big {font-size:21px;text-transform: italic;padding-right:100px;}
a:hover {color:#000;text-decoration:none;}
a.breadcrumb {color:#999;padding-top:14px;display:inline-block;}
a.breadcrumb:hover {color:#000;text-decoration:underline;}
a.active {color:#000;font-weight:bold;margin-right:-20px;}
/*a.active:hover {font-weight:bold;}*/
a.docs_list {color:#900;text-decoration:none;}
a.docs_list:hover {color:#000;text-decoration:underline;}

div.main1 {width:1024px;margin-left:auto;margin-right:auto;background:#fff ;border:0px solid #000;margin-top:40px;height:700px;
border-top-left-radius: 12px; -webkit-border-top-left-radius: 12px; -moz-border-top-left-radius: 12px;
border-top-right-radius: 12px; -webkit-border-top-right-radius: 12px; -moz-border-top-right-radius: 12px;
}
div.main2 {border:1px solid #ccc;height:698px;margin-bottom:0px;border-bottom: none;
border-top-left-radius: 12px; -webkit-border-top-left-radius: 12px; -moz-border-top-left-radius: 12px;
border-top-right-radius: 12px; -webkit-border-top-right-radius: 12px; -moz-border-top-right-radius: 12px;
}

.slider_navig {width:200px;margin-left:193px;margin-top:80px;padding-right:12px;border-left:1px solid #ccc;border-right:1px solid #ccc;clear:both;text-align: center;}
.slider_navig_elements {display:inline-block;height:24px;width:24px;background:url('../img/graphs/btn_next_slider.png');}

div.footer_b {position:relative;z-index:0;padding:0px 40px;height:55px;border:1px solid #ccc;border-top:none;background:url('../img/footer/footer2.png');
border-bottom-left-radius: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px; -webkit-border-bottom-right-radius: 12px; -moz-border-bottom-right-radius: 12px;
overflow:visible;} /**/
body.splash div.footer_b { background: none; background-color: white; }

div.toc_header {border-right:0px solid #999;width:220px;float:left;padding:15px 50px 0 0;margin-right:60px;text-align:right;height:30px;}

div.header_right {border:0px solid green;padding:15px 20px 0px 40px;height:30px;}

div.toc2 {border:0px solid #ccc;width:240px;float:left;padding:15px 20px 0px 10px;text-align:right;}
div.content {float:left;margin:40px 30px 0 0;height:570px;z-index:100;}/*width:720px;*/

.content_home1 {border:0px solid #ccc;float:left;height:370px;z-index:0;}/*width:720px;*/
.content_home2 {display:none;margin:20px 30px 0 40px;} /*text-align:justify;height:370px;*/

h1 {font:13px 'arial black'; line-height:14px;color:rgba ('77,77,77,1');border:0px solid #ccc;margin-top:10px;}
h2 {}
li {list-style: none;}
ul.ul_toc_sub {margin-bottom:40px;}

/* ----------------- TOC menu ---------------- */
li.li_toc {margin-bottom:5px;border:0px solid #ccc;}
a.a_toc {color:#ccc;font-size:15px;font-weight:bold;}
a.a_toc:hover {color:#666;text-decoration:none;}
a.a_toc_sub {color:#ccc;}
a.a_toc_sub:hover {color:#666;}

span.separator {display:inline-block;padding:0 15px;margin-left:10px;font:11px 'arial black';color:#666;}
span.toimprove {text-decoration: line-through;color:#666;}
.highlight {color:#720303;}
.small {font-size:17px;}

div.tips {display:none;position:absolute;width:500px;padding:15px;background:#F4F3D3;border:1px solid #CCCAAE;font:16px courier;color:#333;margin-left:40px;-moz-border-radius: 15px;border-radius: 15px; }

/* ----------------- menu sub horizontal tabs ---------------- */
.video_tab {display:inline-block;background:url('../img/btn/btn-video.png') no-repeat 0px 0px;height:20px;width:20px;line-height:12px;margin-top:3px;}
.txt_tab {display:inline-block;background:url('../img/btn/btn-txt.png') no-repeat 0px 0px;height:20px;width:20px;line-height:12px;margin-top:3px;}
.txt_tab:hover, .video_tab:hover {background-position:0px -20px;}
.active {background-position:0px -40px;}

.menu_sub_hor_tab {background:#fff;z-index:1000;display:inline-block;padding:0px 30px;border:1px solid #ccc;border-bottom:0px solid #ccc;
border-top-right-radius: 16px; -webkit-border-top-right-radius: 16px; -moz-border-top-right-radius: 16px;
border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-top-left-radius: 6px;
-moz-box-shadow: 2px -2px 8px #f1f1f1; -webkit-box-shadow: 2px -2px 8px #f1f1f1; box-shadow: 2px -2px 8px #f1f1f1;cursor:pointer;
}
.menu_sub_hor_tab:hover {}
#tab1, #tab2 {background:rgba(255,255,255,0.9) ;}
#tab1:hover, #tab2:hover {background:rgba(255,255,255,0.4) ;}

.menu_sub_hor_tab_tip {background:#f3f0c8;z-index:1000;display:inline-block;padding:0px 30px;border:1px solid #ccc;border-bottom:0px solid #ccc;
margin-left:100px;
transform: skew(10deg,0deg);
-ms-transform: skew(10deg,0deg); /* IE 9 */
-webkit-transform: skew(10deg,0deg); /* Safari and Chrome */
-o-transform: skew(10deg,0deg); /* Opera */
-moz-transform: skew(10deg,0deg); /* Firefox */
-moz-box-shadow: 8px -8px 8px #f1f1f1; -webkit-box-shadow: 8px -8px 8px #f1f1f1; box-shadow: 8px -8px 8px #f1f1f1;
}
.menu_sub_hor {position:relative;margin-bottom:2px;z-index:0;}
.border_bottom {border-bottom:3px solid #ccc;}
.menu_subhortab_last {position:absolute;bottom:0px;display:inline-block;border:none;padding:0;}/*border-bottom:3px solid #e4e4e4;*/
a.menu_sub_hor  {color: #999; font: 11px arial;padding-bottom:3px;}
a.menu_sub_hor:hover  {color: #333;}
a.active2 {color:#333;border-bottom:3px solid #ccc;}

.docs_cell {display:table-cell;border-bottom:1px solid #ccc; }

/*  -----------------  video events  -----------------  */
#next_link {display:none;background: url('../img/graphs/next_btn2.png');width:150px;height:85px;position:absolute;bottom:70px;right:30px;z-index:20000;cursor:pointer;}
#next_link:hover {background:url('../img/graphs/next_btn2_ov.png');}
#goto_sc3 {display:none;background: url('../img/graphs/arrow_goto_scenes.png');width:126px;height:146px;position:absolute;top:30px;left:250px;z-index:20000;cursor:pointer;}

#questions_step1 {-moz-box-shadow: 0px -0px 24px #fff; -webkit-box-shadow: 0px -0px 24px #fff; box-shadow: 0px -0px 24px #fff;
overflow:auto;display:none;background: rgba(255,255,255,0.85);height:85px;position:absolute;z-index:20000;width:500px;margin:90px;height:350px;border:1px solid #ccc;padding:20px;
}

/* -------------------video*/

#sound1 {visibility:hidden;}

.docs_cell {
display: table-cell;
border-bottom: 1px solid #CCC;
}

a.docs_list {
color: #900;
text-decoration: none;
}

a.docs_list:hover {
color: black;
text-decoration: underline;