body {
    margin: 0px;
    padding: 0px;
    text-align: center;
    
    font-family: Roboto, Arial;
    font-size: 14px;
    color: #42484E;
    background-color: #F4F6F4;
}

.loadingBlock {
    margin: 200px auto 0px auto;
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
    width: 100px;
    text-align: center;
}
.loadingBlock i {
    margin-bottom: 10px;
}

img {
    border: 0px;
}

.center {
    text-align: center !important;
}

#main_frame,
.main_frame {
    position: relative;
    width: 100%;
    margin: 0px auto 0px auto;
    
    text-align: left;
}

.alignL {
    text-align: left !important;
}

.grayed {
    font-size: 11px;
    color: #666;
    text-align: center;
}
.grayed2 {
    font-size: 18px;
    color: #aaa;
}
.grayed3 {
    font-size: 14px;
    color: #aaa;
}

/* globální nastavení inputů */
input[type="submit"],
input.submit,
input.submitExtend {
    color: #000000;
    cursor: pointer;
    
    white-space: normal;
}
input.submitExtend {
    margin-left: 20px;
}
input[type="submit"],
input.submit,
input.submitCancel {
    padding: 2px 4px 2px 4px;
    min-width: 184px;
    height: 30px;
    line-height: 30px;
    
    font-family: 'Open Sans', Arial;
    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    float: right;
    
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
     
    transition: all 0.3s linear;
    
    -webkit-appearance: none;
}
input[type="submit"]:focus,
input.submit:focus,
input.submitCancel:focus {
    box-shadow: none;
}
input[type="submit"]:hover,
input.submit:hover,
input.submitExtend:hover {    
    color: #00b219;
    background: #FFFFFF;
}
input[type="date"],
input[type="text"],
input[type="password"],
.selectbox {
    width: 184px;
}
input[type="date"],
input[type="text"],
input[type="password"],
textarea {
    padding: 9px 10px;
    border: 1px solid #DDD;
    
    font-family:'Open Sans', Arial;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    font-weight: normal;
    
    border-radius: 3px;
    box-sizing: border-box;
    
    transition: 0.2s linear all;
}
textarea {
    min-height: 162px;
    min-width: 182px;
    resize: none;
}

textarea:focus,
input[type="date"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
textarea:hover,
input[type="date"]:hover,
input[type="text"]:hover,
input[type="password"]:hover {
    background-color: #EcffF5;
    outline: none;
}

/* nadpisy stránek */
h2.pageCaption {
    font-size: 30px;
    color: #999;
    font-weight: normal;
    margin: 15px 15px 15px 15px;
    float: left;
}
h3.pageCaption {
    font-size: 24px;
    color: #999;
    font-weight: normal;
    margin: 15px 15px 15px 15px;
    float: left;
}

.floatLeft {
    float: left;
}
.floatRight {
    float: right !important;
}

/* globální odkazy */
a, a:visited,
.linkstyle {
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
a.normalStyle {
    color: #42484E !important;
    text-decoration: none !important;
}

.greenRating,
.halfGreenRating,
.grayRating {
    font-size: 22px !important;
    text-decoration: none;
    transition: 0.1s linear all;
}
.grayRating {
    color: #DDD;
}
.selectedRating {
    color: #FFBE13 !important;
}

/* header */
#header_container {
    float: left;
    width: 100%;
    height: 44px;
    position: relative;

    box-shadow: 0 0px 4px #cfcfcf;
}
#header_container #sports {
    float: left;
    margin: 4px auto 0px auto;
}
#header_container #main_menu {
    width: 100%;
    box-sizing: border-box;
    margin: 0px auto;
    
    font-size: 14px;
    line-height: 25px;
    color: #000000;
    font-weight: normal;
    font-family: Arial;
}
#header_container #main_menu ul.fmenu,
#header_container #main_menu ul#fmenu {
    float: left;
    margin: 0px auto 0px auto;
    padding: 0px;
    
}
#header_container #main_menu ul.fmenu li,
#header_container #main_menu ul#fmenu li {
    float: left;
    list-style-type: none;
    position: relative;
}
#header_container #main_menu ul li {
    text-decoration: none;
    color: #fff;
    line-height: 44px;
    height: 44px;
    margin: 0px;
    padding: 0px 15px 0px 15px;
    
    transition: 0.2s linear all;
}
#header_container #main_menu ul li:hover,
#header_container #main_menu ul li.selected {
    color: #EEE;
    cursor: pointer;
}

#header_container .select_lang {
    margin: 6px 0px 0px 0px;
    width: 75px;
}
#header_container .select_sport .selected,
#header_container .select_lang .selected {
    padding: 7px 20px 7px 10px !important;
    min-height: 32px !important;
}
#header_container .select_sport {
    margin-left: 10px;
    margin-right: 10px;
    width: 130px;
}
div#logo {
    float: right;
    margin-right: 0px;
    margin-left: 15px;
    height: 32px;
    margin-top: 9px;
    width: 140px;
}
#userMenu {
    position: absolute;
    right: -100px;
    width: 200px;
    padding: 0px;
    margin-top: 3px;
    text-align: left;
    
    background-color: #FFFFFF;
    z-index: 999;
    display: none;
    
    text-align: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
   
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}
#userMenu li {
    margin: 0px;
    text-align: left;
    float: none;
    width: 100%;
    box-sizing: border-box;
    color: #000000 !important;
    height: auto !important;
    
    cursor: pointer;
    line-height: 18px;
    list-style-type: none;
    
    padding: 9px 9px 9px 9px;
    border-bottom: 1px solid #EEE;
}
#userMenu li:last-child {
    border-bottom: none;
}
#userMenu li.selected,
#userMenu li:hover {
    background: #EcffF5 !important;
}
li#a_userMenu {
    margin-right: 0px;
}
#userMenuDriver {
    cursor: pointer;
    font-size: 19px;
}
#userMenu .userName {
    cursor: default;
}
#button_hideMenu {
    width: 25px;
    height: 39px;
    border-left: 0px;
    border-top: 0px;
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;
    border-radius: 0px 0px 5px 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
}
#button_hideMenu i {
    font-size: 30px;
    line-height: 39px;
    color: #555;
}
.displayNone {
    display: none;
}

/* přihlašovací formulář */
#login_form {
    position: absolute;
    top: 45px;
    right: 0px;
    background-color: #666666;
    box-shadow: #444444 1px 1px 4px; 
    
    z-index: 10;
    display: none;
}
#login_form #login_arrow {
    background-image: url('../img/login-arrow.png');
    position: absolute;
    top: -1px;
    right: 119px;
    height: 6px;
    width: 12px;
}
#login_form table {
    margin: 5px;
}
#login_form table th {
    font-weight: normal;
    font-size: 12px;
    padding: 0px 10px 0px 0px;
    color: #FFFFFF;
}
#login_form table td {
    text-align: center;
}
#login_form table tr td.lostPassword,
#login_form table tr td.stayLogged {
    text-align: right;
}
#login_form table tr td.lostPassword a,
#login_form table tr td.lostPassword a:visited,
#login_form table tr td.stayLogged {
    font-size: 11px;
    color: #FFFFFF;
}
#login_form table td input[type="text"],
#login_form table td input[type="password"] {
    width: 150px;
    padding: 2px 2px 2px 2px;
    border: 0px;
    font-size: 11px;
    line-height: 20px;
}
#login_form table td input[type="submit"] {
    color: #000000;
    width: 146px;
    min-width: 146px;
    line-height: 20px;
}
#login_form table td input[type="submit"]:hover {
    background-color: #666666;
    cursor: pointer;
}

