body {
    background: url(../images/topBg-mc.png) repeat-x;
    margin: 0;
    padding: 0
}

.r {
    float: right
}

.l {
    float: left
}

.txtC {
    text-align: center
}

.txtL {
    text-align: left
}

.txtR {
    text-align: right
}

form {
    padding: 0;
    margin: 0
}

.clearfix:before, .clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.clr {
    width: 1px;
    height: 1px;
    overflow: hidden;
    clear: both
}

body, td, p, div {
    font-family: 'Open Sans', arial, sans-serif;
}

.shadow {
    display: block;
    box-shadow: 0 0 10px #bbbbbb;
    -webkit-box-shadow: 0 0 10px #bbbbbb;
    -moz-box-shadow: 0 0 10px #bbbbbb;
    margin: 10px;
}

.ie7 .shadow {
    margin: 0px;
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=10, Direction=0),
            progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=10, Direction=90),
            progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=10, Direction=180),
            progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=10, Direction=270);
}

.ie8 .shadow {
    margin: 0px 0 10px 0;
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=10, Direction=0),
            progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=10, Direction=90),
            progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=10, Direction=180),
            progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=10, Direction=270);
}

.shadow .inner {
    background: white;
}

.hugger1 {
    margin: 0 auto;
    position: relative;
}

/* default */


.content .leftBar {
    float: left;
    width: 172px;
    padding-right: 18px;
    padding-left: 10px
}

.content .rightBar {
    float: left;
}


.wide .content .rightBar .left {
    width: 624px;
    padding: 0 6px 0 0;
}

.wide .ie7 .content .rightBar .left,
.wide .ie8 .content .rightBar .left {
    width: 605px;
    padding: 0 25px 0 0;
}

.wide .content .rightBar .left .tableFilter .field {
    width: 410px;
    padding: 0 3px;
}

.wide .content .rightBar .left .tableFilter .field .txt {
    width: 210px;
}

.wide .content .rightBar .right {
    width: 314px;
    padding: 0 0px 0 6px
}

.wide .ie7 .content .rightBar .right,
.wide .ie8 .content .rightBar .right {
    width: 295px;
    padding: 0 19px 0 6px
}

/* -- end -- */


.wide .content.courseDetail .leftBar {
    width: 440px;
    padding: 0 0 0 10px
}

.wide .content.courseDetail .rightBar {
    width: 700px;;
    padding: 0 0 0 10px
}


#row1 {
    height: 40px;
}

#row1 #logo {
    float: left;
    font-size: 22px;
    font-weight: 300;
    color: #383838;
    line-height: 35px;
    padding-left: 10px
}

#row1 #user {
    float: right;
    font-size: 14px;
    font-weight: 400;
    color: #383838;
    line-height: 38px;
    text-decoration: none;
    background: url('../images/ico-logout.png') no-repeat center right;
    display: block;
    padding-right: 15px;
}

#row2 {
    height: 97px;
}

#row2 #customerLogo {
    float: left;
    display: block;
    width: 195px;
    height: 92px;
    text-decoration: none;
    margin-left: 10px;
}



#row2 #mainMenu div {
    float: left;
    width: 105px;
    height: 97px;
}

#row2 #mainMenu div#menuItemXXX { background: url('../images/ico_vysledky-mc.png') no-repeat top left; }
#row2 #mainMenu div#menuItem2 { background: url('../images/ico_kurzy-mc.png') no-repeat top left; }
#row2 #mainMenu div#menuItem3 { background: url('../images/admin.png') no-repeat top left; } 
#row2 #mainMenu div#menuItem4 { background: url('../images/ico_uzivatele-mc.png') no-repeat top left; }
#row2 #mainMenu div#menuItem5 { background: url('../images/ico_search.png') no-repeat top left; }
#row2 #mainMenu div#menuItem1 { background: url('../images/agenda.png') no-repeat top left; }
#row2 #mainMenu div#menuItem6 { background: url('../images/ico_nastaveni-mc.png') no-repeat top left; }
#row2 #mainMenu div#menuItem7 { background: url('../images/overview.png') no-repeat top left; }
#row2 #mainMenu div#menuItem8 { background: url('../images/docs.png') no-repeat top left; }

#row2 #mainMenu div a {
    display: block;
    width: 85px;
    height: 37px;
    padding-top: 60px;
    color: #bbcde5;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase
}

#row2 #mainMenu div a:hover, #row2 #mainMenu div a.selected, #row2 #mainMenu div a.selected:hover {
    color: white;
    background: url('../images/selected-mc.png') no-repeat bottom left;
}

#breadCrumbs {
    background: url('../images/breadcrumbBg.png') repeat-x;
    height: 28px;
    float: left;
    margin-left: 10px
}

#breadCrumbs a {
    padding: 0 25px 0 10px;
    display: block;
    float: left;
    line-height: 28px;
    overflow: hidden;
    height: 28px;
    text-decoration: none;
    font-size: 14px;
    color: #1e5b7b;
    background: url('../images/breadcrumbMiddle.png') no-repeat top right
}

#breadCrumbs a.first {
    border-left: 1px solid #cbcbcb
}

#breadCrumbs a.last {
    background: url('../images/breadcrumbLast.png') no-repeat top right
}

#breadCrumbs a b {
    font-weight: 600;
    color: #434343
}


#footer {
    clear: both
}

.content .rightBar .left {
    float: left;
}

.content .rightBar .right {
    float: left;
}

.content .leftBar.leftMenu a {
    border-bottom: 1px solid #cac9c9;
    display: block;
    padding: 9px 0;
    font-size: 16px;
    color: #616161;
    text-decoration: none
}

.content .leftBar.leftMenu a.last {
    border-bottom: 0;
}

.content .leftBar.leftMenu a:hover {
    color: #c20037
}

h2 {
    color: #224e88;
    font-size: 20px;
    padding: 0 0 5px 10px;
    margin: 0;
    font-weight: 300;
    position: relative;
    top: 5px
}

.content h2.inMiddle {
    padding: 20px 0 0 10px
}


.tableFilter .inner {
    padding: 20px 20px 5px 20px
}

.tableFilter .filterRow {
    padding-bottom: 10px;
}

.tableFilter .filterRow h3 {
    padding: 10px 0 2px 0;
    margin: 0;
    border-bottom: 1px solid #d2d2d2;
    font-size: 12px;
    font-weight: 400
}

.tableFilter .filterRow label {
    display: block;
    float: left;
    width: 65px;
    height: 29px;
    padding-top: 3px;
    overflow: hidden;
}

.tableFilter .filterRow .field {
    display: block;
    float: left;
    height: 29px;
}

.tableFilter .filterRow .field .txt {
    float: left;
    height: 25px;
    border: 1px solid #d2d2d2;
    color: #ababab;
    font-size: 14px;
    margin-right: 5px;
}

