@CHARSET "UTF-8";

  /* ----= Defines =------------------------------------------------------------------------------- */
  .grey td a,
  .grey td {color: rgb(192,192,192) !important;}
  .grey-middle {color: rgb(91,91,91);}
  .grey-lighter {color: rgb(112,113,115);}
  .orange {color: rgb(255,130,0);}
  .orange td a,
  .orange td {color: rgb(244,138,0) !important;}
  .orange-text {color: rgb(244,138,0);}
  .red td {color: rgb(255,61,5) !important;}
  .red td a,
  .red {color: rgb(255,61,5);}
  .error {color: rgb(255,61,5);}
  .red-border {border: 1px solid red !important;}
  .blue { color: #26ADE4; }

  .left { float: left; }
  .right { float: right; }


  .cleaner { clear: both; width: 100%; height: 1px; }

  .silver-dark {color: rgb(61,61,61);}
  
  .text-through { text-decoration: line-through; }

  .green td a,
  .green td {color: rgb(12,197,38) !important;}

  .cancelled td a,
  .cancelled td {color: rgb(255,61,5) !important;}

  .green {color: rgb(12,197,38); border-color: rgb(12,197,38);}
  .cyan {color: rgb(28,180,243); border-color: rgb(28,180,243);}
  .purple {color: rgb(150,31,200); border-color: rgb(150,31,200);}
  .pink {color: rgb(253,42,151); border-color: rgb(253,42,151);}

  .hidden {display: none;}
  .block  {display: block;}
  .inline {display: inline;}

  .table-hidden {visibility: hidden;}
  .table-block  {visibility: visible;}
  
  .bold {font-weight: bold;}

  .full_row { width: 100%; }
  .half_row { width: 50%; }

  table.line_normal td { padding: 3px 0; }
  table td.label { width: 140px; }
  table td.top { vertical-align: top; }
  .align_left { text-align: left; }
  .align_right { text-align: right; }
  .align_center { text-align: center; }
  /* ----= Defines =------------------------------------------------------------------------------- */

  /* CSS reset */
  html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
  /* CSS reset */

  /* Basic */
  body  { min-width: 1220px; background:#f6f6f6; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 78%; line-height: 1.8em; color: #444 }

  a, a:link, a:visited, a:active  { color: #333; text-decoration: none; }
  a:hover                         { color: #26ADE4; }
  .clear                          { clear: both; }
  .formClr { clear: both; display: block; }

  a.link_blue { color:#26ADE4; text-decoration: underline; }
  a.link_blue:hover { color:#26ADE4; text-decoration: none; }

  ol, ul {
    list-style: inherit;
    margin-left: 20px;
  }

  ul ul li { margin-left: 15px; }

  .list-views p {margin: 8px 0}
  .list-views.better_style ul { margin-left: 10px;  }
  .list-views.better_style ul li { list-style-type: disc; margin-left: 10px; }

  #printBtn { cursor: pointer; }

  input, select, optgroup, textarea, button { }
  input[type=submit], button {cursor: pointer;}

  h2 {padding: 10px 0px 15px 0px; margin: 0px; font-size: 18px; color: rgb(0,0,0); font-weight: bold;}
  .contentheading { color: #333; line-height: 1.4em; font-size: 1.5em; font-weight: normal; padding-bottom: 6px; background: url(../images/sepHor.png) repeat-x left bottom; font-family: 'Droid Sans', arial, serif; }
  h2, .contentheading, h2 a { color: #524B4B; }

  h3 {font-size: 14px; color: rgb(0,0,0); font-weight: bold;}

  h4 {color: #333}
h5 {color: #fff;background: #333;padding: 2px 0 2px 4px}
h6 {color: #fff;background: #999;padding: 2px 0 2px 4px}
.border {border: 1px solid #E2E2E2;background: #fff;padding: 4px}

  #login textarea,
  #login select,
  #login input[type=password],
  #password input[type=text],
  #login input[type=text]
  {
      border-radius: 7px;
      -moz-border-radius: 7px;
      -webkit-border-radius: 7px;
      -khtml-border-radius: 7px;
      font-size: 12px; /*upraveno Honza 1.12.*/
      padding: 5px 5px 2px 5px;
      border: solid 1px lightgray;
      text-align: middle;
      background: -moz-linear-gradient(top, #eeeeee 15%, #ffffff 100%);
      background: -webkit-gradient(linear, 0 top, 0 bottom, from(#eeeeee), to(#ffffff));
      background: -o-gradient(top, #dddddd , #ffffff);
      background: -o-linear-gradient(top, #dddddd , #ffffff);
      background: linear-gradient(top, #dddddd , #ffffff);
  }

  #login select { height:29px; width: 210px;}
  #login textarea { }
  #login input[type=password],
  #password input[type=text],
  #login input[type=text] { height:17px; width: 200px; }

  /*#password #actions { width: 515px; }*/

  .submit_uploader,
  .button_submit
  {
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -khtml-border-radius: 5px;
      font-size: 10px;
      color: white;

      /*border: solid 1px #3b4f70;*/
      text-align: middle;
      height: 25px;
      width: 60px;
  /*    background: -moz-linear-gradient(top, #49618a 15%, #14346b 100%);
      background: -webkit-gradient(linear, 0 top, 0 bottom, from(#49618a), to(#14346b));
      background: -o-gradient(top, #49618a , #14346b);
      background: -o-linear-gradient(top, #49618a , #14346b);
      background: linear-gradient(top, #49618a , #14346b);*/
      background:#26ADE4;
  }

  .button_submit_disabled
  {
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -khtml-border-radius: 5px;
      font-size: 10px;
      color: black;

      /*border: solid 1px #3b4f70;*/
      text-align: middle;
      height: 25px;
      width: 60px;
  /*    background: -moz-linear-gradient(top, #49618a 15%, #14346b 100%);
      background: -webkit-gradient(linear, 0 top, 0 bottom, from(#49618a), to(#14346b));
      background: -o-gradient(top, #49618a , #14346b);
      background: -o-linear-gradient(top, #49618a , #14346b);
      background: linear-gradient(top, #49618a , #14346b);*/
      background:#EEE;
  }

  /*                    Top                   */
  #wrap_top { width: 100%; height: 55px; background: url(../images/top/bgGradient.png) repeat-x left 32px; }
    #wrap_top .top_main { background: #1D2228; height: 32px; }
      #wrap_top .top_main .top_content { width: 1220px; margin: 0px auto; padding: 5px 0; }
        #wrap_top .top_main .top_content a { font-size: 90%; color: #fff; line-height: 1; }
        #wrap_top .top_main .top_content a:hover { color: #26ADE4; }

  /*                    Main                   */
  #wrap_main { width: 1220px; margin: 0px auto; }

  /*                    Header                   */
  #header {}
    #header .logo { width: 394px; float: left; background: url(../images/header/sepVert.jpg) repeat-y right top;  }
      #header .logo a { color: black; font-size: 40px; font-family: Tahoma; font-weight: bold; }
    #header .date_pmu { width: 394px; float: left; padding: 0px 10px 0px 10px; margin-bottom: 14px; background: url(../images/header/sepVert.jpg) repeat-y right top; }

  #main_menu { background: url(../images/menu/nav.jpg) no-repeat left top; float: left; width: 1260px; height: 70px; }
    #main_menu .menu_content { float: left; width: 100%; height: 70px; margin-left: 10px; }
      #main_menu .menu_content ul { margin: 0; padding: 0;float: left; }
        #main_menu .menu_content ul li { float: left; margin: 0; list-style-type: none; padding: 0; position: relative; z-index: 99; }
          #main_menu .menu_content ul li a { color: #fff; font-size: 1.1em; display: block; margin: 0; padding: 14px 15px 13px 14px; height: 37px; background: url(../images/menu/navSep.png) repeat-y right top; }
          #main_menu .menu_content ul li a span:hover { color: #26ADE4; }

  #main_nav { float: left; width: 1220px; height: 15px; }

  .main_left { width: 310px; float: left; padding-right: 20px; box-sizing: border-box;}
    .main_left p { margin: 8px 0; }
    .main_left img { width: 250px; }

  .main_content { width: 900px; margin: 0 0 0 -20px; background: url(../images/leftDivider.png) repeat-y; float: left; padding-left: 10px; min-height: 500px; }
    .main_content_box { background: url(../images/leftDividerTop.png) no-repeat; position: relative; float: left; width: 900px; padding: 0 0 30px 40px; margin-left: -10px; }


  #footer { width: 100%; height: 10px; background: url(../images/bottomSep.png) repeat-x left top; padding-bottom: 2px; }

  /*                    Welcome                   */

  #slider { width: 595px; height: 194px; position: relative; margin-left: 130px; overflow: hidden; border: 1px solid #ccc; background: url(../images/gradient.jpg) repeat-x #fff; }

  /* Easy Slider */

  #slider ul,
  #slider li { margin:0; padding:0; list-style:none; }
    #slider li { width: 595px; height: 194px; overflow:hidden; }
      #slider li h4 { font-size: 45px; margin: 65px 0 5px 0; text-transform: uppercase; color: #26ADE4; text-align: center; }
      #slider li h3 { font-size: 35px; margin: 55px 0 5px 0; text-transform: uppercase; color: #26ADE4; text-align: center; }
      #slider li p  { font-size: 15px; text-align: center; }
      #slider li .slider_box { padding: 10px; }

  #slider1next, #slider1prev{ display:block; width:30px; height:77px; position:absolute; left:130px; top: 79px; z-index:98; }
  #slider1next{  left: 777px; }
  #slider1next a, #slider1prev a { display:block; position:absolute; width:30px; height:30px; background:url(../images/hori_large.png) no-repeat; }
  #slider1next a { background-position: 0 -30px; }
  #slider1next a:hover { background-position:-30px -30px; }
  #slider1next a:active { background-position:-60px -30px; }

  #slider1prev a {  }
  #slider1prev a:hover { background-position:-30px 0; }
  #slider1prev a:active { background-position:-60px 0; }

  .welcome  { text-align: center; background: url(../images/sepHor.png) repeat-x left top; margin-top: 20px; padding: 10px 0; width: 77%; }
    .welcome strong { font-weight: bold; font-size: 12pt; }
    .welcome p { text-align: center; }


  .kontakt-oss { background: url(../images/sepHor.png) repeat-x left top; }
    .kontakt-oss table { margin-top: 30px; width: 700px; clear: both; }
      .kontakt-oss table tr {}
        .kontakt-oss table tr td { padding: 3px; vertical-align: top; }

  .list-views { background: url(../images/sepHor.png) repeat-x left top; }
  .list-views table {
    font-size: 1em;
    margin: 30px 0 1.5em 0;
    padding: 0;
  }

  .list-views table td {padding: 0px; font-size: 1em;}
  .list-views a.invert,
  .list-views table td a { color: #26ADE4; }
  .list-views a.invert:hover,
  .list-views table td a:hover { color: #333; }

  table.kultur td {padding: 0 5px; border-left: 1px solid #9a9a9a; border-right: 1px solid #9a9a9a; }

  #login {position: relative; width: 410px; margin: 0 auto;}
    #login .right_reg {}
    #login form { padding: 23px 30px 29px;}
        #login form dd input {height: 20px;}
        #login form #s_terms {border: 0; outline:0; height:12px;}

        #login dt {display: block; padding: 3px 0; font-size: 127.3%;}
        #login dd {display: block; overflow: hidden; padding: 0 0 4px;}
      #login dd input {font-size: 127.7%;}
      #login dd span {padding-top:3px;}
            #s_gender {width: 88px;}
            #s_day,
            #s_month,
            #s_year {width: 57px;}
            #login dd span {display: block; float: left; width: 126px; font-size: 90.9%; line-height: 1.1;}
        #login .terms {float: left; width: 180px; margin-top: 10px;}
        #login #l_login { float: right; margin: 10px 45px 0px 0px; text-transform: uppercase; }
        #login #a_password {float: right; margin: 5px 45px 0px 0px;}

  /* Inputs */

  .rsform-input-box,
  .rsform-text-box,
  .rsform-password-box,
  .rsform-calendar-box,
  .rsform-captcha-box,
  .rsform-select-box
  {
    border: 1px solid #DADADA;
    background: #fbfafb url(../images/bg-input.gif) repeat-x;
    padding: 3px;
  }

  .rsform-input-box:focus,
  .rsform-text-box:focus,
  .rsform-password-box:focus,
  .rsform-calendar-box:focus,
  .rsform-captcha-box:focus,
  .rsform-select-box:focus
  {
    border: 1px solid #AEAEAE;
  }

  /* Input Styling */
.inputbox,input#email,input#url,#page input#search_searchword {background: #fff;font-size: 13px;border: 1px solid #c8c8c8; color: #333333}
input#rem.inputbox {width: 20px;border: none;background: none}
input#url,#search_searchword {padding: 8px;margin: 0 0 30px 0}
fieldset.word label {display: block}
input#email,input#name,input#password.inputbox,input#password2,input#url,#jForm input.inputbox{float: left;clear: both;margin-right: 22px;margin-top: 8px;width: 80%}
input#password.inputbox {width: 61%}
.form-validate label {width: 80px}
#jForm input.inputbox {width: 100%}

  /* Buttons */

  .rsform-calendar-button
  {
    background: url(../images/ico-calendar.png) no-repeat center center;
    font-size: -30px;
    text-indent: -1234px;
    width: 24px;
    height: 24px;
    padding: 3px;
    border: 0;
    cursor: pointer;
  }

  .rsform-submit-button,
  .rsform-button
  {
    background: #26ADE4;
    border: solid 1px #9FD1C6;
    color: #fefefe;
    cursor: pointer;
    padding: 5px;
  }

  .rsform-reset-button
  {
    background: #DEDEDE url(../images/bg-reset-button.gif) repeat-x;
    border: solid 1px #C6C6C6;
    color: #fefefe;
    padding: 5px;
    color: #26ADE4;
  }

  /* Blocks */

  .rsform-block
  {
    overflow: hidden;
  }

  /*.rsform-block:hover
  {
    background: #EEFFEB;
  } */

  /* Errors */

  .rsform-input-box.rsform-error,
  .rsform-text-box.rsform-error,
  .rsform-password-box.rsform-error,
  .rsform-calendar-box.rsform-error,
  .rsform-captcha-box.rsform-error,
  .rsform-select-box.rsform-error
  {
    border: 1px solid #FF6B70 !important;
  }

  .formError
  {
    color: #777 !important;
  }

  /* Calendar */

  .yui-calcontainer
  {
    border: 1px solid #DADADA !important;
  }

  .yui-calendar .calnavleft
  {
    background: url(../images/ico-left.png) no-repeat center center !important;
  }

  .yui-calendar td.calcell.selected, .yui-calendar td.calcell.calcellhover
  {
    background-color: #7AAFFF !important;
  }

  .yui-calendar .calnavright
  {
    background: url(../images/ico-right.png) no-repeat center center !important;
  }

  .formRed
{
  color: red;
  font-weight: bold;
}

.formError {
  color: #CF4D4D;
  font-weight:bold;
  font-size:10px;
}

.formNoError {
  display:none;
}

.formField {
  display: block;
  overflow: auto;
}

.formClr {
  clear:both;
  display: block;
}

fieldset.formFieldset {
  margin-bottom: 10px;
}

fieldset.formFieldset legend {
  padding: 0 2px;
  font-weight: bold;
  font-size: 16px;
}

fieldset.formFieldset ol.formContainer {
  margin: 0;
  padding: 0;
}

fieldset.formFieldset ol.formContainer li {
  background-image: none;
  list-style: none;
  padding: 5px;
  margin: 0;
  clear: both;
}

strong.formRequired {
  font-weight: bold;
  font-style: normal;
  margin-left: 3px;
}

div.formCaption {
  display: block;
  float: left;
  width: 25%;
  height: 12px;
}

div.formCaption {
  display: block;
}


div.formBody {
  display: block;
  float: left;
}

div.formDescription {
  margin-left: 3px;
  padding-left: 3px;
  font-size: 11px;
  font-weight: normal;
}

div.calheader{
  text-align:center !important;
}

/****************************************************************************************/

  #registration-directory .homebox {
    border:2px solid lightgrey;
    width:297px;
    float: left;
    margin:10px;
    background:white;
    border-radius:20px;
    height:465px;
  }


  #registration-directory { line-height: 1.5em; }
  #registration-directory img.arrow {padding-left:15px;}
  #registration-directory img.key {position:relative; top:-6px;}
  #registration-directory table td { }
  #registration-directory .text_link strong { font-weight: bold; }
  #registration-directory .text_link { font-size: 12px !important; font-family: Arial, Verdana, Sans-serif  !important; }
  #registration-directory .text_link.gray { color: gray; font-size: 12px; }
  #registration-directory .header-info { background-image:url('../images/registration/ico/infobackground.png'); font-size: 11px; color:#26ADE4; height:41px; line-height: 1.2em; }
    #registration-directory .header-info div { position:relative; top:6px; }

  #registration { background: url(../images/sepHor.png) repeat-x left top; }

  .colorbox_style input[type=text],
  .colorbox_style input[type=password],
  #account input[type=text],
  #account input[type=password],
  #account textarea,
  #registration input[type=password],
  #registration input[type=text] {
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    height: 17px;
    width: 200px;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 2px;
    padding-right: 5px;
    padding-left: 5px;
    border: solid 1px lightgray;
    text-align: middle;
  }
  
  
  #registration input[type=text].utstiller-inp-short{ width: 50px;}

  #utstiller input[type=text] {
    width: 125px;
  }

  .colorbox_style select,
  #account select,
  #registration select {
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 2px;
    padding-right: 5px;
    padding-left: 5px;
    border: solid 1px lightgray;
    text-align: middle;
    height: 26px;
    width: 212px;
  }
  
  #registration input.input_error,
  #registration select.input_error {border-color: #ff0000;}

  #account-menu,
  #registration-header {}
    #account-menu span,
    #registration-header span { white-space: nowrap; width: 75px;height: 50px;background: #EEE;color: darkgray;margin: 0px 3px 0px 0px;padding:7px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-top: 1px solid lightgray;border-left: 1px solid lightgray;border-right: 1px solid lightgray;border-bottom: 1px solid lightgray; }
    #account-menu span a,
    #registration-header span a { color: darkgray; text-decoration: none; }
    #account-menu span a:hover,
    #registration-header span a:hover { color: #000000; }
    #account-menu .select,
    #registration-header .select { background: #26ADE4;color: white;font-weight:bold;border:0px;padding:8px 7px;}
    #account-menu .select a,
    #registration-header .select a { color: white;font-weight:bold;text-decoration: none; }

  #registration #left { float: left; }
    #registration #right { float: right; }

      #registration dl { width: 409px; margin-top: 30px; }
      #registration .no_top { margin-top: 5px; }
      #registration .long_no_top { width: 738px; margin-top: 5px; }
        #registration .long_no_top dt { width: 738px; }


        #registration dt { width: 150px; text-align: left; float: left; clear: both; padding: 4px 0px 0px 0px;}

          #registration .large { width: 350px; }
          #registration .long { width: 200px; }
          #registration .small { width: 140px; }
          #registration .small input { width: 110px; }

        #registration dd { width: 230px; margin: 0; float: left; padding: 2px 5px; }
        #registration input.phone { width: 120px; }
        #registration .phone_code { width: 77px; }

        #registration .date { width: 50px; }
        #registration .price { width: 100px; }

  #registration .form_meals { width: 100%; }
  #registration .registration_klfl_hotels input.date { width: 120px; }

  #registration select#registration_klfl_course_select { width: 550px; float: left; margin-left: 20px; }
  #registration #get_courses .button { float: left; }
  #registration_klfl_courses {}
  
  
  #registration_klfl_accounting select {width: 100%;}
  #registration_klfl_accounting td {padding: 3px 3px;}
    /*#registration_klfl_courses > tbody > tr > td { padding: 5px 0px; }*/


  #registration textarea.note {
    width: 255px;
    width: 426px;
    height: 80px;
  }

  #account label,
  #registration label { cursor: pointer; }

  #registration .inp_text{
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
  height:17px;
    width: 200px;
  font-size: 12px; /*upraveno Honza 1.12.*/
    padding-top: 5px;
    padding-bottom: 2px;
    padding-right: 5px;
    padding-left: 5px;
    border: solid 1px lightgray;
    text-align: middle;
}

#registration textarea{
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    font-size: 12px; /*upraveno Honza 1.12.*/
    padding-top: 5px;
    padding-bottom: 2px;
    padding-right: 5px;
    padding-left: 5px;
    border: solid 1px lightgray;
    text-align: middle;
}

  #registration a {text-decoration: underline;}
  #registration a:hover {text-decoration: none;}

  #registration_klfl_travellings input[type=text] { width: 150px; }
  #registration_klfl_travellings input.tel_num    { width: 100px; }

  .button { cursor: pointer; text-align: center; line-height: 20px; padding: 0 5px; border: #000000 1px solid; font-size: 11px; text-transform: uppercase; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }
  .button.red { background-color: #FF3300; color: #FFFFFF; }
  .button.green { background-color: #afc542; color: #000000; }
  .button.blue { background-color: #26ADE4; color: #FFFFFF; }
  .button.button_big { height: 24px; line-height: 24px; font-size: 11px; padding: 0px 15px; }
  
  span.button_big {display: inline-block; box-sizing: border-box; }
  a.button { padding: 4px 15px !important; }
  a.button.button_big { height: 22px; line-height: 22px; }

  input.button.button_big { height: 24px; }

  /* ----= EDIT form courses =--------------------------------------------------------------------------------- */
  .table_klfl_course { width: 100%; }
    .table_klfl_course .curse_num { font-weight: bold; font-size: 22px; text-align: center; width: 50px; }
    .table_klfl_course .curse_name { font-weight: bold; font-size: 16px; padding: 5px 0px 10px 0px; }
    .table_klfl_course .curse_delete { width: 80px; }

  .course_box { float: left; border-bottom: solid #000000 1px; }
  .course_box.box_top { border-top: solid #000000 1px; }
  .course_box.gray { background-color: #d8d8dd; }
  .form_courses  { width: 790px; clear: left; float: left; padding: 4px; }
    .form_courses div { float: left; }
    .form_courses .number { margin-right: 10px; padding: 1px 4px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border: solid 1px lightgray; font-weight: bold; background: -moz-linear-gradient(top, #ffff99 15%, #ffff99 100%); background: -webkit-gradient(linear, 0 top, 0 bottom, from(#ffff99), to(#ffff99)); background: -o-gradient(top, #ffff99 , #ffff99); background: -o-linear-gradient(top, #ffff99 , #ffff99); background: linear-gradient(top, #ffff99 , #ffff99); box-shadow:2px 2px 3px #555555; -moz-box-shadow:2px 2px 3px #555555; -webkit-box-shadow:2px 2px 3px #555555; filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=2); -ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelradius=3)"; }
    .form_courses .edit { background: url('../images/edit.gif') no-repeat center center; width: 26px; margin: 0 3px; height: 26px; cursor: pointer; }
    .form_courses .del { background: url('../images/minus_courses.gif') no-repeat center center; width: 14px; margin: 0 3px; height: 26px; cursor: pointer; }
    .form_courses .name { width: 400px; padding: 2px 10px 0px 10px; }
    .form_courses .role { width: 129px; padding: 2px 0px 0px 0px; }
    .form_courses .participant { width: 230px; padding: 2px 0px 0px 0px; }
  td.padding_left { width: 33px; }
  .form_courses_lectures { width:792px; color: black; padding:4px; clear: left; float: left; }
    .table_needs { width: 100%; }
    .table_lectures { width: 680px; }
      .table_lectures .padding_left { width: 33px; }
      .table_lectures .img { width: 20px; }
      .table_lectures .text { }
      .table_lectures .type { width: 220px; }
      .table_lectures .price { width: 150px; }
      .table_lectures .publish { width: 70px; }
      .table_lectures select { width: 170px; }

      .total_price_border { border-top:double black 4px; }
      .price_border  { border-top:solid black 1px; }
      .table_lectures #lecture_sum .total_price { width: 200px; text-align: right; font-weight: bold; }
      .price_normal { text-align: right;  }

      .table_lectures div { float: left; }
      .table_lectures #lectures { margin-bottom: 4px; }
        .table_lectures #lectures .img { padding-top: 3px; width: 45px; }
        .table_lectures #lectures .img2 { padding-top: 3px; width: 60px; }
          .table_lectures #lectures .img img { cursor: pointer; }
        .table_lectures #lectures .text { width: 292px; height: 22px; line-height: 30px;}
        .table_lectures #lectures .type { width: 181px; }
        .table_lectures #lectures .price { width: 65px; }
        .table_lectures #lectures select { width: 170px; }

    .form2info /*uprava Honza*/ { width:300px; height:50px; }

    .form2comment /*uprava Honza*/ { width:300px; height:50px; }

  /*                */

  /*                */

  #account { background: url(../images/sepHor.png) repeat-x left top; }
    #account #personal #l_change_pass { display: block; float: left; margin-left: 10px; }
    #account #personal #l_change_email { display: block; float: left; }
    #account #personal .phone_code { width: 77px; }
    #account #personal input.phone { width: 120px; }

  /* ----= EDIT programmal =--------------------------------------------------------------------------------- */

  #programmal_plus,
  #programmal_minus { cursor: pointer; }

  #programmal {}
    /* #edit_programmal { width: 800px; font-size: 12px; color: black; font-family: Arial, Verdana, Sans-serif; line-height:1.8em; } */

    #edit_programmal input[type=text] { width: 470px; }
    #edit_programmal select { width: 480px; }
    #edit_programmal #l_slogan { /*width: 338px;*/ width: 470px; height: 159px; }
    #edit_programmal #l_goals { /*width: 338px;*/ width: 470px; height: 80px; }
    #edit_programmal #l_footkursledere { width: 470px; height: 159px; }

    #edit_programmal table { width: 100%; }
      #edit_programmal table td { padding: 3px 0; }
      #edit_programmal table .name { width: 230px; }
      #edit_programmal table .text { }
        #edit_programmal table .dayname { width: 100px; vertical-align: top;}
		#edit_programmal table .daytime { vertical-align: top;}
        #edit_programmal table .daytext {}
          #edit_programmal table .inp_ftom { width: 50px; }
          #edit_programmal table .inp_to { width: 50px; }
          #edit_programmal table .inp_title { width: 220px; }
          #edit_programmal table .inp_name { width: 220px; }
          #edit_programmal table .btn_plus { padding: 0 10px; width: 65px; }
          #edit_programmal table .btn_minus { width: 43px; }

  #account-header { text-align: right; }
    #account-header span { font-weight: bold; padding: 0px 0px 0px 10px; }
    #account-header a { font-weight: bold; text-decoration: underline; outline: 0; }
    #account-header a:hover { text-decoration: none; }


  .html_text { }
  .html_text ul li { padding-left: 15px; }
  .html_text ul li.padding { padding-left: 30px; }
  .html_text a { text-decoration: underline; }
  .html_text a:hover { text-decoration: none; }

  .html_text h2 a,
  .html_text h3 a { text-decoration: none; }

  .html_text h1 { padding: 10px 0px 15px 0px; margin: 0px; font-size: 22px; color: rgb(0,0,0); font-weight: bold; }

  .html_text h1 a,
  .html_text h2 a,
  .html_text h3 a,
  .html_text table th,
  .html_text strong { color: #000000; }



  /* ************************************************************************************* */
  /*                                      Colorbox                                         */
  /* ************************************************************************************* */

  .selectBox-dropdown{width:150px;  height:18px; color: #000; background: #F5F5F5; position:relative; line-height: 19px; text-decoration:none; font-size:11px; outline:none; display:inline-block;cursor:default; border: 0; border-top: 1px #DDD solid; padding: 0px 5px 0px 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);}
  .selectBox-dropdown[disabled] { background: none; background: #dcdcdc !important; }
  .selectBox-dropdown:focus,.selectBox-dropdown:focus .selectBox-arrow{border-color:#fff;}
  .selectBox-dropdown.selectBox-menuShowing{-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;}
  .selectBox-dropdown .selectBox-label{width:100%;padding:.2em .3em;white-space:nowrap;overflow:hidden;}
  .selectBox-dropdown .selectBox-arrow{position:absolute; top:0; right:0; width:22px; height:100%;  border-left: 1px #DDDDDD solid; background: #F5F5F5 url("../images/seldown.png") no-repeat center center; }
  .selectBox-dropdown-menu{position:absolute; z-index:99999; font-size:11px;max-height:200px; background:#FFF; -moz-box-shadow:0 2px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 2px 6px rgba(0, 0, 0, 0.2);box-shadow:0 2px 6px rgba(0, 0, 0, 0.2); overflow:auto;}
  .selectBox-inline{width:250px;outline:none;border:solid 1px #BBB;background:#FFF;display:inline-block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;overflow:auto;}
  .selectBox-inline:focus{border-color:#666;}
  .selectBox-options,.selectBox-options LI,.selectBox-options LI A{list-style:none;display:block;cursor:default;padding:0;margin:0;overflow-x:hidden;}
  .selectBox-options LI A{line-height:1.5;padding:0 .5em;white-space:nowrap;overflow:hidden;background:6px center no-repeat;text-decoration:none;}
  .selectBox-options LI.selectBox-hover A{background-color:#EEE;}
  .selectBox-options LI.selectBox-disabled A{color:#888; background-color: #dcdcdc}
  .selectBox-options LI.selectBox-selected A{color:#fff; background-color:#cccccc; text-shadow: none;}
  .selectBox-options .selectBox-optgroup{color:#666;background:#EEE;font-weight:bold;line-height:1.5;padding:0 .3em;white-space:nowrap;}
  .selectBox.selectBox-disabled{color:#888 !important; background-color: #dcdcdc !important;}
  .selectBox.selectBox-disabled .selectBox-arrow{position:absolute; top:0; right:0; width:22px; height:100%;  border-left: 1px #c8c8c8 solid; background: url("../images/seldown.png") no-repeat center center; }
  .selectBox-dropdown .selectBox-disabled .selectBox-arrow{opacity:.5;filter:alpha(opacity=50);border-color:#666; background-color: #dcdcdc}
  .selectBox-inline.selectBox-disabled{color:#888 !important; background-color: #dcdcdc !important; }
  .selectBox-inline.selectBox-disabled .selectBox-options A{background-color:transparent !important;}

  #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;}
  #cboxOverlay{width:100%;height:100%;}
  #cboxMiddleLeft,#cboxBottomLeft{clear:left;}
  #cboxContent{position:relative;overflow:visible;}
  #cboxLoadedContent{overflow:auto;}
  #cboxLoadedContent iframe{display:block;width:100%;height:100%;border:0;}
  #cboxTitle{margin:0;}
  #cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}
  #cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;}
  #cboxOverlay{background:#000000;}
  #colorbox{background:#ffffff;border:6px solid #dedede;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
  #cboxLoadedContent{padding: 0px 17px 17px 17px;}
  #cboxTitle,#cboxCurrent{position:absolute;bottom:-32px;height:24px;line-height:24px;color:#707173;}
  #cboxTitle{left:0;overflow:hidden;}
  #cboxTitle.show{padding:0 84px 0 8px;background:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
  #cboxCurrent{right:8px;}
  #cboxSlideshow{position:absolute;top:-20px;right:90px;color:#000000;}
  #cboxPrevious{position:absolute;top:50%;left:0;margin-top:-50px;background:75px 100px no-repeat;background-image:url(../images/gallery_arrows.png);width:75px;height:100px;text-indent:-9999px;}
  #cboxPrevious.hover{background-position:25px 25px;}
  #cboxNext{position:absolute;top:50%;right:0;margin-top:-50px;background:75px 100px no-repeat;background-image:url(../images/gallery_arrows.png);width:75px;height:100px;text-indent:-9999px;}
  #cboxNext.hover{background-position:-50px 25px;}
  #cboxLoadingOverlay{background:#ffffff;}
  #cboxLoadingGraphic{background:center center no-repeat;background-image:url(../images/loading.gif);}
  #cboxClose{position:absolute;top:5px;right:5px;display:block;width:27px;height:27px;text-indent:-9999px;background:0 -86px no-repeat;background-image:url(../images/sprites_controls.png);}

  #colorbox{font:11px verdana,tahoma,sans-serif;color:#000000;}#colorbox #cboxContent{padding:0 10px;}

  #colorbox .mobile_apps h1{font:30px/32px BrandonGrotesqueRegular,verdana,tahoma,sans-serif;margin:17px 0 22px;}
  #colorbox .mobile_apps p{margin-top:13px;line-height:15px;}
  #colorbox .mobile_apps .mobile_stores{margin-top:30px;}#colorbox .mobile_apps .mobile_stores a{display:block;float:left;width:134px;height:100px;padding:11px 11px 11px 135px;border:1px solid #dbdbdb;text-transform:uppercase;text-decoration:none;}#colorbox .mobile_apps .mobile_stores a:first-child{margin-right:20px;}
  #colorbox .mobile_apps .mobile_stores a.app_store{background:9px 9px url(../images/sprites_mobile.png) no-repeat;}#colorbox .mobile_apps .mobile_stores a.app_store strong{padding-top:31px;}
  #colorbox .mobile_apps .mobile_stores a.android_market{background:9px -126px url(../images/sprites_mobile.png) no-repeat;}#colorbox .mobile_apps .mobile_stores a.android_market strong{padding-top:19px;}
  #colorbox .mobile_apps .mobile_stores strong{display:block;font:21px/25px BrandonGrotesqueRegular,verdana,tahoma,sans-serif;color:#666666;letter-spacing:.06em;}
  #colorbox .mobile_apps .mobile_stores span{font:11px/15px verdana,tahoma,sans-serif;color:#999999;}

  #colorbox .recommend_profile .contacts-list,#contacts-impotr-source_to_group .contacts-list,#colorbox .report_user .contacts-list{height:240px;margin-bottom:30px;overflow-x:hidden;overflow-y:auto;}
  #colorbox .recommend_profile .check,#contacts-impotr-source_to_group .check,#colorbox .report_user .check{float:right;padding-top:6px;}
  #colorbox .recommend_profile span.desc,#contacts-impotr-source_to_group span.desc,#colorbox .report_user span.desc{float:right;text-align:right;font-size:9px;padding:8px 4px 0 0;}
  #colorbox .recommend_profile p.shared_contacts strong,#contacts-impotr-source_to_group p.shared_contacts strong,#colorbox .report_user p.shared_contacts strong{display:block;padding:3px 0 15px;font-weight:bold;color:#e25e12;}
  #colorbox .write_message input,#colorbox .write_message textarea{float:right;}
  #colorbox .write_message textarea{width:350px;}
  #colorbox .write_message input{width:358px;}
  #colorbox .write_message select{width:368px;}
  #colorbox .write_message label{display:block;width:75px;height:19px;margin-bottom:15px;font:11px/19px BrandonGrotesqueRegulat,verdana,tahoma,sans-serif;color:#424242;text-transform:uppercase;}
  #colorbox .write_message #stream_users{text-align:right;}#colorbox .write_message #stream_users #add_stream_users{margin-bottom:9px;float:none;height:22px;}
  #colorbox .write_message #stream_users .stream_added_users{display:block;float:right;width:368px;margin-bottom:13px;}#colorbox .write_message #stream_users .stream_added_users li{float:left;padding:0 4px;}
  #colorbox .write_message .error{display:block;margin-top:15px;}
  #colorbox .write_message .buttons input{width:auto;}
  #colorbox .change_email input,#colorbox .change_password input{float:right;width:150px;}
  #colorbox .change_email fieldset,#colorbox .change_password fieldset{padding:0;}
  #colorbox .change_email label,#colorbox .change_password label{float:left;display:block;width:125px;height:19px;margin-bottom:15px;font:11px/19px BrandonGrotesqueRegular,verdana,tahoma,sans-serif;color:#424242;text-transform:uppercase;}
  #colorbox .change_email .error,#colorbox .change_password .error{display:block;height:19px;line-height:19px;float:right;padding:0 5px 0 0;}
  #colorbox .create_password{padding:40px 50px 0;}#colorbox .create_password h1{font:28px/33px BrandonGrotesqueRegular,verdana,tahoma,sans-serif;margin:0 0 20px;}
  #colorbox .create_password label{display:block;float:none;width:auto;height:auto;margin-bottom:5px;font:14px/17px verdana,tahoma,sans-serif;text-transform:none;}
  #colorbox .create_password input{float:none;height:28px;margin-bottom:15px;padding-left:34px;}
  #colorbox .create_password #password{background:8px -242px url(../images/sprites_home.png) no-repeat;}
  #colorbox .create_password #username{background:8px -174px url(../images/sprites_home.png) no-repeat;}
  #colorbox .create_password #save_new_password{float:none;margin:25px 0 10px;}
  #colorbox .create_password div{margin:20px 0;}
  #colorbox .report_user textarea,#colorbox .report_group textarea{width:450px;height:130px;}
  #colorbox .add_to_group ul{height:100px;overflow-x:hidden;overflow-y:auto;}#colorbox .add_to_group ul li{display:block;width:130px;height:22px;margin:3px 0;line-height:22px;}#colorbox .add_to_group ul li .check{float:right;}
  #colorbox .add_to_group div.note{display:block;margin-top:3px;color:#000000;}
  #colorbox .edit_directories li{float:left;margin:0 5px 5px 0;}#colorbox .edit_directories li input{width:130px;height:25px;line-height:25px;padding:0 5px;color:#636363;}
  #colorbox .edit_directories .buttons{margin-right:10px;}
  #colorbox .report p,#colorbox .block_user p,#colorbox .unblock_user p,#colorbox .block_group p,#colorbox .unblock_group p,#colorbox .join_group p,#colorbox .leave_group p,#colorbox .remove_activity p,#colorbox .remove_stream p,#colorbox .cancel_activity p{margin-bottom:10px;line-height:normal;}#colorbox .report p.recommended_by strong,#colorbox .block_user p.recommended_by strong,#colorbox .unblock_user p.recommended_by strong,#colorbox .block_group p.recommended_by strong,#colorbox .unblock_group p.recommended_by strong,#colorbox .join_group p.recommended_by strong,#colorbox .leave_group p.recommended_by strong,#colorbox .remove_activity p.recommended_by strong,#colorbox .remove_stream p.recommended_by strong,#colorbox .cancel_activity p.recommended_by strong{color:#e25e12;}
  #colorbox .report strong,#colorbox .block_user strong,#colorbox .unblock_user strong,#colorbox .block_group strong,#colorbox .unblock_group strong,#colorbox .join_group strong,#colorbox .leave_group strong,#colorbox .remove_activity strong,#colorbox .remove_stream strong,#colorbox .cancel_activity strong{font-weight:bold;}#colorbox .report strong.large,#colorbox .block_user strong.large,#colorbox .unblock_user strong.large,#colorbox .block_group strong.large,#colorbox .unblock_group strong.large,#colorbox .join_group strong.large,#colorbox .leave_group strong.large,#colorbox .remove_activity strong.large,#colorbox .remove_stream strong.large,#colorbox .cancel_activity strong.large{font-size:120%;}
  #colorbox .report .checkboxes,#colorbox .block_user .checkboxes,#colorbox .unblock_user .checkboxes,#colorbox .block_group .checkboxes,#colorbox .unblock_group .checkboxes,#colorbox .join_group .checkboxes,#colorbox .leave_group .checkboxes,#colorbox .remove_activity .checkboxes,#colorbox .remove_stream .checkboxes,#colorbox .cancel_activity .checkboxes{margin-top:15px;}
  #colorbox .report .non_commercial,#colorbox .block_user .non_commercial,#colorbox .unblock_user .non_commercial,#colorbox .block_group .non_commercial,#colorbox .unblock_group .non_commercial,#colorbox .join_group .non_commercial,#colorbox .leave_group .non_commercial,#colorbox .remove_activity .non_commercial,#colorbox .remove_stream .non_commercial,#colorbox .cancel_activity .non_commercial{margin-top:70px;}
  #colorbox .report input[type="checkbox"],#colorbox .block_user input[type="checkbox"],#colorbox .unblock_user input[type="checkbox"],#colorbox .block_group input[type="checkbox"],#colorbox .unblock_group input[type="checkbox"],#colorbox .join_group input[type="checkbox"],#colorbox .leave_group input[type="checkbox"],#colorbox .remove_activity input[type="checkbox"],#colorbox .remove_stream input[type="checkbox"],#colorbox .cancel_activity input[type="checkbox"]{width:12px;height:12px;margin-right:10px;}
  #colorbox .report .error,#colorbox .block_user .error,#colorbox .unblock_user .error,#colorbox .block_group .error,#colorbox .unblock_group .error,#colorbox .join_group .error,#colorbox .leave_group .error,#colorbox .remove_activity .error,#colorbox .remove_stream .error,#colorbox .cancel_activity .error{display:none;padding:6px 0 0 23px;}

  #colorbox .tablesorter {width: 100%; margin: 40px 0px 40px 0px;}

  #colorbox #print_programmal { line-height:180% }

  .feedback {padding:25px 20px 20px;}
  .feedback h1{margin: 20px 0px;}
  .feedback fieldset{margin-bottom:15px;}
  .feedback .buttons { text-align: right; }
  .feedback select {width:460px;}
  .feedback label{display:block;padding-bottom:5px;font-size:12px;}
  .feedback input,.feedback textarea{width:450px;font-size:11px;padding:4px 8px;}
  .feedback input{width:450px;height:19px;line-height:21px;}
  .feedback .response_status div {display:none;padding:0;text-align:left;}
  .feedback .response_status .ok{color:#2bd010;}
  #colorbox .feedback{padding:0;}
  #colorbox .feedback h1{margin-bottom:20px;}
  #colorbox .feedback input{width:450px;}


  .colorbox_style                                                                       {  }
  .colorbox_style .client_row                                           { width: 100%; float: left; margin-bottom: 5px; }
  .colorbox_style .client_row label                                     { width: 125px; font-size: 12px; padding-top: 5px; margin-right: 10px; text-align: right; padding-right: 10px; float: left; }
  .colorbox_style .client_row input[type=password],
  .colorbox_style .client_row input[type=text]                            {  width: 130px; float: left; margin: 0px; margin-right: 10px; padding: 0px; border: 1px #d4d4d4 solid; line-height: 28px; font-size: 12px; font-weight: bold; border-bottom: 1px #b0b0b0 solid; padding: 0px 10px; height: 28px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
  .colorbox_style .client_row input[type=submit]                          {  }
  .colorbox_style .client_row label span.required                       { color: #FA3043; font-weight: bold; }

  .colorbox_style ul {}
  .colorbox_style ul li { padding: 4px 0 4px 15px; }

  /*
   * ---------------------------------------------
   */
 div.motto            { margin-left: 20px; margin-right: 20px;font-size: 18px; line-height: 40px;width: 280px; background: url('../images/quoteL.png') no-repeat left bottom; padding-left: 40px;float: left;height: 40px;}
 div.motto_left           { font-size: px; font-style: italic;line-height: 40px;margin-left: 20px; background: url('../images/quoteL_small.png') no-repeat left bottom; padding-left: 30px;float: left;height: 40px;}
 div.motto span.motto {font-style: italic;font-family: georgia;color: #474747; background: url('../images/quoteR.png') no-repeat right top; padding-right: 40px;float: left;height: 40px;}
 div.motto_left           { font-size: 20px; font-style: italic;line-height: 40px;margin-left: 22px; background: url('../images/quoteL_small.png') no-repeat left bottom; padding-left: 30px;float: left;height: 40px;}
 div.motto_left span.motto {font-style: italic;font-family: georgia;color: #474747; background: url('../images/quoteR_small.png') no-repeat right top; padding-right: 30px;float: left;height: 40px;}
 #header .date_pmu { width: 260px;} /* line 170*/
 #fb_logo {margin-top: 0px; float:right;margin-right: -22px;}

 #registrationCustomer td { border: 0px; }
 #registrationCustomer thead th { background-color: transparent; padding: 15px 4px 8px 4px; font-size: 12pt; border-right: 1px #ffffff solid; text-transform: uppercase; }
 #registrationCustomer tbody td { padding: 2px 4px 1px 4px; }
 .buttonHotelInfo { padding-left: 20px; background: url('../images/ico/ico-info.png') no-repeat left 3px; float: left; }
  .buttonRoleInfo { width: 20px; height: 23px; float: left; background: url('../images/ico/ico-info.png') no-repeat center center; margin-right: 5px; cursor: pointer; }
  .buttonProgramShow { width: 29px; height: 23px; float: right; background: url('../images/ico/ico-see-program.png') no-repeat center center; margin-right: 5px; cursor: pointer; }
  .buttonProgramPrint { width: 22px; height: 23px; float: right; background: url('../images/ico/ico-print.png') no-repeat center center; margin-right: 5px; cursor: pointer;  }
  .buttonProgramSend { width: 22px; height: 23px; float: right; background: url('../images/ico/ico-send-email.png') no-repeat center center; margin-right: 5px; cursor: pointer;  }

  .bottomReg { display: block; padding: 0px 6px 0px 6px; float: left; margin-right: 2px; font-size: 8pt !important; text-transform: uppercase; border:#000000 1px solid; border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;-khtml-border-radius: 8px; cursor: pointer; }

  .readMoreImg { width: 24px; height: 20px; float: right; background: url('../images/ico/ico-info.png') center center no-repeat; margin: 0 5px 0 0px; cursor: pointer; background-size: 18px 18px; }

 .selectRolesAll,
  .selectRegistred { font-weight: bold; font-size: 12pt; }

  .selectRolesGrey { font-weight: bold; color: rgb(91,91,91); }
  .selectRoles { font-weight: bold; }

  .customerCurseNum { font-weight: bold; font-size: 11pt !important; }
  .customerCurseName { font-weight: bold; font-size: 11pt !important; width: 450px; }
  .customerCurseNameCancel { color: #888888; font-weight: bold; font-size: 11pt !important; width: 450px; }

  .customerCurseBgTd,
  .customerCurseBg td { border-bottom: 1px rgb(91,91,91) solid !important; }

  .couse-select td { background-color:#afc542 !important; }

  tr td .select { background-color: #afc542; }
  tr td .canceled { background-color: #FF3300; color: #FFFFFF; }
  .couse-select td .select { background-color: #FFFFFF; }

  .middle { vertical-align: middle !important;}

  .bottomRegClose,
  .bottomRegOk,
  .bottomRegCancel { display: block; padding: 5px 15px 5px 15px; float: right; margin-right: 5px; font-size: 8pt !important; text-transform: uppercase; border:#000000 1px solid; border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;-khtml-border-radius: 8px; cursor: pointer; }

  .disabledmeals,
  .disabledhotel { font-style:italic; color:#626262; }

  .bottomRegOk { background-color: #26ADE4; color: white; }
  .bottomRegClose,
  .bottomRegCancel { background-color: #EEE; }

  .tablesorter { border-spacing: 1px; margin: 5px 0 15px 0; width: 100%; text-align: left; border-collapse: collapse;}
    .tablesorter thead tr .header { background-image: url(../images/backend/table/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; }
      .tablesorter thead th { background-color: #e8e8e8; padding: 4px 4px 3px 4px; font-size: 8pt; border-right: 1px #ffffff solid;}
      .tablesorter thead th.center { text-align: center; }
        .tablesorter thead th a { text-decoration: none; display: block; color: rgb(93,93,93); }
    .tablesorter tbody td { color: #3D3D3D; font-size: 8pt; padding: 5px 4px 2px 4px; background-color: #ffffff; vertical-align: top; border-right: 1px #ffffff solid; border-bottom: 0px #e8e8e8 solid; }
    .tablesorter tbody td.left { text-align: left; }
    .tablesorter tbody td.center { text-align: center; }
    .tablesorter tbody.select td { background-color:#f0f0f6; }
    .tablesorter tbody tr.odd td { background-color:#f0f0f6; } /* f6f6f6 */
    .tablesorter tbody tr.title td { background-color:#efefef; } /* f6f6f6 */
      .tablesorter tbody td span { font-size: 7pt; }
      .tablesorter thead tr .headerSortUp { background-image: url(../images/backend/table/asc.gif); background-color: #dddddd;}
      .tablesorter thead tr .headerSortDown { background-image: url(../images/backend/table/desc.gif); background-color: #dddddd;}
    .tablesorter tfoot td { padding: 8px 10px 4px 10px; font-size: 8pt; border: 0px #e8e8e8 solid; background-color: #e8e8e8; border-right: 1px #ffffff solid;}

.registerbutton {
  border: 1px solid lightgrey;
  width: 130px;
  padding: 10px;
  background-color: #26ADE4;
  color: white !important;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
}

.file-input-wrapper {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    z-index: 1;
  }

  .file-input-wrapper.btn { padding: 4px 12px; font-size: 13px; }

  .file-input-wrapper input[type=file], .file-input-wrapper input[type=file]:focus, .file-input-wrapper input[type=file]:hover {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 99;
    outline: 0;
  }

  .file-input-name {
    margin: 0px 8px;
  }

  .file-btn-submit {
    border: 0px;
    display: inline-block;
    vertical-align: middle;
    padding: 5px 12px;
    font-size: 12px;
    color: #ffffff;
  }

  .bg_white   { background-color: #FFFFFF !important; }
  .bg_f8f8f8  { background-color: #f8f8f8 !important; }
  .bg_f8f8f8_ { background-color: #f8f8f8; }
  .bg_eeeeee  { background-color: #eeeeee !important; }
  .bg_e2e2e2  { background-color: #e2e2e2 !important; }
  .bg_efab00  { background-color: #efab00 !important; }
  .bg_3a3a3a  { background-color: #3a3a3a !important; }
  .bg_ab0000  { background-color: #ab0000 !important; }
  .bg_green   { background-color: #78a300 !important; }
  .bg_999999  { background-color: #999 !important; }
  .input_error { border-color: #ff0000 !imrpotant; }

.files-row {padding: 5px; clear: both;}
.files-row .del-btn { display: block; margin-right: 15px; float: left;}

  .loader {background: #ddd; padding: 5px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; text-align: center; display: none;}
  .loader .load-icon {display: inline-block; background: url('../images/sprite_black2.png') no-repeat -63px -21px; width: 21px; height: 21px;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 2000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 2000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 2000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;

  }
  
  
  @-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

.bordered-table {
  border: 2px solid black;
}
.bordered-table tr:first-child {
  border: 2px solid black;
  border-collapse: collapse;
  padding: 4px!important;
}
.bordered-table td:first-child {
  border-right: 2px solid black;
  border-collapse: collapse;
  padding: 4px!important;
}
.bordered-table td {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 4px!important;
}

/* untraditional for faster results */
#wrap_main .menu-links { display: none; }
#wrap_main #header #account-header { display: none; }
.mobile-menu-container { display: none; }
.mobile-menu-hide { display: block!important; }
.maleri { display: none; }
@media only screen and (max-width: 500px) {
  #wrap_main #header .logo a { font-size: 25px !important; }
}
@media only screen and (max-width: 600px) {
  body { min-width: unset; }

  #wrap_top { background: unset;  height: 15px; }
  #wrap_top .top_main { display: none; }

  #wrap_main #header .motto { display: none; }
  #wrap_main #header #fb_logo { display: none; }
  #wrap_main #header .date_pmu { display: none; }
  #wrap_main #header .logo { width: 50%; background: none; }
  #wrap_main #header #account-header { display: block; }
  #wrap_main #header #account-header span { padding: 0px 0px 0px 5px; }
  #wrap_main #header #account-header .logout img { width: 20px; height: 20px; vertical-align: middle; margin-right: 10px; }
  #wrap_main #main_nav { width: 100%; }
  #wrap_main .main_content { width: 100%; padding-left: 0px; margin: 0px; background: none; }
  #wrap_main .main_content .main_content_box { width: 100%; padding: 0 0 30px 0px; margin-left: 0px; background: none; }
  #wrap_main .wrap_content, #footer { padding-left: 10px; padding-right: 10px; }

  #wrap_main { width: 100%; }
  #wrap_main .menu-mobile { float: left; position: relative; margin-left: 10px; margin-right: 10px; }
  #wrap_main .menu-mobile-toggle .bars { background: url("../images/bars-solid.svg") no-repeat; width: 30px; height: 30px; }
  #wrap_main .menu-links { display: none; background: #000; position: absolute; z-index: 100; top: 50px; width: 100%; }
  #wrap_main .menu-links a { color: #fff; }
  #wrap_main .menu-links ul { height: unset !important; }
  #wrap_main .menu-links li { width: 100%; height: unset; z-index: unset; }
  #wrap_main .menu-links ul.subpanel { width: 100%; z-index: 10000; position: relative; top: unset; }
  #wrap_main .menu-links ul.subpanel li a { line-height: 37px; }
  #wrap_main #main_menu { display: none; }

  .wrap_content .main_left { display: none; }

  #account #account-menu { line-height: 35px; }
  #account #account-header { display: none; }

  .sf-menu li:hover > ul,
  .sf-menu li.sfHover > ul {
  	display: none;
  }
  .sf-menu .subpanel { padding: 0!important; border: 0; }
  .sf-menu .subpanel .mobile-menu-child { padding-left: 20px; }
  
  .mobile-menu-container { display: block; }
  .mobile-menu-child { width: 50%; display: inline-block; }
  .mobile-menu-child-r { display: inline-block; text-align: right; color: #fff; font-size: 35px; font-weight: bold; width: 45%; }
  .mobile-menu-child-r .menu-item-btn { cursor: pointer; }
  .mobile-menu-hide { display: none!important; }

  /*.main_content_box img { width: 100%!important; height: auto!important; }*/
  .main_content_box img { max-width: 100%!important; height: auto!important; }
  .maleri { display: block; text-align: center; }
  .maleri img { width: 70%!important; height: auto!important; }

  #slider { width: 100%!important; margin-left: 0; margin-right: 0; }
  #slider li { width: 390px; }
  #slider1prev { left: 5px; }
  #slider1next { left: 355px; }

  #registration-header { line-height: 33px; }

  .reg-help { margin-top: 15px; }
}

/* Create two equal columns that floats next to each other */
.article-column {
  float: left;
  width: 50%;
  text-align: center;
  position: relative;
}
.article-column img {
  max-height: 300px;
  padding-top: 35px;
  max-width: 90%;
}
.article-column .padd {
  text-align: left;
}
.article-column .bg {
  width: 100%;
  height: 360px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  opacity: 0.8;
  background-size: contain;
  background-repeat: no-repeat;
}
.article-column .bg1 {
  background-image: url("/theme/pmu2020/images/kultur/Ellipse1.png");
}
.article-column .bg2 {
  background-image: url("/theme/pmu2020/images/kultur/Vector.png");
}
.article-column .bg3 {
  background-image: url("/theme/pmu2020/images/kultur/Vector2.png");
}

/* Clear floats after the columns */
.article-row:after {
  content: "";
  display: table;
  clear: both;
}
.article-row {
  margin-bottom: 20px;
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .article-column {
    width: 100%;
  }
}

table.registereddata { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
.registereddata tr:nth-of-type(odd) { 
}
.registereddata th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
.registereddata td, .registereddata th { 
  padding: 2px; 
  text-align: left; 
}

@media 
only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table.registereddata, .registereddata thead, .registereddata tbody, .registereddata th, .registereddata td, .registereddata tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.registereddata thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.registereddata tr { padding-bottom: 10px; }
	
	.registereddata td { 
		border: none;
		position: relative;
	}
	
	.registereddata td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

  .hidden-s { display: none; }
	
	/*
	Label the data
	*/
	/*.registereddata td:nth-of-type(1):before { content: "First Name"; }
	.registereddata td:nth-of-type(2):before { content: "Last Name"; }
	.registereddata td:nth-of-type(3):before { content: "Job Title"; }
	.registereddata td:nth-of-type(4):before { content: "Favorite Color"; }
	.registereddata td:nth-of-type(5):before { content: "Wars of Trek?"; }
	.registereddata td:nth-of-type(6):before { content: "Secret Alias"; }
	.registereddata td:nth-of-type(7):before { content: "Date of Birth"; }
	.registereddata td:nth-of-type(8):before { content: "Dream Vacation City"; }
	.registereddata td:nth-of-type(9):before { content: "GPA"; }
	.registereddata td:nth-of-type(10):before { content: "Arbitrary Data"; }*/
}