/* Login, logout form */
#div_login, #div_reg { font-family:Arial, sans-serif; font-size:76.5%; aheight: 0px;}
#div_login form, #div_reg form { font-size:110%; }

#div_login { text-align: left; width: 227px; }
#div_login #id_prihlasit { float: right; cursor: pointer; border: none; background: url("./images/btn_prihlasit.png") no-repeat 0 0 transparent; height: 35px; width: 109px; margin-bottom: 28px;}
#div_login #id_username, #div_login #id_password { width: 222px; height: 18px; aborder: 2px solid #777;}
#div_login #id_remember { float: left; height: 12px; top: 4px; }
#div_login #id_label_remember {font-family: arial; font-size: 100%; color: #999; float: left; top: 14px; margin-left: 4px;}
#div_login span a { font-family: arial; font-size: 100%; color: #999; text-decoration: underline; margin:0px; padding: 0px;}
#div_login span a:hover { text-decoration: none; }
#div_login #id_password { margin-bottom: 20px;}

#div_reg #id_registrovat  { float: right; cursor: pointer; border: none; background: url("./images/btn_odeslat.png") no-repeat 0 0 transparent; height: 35px; width: 109px; margin-top: 20px; margin-left: 15px;}
#div_reg #id_send { float: right; cursor: pointer; border: none; background: url("./images/btn_odeslat.png") no-repeat 0 0 transparent; height: 35px; width: 109px;}
#div_forgotten_password #id_send { float: right; cursor: pointer; border: none; background: url("./images/btn_odeslat.png") no-repeat 0 0 transparent; height: 35px; width: 109px;}
#div_reset #id_send { float: right; cursor: pointer; border: none; background: url("./images/btn_odeslat.png") no-repeat 0 0 transparent; height: 35px; width: 109px;}
#div_reg #id_reg_jmeno, #div_reg #id_reg_prijmeni, #div_reg #id_reg_username, #div_reg #id_reg_password, #div_reg #id_reg_c_password, #div_forgotten_password #id_reg_username { width: 222px; height: 18px; aborder: 2px solid #777;}

#div_reg #id_form input {
  margin-top: 0px;
}
.error {
    border: 2px solid #ce0000;
}
.valid {
    border: 2px solid #777;
}

#info_text {position: relative; text-align: left; width: 210px; border-right: 1px dotted #ccc}
#info_text #text { display: block; font-size: 100%; color:#666;}
#info_text #text strong { font-size: 110%;color: #333;}
#info_text ul { margin: 10px 0 0 0; padding: 0px; padding-left: 15px;}
  #info_text ul li { width: 182px; margin-left: 8px; padding-right: 5px; float: left; display: block; font-size: 85%; color: #999;}
    #info_text ul li span { background: url("./images/fajfka_green.png") no-repeat 0 0 transparent; height: 10px; left: 1px; position: absolute; width: 12px; margin-top: 4px;}
  #info_text ul li active { font-weight: bold; }
#info_text #id_registrace { cursor: pointer; display: block; margin-top: 8px; background: url("./images/btn_nova_Registrace.png") no-repeat 0 0 transparent; height: 35px; width: 155px; }



/* Login, logout form konec */

#infobar_obal { background-color: #e8e8e8; width: 100%; height: 19px; padding-bottom: 4px; position: absolute; top: 0px; left: 0px; z-index: 1000;}
#infobar_obal ul { amargin: 10px 0 5px 0; margin: 0px; padding: 0px; padding-top: 4px; apadding-bottom: 15px; awidth: 700px; aborder-bottom: 3px solid #ccc;}
  #infobar_obal ul li { awidth: 221px; apadding-right: 4px; float: left; display: block; font-size: 80%; background: url("./images/separ_left.png") no-repeat scroll right top transparent;
  }
  #infobar_obal ul li a { aposition: relative; color: #666666; text-decoration : none; padding: 0 10px; border-bottom: 3px solid #e8e8e8;}
  #infobar_obal ul li a:hover { color: #333; border-bottom: 3px solid red;}
    #infobar_obal ul li a.active { font-weight: bold; }


#infobar_obal #account span, #infobar_obal #no_account span { float: right; width: 68px; background-color: red; display: inline; color: #fff; height: 19px; padding: 2px 24px 2px 6px;}
#infobar_obal #account span { width: 180px; }
#infobar_obal #account span a, #infobar_obal #no_account span a { color: #fff; text-decoration: none; font-family: arial; font-size: 80%; font-weight: bold;}
#infobar_obal #account span a { font-size: 90%; }
#infobar_obal #account span a:hover, #infobar_obal #no_account span a:hover { text-decoration: underline}
#infobar_obal #account span em, #infobar_obal #no_account span em { cursor: pointer; afloat: right; position: absolute; top: 8px; margin-left: 4px; background: url("./images/arrow_white_down.png") no-repeat scroll left top transparent; width: 11px; height: 9px;}



#servers .screen {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  text-decoration: none;
  font-size: 105%;
  color: #666;
  padding:1px;
  width: 223px; height: 0px; background-color: #e5e5e5; border: 1px solid #ccc; border-top: 1px solid #e8e8e8; position: absolute; top: 23px;
}
#servers .screen img { height:0px; widht: 0px; }

.ui-dialog { position: absolute; padding: 0px; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; margin: 0px; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; font-family: arial; z-index: 1000px;}

.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }

.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 10px; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-widget-header { aborder: 1px solid #e78f08; background-color: #999; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }



.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.ui-helper-clearfix { display: inline-block; }/*ano*/

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

.ui-widget-content { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; /*border: 3px solid #c3c3c3;*/ background-color: #f0f0f0; color: #333333; }
.ui-widget-content a { color: #333333; }
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Overlays */
.ui-widget-overlay { background: #fff url(./images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: 0;filter:Alpha(Opacity=0); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(./images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: 0;filter:Alpha(Opacity=0); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.ui-icon { width: 16px; height: 16px; background-image: url(./images/ui-icons_222222_256x240.png); }


.ui-corner-all {
  border-radius: 0px;
}


#js_dialog, #js_dialog_reg { height: 0px; }