.tableFilter .filterRow .field .submit {
    float: left;
    width: 180px;
    height: 29px;
    border: 1px solid #d2d2d2;
    background: #d8d8d8;
    font-size: 14px;
    color: #383838
}

.tableFilter .filterRow .icons {
    display: block;
    float: left;
    width: 65px;
    height: 29px;
    overflow: hidden;
}

.tableFilter .filterRow .icons a.ico {
    display: inline-block;
    width: 29px;
    height: 29px;
    overflow: hidden
}

.tableFilter .filterRow .icons a.ico span {
    display: none
}

.tableFilter .filterRow .ico.settings {
    background: url('../images/ico-filter-settings-mc.png') center center no-repeat;
}

.tableFilter .filterRow .ico.settings.filtered {
    background: url('../images/ico-filter-settings-filtered-mc.png') center center no-repeat;
}

.tableFilter .filterRow .ico.remove {
    background: url('../images/ico-filter-remove-mc.png') center center no-repeat;
}


.headline {
    background: #f9f9f9;
    height: 36px;
    overflow: hidden;
    padding: 0 10px 0 7px;
    font-size: 12px;
    color: #7c7c7c
}

.headline .listItems a {
    padding: 0 6px;
    color: #7c7c7c;
    text-decoration: none;
    line-height: 35px
}

.headline .listItems a.selected {
    color: #2b64ae;
    font-weight: 600
}

.headline .ico span {
    display: none
}

.headline .ico {
    display: block;
    float: left;
    width: 28px;
    height: 28px;
    display: block;
    margin: 4px 5px 0 0;
}

.headline .ico.filter {
    background: url('../images/ico-filter.png') center center no-repeat;
}

.headline .ico.filter:hover {
    background: url('../images/ico-filter-selected-mc.png') center center no-repeat;
}

.headline .ico.filter.selected {
    background: url('../images/ico-filter-selected-mc.png') center center no-repeat;
}

.headline .ico.download {
    background: url('../images/ico-download.png') center center no-repeat;
}

.headline .ico.download:hover {
    background: url('../images/ico-download-selected-mc.png') center center no-repeat;
}

.headline .ico.zoom {
    background: url('../images/ico-zoom.png') center center no-repeat;
}

.headline .ico.zoom:hover {
    background: url('../images/ico-zoom-selected.png') center center no-repeat;
}

.headline .ico.addCourse {
    background: url('../images/ico-addCourse.png') center center no-repeat;
}

.headline .ico.addCourse:hover {
    background: url('../images/ico-addCourse-selected.png') center center no-repeat;
}

.headline .ico.addLesson {
    background: url('../images/ico-addLesson.png') center center no-repeat;
}

.headline .ico.addLesson:hover {
    background: url('../images/ico-addLesson-selected.png') center center no-repeat;
}

.headline .ico.addTest {
    background: url('../images/ico-addTest.png') center center no-repeat;
}

.headline .ico.addTest:hover {
    background: url('../images/ico-addTest-selected.png') center center no-repeat;
}


.headline .ico.addImage {
    background: url('../images/ico-addImage.png') center center no-repeat;
}

.headline .ico.addImage:hover {
    background: url('../images/ico-addImage-selected.png') center center no-repeat;
}

.headline .ico.detail {
    background: url('../images/ico-detail.png') center center no-repeat;
}

.headline .ico.detail:hover {
    background: url('../images/ico-detail-selected.png') center center no-repeat;
}


.simpleTable table, .structuredTable table {
    width: 100%
}

.simpleTable .tableHugga, .structuredTable .tableHugga {
    padding: 16px 20px 0px 20px;
}

.simpleTable .inner, .structuredTable .inner {
    padding-bottom: 20px
}

.simpleTable th, .structuredTable th {
    font-size: 18px;
    color: #383838;
    font-weight: 300;
    padding: 0px 20px;
    height: 40px;
    vertical-align: center
}

.simpleTable th {
    border-bottom: 1px solid #929292;
}

.simpleTable td {
    border-top: 1px solid #929292;
    padding: 6px 20px
}

.structuredTable th .subText {
    color: #939393;
    font-size: 12px;
    line-height: 11px;
    padding-bottom: 4px
}

.structuredTable td {
    font-size: 14px;
    padding: 5px 20px
}

.simpleTable td, .simpleTable th, .structuredTable td, .structuredTable th {
    border-left: 1px solid #cbcbcb;
}

.simpleTable td.first, .simpleTable th.first, .structuredTable td.first, .structuredTable th.first {
    border-left: 0px
}

.simpleTable tr.odd td, .structuredTable tr.odd td {
    background-color: #e7e7e7
}

.simpleTable td.nic {
    padding: 25px;
    color: gray;
    text-align: center;
}


th .order {
    float: right;
    padding: 5px 0px 0 0;
}

th .order a {
    display: block;
    width: 9px;
    height: 6px;
}

th .order a span {
    display: none;
}

th .order a.up {
    background: url('../images/up.png') no-repeat;
    margin-bottom: 1px
}

th .order a.down {
    background: url('../images/down.png') no-repeat;
}

th .order a.up.selected {
    background: url('../images/up-selected.png') no-repeat;
}

th .order a.down.selected {
    background: url('../images/down-selected.png') no-repeat;
}


.lister {
    text-align: center;
    padding-top: 10px
}

.lister a {
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    width: 30px;
    height: 22px;
    text-align: center;
    background: #e9e9e9;
    color: #555555;
    text-decoration: none;
    margin: 0 1px;
    font-weight: 400
}

.lister a.selected {
    background: #2b64ae;
    color: white;
}

.total {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #7c7c7c;
    padding-top: 6px
}


/* structured table */
.tableSelector .selectorInner a {
    text-decoration: none;
    color: #383838;
    font-size: 14px
}

.tableSelector {
    float: right;
    width: 1px;
    height: 1px;
    position: relative;
    top: -5px;
    left: 1px;
}

.tableSelector .selectorInner {
    position: absolute;
    top: 1px;
    left: 0px;
    width: 31px;
    height: 256px;
}

.tableSelector .selectorInner a.structured {
    width: 31px;
    height: 134px;
    overflow: hidden;
    display: block;
    background: url(../images/structured.png) no-repeat top left
}

.tableSelector .selectorInner a.simple {
    width: 31px;
    height: 122px;
    overflow: hidden;
    display: block;
    background: url(../images/simple.png) no-repeat top left
}

.tableSelector .selectorInner a.structured.selected {
    background: url(../images/structured-selected.png) no-repeat top left
}

.tableSelector .selectorInner a.simple.selected {
    background: url(../images/simple-selected.png) no-repeat top left
}