/* hlavní rámec a hlavní stránka */
#content_container {
    width: 100%;
    min-height: 780px;
    float: left;
}

#content_container #mainDiv {
    width: 500px;
    margin: 0px 0px 0px 10px;
    padding: 0px;
    float: left;
}

#content_container #mainTable {
    width: 937px;
    margin: 0px 0px 0px 10px;
    padding: 0px;
    float: left;
    
    border: none;
    border-collapse: collapse;
}
#content_container #mainTable th {
    font-size: 24px;
    font-weight: normal;
    padding: 10px 0px 10px 0px;
    text-align: left;
}
#content_container #mainTable td {
    vertical-align: top;
}
#content_container #mainTable tr.showAll td {
    text-align: right;
    padding: 2px 20px 6px 0px;
}
#content_container #mainTable tr.showAll a,
#content_container #mainTable tr.showAll a:visited {
    font-size: 14px;
    font-weight: bold;
}
#content_container #mainTable tr.showAll a:hover {
    text-decoration: none;
}
#content_container #mainTable .mpframe {
    width: 319px;
    margin-right: 17px;
}
#content_container #mainTable .mpframeVideo {
    width: 284px;
    margin-right: 17px;
}
#content_container #mainTable .mpframeTP {
    width: 280px;
    margin-right: 17px;
}

#content_container #mainTable .mpframe .td_rating,
#content_container #mainTable .mpframeVideo .td_rating,
#content_container #mainTable .mpframeTP .td_rating {
    width: 50px;
    padding-top:10px;
    float: right;
}
#content_container #mainTable td {
    padding: 2px 0px 2px 0px;
}
#content_container #mainTable .mpframe th,
#content_container #mainTable .mpframeVideo th,
#content_container #mainTable .mpframeTP th {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    text-decoration: none !important;
    display: inline-block;
}

#content_container #mainTable .mpframe td,
#content_container #mainTable .mpframeVideo td,
#content_container #mainTable .mpframeTP td {
    vertical-align: top;
    display: inline-block;
    color: #000000;
}

#content_container #mainTable .mpframeTP td p {
    float: right;
    width: 120px;
    padding-left: 10px;
    margin: 0px;
    font-size: 13px;
}

#footer_container {
    position: relative;
    float: left;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
}

#footer_container #links {
    margin: 5px auto 0px 10px;
    float: left;
}

#footer_container #links a,
#footer_container #links a:visited {
    float: left;
    display: block;
    margin-right: 20px;
}
#footer_container #links .privacy {
    height: 28px;
    line-height: 28px;
}

#footer_container #copyright {
    position: absolute;
    bottom: 10px;
    right: 20px;
}
#footer_container #copyright,
#footer_container #copyright a,
#footer_container #copyright a:visited {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 12px;
}

/* dva bloky na které bude rozdělena mnoho stran */
#leftBlock,
.leftBlock {
    float: left;
    width: 50%;
    padding: 0px 30px 0px 10px;
    margin: 0px;
    box-sizing: border-box;
}
#fullBlock h2,
#leftMainBlock h2,
#leftBlock h2,
.leftBlock h2 {
    font-size: 23px;
}
#fullBlock h3,
#rightBlock h3,
.rightBlock h3,
#leftBlock h3,
.leftBlock h3,
#whiteBlock h3,
.whiteBlock h3 {
    color: #555555;
    font-size: 19px;
}
#rightBlock,
.rightBlock {
    float: left;
    width: 50%;
    
    padding: 0px 20px 0px 10px;
    margin: 0px;
    box-sizing: border-box;
}

/* formulář pro registrace */
table.globalTable {
    width: 100%;
    table-layout: fixed;
    margin: 10px 0px 6px 0px;
    box-sizing: border-box;
    padding: 0px 19px 0px 19px;
}
table.globalTable tr {
    border: none;
    padding: 0px;
}
table.globalTable th,
table.globalTable td {
    padding: 2px 0px 2px 0px;
    line-height: 34px;
    
    word-wrap: break-word;
    word-break: normal;
    vertical-align: top;
}
table.globalTable th {
    font-weight: normal;
    width: 235px;
    text-align: left;
    padding-left: 5px;
}
table.globalTable td {
    font-weight: normal;
    text-align: right;
}
table.globalTable td input,
table.globalTable td .selectbox {
    float: right;
}
table.globalTable input[type="text"],
table.globalTable input[type="password"] {
    width: 184px;
    max-width: 300px;
}
table.globalTable .selectbox {
    width: 184px;
}
table.globalTable .selectbox .selected {
    line-height: 16px;
}
table.globalTable .selectboxLanguage {
    width: 80px !important;
}
table.globalTable .selectboxDateFormat {
    width: 184px !important;
}
table.globalTable th.lightRedBG,
table.globalTable td.lightRedBG {
    background-color: #fad1d1;
}
div.rightSignUp {
    padding-left: 8% !important;
}
div.rightSignUp h3 {
    margin-top:60px;
}
div.rightSignUp ul {
    margin: 0px;
    padding: 0px 0px 0px 20px;
}
div.rightSignUp li.infoText {
    font-size: 14px;
    line-height: 28px;
    list-style-type: circle;
}

p.signUpLegend {
    margin: 30px auto 20px auto;
    font-size: 12px;
}
div.signUpFooter {
    line-height: 30px;
    width: 40%;
    float: left;
    padding: 0px 19px !important;
}

.editProfileOrderPU {
    height: 98px !important;
    line-height: 100px !important;
    text-align: center;
}

/* new mail form */
#newMailForm input[type="password"],
#newMailForm input[type="submit"] {
    float: left;
    margin-left: 10px;
}
#newMailForm p {
    width: 100%;
    float: left;
    margin-bottom: 0px;
}

.red {
    color: #FF0000 !important;
}
.bold {
    font-weight: bold !important;
}

/* tabulka s objednávkou */
.orderForm {
    margin-left: 20px;
}
.orderForm input {
    width: 80% !important;
}
.orderForm th {
    width: 120px !important;
}
p.paymentMethod {
    margin: 0px;
    padding: 0px !important;
    line-height: 24px;
    
    width: 100%;
}
.cursorPointer {
    cursor: pointer !important;
}
.padding0 {
    padding: 0px !important;
}
.padding10side {
    padding: 0px 10px !important;
}
.paddingBottom0 {
    padding-bottom: 0px !important;
}
.paddingBottom10 {
    padding-bottom: 10px !important;
}
.marginTop0 {
    margin-top: 0px !important;
}
.marginTop1 {
    margin-top: 1px !important;
}
.marginTop2 {
    margin-top: 2px !important;
}
.marginTop3 {
    margin-top: 3px !important;
}
.marginTop4 {
    margin-top: 4px !important;
}
.marginTop5 {
    margin-top: 5px !important;
}
.marginTop10 {
    margin-top: 10px !important;
}
.marginTop20 {
    margin-top: 20px !important;
}
.marginBottom0 {
    margin-bottom: 0px !important;
}
.marginBottom5 {
    margin-bottom: 5px !important;
}
.marginBottom6 {
    margin-bottom: 6px !important;
}
.marginBottom10 {
    margin-bottom: 10px !important;
}
.marginBottom20 {
    margin-bottom: 20px !important;
}
.marginLeft0 {
    margin-left: 0px !important;
}
.marginLeft5 {
    margin-left: 5px !important;
}
.marginLeft10 {
    margin-left: 10px !important;
}
.marginLeft19 {
    margin-left: 19px !important;
}
.paddingSide0 {
    padding: 0px 0px !important;
}
.paddingSide10 {
    padding: 0px 10px !important;
}
.paddingSide19 {
    padding: 0px 19px !important;
}
.cursorNormal {
    cursor: default !important;
}
.alignLeft {
    text-align: left;
}
.borderTop0 {
    border-top: 0px !important;
}

