/*
    Main style
*/

/* Generic */
html {
  margin: 0; 
  padding: 0 0 45px; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 13px; 
  line-height: 20px;
  background-color: #666666;
  color:#999999;
}
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
body {
    margin: 0;
    padding: 0;
    background-color:#666666;
    color:#CCCCCC;
}
a img {border: none;}
form {margin: 0; padding: 0;}
a {
    color: #5DABDA; 
    text-decoration: none;
    font-weight:normal;
    outline: none;
}
a:hover { 
  text-decoration: underline;
}
.qLink {color: #555; text-decoration: none; cursor: pointer}
.qLink:hover {color: #000; text-decoration: underline;}


h1, h2, h3, h4, h5, h6{
  line-height:normal;
  color:#CCCCCC;
}
h1{
  margin-top:0;
  font-size:23px;
}
h2{
  font-size:14pt;
}
h3{
  font-size:17px;
}

fieldset{
border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
background-color:#595959;
border:medium none;
margin-bottom:17px;
padding-bottom:14px;
padding-top:7px;
position:relative;
}
legend{
color:#CCCCCC;
font-size:16px;
font-weight:bold;
padding:2px 6px;
text-transform:capitalize;
}
th{
  white-space:nowrap;
}
/* universal form button */
input[type=button], input[type=submit], button, submit{
-moz-border-radius:4px 4px 4px 4px;
border-radius:4px 4px 4px 4px;
background-image:url("../img/buttonbckg.png");
background-position:center center;
background-repeat:no-repeat;
border:1px solid #2F94D0;
color:#FFFFFF;
cursor:pointer;
display:block;
float:left;
font-family:arial;
font-size:11px;
font-weight:bold;
height:22px;
line-height:20px;
outline:medium none;
padding:0 12px 3px;
text-align:center;
}
/* behavior on 32 bit transparency */
img, div, input { 
    behavior: url(iepngfix.htc);
}
/* Floats */
.left {float: left;}
.right {float: right;}
.clear {clear: both;}

/* Visibility */
.noShow {display: none;}
.inline {display: inline;}

/* Page */
#container_box {
position:relative;
z-index:10;
}
.container-wrap {
background: #272727 url(../img/content-wrap-bg.png) repeat-x top left;
position:relative;
padding-top:30px;
padding-bottom:30px;
z-index:10;
}
#container {
    position:relative;
    width: 970px; 
    margin: 0 auto;
}
/* Header */
#header_box {
position:relative;
padding: 0;
height:87px;
background:url("../img/header-bg.png") repeat-x scroll left top transparent;
z-index:222;
}
#header {
height:87px;
margin:0 auto;
position:relative;
width:970px;
background:url("../img/header.png") no-repeat scroll left top transparent;
}
.logo {
float:left;
}
#header #logo_wrapper {position: absolute; top: 0; left: 0;}
#header #logo_wrapper #logo{
    background-image:url(../img/main_logo);
    background-repeat:no-repeat;
    background-position:top left;
    width:250px;
    height:77px;
}


#navtabs_top_top_wraper{
    position:absolute;
    top:15px;
    right:0;
}
#navtabs_top_top li{
    color:#666666;
    float:left;
    font-size:14px;
    font-weight:normal;
    list-style:none;
    padding:0 0 0 12px;
}
#navtabs_top_top li a{
    display:block;
    padding: 5px 14px 2px 4px;
    text-decoration:none;
}


#header #navigation_wrapper {
    position: relative;
    height:87px;
width:970px;
}
#header #ikena_top_bar{
    padding-top:20px;
}

#header #navigation_wrapper #ikena_navigation{
float:left;
padding-left:17px;
padding-top:46px;
}

#header #navigation_wrapper #ikena_navigation li{
    padding:0;
}

#header #navigation_wrapper #ikena_navigation a {
    font-size:13px;
    color:#CCCCCC;
    text-decoration: none;
    font-weight:normal;
}

#header #navigation_wrapper #ikena_navigation li a{
display:block;
height:14px;
margin-top:5px;
padding:5px 18px 16px;
float:left;
}
#header #navigation_wrapper #ikena_navigation li a.last{
    height:14px;
    margin-top:5px;
    padding:5px 20px 16px;
    display:block;
    background:transparent;
}



#header #navigation_wrapper #ikena_navigation li a.select{
    font-weight:bold;
    color:#5DABDA;
}
#header #navigation_wrapper #ikena_navigation div.mdsp{
  position:absolute;
  width:135px;
  height: 25px;
  display:block;
  left:80px;
  top:80px;
}
/* Submenu navigation elems */
#header #navigation_wrapper #menu_under{
    margin: 0 0 0 55px;
    padding: 40px 0 0;
    width:500px;
}
#header #navigation_wrapper #menu_under .submenu{
    height:34px;
}
#header #navigation_wrapper #menu_under .submenu li{
    list-style:none;
    float:left;
}
#header #navigation_wrapper #menu_under .submenu li a{
    height:34px;
    display:block;
    padding:5px 20px 10px;
    background-image:url(../img/main_menu_delim.png);
    background-position:right 5px;
    background-repeat:no-repeat;
    font-size:14;
    text-decoration:none;
}
#header #navigation_wrapper #menu_under .submenu li a:hover, .submenu li.last a:hover{
    text-decoration:none;
}
#header #navigation_wrapper #menu_under .submenu li.last a{
    height:34px;
    display:block;
    padding:5px 20px 10px;
    background:transparent;
    font-size:14;
    text-decoration:none;
}
#header #navigation_wrapper #menu_under .submenu li a.select{
    color:#0066CC;
    font-weight:normal;
}
/* Login elements */
#login_box_arr{
    width:7px;
    height:7px;
    display:block;
    margin-left:5px;
    background-image:url(../img/loginbox/arrow_sprite_horizontal.png);
    background-repeat:no-repeat;
    background-position:0px -7px;
}

#login_box_arr.downed{
    background-position:0px 0px;
}