.tableSelector .selectorInner a.simple div {
    display: block;
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotate(90deg);
    -webkit-font-smoothing: antialiased;
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -sand-transform: rotate(90deg);
    position: relative;
    top: 20px;
    left: -2px;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.tableSelector .selectorInner a.structured div {
    display: block;
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotate(90deg);
    -webkit-font-smoothing: antialiased;
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -sand-transform: rotate(90deg);
    position: relative;
    top: 20px;
    left: -2px;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

/*
.simpleTable .tableSelector .selectorInner a.structured {background:url(../images/structured.png) no-repeat top left}
.simpleTable .tableSelector .selectorInner a.simple {background:url(../images/simple-selected.png) no-repeat top left}
*/

.structuredTable tr.main {
    background-color: #f2f2f2;
}

.structuredTable tr.main td {
    padding-left: 12px;
    padding-right: 12px;
    border-top: 2px solid #a0a0a0;
    border-bottom: 1px dashed #a0a0a0;
    vertical-align: top
}

.structuredTable tr.main td a {
    color: #003399;
    text-decoration: none
}

.structuredTable tr.main td.first .icos {
    float: right;
    padding-left: 10px
}

.structuredTable tr.main td.first .icos a {
    display: inline-block;
}

.structuredTable tr.main td.first .icos a span {
    display: none
}

.structuredTable tr.main td.first .icos a.test {
    background: url('../images/ico-test2.png') no-repeat;
    width: 20px;
    height: 18px;
}

.structuredTable tr.main td.first .icos a.lesson {
    background: url('../images/ico-lesson.png') no-repeat;
    width: 20px;
    height: 18px;
}

.structuredTable tr.main td.first .icos a.addCourse {
    background: url('../images/ico-addCourse.png') no-repeat;
    width: 25px;
    height: 20px;
}

.structuredTable tr.main td.first .icos a.addLesson {
    background: url('../images/ico-addLesson.png') no-repeat;
    width: 25px;
    height: 20px;
}

.structuredTable tr.main td.first .icos a.addTest {
    background: url('../images/ico-addTest.png') no-repeat;
    width: 21px;
    height: 20px;
}


.structuredTable tr.sub td {
    padding-top: 2px;
    padding-bottom: 3px;
    min-height: 19px;
    font-size: 12px;
    color: #818181;
    line-height: 14px;
}

.structuredTable tr.sub.first td.tree {
    background: url('../images/pipeTop.png') no-repeat;
    background-position: 14px -3px;
}

.structuredTable tr.sub.first.continue td.tree {
    background: url('../images/pipeTopContinue.png') no-repeat;
    background-position: 14px -3px;
}

.structuredTable tr.sub.first td {
    padding-top: 7px;
}

.structuredTable tr.sub.last td.tree {
    background: url('../images/pipeBottom.png') no-repeat;
    background-position: 14px -1px;
}

.structuredTable tr.sub.last.continue td.tree {
    background: url('../images/pipeBottomContinue.png') no-repeat;
    background-position: 14px -1px;
}

.structuredTable tr.sub.last td {
    padding-bottom: 20px;
}

.structuredTable tr.sub.first.last td.tree {
    background: url('../images/pipeBottom.png') no-repeat;
    background-position: 14px 5px;
}

.structuredTable tr.sub.first.last td {
    padding-bottom: 20px;
    padding-top: 7px;
}

.structuredTable tr.sub.first.last.continue td.tree {
    background: url('../images/pipeBottomContinue.png') no-repeat;
    background-position: 14px 5px;
}

.structuredTable tr.sub td.tree {
    padding-left: 30px;
    background: url('../images/pipeMiddle.png') no-repeat;
    background-position: 14px -2px;
}

.structuredTable tr.sub td.tree a {
    color: #818181;
    text-decoration: none
}

.structuredTable tr.sub td.tree a.course {
    display: block;
    padding-left: 13px;
    background: url('../images/ico-course-mc.png') no-repeat 0px 1px
}

.structuredTable tr.sub td.tree a.test {
    display: block;
    padding-left: 13px;
    background: url('../images/ico-test.png') no-repeat 0px 1px
}

.structuredTable tr.sub td.tree span.course {
    display: block;
    padding-left: 13px;
    background: url('../images/ico-course-mc.png') no-repeat 0px 1px;
    text-decoration: line-through;
}

.structuredTable tr.sub td.tree span.test {
    display: block;
    padding-left: 13px;
    background: url('../images/ico-test.png') no-repeat 0px 1px;
    text-decoration: line-through;
}

/* structured table level 1 (+ 10px horizontal) */
.structuredTable tr.main.level1 td.first {
    padding-left: 20px;
    background: url(../images/ico-level1.png) no-repeat 10px 10px
}

.structuredTable tr.sub.level1.first td.tree {
    background-position: 24px -3px;
}

.structuredTable tr.sub.level1.last td.tree {
    background-position: 24px -1px;
}

.structuredTable tr.sub.level1.first.last td.tree {
    background-position: 24px 5px;
}

.structuredTable tr.sub.level1 td.tree {
    background-position: 24px -2px;
    padding-left: 40px
}

/* structured table level 2 (+ 20px horizontal) */
.structuredTable tr.main.level2 td.first {
    padding-left: 30px;
    background: url(../images/ico-level2.png) no-repeat 10px 10px
}

.structuredTable tr.sub.level2.first td.tree {
    background-position: 34px -3px;
}

.structuredTable tr.sub.level2.last td.tree {
    background-position: 34px -1px;
}

.structuredTable tr.sub.level2.first.last td.tree {
    background-position: 34px 5px;
}

.structuredTable tr.sub.level2 td.tree {
    background-position: 34px -2px;
    padding-left: 50px
}


.content.editor a.ico {
    width: 11px;
    height: 11px;
    display: inline-block;
    overflow: hidden;
}

.content.editor a.ico.goBack {
    background: url(../images/ico-editor-left-mc.png) no-repeat center center;
    margin-right: 5px;
}

.content.editor a.ico.goForward {
    background: url(../images/ico-editor-right-mc.png) no-repeat center center;
    margin-left: 5px;
}

.content.editor a.ico span {
    display: none
}

/* TREE table*/

.structuredTable .treeTable th.first {
    padding-left: 10px
}

.structuredTable .treeTable tr.sub.last td {
    padding-bottom: 0px;
    padding-top: 1px;
}

.structuredTable .treeTable tr.sub.first td {
    padding-top: 5px;
}

.structuredTable .treeTable tr.sub td {
    padding-top: 1px;
}

.structuredTable .treeTable tr.sub td input {
    padding: 0;
    margin: 0;
    border: 1px solid #f0f0f0;
    font-size: 12px;
    color: #818181;
    width: 350px;
}

.structuredTable .treeTable tr.sub.level1 td input {
    padding: 0;
    margin: 0;
    border: 1px solid #f0f0f0;
    font-size: 12px;
    color: #818181;
    width: 330px;
}

.structuredTable .treeTable tr.sub.level2 td input {
    padding: 0;
    margin: 0;
    border: 1px solid #f0f0f0;
    font-size: 12px;
    color: #818181;
    width: 310px;
}

.structuredTable .treeTable tr.sub td input:hover {
    padding: 0;
    margin: 0;
    border: 1px solid #A0A0A0;
}

.structuredTable .treeTable tr.sub td input.delayInput {
    width: 50px;
}

/* structured table level 1 (+ 10px horizontal) */
.structuredTable .treeTable tr.sub.level1.first td.tree {
    background-position: 34px -3px;
}

.structuredTable .treeTable tr.sub.level1.last td.tree {
    background-position: 34px -1px;
}

.structuredTable .treeTable tr.sub.level1.first.last td.tree {
    background-position: 34px 5px;
}

.structuredTable .treeTable tr.sub.level1 td.tree {
    background-position: 34px -2px;
    padding-left: 50px
}

/* structured table level 2 (+ 20px horizontal) */
.structuredTable .treeTable tr.sub.level2.first td.tree {
    background-position: 54px -3px;
}

.structuredTable .treeTable tr.sub.level2.last td.tree {
    background-position: 54px -1px;
}

.structuredTable .treeTable tr.sub.level2.first.last td.tree {
    background-position: 54px 5px;
}

.structuredTable .treeTable tr.sub.level2 td.tree {
    background-position: 54px -2px;
    padding-left: 70px
}

.structuredTable .treeTable a.ico {
    width: 11px;
    height: 11px;
    display: inline-block;
    overflow: hidden;
    margin-left: 5px;
}

.structuredTable .treeTable tr.sub a.ico span {
    display: none
}

.structuredTable .treeTable tr.sub a.ico.up {
    background: url('../images/ico-tree-up.png') no-repeat top left;
}

.structuredTable .treeTable tr.sub a.ico.down {
    background: url('../images/ico-tree-down.png') no-repeat top left;
}

.structuredTable .treeTable tr.sub a.ico.delete {
    background: url('../images/ico-tree-delete.png') no-repeat top left;
}

.structuredTable .treeTable tr.sub a.edit {
    margin-left: 5px;
}

.structuredTable .treeTable tr.sub a.ico.add, .structuredTable .treeTable a.ico.add {
    background: url('../images/ico-tree-add-mc.png') no-repeat top left;
}


.structuredTable .treeTable tr.sub td {
    margin-left: 5px;
}


/* ie fixes */
.ie8 .tableSelector .selectorInner, .ie7 .tableSelector .selectorInner {
    top: 11px;
    left: 10px
}

.ie8 .tableSelector .selectorInner a.simple div, .ie7 .tableSelector .selectorInner a.simple div {
    top: 15px;
    left: 4px;
    width: 120px;
}

.ie8 .tableSelector .selectorInner a.structured div, .ie7 .tableSelector .selectorInner a.structured div {
    top: 11px;
    left: 4px;
    width: 120px;
}


/* forms */
.editBox .formRow {
    clear: both
}



.formRow label {
    float: left;
}

.formRow .submit {
    width: 180px;
    height: 29px;
    border: 1px solid #d2d2d2;
    background: #d8d8d8;
    font-size: 14px;
    color: #383838
}

.editBox .inner {
    padding: 30px 30px 30px 30px
}

input.txt, textarea {
    background: url('../images/inputBg.png') repeat-x top left;
}

.editBox label {
    padding: 5px 0 10px 0px;
    width: 100px;
    font-size: 14px
}

.editBox .txt, .simpleTable .txt {
    height: 25px;
    border: 1px solid #c3c5cc;
    color: #383838;
    font-size: 14px;
    width: 290px;
}

.editBox textarea.txt {
    height: 80px
}

.editBox.groupDetailEdit label {
    font-size: 14px
}

.editBox .field.radios {
    padding: 5px 0 10px 0;
    font-size: 14px;
}

.editBox .field select {
    width: 250px;
    height: 28px;
    border: 1px solid #c3c5cc
}

.subText {
    font-size: 12px;
}

input.submit {
    width: 170px;
    height: 29px;
    border: 1px solid #d2d2d2;
    background: #d8d8d8;
    font-size: 14px;
    color: #383838
}

.statsTest label {
    width: 200px;
}

/* noneditable items*/
.infoBox {
    padding: 10px 0 0 11px
}

.infoBox .formRow {
    clear: both;
    padding-bottom: 10px;
}

.infoBox .formRow .label {
    font-size: 14px;
    width: 110px;
    float: left;
    color: #3e3e3e
}

.infoBox .formRow .field {
    font-size: 14px;
    width: 220px;
    float: left;
    color: #003399
}

.formRow .fieldNE {
    font-size: 14px;
    width: 220px;
    float: left;
    color: #555555;
    padding-top: 5px;
}

.formRow .field span {
    font-size: 14px;
}

/* grayed noneditables */
.content.studentDetail .right .editBox, .content.groupDetail .right .editBox {
    padding-top: 0px
}

.content.studentDetail .infoBox .label, .content.groupDetail .infoBox .label {
    width: 70px;
    padding-bottom: 20px;
    text-align: right;
    padding-right: 10px
}

.content.studentDetail .infoBox .field, .content.groupDetail .infoBox .field {
    width: 120px;
    padding-bottom: 20px;
    color: #ababab
}

/* course detail */
.courseDetail .tableFilter .field input.txt {
    width: 310px
}

.courseDetail .editBox .txt, .courseDetail .editBox .textarea {
    width: 250px
}



table.lastOn td.first {
    font-size: 12px;
}

table.lastOn td.first a {
    text-decoration: none;
    color: #44397e
}


/* studentDetail */
.content.studentDetail .rightBar .left {
    padding: 0;
    width: 485px;
}

.content.studentDetail .rightBar .right {
    padding: 0;
    width: 485px;
}

.content.studentDetail .rightBar {
    width: 970px;
    padding: 0
}

.content.studentDetail .infoBox {
    float: left;
}

.userImage {
    padding: 10px 10px 0 5px
}


/* studentGroup*/
.simpleTable .group td {
    font-size: 14px;
    vertical-align: top
}

.simpleTable .group td a {
    text-decoration: none
}

.simpleTable .group td.first {
    font-size: 14px
}

.ico.plus span {
    display: block;
    font-weight: 600;
    padding-left: 25px;
    width: 120px;
    line-height: 28px
}

.ico.plus {
    background: url(../images/ico-plus.png) no-repeat center left;
    width: 150px;
    text-decoration: none;
    color: #747474;
    font-weight: 600;
    font-size: 14px
}

.ico.settingsSmall {
    width: 12px;
    height: 12px;
    float: right;
    margin: 5px 0 0 0;
    background: url('../images/ico-settingsSmall-mc.png') no-repeat;
    position: relative;
    left: 2px
}

.ico.settingsSmall span {
    display: none;
}


/* group */
.pageGroup .rightBar {
    padding-top: 30px;
}

.pageGroup .infoBox .label {
    width: 70px;
    padding-bottom: 20px;
    text-align: right;
    padding-right: 10px
}

.pageGroup .infoBox .field {
    width: 120px;
    padding-bottom: 20px;
    color: #ababab
}

/* group detail */
.content.groupDetail .rightBar .left {
    padding: 0;
    width: 485px;
}

.content.groupDetail .rightBar .right {
    padding: 0;
    width: 485px;
}

.content.groupDetail .rightBar {
    width: 970px;
    padding: 0
}

.content.groupDetail .infoBox {
    float: left;
}

/* kurzy - lekce - detail*/
a.submit {
    display: inline-block;
    text-decoration: none;
    width: 170px;
    height: 27px;
    border: 1px solid #d2d2d2;
    background: #d8d8d8;
    font-size: 14px;
    color: #383838;
    line-height: 29px;
    overflow: hidden;
    text-align:center;
}
a.submit:hover {
	text-decoration: none;
}

/* login */
.content.login {
    width: 500px;
    margin: 0 auto;
    padding-top: 80px;
}

/*.content.login h2 {text-align:right; padding-right:10px; font-size:30px}*/

.underForm {
    text-align: center
}

.underForm a {
    color: #dddddd;
    font-size: 11px;
    text-decoration: none
}

.underForm a:hover {
    color: #003399;
    text-decoration: underline
}

/* footer */
#footer {
    padding: 50px 0 80px 0;
}

#footer .inner {
    height: 10px;
    overflow: hidden;
}

