input:checkbox, input:radio, input { background: transparent } 

.table_in_form { width: 360px; float: left; margin: 0 10px 10px 0; border: 1px solid #666 }
.table_in_form input.number { width: 80px; }
.date { width: 75px; }

.state1, .state2 { background-color: #ffffcc; }
.state3 { background-color: #ffffaa; }
.state4 { background-color: #ffeecc; }
.state5 { background-color: #ffddbb; }
.state6, .state7, .state8 { background-color: #fff; }
.state10 { background-color: #aaa; }
.state11 { background-color: #888; }

.type1 { color: #ff0000; }
.type2 { color: #3311ff; }
.type3 { color: #000; }
.type4 { color: #666; }

.marginleft   { margin-left: 18px; }

.req { background-color:#fdc;}

.splitterContainer   { width: 100%;  height: 1500px; }
#vsplitter {     width: 100%;   height: 1500px;}


.s08 {  font-size: 0.8em;  }
.s085 {  font-size: 0.85em;  }
.s09 {  font-size: 0.9em;  }
.s095 {  font-size: 0.95em;  }
.s11 {  font-size: 1.1em;  }
.s12 {  font-size: 1.2em;  }
.s13 {  font-size: 1.3em;  }
.s14 {  font-size: 1.4em;  }
.s15 {  font-size: 1.5em;  }
.s16 {  font-size: 1.6em;  }

.nowrap  { white-space: nowrap; }
.active { color: #4b4b4d;  text-decoration: none;   }
.skryty, .hidden { visibility: hidden; display: none;  }
.nodisplay { display: none;  }
.nomargin { margin: 0;  }
.automargin  { margin: auto; }
.center {  text-align: center;   }
.left {  text-align: left;   }
.right {  text-align: right;   }
.top { vertical-align: top;   }
.topright { text-align: right;  vertical-align: top;   }
.middle { vertical-align: middle;   }
.bottom { vertical-align: bottom;   }
.bold {  font-weight: bold;  }
.italic {  font-style: italic;  }
.small {   font-size: 0.9em;  }
.white {  color: #fff; }
.bgwhite {background-color: #fff; }
.bgwhitecenter {background-color: #fff; text-align:center;}
.centerwhite {  font-weight: bold;  color: #fff;  text-align:center;  }
.topwhite { background-color: #fff; vertical-align:top; }
.red {  color: red;   }
.bgred { background-color: #fdc;   }
.darkblue {  color: #6b86b5 }
.green {  color: #00978f }
.blue {  color: #73a8d1;   }
.lightblue {  color: #69b8e6;   }
.gray {  color: #545454;   }
.bggray {background-color: #545454;   }
.smallbggray {background-color: #545454;  color: #fff; font-size: 0.8em;  }
.bglightgray0 {background-color: #f4f4f4;   }
.bglightgray1 {background-color: #ddd;   }
.box { padding: 10px;  border: 1px solid #545454; background-color: #f4f4f3; }
.lower-alpha { list-style-type: lower-alpha; }
.ibacolor {  color: #a38b69;}

.lightbrown0 { color:  #f7f4ef }
.lightbrown { color:  #ede9e5}
.lightbrown1 { color:  #e9decf  }
.brown1 { color:  #b4a38f  }
.brown2 { color: #9f8c77 }
.brown3 { color: #8e765b }
.bglightbrown0 { background-color:  #f7f4ef }
.bglightbrown { background-color:  #ede9e5 }
.bglightbrown1 { background-color:  #e9decf }
.bgbrown1 { background-color:  #b4a38f  }
.bgbrown2 { background-color: #9f8c77 }
.bgbrown3 { background-color: #8e765b }

.bordered_top { /* border: 0;*/ border-top: 1px solid #000; }
.bordered_top_bottom { /*border: 0; border-top: 1px solid #000;*/ border-bottom: 1px solid #666 }

.bordered {border: 2px solid #5e9895; background-color: #ede9e5 }
.borderedsmall {border: 2px solid #5e9895; background-color:  #ede9e5; font-size:0.8em }
.borderedsmall th { text-align:center; color: #fff ; background-color: #5e9895 }
.borderedsmall td, .borderedsmall th { _font-size:1em }
.lightbordered {border: 1px solid #9f8c77; background-color:  #ede9e5 }
.Formular .lightbordered { width: 692px }


.bottom_dots { border-bottom: 1px dashed #005471;   }

.obrazek { border: 1px solid #d1d1d1; }
.obrazek_vlevo { margin-right: 10px; margin-bottom: 10px; float: left; border: 1px solid #d1d1d1; }
.obrazek_vpravo { margin-left: 10px; margin-bottom: 10px; float: right; border: 1px solid #d1d1d1; }
.obrazek_left { margin-right: 10px; margin-bottom: 10px; float: left; border: 4px double #d1d1d1; }
.obrazek_right { margin-left: 10px; margin-bottom: 10px; float: right; border: 4px double #d1d1d1; }
.obrazek_logo { margin-right: 10px; margin-bottom: 10px; float: left; }
.obrazek_vpravo_logo { margin-left: 10px; margin-bottom: 10px; float: right;  }
.obrazek_h2_vpravo { margin: 1.8em 0 10px 10px; float: right; border: 1px solid #d1d1d1; }
.foto { margin-right: 10px; margin-bottom: 10px; float: left; border: 3px double #d1d1d1; }
.foto_center { margin-right: 10px; margin-bottom: 10px; text-align: center; border: 3px double #d1d1d1; }

.floatleft { float: left; }
.floatright { float: right; }

.in { padding: 0.3em 1em;}

.redbox { background-color: #ffe3e5; border: 1px solid #c10000; padding: 0.5em 1.5em;  }
.bluebox { background-color: #e6f7ff; border: 1px solid #5e9ee8; padding: 0.5em 1.5em; }

.col1 { width:700px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; } 
.col2_left {float:left; width:330px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; }
.col2_right {float:right; width:330px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; }
.col2_right_border {float:right; width:330px !important /*Non-IE6*/; width:350px /*IE6*/; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; padding-left:20px; border-left: 1px dotted #474747; }
.col3_left {float:left; width:220px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; }
.col3_middle {float:left; width:220px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:15px; }
.col3_middle_border {float:left; width:220px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:20px; padding-left:10px; border-left: 1px dotted #474747; }
.col3_right {float:right; width:220px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; }
.col3_right_border {float:right; width:220px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; padding-left:10px; border-left: 1px dotted #474747; }
.col1:after, .col2_left:after, .col2_right:after, .col2_right_border:after, .col3_left:after, .col3_middle:after, .col3_right:after, .col3_middle_border:after, .col3_right_border:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearwhite {width:660px; height:1px; border:none; background: transparent; color: #fff; overflow:hidden; visibility:hidden;}

.box:after, .clearwhite:after {content:"."; display:block; height:0; clear:both; }

.cleaner { clear:both;  height:1px !important; height:0;  font-size:0; margin:0; padding:0;  border:none;  visibility: hidden; }
.cleaner1 { clear:both;  height:1px;  font-size:1px;  border:none;  margin:0;  padding:0;  background:transparent; }
.clearleft { clear: left; }
.clearright { clear: right; }
.clearboth { clear: both; }

.hide {display:none;}
.show {}

body   { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; }
#bodyTop  { height: 86px; overflow: hidden; background: transparent url(images/bgtop.png) 0 0 repeat-x; color: #fafafa; }  /*plugins/jquery/themes/aristo/images/ui-bg_highlight-hard_80_c4c4c4_1x100.png*/
#bodyTop_top { height: 20px; }
#bodyTop_left { width: 600px; height: 20px; float: left; line-height:20px; }
#bodyTop_right { width: 20px; height: 20px; float: right; line-height:20px; }
#bodyTop_logo { width: 163px; height: 57px; float:left; clear: left; margin-top:4px; text-align:center; font-size: 17px; line-height: 16px; color: #fff; font-weight: bold; /*font-family: Georgia, serif; */ letter-spacing: -1px }
#bodyTop_logo a { width: 163px; height: 57px; float:left; text-align:center; color: #fff; text-decoration: none }
#bodyTop_logo a:hover { color: #fff; background: #333 }
.MenuIco { width: 124px; height: 54px; float:left; margin: 0px 3px 14px 3px; padding-bottom: 0px; font-size: 12px; line-height: 11px; color: #fff; text-align: center; }
.MenuIco img { margin: 2px 0 6px 0; }
.MenuIco a { text-decoration: none; color: #fff; }
.MenuIco_current { font-weight: bold; background: #333 url('images/bg_table_head.png'); }
/*#bodyMain  {background: #808080 url("images/bg_main.gif") repeat-x; padding: 6px; }
#MainMenuLeft  { background: #D4D0C8 ; padding: 0px; margin: 0px} */ 

.separator { display: none; visibility: hidden; }
#colswrap { width: 100%; position: relative; overflow: hidden;  }
#col_body_wrap { width: 100%; float: left; position: relative; padding-bottom: 20010px; margin-bottom: -20000px;  }
#col_body_pad { padding: 5px 5px 0 172px;  }
#col_left_wrap { width: 160px; margin-left: -100%; float: left; position: relative; padding-bottom: 20010px; margin-bottom: -20000px; /* background: transparent url(images/bgleft.png) repeat;*/ color: #fff;  }
#col_left_wrap table td, #col_left_wrap h1, #col_left_wrap h2 { color: #fff;  }
#col_left_pad { padding: 5px; text-align:center; color: #fff; }

#col_left_switch  { position: absolute;  top: 10px; left: 10px; }

p            {color: #000000}
table        {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000}
table.collapse  { border-collapse: collapse; border: 1px solid black; }
table.collapse tr td  { border: 1px solid gray; }
table.collapse tr td td  { border: none; }
input        {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000}
textarea   {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000}
select     {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000}
h1           {font-size: 15px; font-weight: bold; color: #000000; margin: 0 }
h2           {font-size: 14px; font-weight: bold; color: #000000; margin: 0 }
h3           {font-size: 12px; font-weight: bold; color: #000000; margin: 0 }
h4           {font-size: 11px; font-weight: bold; color: #000000; margin: 0 }
form {     margin: 0;  padding: 0;  }
a img {   border: 0;  }

.red a, .red a:hover, .red a:hover { color: red; }

a.Kontrastni:link        { color: #000000; text-decoration: underline}
a.Kontrastni:visited   { color: #000000; text-decoration: underline}
a.Kontrastni:hover     { color: #FFFFFF; background-color: #291E7F}
a.Kontrastni:hover img  {background-color: #FFFFFF}
a.externi, a.externi:visited, a.externi:hover {padding-right:13px; background: url('images/external.png') center right no-repeat; }

.save_as_default { background: #fff url(images/tool/096.png) no-repeat; width: 23px; height: 23px; vertical-align: middle }
.save_as_default_delete { background: #fff url(images/tool/095.png) no-repeat; width: 23px; height: 23px; vertical-align: middle }

.height_th { height: 25px }
.width_100 { width: 100%; }

.Formular  { border: 1px solid #000000; background: #cccccc /*url('plugins/jquery/themes/aristo/images/ui-bg_highlight-soft_100_c0c0c0_1x100.png') 0 0 repeat-x;*/; color: #000000; padding: 0px; border-spacing: 1px; }
.Formular  td { padding: 3px; }
.Formular_pad  { border: 1px solid #000000; background-color: #D4D0C8; color: #000000; padding: 8px;}
.lightbordered { border: 1px solid #9f8c77; margin: 2px 0 }
.bglightyellow { background-color: #ffb; }

.Tabulka    {background-color: #666; /*border: 1px solid #000000; padding: 0; border-collapse:collapse;*/ border-spacing: 1px; }
.Tabulka  td { padding: 3px; }
.Zahlavi      {font-size: 12px; color: #FFFFFF; font-weight: bold; background: #666 url('images/bg_table_head.png') repeat-x; text-align: center}

.Telo1        {background-color: #FFFFFF; color: #000000}
.Telo2        {background-color: #EEEEEE; color: #000000}
.Telo22        {background-color: #ccc; color: #000000}
.Telo3        {background-color: #D4D0C8; color: #000000}
.Telo         {background-color: #FFFFFF; color: #000000}

.NadpisPozadi      {background-color: #808080; color: #000000}

.HelpHeading1       {font-size: 16px; font-weight: bold; color: #000000}
.HelpHeading2       {font-size: 14px; font-weight: bold; color: #000000}


.Sede     {color: #555555}

.LogVstup   {width: 160px}
.LeftVstup  {width: 140px}
.Vstup    {width: 250px; }
.VstupSmall  {width: 150px}
.VstupLong  {width: 550px}
.Tlacitko       {width: 70px}
.FormImg      {border: 1px #dfd3c3 solid; padding: 2px; background: #f4f2ed }
.FormTip      { font-size: 10px; font-weight: bold;  }

.LeftVstupAjax  { width: 140px; background-color: #ffffcc; }
.VstupAjax  { width: 250px; background-color: #ffffcc; }
.VstupSmallAjax  { width: 150px; background-color: #ffffcc;}
.VstupLongAjax  { width: 550px; background-color: #ffffcc;}

.zmensit_50 .VstupLongAjax, .zmensit_50 .VstupSmallAjax, .zmensit_50 .VstupAjax, .zmensit_50 .LeftVstupAjax { width: 50px;  }

div.hr { height: 1px; border: none; border-top: 1px dotted #fff; width: 150px; margin-top: 5px; margin-bottom: 5px }
div.hr hr { display: none; }

div.hrmain {height: 4px; background: #D4D0C8 url('images/hr.gif') repeat-x; margin-top: 5px; margin-bottom: 5px}
div.hrmain hr { display: none; }

.LeftTable {margin: 0 10px; width: 140px; border-spacing: 1px; }

.Folder        {color: #FFFFFF; font-size: 11px}
.Folder A      {color: #FFFFFF; text-decoration: none}
.Folder A:hover      {color: #000000; background-color: #FFFFFF}

.fp_attrib { white-space: nowrap; }
.fp_attrib a { font-family: Verdana, sans-serif; font-size: 11px; }

.tree_rightbox {
  width: 200px;
  margin: 0px 0px 16px 16px;
  float: right;
  padding: 0.5em 1.5em;
  background-color: #eeeded;
  text-align:left;
}
#dhtmlgoodies_tree2 a { color:#000;  }
#dhtmlgoodies_tree2 {
    margin: 0px;
    padding: 4px;
    background-color: white;
  }
.dhtmlgoodies_tree,#floatingContainer{
    margin:0;
    padding:0;
  }
.dhtmlgoodies_tree ul{  /* Sub menu groups */
    margin-left:20px;  /* Left spacing */
    padding-left:0px;
    display:none;  /* Initially hide sub nodes */
  }
#floatingContainer ul{
    margin-left:20px;  /* Left spacing */
    padding-left:0px;
  }
.dhtmlgoodies_tree li,#floatingContainer li{  /* Nodes */
    list-style-type:none;
    vertical-align:middle;
  }
.dhtmlgoodies_tree li a,#floatingContainer li a{  /* Node links */
    color:#000;
    text-decoration:none;
    font-family:arial;
    font-size:1.1em;
    padding-left:1px;
    line-height:13px;
    margin-left:2px;
  }
.dhtmlgoodies_tree li a.highlightedNodeItem{
    color:#fff;
    background-color:#009;
  }
.dhtmlgoodies_tree input.folderTreeTextBox {  /* Css for the text input - rename item */
    font-size:10px;
    margin:0px;
    padding:0px;
    height:12px;
  }

.sortable_infobox { width:700px; background-color: #eeeded; margin: 0 3px 3px 3px; padding: 0.5em 1.5em; }
  
/* for jquery sortable */  
#sortable_list { list-style-type: none; margin: 0; padding: 0; width: 98%; }
#sortable_list li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; background-color: #fff; border: 1px solid #000; cursor: move; }
#sortable_list li span { position: absolute; margin-left: -1.3em; }  
  
.inline_edit { background: #ffffcc}
#sortable_list li span.inline_edit { position: normal; margin-left: 0px; }

.in_place_editor_field  { font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 2px inset #ccc; padding: 1px; margin-bottom: 4px; display: block; width: 600px; height: 13px; }
.in_place_small  {  color: gray }
.in_place_small .in_place_editor_field { width:120px; display: inline; color: #000 }

del  {  background-color: rgb(255, 230, 230) }
ins  {  background-color: rgb(230, 255, 230) }

.embed + img { position: relative; left: -21px; top: -1px; }




html, body {
    background: #3f3f3f; 
    margin: 0;
    padding: 0;
   /* color: #fafafa;*/
    font-size: 12px;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
}

h6 {
    font-size: 1em;
    font-style: italic;
}

a {
    color: #c8123b;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
.widget-title {
    font-family: Georgia,"Times New Roman" , Times, serif;
}
.widget-name{
    background: #f3f3f3;
    color: #c8c7c7;
    text-shadow: 1px 1px 0 #fff;
    padding: 5px 10px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 1.5em;
    text-transform: uppercase;
    float: left;
}
.widget-demo-title{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.65);
    background-color: #474747; 
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.15);
    color: #F1F1F1;
    float: right;
    font-family: Arial;
    font-size: 16px;
    margin:4px 10px 0;
    padding: 4px;
    text-decoration: none;
    float: left;
}
#header{
    padding: 1em;
    height: 54px;
    position: absolute;
    top: 0;
    width: 98%;
    z-index: 999;    
}
#header h1 {
    float: left;
    width: 50%;
}
#header-controls {
    float: right;
    padding: 1em;
}
#header-controls #theme-dropdown {
    float: left;
    margin-right: 0.4em;
    *position: relative;
    *z-index: 999;
}
#theme-dropdown .wijmo-wijdropdown {
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.50);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.50);
}
#header-controls #button-fullscreen {
    width: 22px;
    height: 22px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.50);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.50);
}
#wrapper {}
#widget-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
#widget-list a:hover {
    text-decoration: none;
}
#widget-list-open {
    list-style: none;
    margin: 0;
    padding: 0;
}
#navigation {
    position: absolute;
    left: 0px;
    background: none;
    border: none;
    top: 70px;
    z-index: 6;
    height: 680px;
}
* html #navigation {
    position: absolute;
}
.listitem {
    max-height: 32px;
    position: relative;
}
.listitem a {
    background: #000;
    text-align: center;
    padding: 8px;
    margin: 2px 0;
    display: inline-block;
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75), inset 1px 1px 0px rgba(255, 255, 255, 0.10);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75), inset 1px 1px 0px rgba(255, 255, 255, 0.10);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75), inset 1px 1px 0px rgba(255, 255, 255, 0.10);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
    color: #fafafa;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    color: #f1f1f1;
    height: 12px;
    line-height: 12px;
    position: relative;
}
.listitem a:hover {
    background: #9dc938;
    text-align: left;
}
.wijmo-open a:hover {
    background: #00a6dd;
    text-align: left;
}
#content {
    width: 780px;
    margin: 0 auto;
    position: relative;
    height: 714px;
    /*padding-top: 70px;*/
    z-index: 5;
}
.content-inner {
    position: relative;
    height: 714px;
    padding: 70px 0 0;
}
#demo-frame {
    min-height:475px;
}
.demo-options {
    clear: both;
    padding: 1em 0;
    margin: 1em 0 0;
}
.demo-options a {
    color: #00aadf;
}
#view-code {
    width: 960px;
}
#view-code-tabs {
    height:540px;
}
#view-code-tabs .wijmo-wijtabs-content, #view-code .ui-tabs-panel {
    padding: 0;
    height:540px;
    overflow:auto;
}
.code-button {
    position: absolute;
    right: 0;
    top: 70px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.50);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.50);
}
.widget-demo {
    clear: both;
    background: #f3f3f3; /* Old browsers */
    padding: 1em;
    -webkit-border-radius: 8px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 8px;
    -moz-border-radius-topleft: 0;
    border-radius: 8px;
    border-top-left-radius: 0;
    position: relative;
    z-index: 13;
    color: #333;
}
.widget-description {
    font-family: Georgia, "Times New Roman" , Times, serif;
    line-height: 1.75;
    font-size: 14px;    
    background: #191919;
    padding: 1.5em 1em 1em;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    position: relative;
    top: -8px;
    z-index: 2;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.50);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.50);
}
#secondary {
    position: absolute;
    right: 0px;
    top: 74px;
    z-index: 10;
    width: 14px;
    height: 50px;
    padding-right: 14px;
}
#secondary .wijmo-wijmenu {
    background: #000;
    background: rgba(0,0,0,0.50);
    position: absolute;
    right: 14px;
    border: none;
    box-shadow: -2px 2px 3px rgba(0,0,0,0.25);
}
#secondary .wijmo-wijmenu-link {
    color: #FAFAFA;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-shadow: none;
    width: 96%;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;    
}
#secondary .wijmo-wijmenu-item 
{
    float: right;
    margin: 2px 0;
}
#secondary .wijmo-wijmenu-link.ui-state-hover, #secondary .wijmo-wijmenu-link {
    background: none;
    border: solid 1px transparent;
    box-shadow: none;
}

#secondary .wijmo-wijmenu-list {
    padding-top: 5px;
}
#secondary .wijmo-wijmenu-item a {
     text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}
#secondary .wijmo-wijmenu-item:hover {
    background-image: url(images/header_background_blue.png);
    background-repeat: repeat-y;
    background-position: right top;
    border-radius: 0;
    margin-right: -11px;
    margin-top: -4px;
    padding-right: 11px;
    padding-top: 6px;
}
#secondary .demo-config-on, #secondary .demo-config-on:hover {
    background: transparent url(images/header_background.png)  repeat-y left top;  
    padding-left: 12px;
    padding-top: 6px;
    border-radius: 0;
    margin-top: -4px;
}
#arrows {
    margin-right: 4px;
}
#side-menu {
    float: left;
}
#arrow-up, #arrow-down
{
    height: 15px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: block;
}
#arrow-down {
    border-top: none;
}
#sample-title
{
    float: right;
}
#dropdown-arrow
{
    float: left;
}
#secondary a
{
    outline: none;
}
#flyout
{
    float: left;
    height: 31px;
    width: 31px;
}
*html #flyout
{
    height: 65px;
}
#up-down
{
    display: none;
    float: right;
}
#close-code {
    position: absolute;
    right: -2px;
    top: -34px;
    width: 22px;
    height: 22px;
    z-index: 99;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.50);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.50);
}
#view-code {
    padding: 0;
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.50);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.50);
    overflow: visible;
    background: none;
    border: none;    
}

#totop {
    position: absolute;
    top: 96%;
    right: 5px;
    opacity: 0.75;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.50);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.50);
    height: 22px;
    width: 22px;
    z-index: 2;
}
#totop:hover, #totop:active
{
    opacity: 1;
}
#switcher
{
    margin: 3px 13px;
    display: block;
}
#top-left
{
    background: transparent url(images/top_left.png) no-repeat top left;
    width: 360px;
    height: 327px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}
*html #top-left
{
    position: absolute;
    display: none;
}
#top-right
{
    background: transparent url(images/top_right.png) no-repeat top right;
    width: 360px;
    height: 327px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1;
}
*html #top-right
{
    position: absolute;
    display: none;
}
#bottom-left
{
    background: transparent url(images/bottom_left.png) no-repeat bottom left;
    width: 360px;
    height: 327px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
}
*html #bottom-left
{
    position: absolute;
    display: none;
}
#bottom-right
{
    background: transparent url(images/bottom_right.png) no-repeat bottom right;
    width: 360px;
    height: 327px;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1;
}
*html #bottom-right
{
    position: absolute;
    display: none;
}
#navigation .small
{
    font-size: 8px;
}
#content-horizontal
{
    width: 100%;
    left: 100%;
    top: 70px;
    position: absolute;
}

#content-horizontal .content-inner
{
    margin: 0 auto;
    width: 780px;
}
.listitem .ui-icon
{
    float: right;
    margin-top: -2px;
}
.flyout-icon
{
    font-size: 140%;
    margin-left: 5px;
    font-weight: bold;
    color: #9dc938;
}
.listitem a:hover .flyout-icon
{
    color: #fafafa;
}
#charts-children
{
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 108px;
    top: 0px;
    width: 253px;
    z-index: 10;
    padding-left: 4px;
    *height: 100px;
}
#input-children
{
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 89px;
    top: 0px;
    width: 153px;
    z-index: 10;
    padding-left: 4px;
}
#forms-children
{
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 98px;
    top: 0px;
    width: 153px;
    z-index: 10;
    padding-left: 4px;
}
#gauges-children
{
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 110px;
    top: 0px;
    width: 193px;
    z-index: 10;
    padding-left: 4px;
}
#multimedia-children
{
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 139px;
    top: 0px;
    width: 153px;
    z-index: 10;
    padding-left: 4px;
}
#view-code-tabs .ui-tabs-nav 
{
    height: 99%;
    background: #242424;
}
#view-code-tabs .ui-tabs-nav
{
    width: 12%;
}
#view-code-tabs .wijmo-wijtabs-content
{
    width: 86%;
} 

.new-icon, .new-icon-parent {
    background: transparent url(images/new.png) no-repeat;
    padding: 3px;
    text-indent: -9999px;
    position: absolute;
    display: block;
    right: -26px;
    top: 9%;
    width: 24px;
    height: 24px;
}

#secondary .wijmo-wijmenu-text
{
    padding-right: 16px;
    padding-left: 3px;
}
#secondary .side-menu-new
{
    position: absolute;
    right: 10px;
}