#login_box{
    float:right;
    width:510px;
    color: #cfcfcf;
    overflow:hidden;
}
#login_box #login_header{
    height:14px;
    margin-top:8px;
    margin-right:10px;
    display:block;
    color: #cfcfcf;
    font-size:14px;
    cursor:pointer;
    float:right;
}
#login_box #login_header_my_wall {
    height:14px;
    margin-top:5px;
    padding:5px 0px 10px 10px;
    display:block;
    color: #999999;
    font-size:9pt;
    text-align:right;
}
#login_box #login_header_my_wall a{
color:#CCCCCC;
font-size:11px;
font-weight:normal;
padding-left:2px;
padding-right:2px;
}
#login_box #login_header_my_wall a.select{
    color:#5DABDA;
    font-weight:bold;
}
#login_box #login_header_my_wall a:hover{
    text-decoration:none;
}
#login_box #login_header_my_wall a.select:hover{
    color:#5DABDA;
    font-weight:bold;
}
#login_box_form{
  float:right;
}
#login_box_frame{
    margin-top:4px;
    font-size:12px;
    line-height:normal;
}
#login_box_frame #login_box_tl{
    background-image:url(../img/loginbox/tl.png);
    background-repeat:no-repeat;
    width:5px;
    height:5px;
}
#login_box_frame #login_box_tm{
    background-image:url(../img/loginbox/tm.png);
    background-repeat:repeat-x;
    height:5px;
}
#login_box_frame #login_box_tr{
    background-image:url(../img/loginbox/tr.png);
    background-repeat:no-repeat;
    width:5px;
    height:5px;
}
#login_box_frame #login_box_ml{
    background-image:url(../img/loginbox/ml.png);
    background-repeat:repeat-y;
    width:5px;
}
#login_box_frame #login_box_mm{
    background-image:url(../img/loginbox/mm.png);
    padding:10px;
}
#login_box_frame #login_box_mr{
    background-image:url(../img/loginbox/mr.png);
    background-repeat:repeat-y;
    width:5px;
}
#login_box_frame #login_box_dl{
    background-image:url(../img/loginbox/dl.png);
    background-repeat:no-repeat;
    width:5px;
    height:5px;
}
#login_box_frame #login_box_dm{
    background-image:url(../img/loginbox/dm.png);
    background-repeat:repeat-x;
    height:5px;
}
#login_box_frame #login_box_dr{
    background-image:url(../img/loginbox/dr.png);
    background-repeat:no-repeat;
    width:5px;
    height:5px;
}
.login_input{
    border:1px solid #CCC;
    width:120px;
}
/* Login elements */

/* --- Util */

.horizontal-middle{
  width:100%;
  text-align:center;
}

ul{
    padding:0 0 0 20px;
    margin-top:0;
    margin-bottom:0;
    list-style-image:url(../img/ul_dot.png);
}


ul.lined, ul.errorlist {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  font-size:10px;
}
ul.lined li {float: left; display: block;}
ul.errorlist li {color: red;}

#navigation ul.lined li {padding: 0 0 0 30px;}

#messages {text-align: center;}
#messages div {margin: 5px 0}
#messages .info {color: blue}
#messages .warning {color: orange}
#messages .alert {color: red}

/* Breadcrumbs */

#breadcrumbs {
    padding: 5px 180px 6px 14px; 
    font-size:9px;
    color:#999;
    background-image:url(../img/breadcrumb_border.png);
    background-repeat:no-repeat;
    background-position:10px 45px;
}

#breadcrumbs a {
  /*color: #7B8E9E;*/
  color:#999;
}

/* Main */
#maincontent_box {
    position:relative;
z-index:2;
   /* margin:0 200px 0 0; */
}

/* Side blocks*/
#zContent_wrapper {width: 130px; border-right: 1px dashed black;}
.sideBlock a {display: block; margin: 5px 0 5px 10px;}

#sContent_wrapper {
  /*width: 170px;*/
margin-left:10px;
position:relative;
z-index:22;
}
.sideBlock {padding: 5px;}
.sideBlock h4 {margin: 2px 0 10px}

/* Side blocks 2*/