.promo_input {
    margin-left: 31px;
}
.promo_submit {
    margin-left: 4px;
}
.promo_input,
.promo_submit {
    width: 85px !important;
    min-width: 85px !important;
    float: right !important;
}
.promocode_value {
    float: right;
    margin-left: 31px;
    text-align: right;
    width: 87px;
    padding-left: 4px;
    padding-right: 4px;
    height: 24px !important;
    line-heght: 24px !important;
    display: block;
}
.promocode_value2 {
    float: right;
    text-align: right;
    width: 87px;
    height: 36px !important;
    line-height: 36px !important;
    display: block;
}

/* submit tlačítko pro objednávku */
.orderSubmit {
    margin-right: 20px;
}
/* tlačítko zpět pro objednávku */
.orderBackButton {
    margin-right: 20px;
    width: 90px !important;
    min-width: 90px !important;
}

/* leftmainblock */
#leftMainBlock {
    float: left;
    width: 907px;
    margin: 0px 30px 0px 10px;
}

/* styl pro okno bez panelu */
.outFullBlock {
    width: 100%;
    float: left;
    padding: 0px 10px;
    box-sizing: border-box;
}
#fullBlock,
.fullBlock {
    background-color: #FFFFFF;
    float: left;
    width: 100%;
    margin: 0px 0px 10px 0px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
#fullBlock p,
.fullBlock p {
    padding: 10px 19px;
}
/* bílé bloky */
#whiteBlock,
.whiteBlock {
    float: left;
    padding: 0px 10px 10px 10px;
    background-color: #FFFFFF;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
}
#whiteBlock p,
.whiteBlock p {
    padding: 10px 19px;
    box-sizing: border-box;
}
.search2Head p,
.search2Head h3.caption {
    padding-left: 0px !important;
    margin-left: 0px !important;
}

/* tabulka na informace */
.infoTable {
    width: 100%;
    table-layout: fixed;
    margin: 20px 0px 6px 0px;
    box-sizing: border-box;
    padding: 0px 19px 0px 19px;
    margin-bottom: 20px;
}
.infoTable th {
    width: 140px;
    font-weight: normal;
    text-align: left;
}
.infoTable th,
.infoTable td {
    padding: 2px 0px 2px 0px;
    line-height: 16px;
    vertical-align: top;
    
    word-wrap: break-word;
    word-break: normal;
}

/* záložky */
.tabMenu {
    width: 100%;
    margin: 0px 0px -1px 10px;
    padding: 0px;
    float: left;
}
.tabMenu li {
    list-style-type: none;
    float: left;
    margin: 0px;
    line-height: 26px;
    position: relative;
}
.myAccountTabs li.item {
    text-align: center;
}
.tabMenu li.item {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 0px;
}
.tabMenu li.item:hover {
    background-color: #F8F8F8;
}
.tabMenu li.item:focus {
    outline: none;
}
.tabMenu li.space {
    border: 0px;
    width: 5px;
    padding: 5px 0px 0px 0px;
}
.tabMenu li.end {
    width: 590px;
    padding: 5px 0px 0px 0px;
}
.tabMenu li a,
.tabMenu li a:hover,
.tabMenu li a:focus,
.tabMenu li,
.tabMenu li:focus {
    outline: none;
    text-decoration: none;
}
.tabMenu li a,
.tabMenu li a:visited {
    padding: 5px 20px;
    float: left;
}
.tabMenu li.ui-tabs-active,
.tabMenu li.ui-tabs-active:hover {
    border-bottom: 1px solid #FFFFFF;
    background-color: #FFF;
}
.tabMenu li.ui-tabs-active a,
.tabMenu li.ui-tabs-active:hover a {
    color: #000;
}
.tabContent {
    width: 100%;
    float: left;
}

.puRightBlock {
    padding-right: 0px !important;
}

.ordersTable {
    width: 100%;
}
.groupsTable,
.groupsPublicTable {
   /* width: 80%;*/
   /* float: left;*/
}
.groupEdit {
    width: 100%;
    margin: 0px;
    box-sizing: border-box;
    margin: 20px 0px 10px 0px;
   /* float: left;*/
    border-collapse: collapse;
    border: 0px;
}

/* jednotlivé sloupečky */ 
.groupsTable th.roles {
    width: 160px;
}
.groupsPublicTable th.perm,
.groupsPublicTable td.perm,
.groupsTable th.perm,
.groupsTable td.perm {
    width: 120px;
}
.groupsTable th.public,
.groupsPublicTable th.public {
    width: 80px;
}
.groupsTable th.options,
.groupsPublicTable th.options {
    width: 150px;
}
.groupsPublicTable th.roles {
    width: 160px;
}

.ordersTable th,
.ordersTable td,
.groupsPublicTable td,
.groupsPublicTable th,
.groupsTable td,
.groupsTable th {
    text-align: left;
}

.groupEdit td,
.groupEdit th,
.groupsTable td,
.groupsTable th,
.ordersTable th,
.ordersTable td,
.groupsPublicTable td,
.groupsPublicTable th {
    border-collapse: collapse;
    border: 0px;
    padding: 0px 19px;
    line-height: 36px;
    vertical-align: top;
}

/* skupiny */
#newGroup {
    display: none;
}
.addGroupButton {
    margin-top: 20px;
    margin-bottom: 30px;
    /*float: left;*/
}
.addGroup {
    width: 320px;
}
.addGroup th {
    width: 120px;
}
.addGroup td {
   text-align: right;
}

.deleteButton,
.saveButton {
    min-width: 100px !important;
    width: 100px !important;
    margin-left: 5px;
}