#footer .message {
    text-align: center;
    font-size: 14px;
    padding: 40px 0 0 0;
}

#footer .message span {
    background: url(../images/logo_sunsmall.gif) no-repeat;
    height: 29px;
    line-height: 29px;
    padding-left: 40px;
    display: inline-block;
    color: #555555
}


/* tabs */
.tabs {
    background: url(../images/tabsBg.png) repeat-x bottom left;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px
}

.tabs a {
    font-size: 24px;
    border-bottom: 4px solid white;
    display: inline-block;
    padding: 0px 0 5px 0;
    margin: 0 15px;
    text-decoration: none;
    font-weight: 300;
    color: #a2a2a2
}

.tabs a.first {
    margin-left: 0
}

.tabs a.selected, .tabs a:hover {
    color: #224e88;
    border-bottom: 4px solid #224e88
}

/* editor */

.content.editor {
}

.content.editor .leftBar {
    width: 890px;
    padding: 0
}

.content.editor .rightBar {
    width: 278px;
    padding: 0
}

.content.editor .cols .formRow {
    width: 360px;
}

.content.editor .cols .r label {
    width: 100px;
    float: right;
    text-align: right;
    padding-right: 10px;
}

.content.editor .cols .r .field {
    width: 20px;
    float: right
}

.content.editor textarea {
    width: 740px;
    height: 500px;
}