.sideBlock_wrapper2{
    width:170px;
    margin-bottom:10px;
}
.sideBlock_wrapper2 li a{
    font-weight:bold;
    display:block;
    color:#555;
    width:100%;
    font-variant:small-caps;
}
.sideBlock_wrapper2 li a:hover{
    background-color:#D4E0E4;
    text-decoration:none;
}
.sideBlock_wrapper2 .topArea{
    background-image:url(../img/shadowbox/top.png);
    background-repeat:no-repeat;
    height:21px;
    padding:3px 15px 0 15px;
    color:#666;
    font-size:14px;
    font-variant:small-caps;
    font-weight:bold;
}
.sideBlock_wrapper2 .midArea{
    background-image:url(../img/shadowbox/middle.png);
    background-repeat:repeat-y; 
    padding:5px 15px 0 15px;
}
.sideBlock_wrapper2 .bottomArea{
    background-image:url(../img/shadowbox/bottom.png);
    background-repeat:no-repeat;    
    height:20px;
}
#press_quickbox {
background-image:url("../img/right_side_shadow.png");
background-position:left top;
background-repeat:no-repeat;
margin-bottom:20px;
margin-left:17px;
padding-left:22px;
}
/* Side blocks 3 */
.sideBlock_wrapper3{
  width:200px;
  margin-left:15px;
  margin-bottom:20px;
  background-image:url(../img/right_side_shadow.png);
  background-repeat:no-repeat;
  background-position:top left;
}
.sideBlock_wrapper3 ul li{
  list-style:none;
  list-style-image:none;
  padding:0;
  margin:0;
}
.sideBlock_wrapper3 li a{
background-position:left top;
background-repeat:no-repeat;
color:#CCCCCC;
display:block;
font-size:12px;
font-weight:bold;
height:65px;
line-height:normal;
vertical-align:top;
width:160px;
}
.sideBlock_wrapper3 li a img {
float:left;
}
.sideBlock_wrapper3 li a span.label {
width:80px;
float:left;
}
.sideBlock_wrapper3 li.overview a span.label {
padding-top:23px;
}
.sideBlock_wrapper3 li.features a span.label {
padding-top:10px;
}
.sideBlock_wrapper3 li.technology a span.label {
padding-top:0px;
}
.sideBlock_wrapper3 li.faq a span.label {
padding-top:19px;
}
/* strane u dokumentaciji */
.sideBlock_wrapper3 li.customer_support a span.label {
padding-top:5px;
}
.sideBlock_wrapper3 li.features a span.label {
padding-top:10px;
}
.sideBlock_wrapper3 li.technology a span.label {
padding-top:0px;
}
.sideBlock_wrapper3 li.faq a span.label {
padding-top:19px;
}
.sideBlock_wrapper3 li.selected a,
.sideBlock_wrapper3 li a:hover{
  text-decoration:none;
  color:#5DABDA;
}
.sideBlock_wrapper3 li a.faq{
  background-image:url(../img/sideicons/icon_faq.png);
  padding-top:20px;
  height:45px;
}
.sideBlock_wrapper3 li a.faq.select{
  color:#0776B0;
}
.sideBlock_wrapper3 li a.manual{
  background-image:url(../img/sideicons/icon_manual.png);
  padding-top:20px;
  height:45px;
}
.sideBlock_wrapper3 li a.manual.select{
  color:#0776B0;
}
.sideBlock_wrapper3 li a.video_introduction{
  background-image:url(../img/sideicons/icon_video_intro.png);
  padding-top:15px;
  height:50px;
}
.sideBlock_wrapper3 li a.video_introduction.select{
  color:#0776B0;
}
.sideBlock_wrapper3 li a.getting_started{
  background-image:url(../img/sideicons/icon_getting_started.png);
  padding-top:10px;
  height:55px;
}
.sideBlock_wrapper3 li a.getting_started.select{
  color:#0776B0;
}
.sideBlock_wrapper3 li a.customer_support{
  background-image:url(../img/sideicons/icon_customer_support.png);
  padding-top:15px;
  height:50px;
}
.sideBlock_wrapper3 li a.customer_support.select{
  color:#0776B0;
}
.sideBlock_wrapper3 li a.video_tutorial{
  background-image:url(../img/sideicons/icon_video_tu.png);
  padding-top:15px;
  height:50px;
}
.sideBlock_wrapper3 li a.video_tutorial.select{
  color:#0776B0;
}
.sideBlock_wrapper3 li a.knowledge_base{
  background-image:url(../img/sideicons/icon_knowb.png);
  padding-top:15px;
  height:50px;
}
.sideBlock_wrapper3 li a.knowledge_base.select{
  color:#0776B0;
}
.sideBlock_wrapper3 li a.overview{
  background-image:url(../img/sideicons/icon_overview.png);
  padding-top:15px;
  height:50px;
}
.sideBlock_wrapper3 li a.overview.select{
  color:#0776B0;
}
.sideBlock_wrapper3 li a.features{
  background-image:url(../img/sideicons/icon_features.png);
  padding-top:15px;
  height:50px;
}
.sideBlock_wrapper3 li a.features.select{
  color:#0776B0;
}
.sideBlock_wrapper3 li a.technology{
  background-image:url(../img/sideicons/icon_technology.png);
  padding-top:15px;
  height:50px;
}
.sideBlock_wrapper3 li a.technology.select{
  color:#0776B0;
}
.sideBlock_wrapper3 li a.video_examples{
  background-image:url(../img/sideicons/icon_videoexamp.png);
  padding-top:15px;
  height:50px;
}
.sideBlock_wrapper3 li a.video_examples.select{
  color:#0776B0;
}
/* side block siple inline */
.horizontal_side_menu{
  float:left;
}
.horizontal_side_menu ul {
  list-style-image:none;
  list-style:none;
  padding:0;
}
.horizontal_side_menu li {
  float:left;
  display:block;
  margin-left:5px;
}
.horizontal_side_menu li a {
  /*font-variant:small-caps;*/
}
.horizontal_side_menu li a.select {
  font-weight:bold;
  text-decoration:underline;
}
/* Primary content */
#pContent_wrapper {margin: 0 20px 0 10px;}

/* Footer */
.footer {
margin:0 auto;
position:relative;
width:970px;
padding-top:15px;
padding-bottom:40px;
}
#footer_box {
    padding: 0 0 10px 0;
    height: 30px;
    bottom: 0;
    width: 950px;
}
#footer {}
#footerCopy {
background:url("../img/mdsp_logo_small.png") no-repeat scroll left 3px transparent;
font-size:10px;
padding-left:99px;
text-align:left;
}
#footerCopy a{
font-size:10px;
color:#272727;
}

/* Form elements */
/*input.xshort {width: 60px;}*/
input.short {width: 100px;}

/* Inquiry form elements */
.formTable{
    -moz-border-radius:8px 8px 8px 8px;
    border-radius:8px 8px 8px 8px;
    background-color:#595959;
    border:medium none;
    margin-bottom:7px;
    padding:20px;
    position:relative;
    width:90%;
}
.formTable td{
  /*vertical-align:top;*/
  line-height:normal;
}
.formTable td li{
  list-style:none;
  float:left;
  margin-right:20px;
}
.formTable td.lbl{
  width:110px;
}
.formTable td.middelim{
  width:100px;
}

.formTable td.fld{
  width:165px;
}
.formTable td.hghtdelim{
  height:40px;
}
.formTable th{
    font-weight:normal;
    text-align:right;
    vertical-align:top;
}
.formTable label{
  padding-right:20px;
}
.formTable input[type=text], .formTable input[type=password], .formTable select{
    border:1px solid #CCC;
    width:150px;
}
.formTable textarea{
    border:1px solid #CCC;
    width:260px;
    height:100px;
    margin-top:5px;
}

#fancy_content input[type=text], #fancy_content input[type=password], #fancy_content select{
    border:1px solid #CCC;
    width:150px;
}
#fancy_content textarea{
    border:1px solid #CCC;
    width:260px;
    height:100px;
    margin-top:5px;
}

#fancy_content .ticket_box textarea{
    width:590px;
}

.inquiryForm input[type=submit], .inquiryForm input[type=button]{
  width:100px;
}
.required{
  color:red;
  font-weight:bold;
}