/* tabulka s tmavým pozadím */
.filterTable {
    max-width: 1250px;
    width: 100%;
    border-spacing: 10px;
    border-collapse: separate;
    margin: -10px 0px 10px 0px;
    table-layout: fixed;
    float:left;
}
.filterTable tr th {
    padding: 0px 0px 0px 8px;
    text-align: left;
}
.filterTable tr td {
    width: 20%;
    vertical-align: top;
    float: none !important;
}
td.dark,
.dark {
    background-color: #d2d2d2 !important;
}
td.middleLight,
.middleLight {
    background-color: #f0f0f0 !important;
}
td.light,
.light {
    background-color: #d9ead3 !important;
}
.filterTable tr td table.filter,
.filterTable tr td table.drillFilterTable {
    width: auto;
    border: 0px;
    margin: 10px 0px 10px 0px;
    padding: 0px;
}
.ages table.drillFilterTable {
    width: auto;
}
.filterTable tr td table.filter tr td,
.filterTable tr td table.filter tr th,
.filterTable tr td table.drillFilterTable tr td,
.filterTable tr td table.drillFilterTable tr th {
    border: none;
    line-height: 21px;
    padding: 0px 8px 0px 8px;
}
.filterTable tr td .selectbox {
   width: 100px;
}
.filterTable tr td table tr td .drillFilterTable {
    margin: 0px;
}
.filterTable tr td table tr td .drillFilterTable tr td,
.filterTable tr td table tr td .drillFilterTable tr th {
    padding: 0px 0px 0px 0px;
}
.filterTable tr td.middlelight {
    width: 231px;
}
.filterSubmit {
    width: 95% !important;
    line-height: 137px !important;
    height: 137px !important;
}
.filterSubmit1 {
    width: 100% !important;
    line-height: 60px !important;
    height: 60px !important;
    padding: 0px !important;
    text-align: center;
}
.noPadding {
    padding: 0px !important;
}

.bordered {
    border: 1px solid #a4a4a4 !important;
    padding: 0px;
    vertical-align: top;
    line-height: 36px;
    float: left;
    box-sizing: border-box;
}
.lineHeight36 {
    line-height: 36px;
}
.lineHeight20 {
    line-height: 20px;
}

.bordered input.long_input,
.bordered textarea.long_input {
    float: right;
    width: 85%;
    border-right: 0px;
    border-left: 1px solid #DDDDDD;
    border-top: 0px;
    border-bottom: 0px;
    overflow-y:auto;
    line-height: 20px;
    font-family: 'Open Sans', Arial;
    font-size: 13px;
}
.bordered input.long_input {
    height: 34px;
}
.bordered textarea.long_input {
    height: 158px;
    resize: none;
    padding: 2px 4px 2px 4px;
}
.bordered .caption {
    margin-left: 15px;
    float: left;
}
.drill_addtp_button,
.drill_addtp_long_button {
    background-color: #6fa8dc !important;
    border: 1px solid #6fa8dc !important;
}
.drill_addtp_button:hover,
.drill_addtp_long_button:hover {
    background-color: #FFFFFF !important;
    color: #6fa8dc !important;
}
.drill_storno_button,
.drill_storno_short_button {
    background-color: #ff9900 !important;
    border: 1px solid #ff9900 !important;
}
.drill_storno_button:hover,
.drill_storno_short_button:hover {
    background-color: #FFFFFF !important;
    color: #ff9900 !important;
}
.drill_delete_button {
    background-color: #e90000 !important;
    border: 1px solid #e90000 !important;
    margin-left: 2px;
}
.drill_delete_button:hover {
    background-color: #FFFFFF !important;
    color: #e90000 !important;
}
.drill_save3_button {
    margin-left: 2px;
}
.drill_save2_button,
.drill_delete_button,
.drill_storno_short_button {
    font-weight: bold;
    width: 50px !important;       /* 122px - 8px padding a 2px border */
    height: 76px !important;
    min-width: 0px !important;
    margin-top: 5px;
    color: #000000;
    transition: all 0.3s linear;
}
.drill_storno_button,
.drill_save_button,
.drill_edit_button,
.drill_copy_button,
.drill_addtp_button {
    font-weight: bold;
    width: 112px;       /* 122px - 8px padding a 2px border */
    height: 76px !important;
    min-width: 0px !important;
    margin-top: 5px;
    color: #000000;
    transition: all 0.3s linear;
}
.activetp_button {
    width: 120px;
}
.drill_edit_button {
    background-color: #cdffce !important;
    border: 1px solid #cdffce !important;
}
.drill_copy_button {
    background-color: #f4cccc !important;
    border: 1px solid #f4cccc !important;
} 
.drill_copy_button:hover {
    color: #f4cccc !important;
    background-color: transparent !important;
}
.drill_edit_button:hover {
    background-color: transparent !important;
}
.drill_addtp_long_button {
    font-weight: bold;
    width: 112px;       /* 122px - 8px padding a 2px border */
    height: 163px !important;
    min-width: 0px !important;
    margin-top: 5px;
    color: #000000;
    transition: all 0.3s linear;
}

.divVideoBlock {
    border: 1px solid #a4a4a4 !important;
    background-color: #eee;
    text-align: center;
    height: 254px;
    width:290px;
    float: left;
    margin: 5px 0px 5px 0px;
}
.divVideoBlock .caption,
div#div_parameters .caption,
div#div_others .caption,
div#div_show_others .caption,
div#div_show_categories .caption {
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 6px auto 6px 6px;
    width: 90%;
}
div#div_show_parameters .caption {
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 12px auto 4px 10px;
    width: 90%;
}
div#div_show_categories .categories table.drillFilterTable tr td,
div#div_show_parameters table tr td {
    line-height: 26px;
}
div#div_show_categories .categories {
    margin-top: 30px;
}
div#div_others .dataBlock p { 
    float: left;
    margin: 6px auto 6px 6px;
    width: 90%;
}
div#div_others .dataBlock p a,
div#div_others .dataBlock p a:visited {
    color: #FFFFFF;
}
.divVideoBlock .div_video_url {
    float: left;
    width: 270px;
    text-align: left;
    margin-left: 8px;
    line-height: 30px;
}
.divVideoBlock .div_video_url input {
    width: 220px;
    float: right;
}
.divVideoBlock .div_video_player {
    width: 284px;
    height: 180px;
    float: left;
    margin: 0px 0px 8px 3px;
}

/* okno v náhledu s parametry */
div#div_show_parameters,
div#div_show_others,
div#div_show_categories {
    float: left;
    min-height: 290px;
    width: 100%;
}
/* okno v editoru s parametry */
div#div_parameters,
div#div_others {
    float: left;
    min-height: 420px;
    width: 100%;
}
div#div_show_parameters .dataBlock,
div#div_show_others .dataBlock,
div#div_parameters .dataBlock,
div#div_others .dataBlock,
div#div_show_categories .dataBlock { 
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
div#div_controlPanel .dataBlock { 
    float: left;
    width: 100%;
    margin-bottom: 2px;
}
div#div_controlPanel .da
div#div_parameters table {
    float: left;
    margin-top: 0px;
    margin-left: 4px;
    width: 100%;
}

div#div_parameters table tr td {
    line-height: 20px;
}
div#div_show_parameters div.categories,
div#div_show_parameters div.ages,
div#div_show_parameters div.sharing,
div#div_show_parameters div.language,
div#div_parameters div.categories,
div#div_parameters div.ages,
div#div_parameters div.sharing,
div#div_parameters div.language {
    width: 50%;
    float: left;
}
div#div_parameters div.sharing .selectbox {
    width: 120px;
}
div#div_show_parameters div.language .selectbox,
div#div_parameters div.language .selectbox {
    width: 70px;
}
div#div_parameters div.sharing .selectbox,
div#div_parameters div.language .selectbox {
    float: left;
    margin-left: 6px;
}