.content.editor input.txt {
    width: 664px
}

.content.editor .leftBar .editBox .inner {
    padding-top: 40px
}

.content.editor .buttonArray {
    width: 690px;
    padding-left: 52px;
    padding-top: 20px
}

.content.editor .buttonArray .field {
    width: 200px;
    float: left
}


.content.editor .courseArray {
    height: 963px;
}

.content.editor .courseArray .inner {
    padding: 35px 40px
}

.content.editor .courseArray .inner .rollBox {
    overflow: auto;
    height: 963px;
    padding-right: 5px
}

.editor .rollBox .courseBox {
    background: #f6f5f5;
    margin: 3px 0 0 0
}

.editor .rollBox .courseBox .icons {
    float: right;
    width: 82px;
    min-height: 45px;
    overflow: hidden; /*background:url(../images/rollbox-iconsBg.png) no-repeat top left;*/
    position: relative
}

.editor .rollBox .courseBox .icons .ico span {
    display: none
}

.editor .rollBox .courseBox .icons a.ico {
    text-decoration: none;
    display: block;
    width: 12px;
    height: 12px;
}

.editor .rollBox .courseBox .icons a.ico.up {
    background: url(../images/ico-up.png) no-repeat center center;
    top: 2px;
    left: 21px;
    position: absolute
}

.editor .rollBox .courseBox .icons a.ico.down {
    background: url(../images/ico-down.png) no-repeat center center;
    top: 2px;
    left: 37px;
    position: absolute
}

.editor .rollBox .courseBox .icons a.ico.add {
    background: url(../images/ico-add.png) no-repeat center center;
    top: 2px;
    left: 51px;
    position: absolute
}

.editor .rollBox .courseBox .icons a.ico.delete {
    background: url(../images/ico-delete.png) no-repeat center center;
    top: 2px;
    left: 66px;
    position: absolute
}

.editor .rollBox .courseBox .innerText {
    color: #224e88;
    font-size: 12px;
    padding: 16px 16px 16px 16px
}

.editor .rollBox .courseBox .innerText a {
    color: #224e88;
    text-decoration: none
}

.editor .rollBox .courseBox .icons .ico.timer {
    background: url(../images/ico-timer.png) no-repeat center left;
    top: 20px;
    left: 42px;
    position: absolute;
    font-size: 10px;
    color: #979797;
    padding-left: 12px
}

.editor .rollBox .courseBox .icons div.ico.mandatory {
    background: url(../images/ico-mandatory.png) no-repeat center center;
    top: 25px;
    left: 26px;
    position: absolute;
    width: 12px;
    height: 12px;
}

.courseBox.addScreen {
    text-align: center;
    padding: 8px 0
}

.courseBox.addScreen a {
    padding-left: 24px
}

/* MODAL */
#modal_bb {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: url('../images/modal.png');
    top: 0px;
    left: 0px;
}

#modal {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.modalInner {
    margin: 100px auto 0 auto;
    width: 730px;
    padding: 20px;
    background: white
}

.modalInner.addImage {
    margin: 100px auto 0 auto;
    width: 500px;
    padding: 20px;
    background: white
}

.modalInner.wideModal {
    margin: 100px auto 0 auto;
    width: 800px;
    padding: 20px;
    background: white
}

.templatesBox {
    background: url('../images/inputBg.png') repeat-x top left;
    float: left;
    border: 1px solid #c3c5cc;
    width: 500px;
    height: 120px;
    overflow: auto;
    padding: 17px;
}