/* notification form table elems */
#fancy_content table.notification{
  line-height:normal
}
#fancy_content table.notification input, #fancy_content table.notification textarea{
  border:1px solid #CCC;
  width:95%;
}
#fancy_content table.notification textarea{
    height:150px;
}
#fancy_content table.notification #id_description, #fancy_content table.notification #id_wall_content, #fancy_content table.notification #id_clog_content{  
  height:80px;
}
/* errors and notifcations */
#errors_div{
}
.error{
-moz-border-radius: 8px;
border-radius: 8px;
color:#333333;
font-size:14px;
font-weight:bold;
line-height:20px;
margin:26px auto 0;
overflow:hidden;
padding:13px 22px;
position:relative;
text-align:center;
background-color:#FFF9D7;
border:1px solid #E2C822;
margin-bottom:20px;
}
.error a{
  color:red;
  text-decoration:underline;
  font-weight:bold;
}
.notice{
  display:block;
  background-image:url(../img/noticebck.png);
  background-position:left bottom;
  background-repeat:no-repeat;
  background-color:#FFFEF4;
  border-width:1px;
  border-style:solid;
  border-color:#FFBE00;
  text-align:center;
  margin:30px;
  padding:10px;
  color:#996600;
  font-weight:bold;
  font-size:14px;
}
.notice a{
  color:#996600;
  text-decoration:underline;
  font-weight:bold;
}
/* errors and notifcations */
/* Inquiries box elems */
.inqbox{
  width:230px;
  margin:auto;
}
.inqbox div.toppart{
  background-image:url(../img/inquiriesbox/toppart.png);
  background-repeat:no-repeat;
  width:230px;
  height:22px; 
  padding-top:5px;
  text-align:center;
  font-weight:bold; 
}
.inqbox div.midpart{
  background-image:url(../img/inquiriesbox/midpart.png);
  background-repeat:repeat-y;
  width:230px;
  padding-top:10px;
  text-align:center;
}
.inqbox div.midpart a{
  color:#0776B0;
  font-weight:bold;
  margin:10px 0;
}
.inqbox div.midpart a:hover{
  text-decoration:none;
}
.inqbox div.botpart{
  background-image:url(../img/inquiriesbox/botpart.png);
  background-repeat:no-repeat;
  width:230px;
  height:15px;  
}

.inquiry-resellers-list div{
  margin-bottom:20px;
}

.inquiry-resellers-list div.left-shadow{
  background-image:url(../img/left_shadow.png);
  background-repeat:no-repeat;
  background-position:top left;
  padding-left:20px;
}
  
.inquiry-resellers-list h3{
color:#CCCCCC;
font-size:14px;
font-weight:bold;
padding-left:0;
}
.inquiry-resellers-list div h4{
color:#888888;
font-size:11px;
font-weight:bold;
margin:0 7px 0 0;
padding:0;
text-align:center;
}
/* editing icons */
.edit_icon{
    display:block;
    width:18px;
    height:18px;
    background-repeat:no-repeat;
    /*margin:5px;*/
}
.print_icon{
    background-image:url(../img/icons/print.png);
    margin-left:auto;
    margin-right:auto;
}
.browse_icon{
    background-image:url(../img/icons/browse.png);
    margin-left:auto;
    margin-right:auto;
}
.reorder_master_icon{
    background-image:url(../img/icons/reorder.png);
    margin-left:auto;
    margin-right:auto;
}
.addpage_icon{
    background-image:url(../img/icons/addpage.png);
    margin-left:auto;
    margin-right:auto;
}
.properities_icon{
    background-image:url(../img/icons/properities.png);
       float:left;
}
.changeparent_icon{
    background-image:url(../img/icons/changeparent.png);
    float:left;
}
.duplicatepage_icon{
    background-image:url(../img/icons/addsubpage.png);
    float:left;
}
.deletepage_icon{
    background-image:url(../img/icons/delete.png);
    float:left;
}
.reorder_icon{
    background-image:url(../img/icons/reorder.png);
    float:left;
}

.arrows_up{
    float:left;
    background-image:url(../img/icons/arrowsupdown.png);
    background-position:0 0;
    cursor:pointer;
}
.arrows_down{
    float:left;
    background-image:url(../img/icons/arrowsupdown.png);
    background-position:0 -25px;
    cursor:pointer;
}
.edit_actions{
    /*float:right;*/
}
.edit_actions li{
  float:left;
  list-style:none;
}
/* Colored P tags and DIVs with dashes for tree display */
.toc-field{
  position:relative;
  background-image:url(../img/tocbox/big_toc_arrows.png);
  background-repeat:no-repeat;
  background-position:0 0;
}
.toc-field.opened{
  background-position:0 -36px;
}
.toc-field:hover{
  /*background-color:#DEDEDE;*/
}
.toc-field.sub{
    background-image:url(../img/tocbox/big_toc_arrows.png);
    background-repeat:no-repeat;
    background-position:0 -72px;
    display:block;
    height:26px;
    margin:0;
    /*padding:10px 0 0 20px;*/
}
.toc-field-expander{
  position:absolute;
  cursor:pointer;
  display:block;
  width:15px;
  height:15px;
  top:10px;
  left:5px;
}
.toc-indent-field{  
    display:block;
    height:26px;
    margin:0;
    padding:10px 0 0 20px;
}
.treediv{
    background-image:url(../img/tocbox/dots.png);
    background-repeat:repeat-y;
    background-position:10px;
    padding-left:5px;
}

.toc_na_users li{
  font-weight:bold;
  display:block;
  line-height:14pt;
  color:#555;
  list-style:none;
}

/* Shadowed TOC table */

.toc_shadowed{
  width:219px;
  float:left;
}
.toc_shadowed div.topArea{
  background-image:url(../img/tocbox/shadow_top.png);
  background-repeat:no-repeat;
  background-position:top left;
  display:block;
  height:10px;
  width:219px;
}
.toc_shadowed div.midArea{
  background-image:url(../img/tocbox/shadow_middle.png);
  background-repeat:repeat-y;
  width:189px;
  padding: 0 20px 0 10px;
}
.toc_shadowed a{
  color:#CCCCCC;
}
.toc_shadowed div.midArea ul{
  padding-left:10px;
  margin-left:0px;
}
.toc_shadowed div.midArea ul li{
    list-style-image:none;
}
.toc_shadowed div.midArea li.level0{
  list-style:none;
  font-size:12px;
}
.toc_shadowed div.midArea li.level1{
  list-style-image:url(../img/tocbox/level1_arrow.png);
  padding-top:8px;
}
.toc_shadowed div.midArea li.level2{
  list-style-image:url(../img/tocbox/level2_arrow.png);
  padding-bottom:3px;
padding-top:3px;
}
.toc_shadowed div.bottomArea{
  background-image:url(../img/tocbox/shadow_bottom.png);
  background-repeat:no-repeat;
  background-position:top left;
  display:block;
  height:15px;
  width:219px;
}