table.globalTable .drillFilterTable {
    float: right;
}
.drillFilterTable {
    float: left;
    width: 90%;
    margin: 4px 0px 0px 0px;
}
table.globalTable .drillFilterTable tr td {
    line-height: 20px;
}

.tablePickPlayground .pickPlayground {
    display: block;
    width: 232px;
    height: 116px;
    margin: 10px 0px 10px 0px;
}
.divDrillPickPlayground {
    width: 100%;
    padding-bottom: 50%;
    float:left;
}
.tableDrillPickPlayground {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    /*bottom: 0px;*/
    margin: 0px 0px 10px 0px;
    width: 100%;
}
.tableDrillPickPlayground .pickPlayground {
    display: block;
    height: 80%;
    margin: 4px 0px 4px 0px;
}
.floatR {
    float: right !important;
}
.marginRight0 {
    margin-right: 0px !important;
}
.marginRight4 {
    margin-right: 4px !important;
}
.marginRight6 {
    margin-right: 6px !important;
}
.marginRight10 {
    margin-right: 10px !important;
}
.marginRight19 {
    margin-right: 19px !important;
}
.paddingRight15 {
    padding-right: 15px !important;
}


.tablePickPlayground tr td.item {
    background-color: #fafafa;
    padding: 0px 5px 10px 5px;
    width: 25%;
}
.playgroundOptionBlock {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.tableDrillPickPlayground tr td.item,
.tablePickPlayground tr td.item {
    background-color: #fafafa;
    padding: 0px 33px 4px 33px;
    width: 25%;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
}
.tableDrillPickPlayground tr td.item span,
.tablePickPlayground tr td.item span {
    float: none !important;
}
.tableDrillPickPlayground tr td.item img,
.tablePickPlayground tr td.item img {
    max-width: 100%;
    max-height: 150px;
    height: auto;
    width: auto;
    float: none;
}

.drillPickPlaygroundFooter {
    float: right;
    width: 400px;
    line-height: 36px;
    margin-right: 10px;
    margin-top: -50px;
}
.playgroundOptionTable,
.tablePickPlayground {
    float: left;
    margin-top: 5px;
    margin-bottom: 30px;
    padding: 0px 19px 0px 19px;
    width: 100%;
    box-sizing: border-box;
}
.playgroundOptionTable td {
    vertical-align: top;
}
.playgroundOptionDetail {
    float: left;
    width: 100%;
    line-height: 24px;
    display: table;
}
.playgroundOptionDetail .preview img {
    width: 24px;
    max-height: 24px;
    margin: auto;
}
.playgroundOptionDetail .preview {
    float: left;
    margin: 0px 10px 0px 6px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.playgroundOptionDetail .text {
    float: left;
}
.drill_groupsList {
    margin: 4px 0px 8px 15px;
    float: none;
}
.sharing table {
    float: left;
    width: 80%;
}
.sharing span.groups {
    width: 80%;
}

#div_show_parameters .parameters_data {
    margin: 8px 20px 30px 10px;
    width: 80px;
    float: left;
}
#div_show_parameters .parameters_data2 {
    margin: 8px 20px 30px 10px;
    float: left;
}

#div_show_others .comments {
    border: 1px solid #36a03b;
    background-color: #FFFFFF;
    color: #000000;
    width: 398px;
    margin: 10px 0px 10px 0px;
    height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
}
#div_show_others .comments p {
    margin: 10px;
}
#div_show_others .comments table {
    margin: 2px;
    width: 394px;
    float: left;
}

#div_show_others .commentsBlock {
    float: left;
    width: 400px;
    margin: 10px 9px 0px 9px;
}
#div_show_others .newComment {
    display: none;
    float: left;
    margin-bottom: 10px;
}
#div_show_others .newComment .submit {
    float: left !important;
}
#div_show_others .newComment textarea {
    width: 388px;
    float: left;
    height: 30px;
    margin-bottom: 5px;
    padding: 4px 5px 4px 5px;
    border: 1px solid #36a03b;
    
    resize: none;
}

.settingAges table {
    float: right;
    width: auto;
}

.searchBlock {
    width: 100%;
    box-sizing: border-box;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
.searchTable {
    float: left;    
    width: 300px;
    margin: 0px 6px 8px 0px;
    padding: 8px;
    color: #000000;
    line-height: 18px;
    height: 305px;
}
.searchTableNoPP {
    height: 265px !important;
}
.searchTable tr td.td_rating {
    width: 100%;
    box-sizing: border-box;
    padding: 0px;
}
.searchTable table {
    width: 100%;
}
.alignR {
    text-align: right !important;
}

/* okno s hledáním */
.rightCaptionSearch{
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
}
.rightCaptionSearch .dataBlock {
    width: 100%;
    float: left;
    margin-top: 16px;
    margin-bottom: 10px;
    line-height: 24px;
}
.rightCaptionSearch .dataBlock a,
.rightCaptionSearch .dataBlock a:visited {
    display: block;
    float: left;
    height: 36px;
    line-height: 36px;
    width: 80px;
} 
.rightCaptionSearch .dataBlock img.search {
    float: left;
    margin: 2px 10px 0px 0px;
}
.rightCaptionSearch .dataBlock .searchSelectboxCat {
    width: 220px;
    float: left;
}
.rightCaptionSearch .dataBlock .searchSelectboxShare {
    width: 240px;
    float: left;
    margin: 0px 0px 0px 0px;
}
.rightCaptionSearch .dataBlock .searchSelectboxAge {
    width: 120px;
    float: left;
    margin: 0px 0px 0px 0px;
}
.rightCaptionSearch .dataBlock .searchSelectboxType {
    width: 80px;
    float: left;
    margin: 0px 0px 0px 0px;
}
.rightCaptionSearch .dataBlock .searchSelectboxBy {
    width: 145px;
    float: left;
    margin: 0px 6px 0px 0px;
}

.rightCaptionSearch .dataBlock .select_lang {
    width: 85px;
    float: left;
}

.lost_pass_submit {
    float: left !important;
}

.pagging {
    float: right;
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 0px 15px 0px 15px;
    box-sizing: border-box;
    width: 100%;
    text-align: right;
}

/* tréninkové plány */
.pp_header {
    width: 100%;
    margin-top: 20px;
}
.pp_header .fullLine {
    width: 100%;
    float: left;
    line-height: 36px;
}
.pp_pickCat {
    float: left;
    margin-right: 10px;
    margin-bottom: 0px;
}
.ppCaptionTable {
    width: 462px;
    vertical-align: top;
    padding: 0px 0px 10px 19px;
}
.pp_pickGroup {
    width: 200px;
    display: inline-block;
    margin-left: 10px;
}
.pp_header td {
    line-height: 23px;
    vertical-align: top;
}
.pp_header .but_showPP {
    float: left;
    margin-top: 10px;
}
.pp_header .but_newPP {
    float: right;
    width: 250px;
    height: 175px;
    margin-top: 2px;
}
.pp_header .caption {
    margin-left: 0px !important;
    margin-top: 0px !important;
}
.pp_par {
    float: left;
    margin: 0px;
    padding: 0px;
}
.ppForm,
.ppFormPreview {
    width: 100%;
    table-layout: fixed;
    box-sizing: border-box;
    padding: 0px 19px 0px 19px;
    margin-bottom: 20px;
}
.ppForm {
    margin-top: 20px;
}
.ppForm th,
.ppForm td,
.ppFormPreview th,
.ppFormPreview td {
    vertical-align: top;
    font-weight: normal;
}
.ppForm th,
.ppFormPreview th {
    width: 100px;
}
.ppForm th,
.ppForm td,
.ppFormPreview th,
.ppFormPreview td {
    padding: 2px 0px 2px 0px;
    line-height: 34px;
    
    word-wrap: break-word;
    word-break: normal;
}
.ppForm input[type="date"], .ppForm input[type="text"], .ppForm input[type="password"], .ppForm .selectbox {
    width: 250px;
}

.ppForm textarea {
    height: 204px;
    width: 100%;
    float: right;
}
.ppFormNoInput {
    width: 100%;
    table-layout: fixed;
    box-sizing: border-box;
    padding: 0px 19px 0px 19px;
    margin: 6px 0px;
}
.ppFormNoInput th,
.ppFormNoInput td {
    padding: 2px 0px 2px 0px;
    line-height: 18px;
    
    word-wrap: break-word;
    word-break: normal;
}
.drillsInPPList .greenLine {
    width: 100%;
    height: 1px;
    float: left;
    padding-top: 10px;
    margin-bottom: 10px;
}

.ppCategories p {
    float: left;
    margin-bottom: 20px;
}
#newFormPPCat .submit,
#newFormPPCat .submitCancel {
    float: left;
    width: 80px;
    min-width: 80px;
    margin-right: 4px;
    height: 23px;
}