.templatesBox .templateRow .template {
    width: 240px;
}

.templatesBox .templateRow {
    clear: both;
    padding-top: 10px
}

.templatesBox .templateRow .template img {
    width: 64px;
    height: 36px;
    float: left;
}

.templatesBox .templateRow .template .txts {
    float: left;
    padding-left: 12px;
    width: 140px;
    font-size: 10px;
    color: #383838;
}

.templatesBox .templateRow .template .txts a {
    font-size: 14px;
    color: #003399;
    text-decoration: none;
    display: block
}

#modal .closeButton {
    width: 1px;
    height: 1px;
    float: right;
    position: relative;
}

#modal .closeButton a.ico {
    width: 14px;
    height: 14px;
    display: block;
    text-decoration: none;
    left: -14px;
    position: absolute;
    background: url(../images/ico-kill.png) no-repeat;
}

#modal .closeButton a.ico span {
    display: none
}


/* imagePicker */

.imagePicker h3 {
    color: #383838;
    font-weight: 400;
    font-size: 18px;
    border-bottom: 2px solid #a0a0a0;
    padding: 0 0 5px 10px
}

.imagePicker .imageBlock {
    width: 220px;
    height: 210px;
    overflow: hidden;
    float: left;
}

.imagePicker .imageBlock a {
    display: block;
    width: 120px;
    height: 120px;
    margin: 10px auto 5px auto;
    background-color: #f3f3f3;
    text-decoration: none;
    text-align: center
}

.imagePicker .imageBlock a img {
    border: 0px;
    margin-top: 8px;
}

.imagePicker .imageBlock .fileName {
    font-size: 12px;
    color: #b4b4b4;
    text-align: center
}

.imagePicker .imageBlock .name {
    font-size: 12px;
    color: #383838;
    text-align: center
}


/* PLAYER */
body.player {
    background: url(../images/playerBg-mc.png) repeat-x;
    min-width: 1000px
}

.player table.contentTable {
    width: 100%;
}

.player table.contentTable td {
    vertical-align: middle
}

.player table.contentTable td.rightBar {
    width: 210px
}

#playerRow1 {
    height: 46px;
    overflow: hidden
}

#playerRow1 a.customerLogo {
    background: url('../images/player-userLogo-mc.png') no-repeat center center;
    height: 46px;
    display: block;
    float: left;
    width: 220px;
    text-decoration: none
}

#playerRow1 h1 {
    display: block;
    margin: 0;
    padding: 0 20px 0 20px;
    line-height: 44px;
    color: white;
    font-size: 18px;
    font-weight: 600;
    float: left
}

#playerRow1 a.user {
    color: white;
    text-decoration: none;
    float: right;
    line-height: 46px;
    padding-right: 40px
}

.controllsTable {
    width: 100%;
    border-top: 2px solid #aeaeae;
}

.controllsTable td.left, .controllsTable td.right {
    width: 55px;
    height: 55px;
}

.controllsTable a.ico span {
    display: none
}

.controllsTable a.previous {
    display: block;
    width: 35px;
    height: 35px;
    margin: 10px;
    background: url('../images/player-ico-left-mc.png') no-repeat top left;
}

.controllsTable a.next {
    display: block;
    width: 35px;
    height: 35px;
    margin: 10px;
    background: url('../images/player-ico-right-mc.png') no-repeat top left;
}

.progressBar {
    background: #d2d2d2;
    margin: 15px 0;
    padding: 3px;
    position: relative
}

.progress {
    background: white;
    width: 150px;
    color: black;
    text-align: center;
    position: relative;
}

.player .shadow .inner {
    min-height: 650px;
}

.player .shadow .inner.left {
    padding: 20px;
}

.player .shadow .inner.right {
    padding: 20px 20px 20px 10px;
}

/* player menu */
.player ul#playerMenu {
    margin: 0;
    padding: 5px 0 10px 0px
}

.player ul#playerMenu ul {
    margin: 0;
    padding: 5px 0 10px 10px
}

.player ul#playerMenu li, .player ul#playerMenu li li {
    margin: 0;
    padding: 0 0 4px 0;
    list-style: none;
    line-height: 13px;
}

.player ul#playerMenu li a {
    font-size: 12px;
    color: #363636;
    text-decoration: none;
    line-height: 13px;
}

.player ul#playerMenu li a:hover {
    text-decoration: underline
}

.player ul#playerMenu li {
    padding-left: 14px;
}

.player ul#playerMenu li a {
    padding-left: 12px;
    display: block
}

.player ul#playerMenu li.folder a.open {
    padding-left: 16px;
    display: block;
    background: url(../images/player-ico-listOpen.png) no-repeat 0px 2px
}

.player ul#playerMenu li.folder a.closed {
    padding-left: 16px;
    display: block;
    background: url(../images/player-ico-listClosed.png) no-repeat 0px 2px
}

.player ul#playerMenu li.done .itemHugga {
    padding-right: 17px;
    background: url(../images/player-ico-done.png) top right no-repeat
}


/* rules + filtres */

.addedRules {
    padding: 0 15px
}

.rulesRow {
    background: #fff;
    padding: 4px 10px 4px 0;
}

.rulesRow.first {
    border-top: 1px solid #b5b5b5;
    padding-top: 10px;
}

.rulesRow.last {
    border-bottom: 1px solid #b5b5b5;
    padding-bottom: 10px;
}

.rulesRow label, .rulesRow .fieldCol1, .rulesRow .fieldCol2 {
    float: left
}

.rulesRow label {
    width: 146px;
    padding: 5px 12px 0 12px;
    font-size: 14px;
    color: #383838
}

.rulesRow .fieldCol1 {
    width: 100px;
    padding: 0
}

.rulesRow .fieldCol2 {
    width: 500px;
    padding: 0;
}

.rulesRow .fieldCol1 select {
    width: 95px;
}

.rulesRow .ico.delete {
    width: 20px;
    height: 20px;
    display: block;
    background: url('../images/ico-filter-remove-mc.png') no-repeat center center;
}

.rulesRow .ico span {
    display: none
}

.rulesRow input, .rulesRow select {
    margin: 0
}

.rulesRow .checkBoxes {
    float: left;
    width: 200px;
    font-size: 12px;
    color: #505050;
    padding: 6px 3px 3px 3px
}

.rulesRow .checkBoxes input {
    float: left;
    width: 20px;
    padding: 0 2px;
    margin: 2px 0 0 0
}

.rulesRow .checkBoxes .checkBoxLabel {
    float: left;
    width: 170px;
    padding-top: 0px;
}


.rules .formRow {
    padding: 10px 15px;
}

.rules .formRow label {
    color: black;
    width: 116px;
    padding: 1px 12px 0 0px;
    font-size: 14px
}

.rules .formRow .field input {
    margin: 0
}