/* Toc big */
.toc_big{
  
}

.toc_big th{
  background-color:#FFBE00;
  padding:3px;
}
.toc_big tr.level1{
  background-color:#658C9B;
}
.toc_big tr.level2{
  background-color:#8EC1DB;
}
.toc_big tr.level3{
  background-color:#9EEBFC;
}
.toc_big tr.level4{
  background-color:#ADFFFF;
}
.toc_big tr.level5{
  background-color:white;
}
.toc_big tr.level1 td a.title{
  background-image:url(../img/tocbox/level1_arrow.png);
  background-repeat:no-repeat;
  background-position:0 5px;
  display:block;
  margin-left:5px;
  padding-left:15px;
  font-size:16px;
  color:white;
}
.toc_big tr.level2 td a.title{
  background-image:url(../img/tocbox/level2_arrow.png);
  background-repeat:no-repeat;
  background-position:0 5px;
  display:block;
  margin-left:30px;
  padding-left:15px;
  font-size:14px;
  color:black;
}
.toc_big tr.level3 td a.title{
  background-image:url(../img/tocbox/level3_arrow.png);
  background-repeat:no-repeat;
  background-position:0 5px;
  display:block;
  margin-left:55px;
  padding-left:15px;
  font-size:12px;
  color:black;
}
.toc_big tr.level4 td a.title{
  background-image:url(../img/tocbox/level4_arrow.png);
  background-repeat:no-repeat;
  background-position:0 5px;
  display:block;
  margin-left:80px;
  padding-left:15px;
  font-size:10px;
  color:black;
}
.toc_big tr.level5 td a.title{
  background-image:url(../img/tocbox/level5_arrow.png);
  background-repeat:no-repeat;
  background-position:0 5px;
  display:block;
  margin-left:105px;
  padding-left:15px;
  font-size:9px;
  color:black;
}

/* Even and Odd Rows for table td */
.tigratable{
    border-collapse:collapse;
    padding:5px;
    font-size:12px;
    color:#CCCCCC;
}
.tigratable .first_column{
    border-left:1px solid #666;
    color:#DDDDDD;
}
.tigratable td{
padding:3px 6px 2px;
vertical-align:top;
}
.tigratable-new td{
border-bottom:1px solid #333333;
padding:3px 6px 2px;
vertical-align:top;
}

.tigratable .top_row td{
    background-color:#CCCCCC;
    padding:5px;
    border-bottom:none;
    border-right:1px solid #666;
    border-top:1px solid #666;
}
.tigratable .top_border_row td{
    padding:5px;
    border-top:1px solid #666;
}
.tigratable .even_row td{
    background-color:#EDF3EE;
    padding:5px;
    border-right:1px solid #666;
}
.tigratable .odd_row td{
    background-color:#FFF;
    padding:5px;
    border-right:1px solid #666;
}
.tigratable .bottom_row td{
    border-right:1px solid #666;
    border-bottom:1px solid #666;
    padding:5px;
}


.tigratable th{
    background-color:#FFBE00;
    padding:1px;
    padding-left:5px;
}
.tigratable tr.darken{
background-color:#DEDEDE;
color:#333333;
font-weight:bold;
}
.tigratable tr.darken td{
    padding:1px;
    padding-left:5px;
}
.tigratable td.darken{
font-weight:bold;
width:104px;
}
.tigratable tr.evenr{
}
.tigratable tr.oddr{
}
.tigratable td.empty{
}
/* Table of contents DIV from side */
.handle{
  top:-1px;
}
.slide-out-div {
    padding: 5px;
    width: 180px;
    height: 350px;
    background-image:url(../img/tocbox/background.png);
    border: #666 1px solid;
    font-size:8pt;
}

.slide-out-div a{
  display:block;
  line-height:15px;
  color:#666;
}
.slide-out-div a b{
  color:#000;
}
.slide-out-div a:hover{
  text-decoration:none;
  color:#333;
}

