/* CSS Document */

/*
---- Colors: ----

white-gray: #f2f2f0
light-gray: #bfbcba
gray:       #5a5a6e
dark gray:  #1e1e28
red:        #af0000
dark-red:   #8c0000
*/

/* basic configuration */

* {margin: 0; padding: 0; font-family: Verdana; font-size: 12px; color: #1e1e28; font-weight: bold;}    
a {text-decoration: none;}
h1 {visibility: hidden; display: none;}
img {border: 0;}
table {border-collapse: collapse;}
ul {list-style-type: none;}
body {background: #f2f2f0;}
.clear {clear: both;}
.margintop20px {margin-top: 20px;}
.width120px {width: 110px;}
.error, .redfont {color: #8c0000;}
.error p {color: #f2f2f0; font-size: 10px;}
.ui-dialog .ui-dialog-buttonpane {border: 0;}
.ui-dialog .ui-dialog-buttonset {margin 0; padding: 0;}
.ui-dialog .ui-button {padding: 0 20px; height: 40px;}
.clearfix:after {content: "."; display: block; height: 0; width: 0; clear: both; visibility: hidden;}

/* icon buttons */

div.options, div.trash {float: right; display: block; height: 25px; width: 25px; position: relative; top: -25px;}
div.options {background: url(/images/icons/preferences_gear.png) 50% 50%;}
div.trash {background: url(/images/icons/trash.png) 50% 50%;}
#login div.options:hover {background: #353543 url(/images/icons/preferences_gear.png) 50% 50%;}
#mycourses div.options:hover {background: #af0000 url(/images/icons/preferences_gear.png) 50% 50%;}
#main div.trash:hover {background: #af0000 url(/images/icons/trash.png) 50% 50%;}


/* frame configuration */

#centerborder {background: url(/images/shadow-2024.png) repeat-y; width: 1020px; margin: 0 auto;}
#center {background: url(/images/background-logo-2024.jpg) no-repeat; width: 1000px; margin: 0 auto;}

/* navigation panel configuration */

#nav {width: 100%; padding-top: 12px; height: 40px; text-align: center; text-transform: uppercase;}
#navigation li {display: inline;}
#navigation li.left {padding-right: 20px;}
#navigation li.mid {padding: 0 20px; border-left: 2px solid #8c0000;}
#navigation li.right {padding-left: 20px; border-left: 2px solid #8c0000;}
#navigation a, #navigation a:visited {color: #8c0000;}
#navigation a:hover {color: #af0000;}

/* registration form */

#regformtable {margin: 0 auto; margin-top: 10px;}
.regformstyle td {padding: 2px 10px;}
.regformstyle p, .regformstyle span {color: #8c0000; font-size: 10px; margin-top: 10px;}
.regformstyle span {margin-left: 5px;}
.regformstyle span p {margin: 2px 0;}
.regformstyle input {height: 20px; padding-left: 3px;}
.regformstyle input.submit {width: 120px; height: 40px; text-align: center; font-size: 12px; margin-bottom: 10px;}
.regformstyletextarea {width: 160px;}
#autologin {padding: 0; margin: 0;}
#ui-datepicker-div {width: 220px;}

/* new password dialog */

#newpassdialog input {margin-top: 10px; padding: 5px; width: 210px;}
#newpassform p, #newpassform span {color: #8c0000; font-size: 10px;}

/* enroll other student form */

#enrothtable {margin: 0 auto; margin-top: 10px;}
#enroll-other-form td {padding: 2px 10px;}
#enroll-other-form p, #enroll-other-form span {color: #8c0000; font-size: 10px; margin-top: 10px;}
#enroll-other-form span {margin-left: 5px;}
#enroll-other-form span p {margin: 2px 0;}
#enroll-other-form input {height: 20px; padding-left: 3px;}
#enroll-other-form input.submit {text-align: center; font-size: 12px; margin-bottom: 10px; padding: 10px; border: 0;}

/* error dialog */

#error-dialog p {margin: 0 auto; margin-top: 10px;}
#error-dialog-text {margin-top: 10px;}

/* left panel configuration */

#panel {margin: 180px 0 20px 20px; width: 200px; float: left;}
#panel a, #dalsikurzyheader {display: block; color: #f2f2f0;}
#panel h2 a, #search a, #dalsikurzyheader {background: #8c0000; padding: 10px 10px;}
#panel li {border-bottom: 1px solid #8c0000; background: #af0000;}
#panel li:hover {background: #a00000;}
#dalsikurzy {margin-top: 10px;} /* #multilist, */
#panel li a {padding: 7px 0 7px 30px; background: url(/images/list-box.png) no-repeat; background-position: 12px 10px; font-size: 11px;}
#dancehall {width: 200px; height: 100px; background: url(/images/dh-logo.jpg) no-repeat;}
#weddingdance {width: 200px; height: 100px; background: url(/images/wd-logo.jpg) no-repeat;}
#cez {width: 200px; height: 80px; background: url(/images/200x80-cez-proti-drogam.jpg) no-repeat;}


/* main middle panel configuration */

#main {margin: 180px 10px 20px 10px; width: 540px; float: left;}
#main h2 {background: #8c0000; height: 20px; padding-top: 5px; padding-left: 10px; color: #f2f2f0;}
.mainbox {background: #fafafa; margin-bottom: 10px; overflow: auto;}
.maincontent, .leftmaincontent, .rightmaincontent{padding: 10px; padding-top: 0px;}
.leftmaincontent {float: left; width: 250px;}
.mainheader {padding-top: 15px; color: #8c0000;}
.maintext {padding: 10px 0 0 10px; line-height: 1.5em; text-align: justify; width: 500px;}
.maintext span {font-style: italic;}
.maintext a {text-decoration: underline;}
.mleft {margin: 0 0 5px 10px;}
#main a {color: #8c0000;}
#main a:hover {color: #af0000;}
#main table {margin-left: 10px;}
#main td {padding: 0 10px 5px 0; vertical-align: top;}
.fc {width: 250px;}
.button {padding: 10px 20px; background: #af0000; margin: 15px 5px 10px 5px; float: right; color: #f2f2f0; border: 0;}
.button:hover {background: #8c0000;}
#main li {line-height: 18px; padding-bottom: 5px;}
#main li table.venue {padding:0; margin: 0;}
#main li table.venue td {padding:0; margin: 0;}
#main li table.venue .venuefirst {width: 95px;}
#main li.first {margin-top: 10px;}
#main li span {color: #8c0000;}
#main li.payment {margin-top: 10px;}
#main li.payment span {color: #8c0000;}
#main .regformopener, #main .regformopener:hover, #myprofilefooter a, #myprofilefooter a:hover {color: #f2f2f0;}
#partner {margin: 10px;}
#partner input {padding: 5px;}
#myprofilefooter {clear: both;}
.mycoursesheader h2 {text-align: center; height: 30px; padding-top: 7px;}

/* right panel configuration */

#right {margin: 180px 20px 20px 0; width: 200px; float: right;}
#login {background: #1e1e28; margin-bottom: 10px;}
#logincaption {width: 100%; height: 19px; padding-top: 6px; padding-left: 10px; color: #f2f2f0;}
#loginbox {background: #5a5a6e; padding: 10px; color: #f2f2f0;}
#loginbox p {margin-bottom: 5px; color: #f2f2f0;}
#loginbox p.text {margin-left: 10px;}
#logintable td {border: 0; height: 20px; color: #f2f2f0; padding: 0 5px 0 0;}
#logintable input {background: #f2f2f0; border-style: none; width: 100%; height: 18px; color: #1e1e28;}
input.submit {background: #5a5a6e; border-style: none; color: #f2f2f0; text-align: left;
              border: 1px solid #f2f2f0; margin: 5px 5px 0 0; padding: 5px 8px; float: right;}
#loginother {margin-top: 45px; line-height: 15px;}
#profileother {margin-top: 25px; line-height: 15px;}
#loginother a:link, #loginother a:visited, #profileother a:link, #profileother a:visited {color: #f2f2f0; font-size: 10px;}
#loginother a:hover, #profileother a:hover {color: #bfbcba; font-size: 10px;}
#messages, #mycourses {background: #8c0000; margin-bottom: 10px;}
#messagecaption, #mycoursescaption {width: 100%; height: 20px; padding-top: 5px; padding-left: 10px; color: #f2f2f0;}
#messagebox, #mycoursesbox {background: #ebebee; padding: 10px; padding-top: 0px;}
#messagebox span, #mycoursesbox span {font-size: 10px; color: #8c0000;}
.mycoursesanchor {margin-top: 10px;}
.mycoursesanchor a {color: #8c0000;}
.messageheader {padding-top: 10px; color: #8c0000;}
.messagedate {font-size: 8px; color: #5a5a6e;}
.messagetext {font-size: 10px; padding-top: 5px; text-align: justify;}
.messagetext a {font-size: 10px;}
.messageheader a:link,
.messageheader a:visited,
.messagetext a:link,
.messagetext a:visited {color: #8c0000;}
.messageheader a:hover {color: #af0000;}
p.student {font-size: 10px; margin-bottom: 5px;}
p.payment {font-size: 10px; margin-top: 5px;}

/* footer configuration */

#footer {background: url(/images/footer_shadow.png) repeat-x; clear: both; width: 100%; height: 35px; text-align: center; padding-top: 10px; font-size: 10px;}
#footer a {font-size: 10px; color: #f2f2f0;}
#footer a:hover {color: #bfbcba;}

/* special configuration */

.ui-dialog-title, .ui-button-text {color: #f2f2f0;}

#rozvrhbody h2, #rozvrhbody h3 {width: 100%; padding: 5px; text-align: center;}
#rozvrhbody h2 {font-size: 14px;}
#rozvrhbody h3 {font-size: 12px;}
#rozvrhbody h4 {font-size: 10px; text-align: center; margin-bottom: 10px;}
#rozvrhbody h4 a {font-size: 10px; color: #8c0000;}
#rozvrh {width: 1200px; margin: 0 auto; text-align: center; table-layout: fixed; border: 3px solid black; background: #f2f2f0;}
#rozvrh td {height: 40px; font-size: 9px; border-bottom: 2px solid black;}
#rozvrh th {font-size: 9px; height: 30px; width: 90px; background: #8c0000; color: #f2f2f0; border: 2px solid black;}
#rozvrh tr td.rozvrhleft, th.rozvrhleft {width: 70px; font-size: 14px; background: #8c0000; color: #f2f2f0; border: 2px solid black;}
#rozvrh td.kurz {background: #5a5a6e; color: #f2f2f0; border: 2px solid black;}
#rozvrh tr td.min30 {border-left: 2px dotted #c5c1be;}
#rozvrh tr td.min15 {border-left: 2px dotted #e1dedc;}
#rozvrh td.closed {background: #bfbcba; font-size: 10px; border: 2px solid black;}
#rozvrh td.closed2 {background: #f5f5dc; font-size: 12px; border: 2px solid black;}
#rozvrh a {font: inherit;}
#rozvrh a:link, #rozvrh a:visited {color: inherit;}
#rozvrh a:hover {color: #bfbcba;}
#zpet {position: absolute; top: 20px; left: 20px;}
#zpet:link, #zpet:visited {color: #8c0000;}
#zpet:hover {color: #af0000;}

#galerie {width: 500px; margin-top: 15px;}
#galerie td {height: 150px; padding: 15px;}
#galerie tr.lichy {background: #bfbcba;}
#galerie td.galerypic {width: 150px; padding-right: 30px;}