.rules .formRow .rulerSelect {
    width: 100%;
}

.rules h4 {
    margin: 5px 0 0 0;
    padding: 0 15px;
    color: #000000;
    font-weight: normal;
    font-size: 14px;
}

.rulesRow .fieldCol3 {
    padding: 0 5px 0 5px;
    float: left;
    width: 160px
}

.rulesRow .fieldCol3 input {
    color: gray;
    width: 140px;
}

.rulesRow .fieldCol4 {
    padding: 0 12px 0 10px;
    float: left;
    width: 720px;
    font-size: 14px;
}

a.inTextIco {
    width: 10px;
    height: 10px;
    display: inline-block;
}

a.inTextIco span {
    display: none
}

a.inTextIco.delete {
    background: url('../images/nimiico-filter-remove-mc.png') no-repeat center center
}

.rules .btn {
    padding: 20px 0 10px 0
}



.rules.tableFilter .inner .innerInner {
    position: relative
}

.rules.tableFilter .filterRow label {
    padding-left: 15px;
    font-size: 14px;
    padding-top: 3px
}

.rules select {
    height: 29px;
    border: 1px solid #d2d2d2;
    color: #000000;
    font-size: 14px;
}

.rules input.txt {
    background: url('../images/inputBg.png') repeat-x top left;
    height: 25px;
    border: 1px solid #d2d2d2;
    font-size: 14px;
}

.rules .w1 {
    width: 300px;
}

.rules a.hide {
    text-decoration: none;
    font-size: 12px;
    display: block;
    padding-right: 20px;
}


/* upravy 14.11. */
.shadow.info {
    border-left: 3px solid #0061a1;
}

.shadow.info .inner {
    padding: 18px 25px 15px 65px;
    background: white url('../images/ico-info-big-mc.png') no-repeat 17px 14px
}

.shadow.warning {
    border-left: 3px solid #0061a1;
}

.shadow.warning .inner {
    padding: 18px 25px 15px 65px;
    background: url('../images/ico-warning-big.png') no-repeat 17px 12px
}

.editBox.infoValues .formRow {
    padding: 0;
}

.editBox.infoValues .formRow label {
    float: left;
    padding: 3px 5px;
    color: black;
    font-size: 14px;
    font-weight: 600
}

.editBox.infoValues .formRow .fieldNE {
    float: left;
    padding: 3px 5px;
    color: #555555;
    font-size: 14px;
    width: 365px;
}

.editBox.infoValues .formRow .fieldNES {
    float: left;
    padding: 3px 5px;
    color: #555555;
    font-size: 14px;
    width: 225px;
}

.editBox.infoValues .formRow.odd {
}

.shadow.msgtype1 {
    border-left: 3px solid #0061a1;
}

.shadow.msgtype1 .inner {
    padding: 18px 25px 15px 60px;
    background: url('../images/ico-warning-big-1.png') no-repeat 17px 18px
}

.shadow.msgtype2 {
    border-left: 3px solid #0061a1;
}

.shadow.msgtype2 .inner {
    padding: 18px 25px 15px 60px;
    background: url('../images/ico-warning-big-2.png') no-repeat 17px 18px
}

.shadow.msgtype3 {
    border-left: 3px solid #0061a1;
}

.shadow.msgtype3 .inner {
    padding: 18px 25px 15px 60px;
    background: url('../images/ico-warning-big-3.png') no-repeat 17px 18px
}

.shadow.msgtype4 {
    border-left: 3px solid #0061a1;
}

.shadow.msgtype4 .inner {
    padding: 18px 25px 15px 60px;
    background: url('../images/ico-warning-big-4.png') no-repeat 17px 18px
}

.shadow.msgtype5 {
    border-left: 3px solid #0061a1;
}

.shadow.msgtype5 .inner {
    padding: 18px 25px 15px 60px;
    background: url('../images/ico-warning-big-5.png') no-repeat 17px 18px
}

.shadow.msgtype6 {
    border-left: 3px solid #0061a1;
}

.shadow.msgtype6 .inner {
    padding: 18px 25px 15px 60px;
    background: url('../images/ico-warning-big-6.png') no-repeat 17px 18px
}

.shadow.msgtype7 {
    border-left: 3px solid #0061a1;
}

.shadow.msgtype7 .inner {
    padding: 18px 25px 15px 60px;
    background: url('../images/ico-warning-big-7.png') no-repeat 17px 18px
}

.shadow.msgtype8 {
    border-left: 3px solid #0061a1;
}

.shadow.msgtype8 .inner {
    padding: 18px 25px 15px 60px;
    background: url('../images/ico-warning-big-8.png') no-repeat 17px 18px
}


.pBar {
    display: block;
    float: left;
    width: 80px;
    height: 10px;
    border: 1px solid #c0c0c0;
    background: #f0f0f0;
    overflow: hidden;
    margin: 3px 0 0 0;
    padding: 0
}