.slide-out-div .treediv{
    background-image:url(../img/tocbox/dots.png);
    background-position:center left;
    background-repeat:repeat-y;
}
.slide-out-div .arrow_div{
    margin:0 3px 0 -8px;
    display:block;
    cursor:pointer;
    float:left;
    height:10px;
    width:20px;
    background-image:url(../img/tocbox/arrows.png);
    background-position:0 0;
    background-repeat:no-repeat;
}
.slide-out-div .arrow_div.opened{
    background-position:0 -10px;
}
.slide-out-div .arrow_div.emptied{
    background-position:0 -20px;
}
/* Search form elements */
#search_form{
    width:200px;
    padding-left:10px;
    /*margin-bottom:20px;*/
}
#search_form #q{
border:medium none;
font-family:arial;
font-size:11px;
height:20px;
padding:2px 2px 2px 6px;
width:160px;
line-height:20px;
}
#search_form #q.inactive{
    color:#9d9d9d;
    background:url(../img/search_form/search_form.png) no-repeat bottom left;
}
#search_form #q.active{
    color:#000000;
    background:url(../img/search_form/search_form.png) no-repeat top left;
}
#search_form #submit_search{
height:24px;
outline:medium none;
width:26px;
}
/* Chain elements */
.chain-of-elems{
  display:block;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  height:55px;
  margin-bottom:20px;
}
.chain-of-elems li{
  list-style:none;
}
.chain-of-elems li a{
  padding-top:15px;
  width:74px;
  height:35px;
  font-size:24px;
  font-weight:bold;
  text-align:center;
  display:block;
  cursor:pointer;
  float:left;
  color:#333;
}
.chain-of-elems li a:hover{
  text-decoration:none;
}
.chain-of-elems li a.firstelem{
  background-image:url(../img/chainelems/firstelem.png);
  background-position:0 0;
  background-repeat:no-repeat;
}
.chain-of-elems li a.firstelem.selected{
  background-position:0 -49px;
  color:#FFF;
}
.chain-of-elems li a.midelem{
  background-image:url(../img/chainelems/midelem.png);
  background-position:0 0;
  background-repeat:no-repeat;
}
.chain-of-elems li a.midelem.selected{
  background-position:0 -49px;
  color:#FFF;
}
.chain-of-elems li a.lastelem{
  background-image:url(../img/chainelems/lastelem.png);
  background-position:0 0;
  background-repeat:no-repeat;
}
.chain-of-elems li a.lastelem.selected{
  background-position:0 -49px;
  color:#FFF;
}
/* Front page elements */
.front_div{
  position:relative;
  width:100%;
  height:450px;
}
.front_div h1 {
color:#cccccc;
font-size:24px;
margin-bottom:8px;
}
.front_div h2 {
color:#999999;
font-size:14px;
font-weight:normal;
line-height:17px;
margin-bottom:0;
width:680px;
}
.front_div_box  {
background:url("../img/homepage/home_sdw.png") no-repeat scroll 481px 22px transparent;
padding-top:30px;
clear:both;
}
.front_div_box .left {
padding-right:50px;
width:450px;
}
.front_div_box .right {
width:465px;
float:left;
}
.front_div_box .illustration {
float:left;
margin-right:30px;
}
.front_div_box .illustration-text {
margin-left:160px;
}
.front_div_box .illustration2-text {
margin-left:176px;
}
.front_div_box .illustration2 {
float:left;
margin-left:20px;
margin-right:10px;
}
.front_div_box .comp {
text-align:center;
padding-top:25px;
}
.front_div div.front_sub_div {
  float:left;
  width:212px;
  height:370px;
  margin-top:20px;
  background-image:url(../img/side_shadow.png);
  background-repeat:no-repeat;
  background-position:left top;
  padding-left:20px;
}
.front_div div.front_sub_div h3 a, .front_div div.front_sub_div h3 a:hover{
  font-weight:bold;
  color:#555;
}
.front_div div.front_sub_div div.illust_div{
  position:absolute;
  top:250px;
  margin-left:-6px;
}
.front_div div.front_sub_div a, .front_div div.front_sub_div h3 a:hover{
  text-decoration:none;
}
.front_div div.front_sub_div h3 a{
  color:#CCCCCC;
}
/* Documentation page elements */
.docs_table{
  position:relative;
  width:940px;
  height:450px;
  margin-left:auto;
  margin-right:auto;
}
.docs_table td.docs_sub_td {
  width:166px;
  height:370px;
  margin-top:20px;
  vertical-align:top;
  background-image:url(../img/side_shadow.png);
  background-repeat:no-repeat;
  background-position:left top;
  padding-left:20px;
}
.docs_table td.docs_sub_td h3 a, .docs_table td.docs_sub_td h3 a:hover{
  font-weight:bold;
  color:#555;
}

.docs_table td.docs_sub_td div.illust_div, .docs_table td.docs_sub_td div.illust_div{
  position:absolute;
  top:230px;
  margin-left:15px;
}
.docs_table td.docs_sub_td h3 a:hover{
color:#CCCCCC;
  text-decoration:none;
}
.docs_table td.docs_sub_td h3 a{
color:#CCCCCC;
}
/* Support page elements */
.supp_div{
  position:relative;
  width:232px;
  height:450px;
  margin-left:auto;
  margin-right:auto;
}
.supp_div div.supp_sub_div {
  float:left;
  width:212px;
  height:370px;
  margin-top:20px;
  background-image:url(../img/side_shadow.png);
  background-repeat:no-repeat;
  background-position:left top;
  padding-left:20px;
}
.supp_div div.supp_sub_div h3 a, .supp_div div.supp_sub_div h3 a:hover{
  font-weight:bold;
  color:#555;
}
.supp_div div.supp_sub_div div.illust_div{
  position:absolute;
  top:230px;
  margin-left:-6px;
}
.supp_div div.supp_sub_div a, .supp_div div.supp_sub_div h3 a:hover{
  color:#0066CC;
  text-decoration:none;
}
.supp_div div.supp_sub_div h3 a{
  color:#000;
}
/*link fake button */
a.fakebutton{
-moz-border-radius:4px 4px 4px 4px;
border-radius:4px 4px 4px 4px;
background-image:url("../img/buttonbckg.png");
background-position:center center;
background-repeat:no-repeat;
border:1px solid #2F94D0;
color:#FFFFFF;
cursor:pointer;
display:block;
float:left;
font-size:11px;
font-weight:bold;
margin-top:10px;
padding-left:12px;
padding-right:12px;
text-align:center;
}
a.fakebutton:hover{
  text-decoration:none;
}

a.fakebutton.selected{
  width:150px;
  display:block;
  font-weight:bold;
  text-align:center;
  color:#2F94D0;
  background-image:none;
  background-color:white;
  border:1px solid #2F94D0;
  margin-top:10px;
}
a.fakebutton.selected:hover{
  text-decoration:none;
}
/* Questionaire styles */
.questions{
  margin-bottom:30px;
}
.questions li{
  font-weight:bold;
}
.questions ul li{
  list-style:none;
  font-weight:normal;
}
.questions textarea{
  width:150px;
  height:50px;
}
/* video intro side menu block */
.vid_intro_toc{
  width:258px;
  /*float:left;*/
  margin-right:10px;
  font-size:8pt;
}
.vid_intro_toc div.toppart{
  background-image:url(../img/videointrobox/toppart.png);
  background-repeat:no-repeat;
  height:12px;
  width:258px;
}
.vid_intro_toc div.midpart{
  background-image:url(../img/videointrobox/midpart.png);
  background-repeat:repeat-y;
  width:218px;
  padding:5px 20px;
}
.vid_intro_toc div.midpart ul{
  margin:0;
  padding:0;
}
.vid_intro_toc div.midpart li{
  list-style-image:none;
  list-style:none;
}
.vid_intro_toc div.midpart li a{
  background-image:url(../img/videointrobox/listimg.png);
  background-repeat:no-repeat;
  display:block;
  margin-bottom:5px;
  padding-left:35px;
}
.vid_intro_toc div.midpart li.select{
  list-style-image:none;
  list-style:none;
}
.vid_intro_toc div.midpart li.select a{
  background-image:url(../img/videointrobox/listimgselect.png);
  background-repeat:no-repeat;
  color:#0776B0;
  font-weight:bold;
  padding-left:35px;
}
.vid_intro_toc div.bottompart{
  background-image:url(../img/videointrobox/bottompart.png);
  background-repeat:no-repeat;
  height:12px;
  width:258px;
}
/* prev next arrows */
a.prev_arrow{
  display:block;
  background-image:url(../img/arrow_prev.png);
  background-repeat:no-repeat;
  background-position:0;
  text-decoration:none;
  color:#555;
  height:30px;
  width:140px;
  padding-left:25px;
  padding-top:3px;
  font-weight:bold;
}
a.prev_arrow:hover{
  text-decoration:none;
}
a.next_arrow{
  display:block;
  background-image:url(../img/arrow_next.png);
  background-repeat:no-repeat;
  background-position:25px 0;
  text-decoration:none;
  color:#555;
  height:30px;
  width:140px;
  padding-right:25px;
  padding-top:3px;
  text-align:right;
  font-weight:bold;
}
a.next_arrow:hover{
  text-decoration:none;
}
/* video int banners */
#video_intro_banner a{
  display:block;
  width:258px;
  height:137px;
}
#video_intro_banner a:hover{
  text-decoration:none;
}
#video_intro_banner a.anonimous{
  background-image:url(../img/video_int_banners/videoint_banner01.png);
  background-repeat:no-repeat;
}
#video_intro_banner a.questionaire{
  background-image:url(../img/video_int_banners/videoint_banner02.png);
  background-repeat:no-repeat;
}
#video_intro_banner a.wall{
  background-image:url(../img/video_int_banners/videoint_banner03.png);
  background-repeat:no-repeat;
}
/* tickets */