/**/
h3.caption {
    font-weight: normal;
    font-size: 18px;
    margin: 15px 19px 10px 19px;
}

/* tabulka s PP */
.ppListTable,
.listTable {
    width: 100%;
    margin-bottom: 10px;
    float: left;
    border-collapse: collapse;
    
    table-layout:fixed;
    
    word-wrap: break-word;
    word-break: normal;
}
.listTable th {
    border-collapse: collapse;
    background-color: #f9fbfc;
    color: #909090;
    font-weight: normal;
    font-size: 18px;
}
.listTable th a, 
.listTable th a:visited {
    color: #909090;
}
.listTable a:focus {
    color: #2020b0;
    outline:none;
}
.listTable td {
    border-collapse: collapse;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    color: #42484E;
}
.listTable th.noBottomBorder,
.listTable td.noBottomBorder {
    border-bottom: 0px !important;
}
.listTable th.noTopBorder,
.listTable td.noTopBorder {
    border-top: 0px !important;
}
.listTable th,
.listTable td {
    padding: 10px 19px 10px 19px;
    line-height: 30px;
    font-size: 15px;
    border-top: 1px solid #eee;
    vertical-align: top;
}
.listTable td.PPListTools {
    padding-top: 12px;
}
.listTable tr:hover {
    background-color: #F4FFF4;
}

.ppListTable td.line3 {
    background-color: #E0FFE0;
}
.PPListTool {
    float: left;
    margin-top: 6px;
    cursor: pointer;
}
.PPListTool:focus {
    outline: none;
}
.PPListTools a,
.PPListTools a:visited,
.PPListToolsNoA {
    cursor: pointer;
    display: block;
    float: left;
    margin-right: 4px;
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    border: 1px solid #DDD;
    border-radius: 2px;
    text-align: center;
    line-height: 25px !important;
}
.PPListTools a:hover,
.PPListTools a:focus,
.PPListToolsNoA:hover,
.PPListToolsNoA:focus {
    background-color: #f2f2f2;
}
.PPListTools a:focus,
.PPListToolsNoA:focus {
    border:1px solid #2020b0;
    outline: none;
}
.PPListTools a i,
.PPListToolsNoA i {
    font-size: 15px;
    color: #777;
    line-height: 23px !important;
}
.PPListTools img {
    float: left;
}
.PPListTools img.withoutLink {
    margin-right: 4px;    
}

/* tabulka se sdílením PP */
.sharingPP .caption {
    float: left;
    font-weight: bold;
    font-size: 18px;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
}
.sharingPP table {
    text-align: left;
    float: left;
}
.sharingPP table table {
    text-align: left;
    float: none;
}

.but_showPP {
    width: 100px !important;
    min-width: 100px !important;
    margin-right: 5px;
}
.but_showPPLong {
    margin-right: 5px;
}
#editPPForm h3 {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 5px;
}
.addNewDrillPP {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
#divPPnewDrill table tr td {
    vertical-align: top;
}
#divPPnewDrill table tr td .pp_par {
    margin-right: 20px;
}
#divPPnewDrill table tr td .pp_pickGroup {
    float: left;
    margin-left: 0px;
    text-align: left;
}
#divPPnewDrill table tr td .pp_pickGroup,
#divPPnewDrill table tr td .pp_pickGroup .selected {
    width: 150px;
}

.drillListPPTable {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    
    word-wrap: break-word;
    word-break: normal;
}
.drillListPPTable th {
    text-align: left;
    border-collapse: collapse;
    background-color: #DDD;
    padding: 6px 10px 6px 10px;
}
.drillListPPTable td {
    text-align: left;
    line-height: 24px;
    padding-left: 10px;
}
.drillListPPTable td a,
.drillListPPTable td a:visited {
    display: block;
    margin-top: 2px;
}
.drillListPPTable td img {
    float: left;
}
.drillsInPPList,
.drillsInPPListEdit {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}
.drillsInPPListEdit td textarea {
    width: 100%;
    height: 105px;
    min-height: 105px;
    margin-top: 3px;
    float: left;
}
.drillsInPPList td div.name {
    float: left;
    width: 350px;
    font-weight: bold;
    margin-top: 4px;
    margin-bottom: 4px;
}
.drillsInPPListEdit td div.name {
    float: left;
    width: 100%;
    font-weight: normal;
    word-break:break-all;
}
.drillsInPPListEdit td div.delete {
    float: right;
    width: 30px;
    margin-top: 10px;
    margin-right: 5px;
    text-align: right;
}
input[type="text"].ppNumber {
    width: 46px;
    min-width: 46px;
}
input[type="text"].ppDraw {
    width: 30px;
    min-width: 30px;
    margin-top: 80px;
    margin-left: 5px;
}
.drillsInPPList td img.ppDeleteDrillImg,
.drillsInPPListEdit td img.ppDeleteDrillImg {
    margin: 0px;
}
.listTable table {
    width: 100%;
}
.listTable table,
.listTable table td {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

/* text s licenčním ujednáním */
.licenseText {
    text-align: left;
}
.licenseText h1 {
    font-size: 2em;
}
.licenseText h2 {
    font-size: 16px;
    margin-bottom: 6px;
}
.licenseText p {
    margin: 5px 0px 10px 0px;
}
.licenseText h3 {
    font-size: 14px;
    margin: 0px 0px 8px 0px;
}

#contactTable {
    float: left;
    width: 100%;
}
#contactTable td.firstColumn {
    width: 70%;
}
#contactTable2 td.firstColumn {
    width: 180px;
}
#contactTable td.fb {
    text-align: center;
    vertical-align: top;
}
#contactTable td.fb a,
#contactTable td.fb a:visited,
#contactTable td.fb img {
    border: 0px;
}