.pBar .prgrss {
    background: #aaaaaa;
    height: 10px;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.pBarLabel {
    font-size: 10px;
    float: left;
    padding: 0 0 0px 3px;
}


/* masnikoviny */
div.iww_main {
    position: fixed;
    top: 30px;
    left: 30px;
    /*background-image: url(../images/seda_pruhledna.png);*/
    background-color: black;
    z-index: 2000;
    visibility: hidden;
}

div.iww_area {
    margin: 1px;
    background-color: white;
    border: 0px solid #0061a1;
}

div.iww_head {
    background-color: #aecfe6;
    color: #000;
    padding: 7px;
    background-color: #0061a1;
}

span.iww_head_name {
    font-weight: bold;
    color: #fff;
    font-size: 14px;
}

a {
    color: gray;
    text-decoration: none;
}

a.button {
    border: 1px solid #d2d2d2;
    background: #d8d8d8;
    font-size: 14px;
    color: #383838;
    padding: 4px 30px 4px 30px;
}

span.c_finished {
    color: green;
}

span.c_failed {
    color: red;
}


/**
 * Naseptavac novy pro formulare
 */

div.sbox2_main {
    background-color: #fff;
    width: 99%;
    border-left: 1px solid #CBCBCB;
    border-right: 1px solid #CBCBCB;
    border-bottom: 1px solid #CBCBCB;
    border-top: 1px solid #CBCBCB;
    height: 160px;
    position: absolute;
    z-index: 1100;
    left: 0px;
    top: 28px;
    border-top: 0px;
}

div.sbox2_list {
    width: 100%;
    height: 140px;
    overflow: auto;
}

div.sbox2_bottom {

    height: 13px;
    border-top: 1px solid #cbcbcb;
    font-size: 9px;
    padding: 2px;
    text-align: right;
}

div.sbox2_bottom a {
    color: #000;
    font-size: 9px;
    margin: 0px;
    padding: 0px;
}

div.sbox2_bottom a:hover {
    text-decoration: none;
}

div.sbox2_item {
    font-size: 13px;
    margin: 1px;
    padding: 3px;
    cursor: pointer;
    font-family: arial;
}

div.sbox2_item:hover {
    background-color: #f0f0f0;
    cursor: pointer;
}


/* Bokvikoviny testoviny */
.contentTable.test h2 {
    font-size: 24px;
    font-weight: 400;
    border-bottom: 2px solid #e0e0e0;
    padding: 0;
    margin: 30px 0 20px 0px
}

.contentTable.test h3 {
    font-size: 16px;
    padding: 0px 0 5px 10px;
    margin: 0 0 0 0;
    font-weight: 400;
    color: #222222;
    font-style: italic
}

.contentTable.test .answerBlock {
    padding: 0 0 30px 20px;
    color: #aaaaaa;
}

.contentTable.test .wrongAnswer {
    text-decoration: line-through;
    color: #aa0000
}

.contentTable.test .answerBlock .goodAnswer {
    color: green;
    font-weight: 600
}

.contentTable.test h2.first {
    margin-top: 0
}

.contentTable.test p {
    padding: 0 0 3px 0;
    margin: 0
}

.contentTable.test {
    font-size: 14px;
}

.contentTable.test input {
    position: relative;
    top: 1px
}

.resultTable {
    background: #cccccc;
    display: inline-block;
    margin: 0px 0 0 0
}

.resultTable table td, .resultTable table th {
    background: white;
    padding: 2px 5px
}

.resultTable table th {
    color: black;
    font-weight: normal
}

.resultTable table td {
    color: #555555;
    font-size: 14px;
}


/* grafy */

.grafy .left {
    float: left;
    width: 60%
}

.grafy .right {
    float: left;
    width: 40%
}

.graphHeight1 {
    min-height: 400px
}

.graphHeight2 {
    min-height: 500px
}


/* novinky pro DMS */

#plus {
    float: right;
    width: 150px
}

#plus .r {
    width: 120px
}

#plusOpener {
    float: right;
    position: relative;
    top: -2px;
    display: block;
    width: 30px;
    height: 43px;
    background: url('../images/plusSelected-mc.png') top left no-repeat;
    text-decoration: none
}

#plus .ico {
    display: block;
    float: left;
    font-size: 10px;
    color: #383838;
    background-position: 0 6px;
    background-repeat: no-repeat;
    padding-left: 16px;
    padding-right: 8px;
    padding-top: 7px
}

#plus .ico.dummy {
    background-image: url('../images/dummyHear.png');
}


.content .leftBar.leftMenu h3 {
    border-bottom: 1px solid #0061a1;
    display: block;
    padding: 25px 0 9px 0;
    font-size: 16px;
    color: #0061a1;
    margin: 0 0 0 0
}

.content .leftBar.leftMenu h3.first {
    padding-top: 12px;
}

.content .leftBar.leftMenu .level1 {
    padding-left: 10px
}

.content .leftBar.leftMenu .level1 a {
    font-size: 14px
}

.content .leftBar.leftMenu a.ico {
    padding-left: 17px
}

.content .leftBar.leftMenu a.ico.wheel {
    background: url(../images/sch1-ico-settingsSmall.png) no-repeat 0px 12px
}

#logo div.reg {
    position: relative;
    top: -10px;
    left: 2px;
    font-size: 14px;
    display: inline-block
}

#cat_select {
    background-color: white;
    position: absolute;
    width: 600px;
    height: 400px;
    z-index: 1000;
    top: 100px;
    left: 200px;
    border: 1px solid black;
    padding: 10px;
    visibility: hidden;
}



.content div.tabswithmenu .leftBar {
    width: 458px;
    padding: 0 0 0 10px;
}





.content div.tabswithmenu .editBox .txt {
    width: 232px;
    padding-left: 8px;
}

.content div.tabswithmenu .editBox label {
    width: 130px;
}

.content div.tabswithmenu .editBox .fieldNE {
    width: 220px;
}

.content div.tabswithmenu .editBox .field label.radio_short {
    width: 50px;
}

.editBox .formRow.last {
    padding-bottom: 0px;
}

.content div.tabswithmenu .editBox .field select {
    width: 220px;
}

.editBox td {
    font-size: 14px;
    padding: 10px 5px 10px 5px;
}


.newDocSteps div.step {
    text-align: center;
    margin-right: 20px;
}

.newDocSteps div.step.active {
    color: #2B64AE;
}

.newDocSteps div.step.future {
    color: gray;
}

.newDocSteps div.step.disabled {
    text-decoration: line-through;
    color: gray;
}

.newDocSteps div.sip {
    background: url(../images/ico-tree-down.png) no-repeat 70px 10px;
    height: 30px;
}


table.fujtejbl tr td {
    padding: 4px;
}

table.fujtejbl tr.A td {
    background-color: white;
}

table.fujtejbl tr.B td {
    background-color: #f0f0f0;
}

a.backlink {
    background: url(../images/back.png) no-repeat 0px 0px;
    padding-left: 25px;
    float: right;
    height: 44px;
    font-size: 12px;
    margin-top: 10px;
    margin-right: 15px;
}

a.backlink.ntm {
    margin-top: 5px;
}

a.addfileinput {
    background: url(../images/ico-plus.png) no-repeat 105px 0px;
    width: 130px;
    margin-top: 4px;
    position: absolute;
    right: 0px;
    top: 0px;
}

#filelist {
    position: relative;
}

#sections_bb {
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    position: fixed;
    z-index: 800;
    visibility: hidden;
    background: url('../images/modal.png');
}

#app_bb {
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    position: fixed;
    z-index: 800;
    visibility: hidden;
    background: url('../images/transparent.png');
}

.demosthenes .structuredTable tr.main2 td.nic {
    text-align: center;
    padding: 25px;
    color: gray;
}

div.septy_item {
    margin: 3px;
    padding: 3px;
    font-size: 13px;
    cursor: pointer;
}

div.septy_item_sel {
    margin: 3px;
    padding: 3px;
    font-size: 13px;
    background-color: #EEEEEE;
    cursor: pointer;
}

h3.msgs {
    color: #2a62ac;
    font-weight: 300;
    font-size: 20px;
    padding: 0;
    margin: 0 0 3px 0
}

div.dashboxline label {
    font-size: 14px;
    color: black;
    width: 110px;
    float: left;
}

div.dashboxline div {
    font-size: 14px;
    color: black;
    font-weight: bold;
    float: left;
    width: 345px;
}

div.dashboxline {
    height: inherit;
    clear: both;
}

#HoneypotLoadingOverlay {
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    zoom: 1;
    z-index: 150;
}