/*=========== horizontal menu ====================*/
.HorizMenu {
  list-style-type:none;
  margin:0;
  padding:0 26px 0 26px;
  height:30px;
  
  text-transform: uppercase;
}

.HorizMenu a {
  color: #FFFFFF;
  text-decoration:none;
}


.HorizMenu a:hover {
  color: #F37A39;
}

.HorizMenu li {
  float:left;
  margin:0 30px 0 0;
  color:white;
  height:26px;
  line-height:26px;
  font-family: Verdana;
  font-weight:bold;
  font-size: 10px;
  white-space: nowrap;
  /*letter-spacing:0px;*/
}

li.HorizMenuSelected
{
  padding-left: 15px;
  background:url('../images/index_arrow.gif') no-repeat;
  background-position: 0px 7px;
}

li.HorizMenuSelected, li.HorizMenuSelected a
{
  color: #F37A39;
}

.HorizMenu li.HorizMenuLast
{
  margin-right:0px;
}
/*=========== screenshots bar ====================*/
#idScreenShots {
  position:absolute;
  background:url('../images/index_screenshot_back.gif') repeat-x;
  width:100%;
  height:130px;
  left:0px;
  top:331px;
}

#idScreenShotsBar {
  position:relative;
  overflow:hidden;
  width:914px;
  height:78px;
  left:32px;
  top:20px;
  white-space:nowrap;
}

#idScrShotsLeftArr {position:absolute;left:7px;top:49px;width:17px;height:18px;cursor:pointer;}
#idScrShotsRightArr {position:absolute;left:954px;top:49px;width:17px;height:18px;cursor:pointer;}
.ScreenShotsLeftArr {background:url('../images/index_screen_arrow_l.gif')}
.ScreenShotsLeftArrHover {background:url('../images/index_screen_arrow_lh.gif')}
.ScreenShotsLeftArrDisabled {display:none;}
.ScreenShotsRightArr {background:url('../images/index_screen_arrow_r.gif')}
.ScreenShotsRightArrHover {background:url('../images/index_screen_arrow_rh.gif')}
.ScreenShotsRightArrDisabled {display:none;}

.ScreenShots,.ScreenShotsTitle {
  color: #FFFFFF;
  font-family: Verdana;
  font-weight:bold;
  font-size: 10px;
  text-align:left;
}

.ScreenShotsTitle {
  padding:0;
  margin:0  32px;
}

.ScreenShots ul {
  position:absolute;
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-position:outside;
  display:table-row;
  =display:block;
  white-space:nowrap;
}

.ScreenShots ul li {
  display:table-cell;
  =display:inline;
  /*padding: 1px 17px 3px 1px;*/
  padding: 1px 3px 3px 1px;

  margin:0;
  background:url('../images/frame_screenshot.png') no-repeat;
  _background:none;
  
  zoom:1; /* http://fumle.dk/public/webdev/IEhaslayout/
             ------------------------------------------
             Sometimes, you will see elements not being drawn or repainted right by IE.
             If the element in question is block level, check if it got hasLayout flag on
             The following properties will set the flag:
              display: inline-block
              height: any value
              float: left or right
              position: absolute
              width: any value
              writing-mode: tb-rl
              zoom: any value
              If none of those are set, element does not have layout and is prone to misrenderings.
          */
  
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/frame_screenshot.png', sizingMethod='crop');
}
.csTHUMBBARVIEWbackground
{
  background-color: #808080;
}
.csTHUMBBARVIEWfront
{
  background-color:#FFFFFF;
  border: 1px solid #3C3C3C;
  color:#000000;
  width:784px;
  font-family: Verdana;
  font-size: 10px;
}

.csTHUMBBARVIEWfront a
{
  color:#000000;
}

.csTHUMBBARImgView
{
  margin:14px;
  /*_margin-right:16px;*/
}
.csTHUMBBARImgCaption, .csTHUMBBARImgText
{
  text-align:left;
  font-weight:bold;
  margin: 5px 0px;
}

.csTHUMBBARImgText
{
  font-weight: normal;
  margin-bottom:0;
}

.csTHUMBBARImg
{
  border: 1px solid #202089;
}
.csTHUMBBARImgClose
{
  cursor:pointer;
  width:8px;
  height:8px;
  margin:3px;
}
/*=========== new login box ====================*/
td.valignMiddle * {vertical-align:middle;}
.checkerVSpace {
  width:1px;
  height:3px;
}
#sl_LoginBox {
  position:absolute;
  left: 44px;
  top:  77px;
  width:  289px;
  height: 160px;
  text-align: left;
  font-family: Arial;
  font-size: 9px;
}

#sl_LoginBox table{
  font-size:9px;
  font-weight:bold;
  color:#303030;
}

#sl_LoginTitle {
  position:relative;
  margin:15px 0 0 17px;
  color:#303030;
  font-size: 15px;
  font-weight: bold;
}

#sl_LoginError {margin:-1px 0 4px 17px;}

#sl_LoginBox form {margin:0;padding:0}

#sl_LoginForm {
  padding:0 20px 0 17px;
  _width:100%;
}
#sl_LoginForm label {
  margin:0 5px 0 0;
}
#sl_LoginForm table{
  width:100%;
}

.LoginFormInput {
  padding:0;
  border:0px none;
  border-top:1px solid #9c9c9c;
  border-bottom:1px solid #9c9c9c;
  width:100%;
  height:14px;
  _height:16px;
  font-size:11px;
  font-family: Arial;/*Verdana;*/
  font-weight: normal; /* for FF older than v3 */
  margin:0;
  padding:0;
  =margin-top:-1px;
  =margin-bottom:-1px;
  /*background: url('../images/input_bg_m.gif');*/
  /*line-height:16px;*/
}

.LoginFormInputEnd
{
  width:2px;
  height:16px;
  border:0px none;
}

.LoginFormChecker {
  cursor:pointer;
  /*-khtml-user-select:none;*/
}
.LoginFormChecker * {vertical-align:middle;}

.LoginFormCheckbox0,
.LoginFormCheckbox1
{
  background: url('../images/login_item01.gif');
  vertical-align:middle;
  margin: 0 5px 1px 0; /* margin-bottom 1px - IE orizne spodek obrazku o 1 px, pokud je mu nastaven vertical-align: middle a vpravo od nej je text, ktery nelze dat presne na vertikalni stred obrazku (musi byt posunuty o 1px),margin:1px toto resi */
  padding:0;
  width:14px;
  height:14px;
}

.LoginFormCheckbox0 { background-position: 0px 0px; }
.LoginFormCheckbox1 { background-position: 14px 0px; }

#sl_LoginButton {
  position:absolute;
  left:202px;
  top:121px;
  width:67px;
  height:22px;
  border:none;
  background: url('../images/btn_login.png') no-repeat;
  _background:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn_login.png', sizingMethod='crop');
}

.csLangMenuItem,
.csLangMenuItemLast
{
  border: none;
  width: 22px;
  height:15px;
  margin-right:5px;
  vertical-align:middle;
}
.csLangMenuItemLast
{
  margin-right:15px;
}

#sl_SystemMessages
{
  position:absolute;
  /*right: 15px;
  top:  15px;
  width:  200px;
  height: 125px;*/ 
  left: 44px;
  top: 12px;
  width: 283px;
  _width: 289px;
  height:46px;
  _height:52px;
  overflow: auto;
  padding: 3px;

  opacity: 0.8;
  -moz-opacity: 0.8;
  filter:alpha(opacity=80);

  background: #FFFFFF;
  text-align: center;
  font-size: 12px;
}