.mpframeSearch {    
    font-size: 12px;
    
    word-wrap: break-word;
    word-break: normal;
}
td.drillImg, td.drillImg img {
    width: 100%;
}
td.drillImg {
    height: 177px;
}
td.drillImg a {
    height:175px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    float: left;
    width: 100%;
}
td.drillImg img {
    max-width: 282px;
}

.mpframeSearch td.searchCaption {
    width: 100%;
    padding: 0px 7px 0px 7px;
    font-weight: bold;
    box-sizing: border-box;
}
.mpframeSearch .secondColumn {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 10px 0px 10px;
}
.addToPPtd {
    height: 36px;
}
.mpframeSearch .drillImg {
    padding: 7px 7px 0px 8px;
}

.searchTable .greenLine {
    width: 100%;
    height: 1px;
    float: left;
    padding-top: 20px;
}
.searchTable .secondColumn {
    width: 200px;
}
.searchTable .drillName {
    font-size: 16px;
    height: 36px;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 200%;
    display: -webkit-box;
    color: #000000;
    font-weight: normal;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.blackA a,
.blackA a:visited {
    color: #42484E !important;
    text-decoration: none;
}

.supportCaption {
    margin-top: 10px;
    float: left;
    width: 100%;
    background-color: #DDDDDD;
    line-height: 20px;
    min-height: 38px;
    font-size: 16px;
    cursor: pointer;
}
.supportCaption:hover {
    background-color: #d9ead3 !important;
}
.supportCaption div {
    margin: 9px 16px 9px 16px;
}

.supportText {
    float: left;
    display: none;
    margin: 0px;
    border-bottom: 1px solid #d9ead3;
    border-left: 1px solid #d9ead3;
    border-right: 1px solid #d9ead3;
    width: 1228px;
}
.supportText div {
    padding: 20px;
}

#supportTable {
    float: left;
    width: 600px;
    margin-top:10px;
    margin-bottom: 10px;
}
#supportTable th {
    width: 80px;
    vertical-align: top;
    
    line-height: 30px;
    font-weight: normal;
}
#supportTable td {
    width: 445px;
    vertical-align: top;
}
#supportTable td input[type="text"] {
    width: 95%;
    float: right;
}
#supportTable td textarea {
    width: 95%;
    height: 100px;
    float: right;
    padding: 2px 4px 2px 4px !important;
    
    border: 1px solid #36a03b;
    resize: none;
}

/* pole na vyplnění textu do cvičení */
.divEditText input {
    float: left;
    margin-top: 10px;
}

/* hlavní strana nepřihlášeného uživatele - blok s informací o registraci */
.divOnlyPromoShow p {
    margin: 10px 20px 20px 20px;
    text-align: center;
    text-align: left;
}
.divOnlyPromoShow input {
    float: none !important;
    margin-top: 10px;
}

/* fancy s kategoriema */
.divCategoryFancy,
.divGroupFancy {
    text-align: left;
    line-height: 18px;
}

#ppPagging {
    float: right;
    margin: 5px 19px 20px 0px;
    font-size: 16px;
}

.addToPPButton {
    margin-top: 10px !important;
    float: left !important;
    min-width: 120px !important;
    width: 120px !important;
    line-height: 20px !important;
    height: 20px !important;
    font-weight: normal !important;
}

/* ikona se statusem TP v detailu */
.activeStatus {
    margin: 0px 0px 0px 10px;
    width: 30px;
}

.dataBlock .exportMenu {
    line-height: 30px;
    height: 30px;
    margin-top: 10px !important;
    margin-left: 10px !important;
    float: left;
    width: 400px;
}

.dataBlock .exportMenu a,
.dataBlock .exportMenu a:visited {
    text-decoration: none;
    color: #000 !important;
    font-weight: bold;
    float: left;
    display: block;
}

.dataBlock .exportMenu img {
    float: left;
    margin-right: 10px;
}

.breakWord {
    word-break: break-all;
    word-break: normal;
}
.search2Head div.title {
    font-size: 18px;
    float: left;
    margin-bottom: 10px;
}
.search2Head div.title a,
.search2Head div.title a:visited {
    text-decoration: none;
}
.search2Head p {
    margin: 0px 0px 5px 0px;
    float: left;
    width: 100%;
}
.verticalAlignMiddle {
    vertical-align: middle !important;
}
.verticalAlignTop,
.verticalAlignTop td,
.verticalAlignTop th {
    vertical-align: top !important;
}

.scoreDrill {
    font-size: 12px;
    display: block;
}

/* tooltips */
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-tooltip {
	padding: 9px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 1px 1px 3px #aaa;
	box-shadow: 1px 1px 3px #aaa;
        
        background-color: #FFF;
        border: 1px solid #ddd;
        border-radius: 3px;
        text-align: left;
}

/* tlačítka */
.addButton,
.divButton,
.divButtonNoIcon,
.divButtonNoIconSelected,
.activeTPSearch {
    height: 36px;
    line-height: 34px;
    box-sizing: border-box;
    
    padding-right: 15px;
    
    cursor: pointer;
    transition: all 0.2s linear;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.divButtonNoIcon,
.divButtonNoIconSelected {
    padding-left: 25px !important;
    padding-right: 25px !important;
}
.tabs .ui-tabs-nav li.tabButton:hover,
.tabs .ui-tabs-nav li.tabButton:focus,
.tabs .ui-tabs-nav li.tabButton:focus a,
.tabs .ui-tabs-nav li.tabButton:focus a:visited,
.divButtonNoIcon:focus,
.divButtonNoIcon:hover {
    background: #EEE;
    color: #EEE;
    outline: none;
}
.divButtonNoIconSelected {
    color: #FFF;
    cursor: Default !important;
}
.divButton:hover,
.divButton:focus {
    outline: none;
}
.addButton:hover,
.addButton:focus {
    background: #e25a00 !important;
    outline: none;
}
.backButton:hover,
.backButton:focus {
    background-color: #a00101 !important;
}
.divButton i,
.addButton i,
.activeTPSearch i {
    margin: 0px 8px 0px 15px;
}
.addButton {
    border: 1px solid #ff6600;
    
    color: #FFF;
    background-color: #ff6600;
}

.divButton,
.divButtonNoIcon {
    color: #FFF;
}
.topAddButton {
    margin: 16px 8px 10px 10px;
}
.dialogAddButton {
    margin: 5px 15px;
}
.marginButton {
    margin: 5px 19px 15px;
}
.backButton {
    border: 1px solid #b70505  !important;
    
    color: #FFF;
    background-color: #b70505  !important;
}

/* checkboxy a radio buttony*/
/* checkboxy a radio buttony */
.checkboxinit,
.radioinit {
    position: absolute;
    width: 0px;
    height: 0px;
    left: -9999px;
    top: -9999px;
}
.checkboxspan,
.radiospan {
    box-shadow: none;
    float: left;
    margin: 0px 3px auto 0px;
    outline: 0;
    font-size: 16px;
    width: 16px;
}
.radiospan input {
    width: 0px;
    height: 0px;
    display: none !important;
}
.checkboxspan:hover i,
.checkboxspan:focus i,
.radiospan:hover i,
.radiospan:focus i {
    color: #2020B0 !important;
    cursor: pointer;
}


.checkboxradio {
    visibility: hidden; 
    display:none;
}
.checkboxspan i,
.radiospan i {
    margin: 0px;
    padding: 0px;
    transition: all 0.2s linear;
}
.radiospan i.readonly,
.checkboxspan i.readonly,
.radiospan:hover i.readonly,
.radiospan:focus i.readonly,
.checkboxspan:hover i.readonly,
.checkboxspan:focus i.readonly {
    color: #DDD !important;
    cursor: auto !important;
}
.redCheck i {
    color: #eb1b0a !important;
}
.checkinline {
    vertical-align: middle;
    display: inline-block;
    float: none;
    margin-top: 0px !important;
    margin-bottom: 1px;
    margin-right: 0px;
}
.checkinline input {
    margin: 0px;
    padding: 0px;
}
.checkblock {
    vertical-align: middle;
    display: block;
    margin-top: 2px !important;
}
.PPcatTable {
    margin-bottom: 0px;
}
.dialogTable {
    line-height: 36px;
    padding: 10px;
    margin: 0px;
}
.width100 {
    width: 100% !important;
    box-sizing:border-box;
}

.redButton {
    background-color: #b70505 !important;
    border: 1px solid #b70505 !important;
    color: #FFF !important;
}
.redButton:hover,
.redButton:focus {
  background-color: #a00101 !important;
}
.greenButton {
    color: #FFF !important;
}
.defaultButton {
    transition: 0.2s linear all;
}
.defaultButton:hover {
    background: none !important;
}
.tagsBlock {
    width: 100%;
    overflow: hidden;
    margin-bottom: 14px;
}
.tagBlock {
    width: auto;
    line-height: 16px;
    font-size:12px;
    padding: 4px 10px;
    border-radius: 5px;
    background-color: #E98E00;
    border: 1px solid #E98E00;
    float: left;
    margin-right: 10px;
    color: #FFF;
}
#tags_block_search .tagBlock {
    margin-top: 5px !important;
}