div.ticket-right-shadow{
  background-image:url(../img/tickets/tckt_shadow_right.png);
  background-position:bottom right;
  background-repeat:no-repeat;
  width:6px;
  height:100%;
  position:absolute;
  right:0;
  bottom:0;
}

div.ticket-left-shadow{
  background-image:url(../img/tickets/tckt_shadow_left.png);
  background-position:bottom left;
  background-repeat:no-repeat;
  width:6px;
  height:100%;
  position:absolute;
  left:0;
  bottom:0;
}

#fs_about{
background-color:#595959;
  /*border: 1px dashed gray;*/
  border:none;
  padding:25px 15px 10px;
  margin-top:40px;
  position:relative;
}
#fs_about div.ticket-title{
left:0;
position:absolute;
top:-25px;
}
#fs_about div.inner-ticket-title{
background-color:#595959;
border-bottom:medium none;
color:#CCCCCC;
padding-top:5px;
text-align:center;
width:88px;
}

#fs_about div.summary{
  width:700px;
  float:left;
  font-weight:bold;
  font-size:14px;
}
#fs_about div.dates{
  margin-left:720px;
  font-size:10px;
  text-align:right;
  line-height:normal;
}
#fs_about div.description{
  border:1px solid;
  font-family: Arial, Helvetica, sans-serif;
  background-color:#FFF;
  border-top-color:#999;
  border-left-color:#CCC;
  border-right-color:#999;
  border-bottom-color:#CCC;
  padding:10px 15px;
}
#fs_about div.attachments-list{
  border:1px solid;
  font-family: Arial, Helvetica, sans-serif;
  background-color:#FFF;
  border-top-color:#999;
  border-left-color:#CCC;
  border-right-color:#999;
  border-bottom-color:#CCC;
  padding:10px 5px;
}
#attachmentstable th{
  text-align:left;
  
}
#fs_about table td{
  border-bottom:1px solid #CCC;
}
#fs_about hr{
  margin:0px;
}
#fs_about div.other-data{
  margin:10px;
}
#fs_about pre{
  font-family: Arial, Helvetica, sans-serif;
  color:#666666;
}
#fs_about span.lbl{
color:#CCCCCC;
}
#ticket-attachment{
  background-color:white;
  border: 1px solid;
  border-top-color:#999;
  border-left-color:#CCC;
  border-right-color:#999;
  border-bottom-color:#CCC;
  padding:5px;
  margin:5px 0;
}
#ticket-attachment table td{
  border-bottom:none;
}
#ticket-attachment #id_description{
  width:100%;
}
#ticket-attachment #id_description.init{
  color:#666;
}
#attachment_sliding_button{
  font-variant:normal;
  cursor:pointer;
  background-image:url(../img/tocbox/level3_arrow.png);
  background-repeat:no-repeat;
  background-position:5px 5px;
  padding-left:20px;
}

#ticket-attachment span.lbl{
  color:#666;
}
#comments-list div.outher-comment-div{
background-color:#595959;
color:#CCCCCC;
margin-top:40px;
padding:25px 15px 15px;
position:relative;

}
#comments-list div.comment-title{
left:0;
position:absolute;
top:-23px;
}
#comments-list div.inner-comment-title{
background-color:#595959;
font-size:12px;
font-weight:bold;
margin-right:6px;
padding:4px 20px;
color:#CCCCCC;
}

#comments-list hr{
  margin:0px;
}
#comments-list span.lbl{
  color:#CCCCCC;
}
#comments-list .private-comment span.lbl{
color:#333333;
}
#content_box #comments-list  .private-comment  {
color:#333333;
}
#comments-list div.html-comment{
background-color:#DEDEDE;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
padding:10px 15px;
}

#comments-list div.outher-comment-div.private-comment{
  background-image:url(../img/tickets/private_message_bck.png);
  border:none;
}
#comments-list div.outher-comment-div.private-comment div.comment-title{
  left:0;
}
#comments-list div.outher-comment-div.private-comment div.inner-comment-title{
  background-color:#FFBE00;
  border:none;
  color:#333333;
}
#comments-list div.outher-comment-div.private-comment div.html-comment{
  border:1px solid;
  font-family: Arial, Helvetica, sans-serif;
  background:transparent;
  background-image:url(../img/semitransparent.png);
  border-top-color:#999;
  border-left-color:#CCC;
  border-right-color:#999;
  border-bottom-color:#CCC;
  padding:10px 5px;
}

#insert-reply {
  margin:40px 0;
  padding:30px 10px 10px 10px;
  height:200px;
  position:relative;
}