div#centerLoginBlock {
  position: fixed;
  width: 460px;
  padding: 20px 50px 0px 50px;
  height: 280px;
  top: 50%;
  margin-top: -140px;   
  box-sizing: border-box;
  
  text-align: center;
  
  background: #f4f4f4; 
  border: 1px solid #F8F8F8;
  
    background: #F8F8F8; 
    background: -moz-linear-gradient(top, #F8F8F8 0%, #F0F0F0 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8F8F8), color-stop(100%,#F0F0F0)); 
    background: -webkit-linear-gradient(top, #F8F8F8 0%,#F0F0F0 100%); 
    background: -o-linear-gradient(top, #F8F8F8 0%,#F0F0F0 100%);
    background: -ms-linear-gradient(top, #F8F8F8 0%,#F0F0F0 100%);
    background: linear-gradient(to bottom, #F8F8F8 0%,#F0F0F0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#F0F0F0',GradientType=0 );
    
    -webkit-box-shadow: 1px 1px 2px 0px rgba(158,158,158,1);
    -moz-box-shadow: 1px 1px 2px 0px rgba(158,158,158,1);
    box-shadow: 1px 1px 2px 0px rgba(158,158,158,1);
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
div#centerLoginBlock {
    left: 50%;
    margin-left: -230px;
}
#centerLoginBlock div {
  padding: 10px 8px 0px 8px;
  float: left;
}
#centerLoginBlock div i.insideInput {
  position: absolute;
  left: 11px;
  top: 10px;
  width: 28px;
  height: 20px;
  line-height: 20px;
  border-right: 1px solid #EEE;
  color: #777;
  z-index: 100;
}
#centerLoginBlock div.input {
    padding-top: 2px;
}
#centerLoginBlock div.links {
    float: right !important;
    padding: 2px 8px 0px 8px;
}
#centerLoginBlock div.links a,
#centerLoginBlock div.links a:visited {
    text-decoration: none;
}
#centerLoginBlock div.links a:hover {
    text-decoration: underline;
}
#centerLoginBlock div.caption {
  font-family: "<?php print $mainFont; ?>", "Arial", "Helvetica", sans-serif;
  font-size: 20px;
  text-align: left;
}
.positionRelative {
    position: relative;
}
input[type="text"].leftico, input[type="password"].leftico {
    padding-left: 40px;
}

#centerLoginBlock div.divButton {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.activeTPSearch {
    background: none !important;
    border: 0px !important;
    padding: 1px 13px;
    font-size: 25px;
    color: #787878;
}
.activeTPSearch:hover,
.activeTPSearch:focus {
    background: none !important;
    outline: none;
}
.activeTPSearch i {
    margin: 0px;
}

.drillPreviewIcon {
    font-size: 60px;
    margin: 30px 0px;
    color: #D2D2D2;
}

.ui-autocomplete {
    position: absolute;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 2px;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;

    border: 1px solid #DDD;
    padding: 0px;
    line-height: 18px;
    color: #444;
    background-color: #FFF;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    text-align: left;
    z-index :100;

    transition: 0.2s linear all;
}
.ui-autocomplete .ui-menu-item {
    padding: 9px 9px 9px 9px !important;
    border-bottom: 1px solid #EEE;
}
.ui-autocomplete .ui-menu-item:last-child {
    border-bottom: none;
}
.ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-state-active, .ui-autocomplete .ui-state-focus {
    background: #eee;
    color: #444 !important;
    font-weight: normal;
}
.ui-autocomplete .ui-state-hover a,
.ui-autocomplete .ui-state-active a,
.ui-autocomplete .ui-state-focus a {
    color: #444 !important;
}


 .ui-datepicker {
     width:300px;
     padding:.2em .2em 0;
     display:none;
     background-color: #FAFAFA;
     border: 1px solid #CCC;
     box-shadow: 1px 1px 5px #CCC;
 }

.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:80px;height:1.8em} .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{top:1px}
.ui-datepicker td[data-event="click"]:hover {
    background-color: #F0F0F0;
}
.ui-datepicker .ui-datepicker-prev{
    left:2px;
    text-align: left;
}
.ui-datepicker .ui-datepicker-next{
    right:2px;
    text-align: right;
} .ui-datepicker .ui-datepicker-prev-hover{left:1px} .ui-datepicker .ui-datepicker-next-hover{right:1px} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{cursor: pointer;display:block;position:relative;width:100%;line-height:26px;} .ui-datepicker .ui-datepicker-title{margin:0 80px;line-height:1.8em;text-align:center} .ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:45%} .ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em} .ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0} .ui-datepicker td{border:0;padding:1px} .ui-datepicker td span, .ui-datepicker td a{display:block;padding:4px 2px 4px 2px;text-align:right;text-decoration:none} .ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0} .ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left} .ui-datepicker.ui-datepicker-multi{width:auto} .ui-datepicker-multi .ui-datepicker-group{float:left} .ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em} .ui-datepicker-multi-2 .ui-datepicker-group{width:50%} .ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%} .ui-datepicker-multi-4 .ui-datepicker-group{width:25%} .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0} .ui-datepicker-multi .ui-datepicker-buttonpane{clear:left} .ui-datepicker-row-break{clear:both;width:100%;font-size:0} .ui-datepicker-rtl{direction:rtl} .ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto} .ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto} .ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto} .ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto} .ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right} .ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left} .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group{float:right} .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}

.searchHighlight {
    background-color: #fcf585;
}