#insert-reply textarea{
  width:100%;
}
#insert-reply table{
  width:100%;
}
#insert-reply td.left_shadow{
  width:6px;
}
#insert-reply td.right_shadow{
  width:6px;
}
#insert-reply div.contents{
background-color:#595959;
left:0;
padding:10px;
position:absolute;
top:29px;
width:100%;
z-index:2;
}
#insert-reply div.contents.priv{
  background-color:#FFBE00;
  z-index:2;
}
#insert-reply div.ticket-right-shadow{
  position:relative;
  height:30px;
}
#insert-reply div.ticket-left-shadow{
  position:relative;
  height:30px;
}
#insert-reply div.ins-reply{
  position:absolute;
  width:150px;
  height:30px;
  font-weight:bold;
  font-size:14px;
  top:0;
  left:0;
  z-index:1;
}

#insert-reply div.ins-reply a{
  font-weight:bold;
  color:gray;
  text-decoration:none;
}

#insert-reply div.ins-priv a{
  font-weight:bold;
  color:gray;
  text-decoration:none;
}
#insert-reply div.ins-reply.sel{
  z-index:3;
}
#insert-reply div.ins-reply.sel a{
  color:#CCCCCC;
}
#insert-reply div.ins-reply td.tab-title{
  text-align:center;
  border:1px solid #D5E0E4;
  background-color:white;
}
#insert-reply div.ins-reply.sel td.tab-title{
  border:none;
  background-color:#595959;
}

#insert-reply div.ins-priv{
  position:absolute;
  width:250px;
  height:30px;
  font-weight:bold;
  font-size:14px;
  top:0;
  left:130px;
  z-index:1;
}
#insert-reply div.ins-priv.sel{
  z-index:3;
}
#insert-reply div.ins-priv.sel a{
  color:black;
}
#insert-reply div.ins-priv td.tab-title{
  background-color:white;
  text-align:center;
}
#insert-reply div.ins-priv.sel td.tab-title{
  border:none;
  background-color:#FFBE00;
}

.first_attachment_insert{
  background-color:#FFBE00;
  border:2px solid;
  border-top-color:#CCC;
  border-left-color:#666;
  border-right-color:#CCC;
  border-bottom-color:#666;
  padding:5px;
}

#openticketstablediv, #closedticketstablediv{
background-color:#595959;
padding:7px;
}

#showopenedbuttondiv{
  position:absolute;
  width:150px;
  height:30px;
  font-weight:bold;
  font-size:14px;
  top:0;
  left:0;
  z-index:2;
}

#showclosedbuttondiv{
  position:absolute;
  width:150px;
  height:30px;
  font-weight:bold;
  font-size:14px;
  top:0;
  left:130px;
  z-index:1;
}
#showopenedbuttondiv table, #showclosedbuttondiv table{
  width:100%;
}
#showopenedbuttondiv td.left_shadow, #showclosedbuttondiv td.left_shadow{
  width:6px;
}
#showopenedbuttondiv td.right_shadow, #showclosedbuttondiv td.right_shadow{
  width:6px;
}
#showopenedbuttondiv td.tab-title, #showclosedbuttondiv td.tab-title{
background-color:#8D8D8D;
height:28px;
text-align:center;
}

#showopenedbuttondiv.selected td.tab-title, #showclosedbuttondiv.selected td.tab-title{
background-color:#595959;
border-bottom:medium none;
color:#CCCCCC;
height:28px;
text-align:center;
}
#showopenedbuttondiv a, #showclosedbuttondiv a{
color:#CCCCCC;
display:block;
font-weight:bold;
width:138px;
}

/* DropDown Menu */

#main_nav {
    margin:0;
    padding:0;
    list-style:none;
    z-index:222;
    position:relative;
}

    /* make the LI display inline */
    /* it's position relative so that position absolute */
    /* can be used in submenu */
    #main_nav li {
        float:left;
        display:block;
/*
        width:100px;
        background:#ccc;
*/
        position:relative;
        z-index:500;
/*
        margin:0 1px;
*/
    }

    /* this is the parent menu */
    #main_nav li a {
        display:block;
/*
        padding:8px 5px 0 5px;
        font-weight:700;
        height:23px;
        text-decoration:none;
        color:#fff;
        text-align:center;
        color:#333;
*/
    }

    #main_nav li a:hover {
    color:#ffffff;
/*
        color:#fff;
*/
    }

    /* you can make a different style for default selected value */
    #main_nav a.selected {
/*
        color:#f00;  
*/
    }

/* submenu, it's hidden by default */
#main_nav ul {
position:absolute;
left:0;
display:none;
margin:0 0 0 -1px;
list-style:none;
background:#272727 url(../img/main_nav_bg.png) repeat-x top left;
padding:10px 0 0;
padding:6px 0;
top:40px;
z-index:6000;
}  

#main_nav ul li {  
width:200px;
float:left;
}

        /* display block will make the link fill the whole area of LI  */
        #main_nav ul a {
            display:block;
            height:15px;
            padding: 8px 5px;
            color:#666;
        }

        #main_nav ul a:hover {
            text-decoration:underline;
        }

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #main_nav ul {
/*
    margin:0 0 0 -2px;
*/
}  

#header #navigation_wrapper #ikena_navigation li.drop_down {
  width:210px;
z-index:6000;
position:relative;
}

#header #navigation_wrapper #ikena_navigation li.drop_down a {
background:none repeat scroll 0 0 transparent;
color:#CCCCCC;
height:25px;
margin:0;
padding:3px 0 0 8px;
position:relative;
z-index:33333;
float:none;
}

#header #navigation_wrapper #ikena_navigation li.drop_down:hover a {
  color: #ffffff;
  background-color:#595959;
}

#twits_and_news {
  list-style: none;
  list-style-image: none;
  height: 40px;
  padding-left: 0px;
}

#vreveal {
  width: 100%;
  text-align: right;
  font-weight: bold;
}

#vreveal a {
  color: #5DABDA;
}
.news_ticker {
padding-top:14px;
}
.news_ticker h3 {
padding-bottom:5px;
margin:0px;
}
.news_ticker h3 a{
color:#CCCCCC;
font-weight:bold;
padding-bottom:5px;
margin:0px;
}
.pagination a {
  font-weight: bold;
}
.recaptcha_spec {
padding-top:10px;
}
.recaptcha_spec img {
float:left;
margin-right:15px;
}
.recaptcha_spec input {
border:1px solid #CCCCCC;
font-weight:bold;
padding:4px;
text-transform:uppercase;
width:100px;
}