body { background: #bfbfbf url(../img/bg.png) left top repeat-x; color: #000; margin: 0px; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 13px; }

a:link { color:#2F63B3; text-decoration: underline; }
a:visited { color:#2F63B3; text-decoration: underline; }
a:hover { color:#4A5265; text-decoration: underline; }

img { border: none; }

h1,h2,h3,h4,h5,h6 { margin: 10px 0; font-style: normal; font-weight: bold; color: #5C5F56; }
h1 { font-size:2.2em; margin-top: 0; }
h2 { font-size:1.4em; }
h3,h4,h5,h6 { font-size:1em; }

p { margin: 0 0 20px; text-align:justify; }
dl,dt,dd { margin: 0; padding: 0; }
dd { margin: 5px 0; }
dt { margin-top: 10px; font-weight: bold; }
dl { margin: 10px 0; }

table { border-collapse: collapse; margin-bottom: 20px; }
table th, table td { padding: 0 6px 0 0; vertical-align: top; }

form table th, form table td { padding: 0 6px 10px 0; vertical-align: middle; }

hr { margin: 10px 0; background: #3A3A3A; color: #3A3A3A; border: 0; height: 2px; }

button, input.button { font-size: 12px; color: #000; font-weight: bold; border: 1px solid #adadad; background: #d2d2d2; padding: 2px 16px; #padding: 2px 8px; margin: 0 3px; }

.right { text-align: right; }
.hidden { display: none; }

input.text,
textarea { width: 400px; border: 1px solid #a8a8a8; background: #fff;  padding: 2px; }
textarea { height: 200px; }
textarea.mce { visibility: hidden; }

input.error, textarea.error { border-color: #F00 !important; }
label.error { color: #F44; padding-left: 5px; }
form .blank { display: none; }

#header h1, #header h2 { padding: 0 20px; }

.nowrap {white-space: nowrap; }

/* Layout */
#flash_content { padding: 30px; }
div.flash { text-align: center; padding: 15px; border: 2px solid black; background: white; }


#content { margin-left: 280px; padding: 0 20px; _height: 1px; }

/* Notification */
div.notification, #jswarning { border: 1px dotted #000; margin: 10px 0; padding: 15px; font-weight: bold; }
div.error, #jswarning { color: #800; border-color: #800; background: #FDD; }
div.warning { color: #880; border-color: #880; background: #FFD; }
div.information { color: #080; border-color: #080; background: #DFD; }

/* administrační sort */
.sort table { margin: 10px 0; border: 1px solid #888; border-width: 0 1px; font-size: 13px; border-collapse: collapse; width: 100%; }
.sort table td,
.sort table th { border: 1px solid #888; border-width: 1px 0; padding: 2px 4px; background: #FFF; text-align: left; }
.sort table td.right,
.sort table th.right { text-align: right; }
.sort table th img { vertical-align: middle; }
.sort table th .sort-sort { margin-left: 6px;  }
.sort table th { background: #d5d5d6; white-space: nowrap; }
.sort table td { background: #e4e4e5; }
.sort table tr.evenrow td { background: #e0e0e0; }

.sort table td table { width: auto; }

div.pager { margin: 10px 0; border: 1px solid #888; overflow: hidden; background: #eee; font-size: 13px; #padding-bottom: 2px; _overflow: visible; _height: 1px; }
div.pager .pager_pages span {display: block; float: left; padding: 2px 5px; border: 1px solid black; margin: 2px;}
div.pager .pager_pages span.pager_inactive {border: 1px solid #888; color: #888;}
div.pager .pager_pages span.pager_set {border: 2px solid #000; padding: 1px 4px; color: #000; background: #FFF; font-weight: bold;}
div.pager .pager_pages a {color: #000; text-decoration: none;}
div.pager .pager_pages a:hover span {background: #DDD;}
div.pager .pager_numberofrecords {padding: 5px; line-height: 24px;}

.filtered-sort .filter input.text { width: 60px !important; }
.sortheader { margin: 10px 0; }
.sortheader * { vertical-align: bottom; }
.sortheader .sort-sort { margin-right: 15px; }

/* articles_list */
.articles-list .article { margin: 20px 0; }
.articles-list .info { font-size: 90%; font-weight: bold; }

/* gallery */
.gallery-picture .picture { display: block; margin: 20px auto; }
.picture-img { width: 150px; height: 150px; border: 2px solid black; text-align: center; margin-bottom: 10px; }
.picture-box { width: 162px; height: 220px; float: left; overflow: hidden; text-align: center; }
.picture-list { overflow: hidden; _overflow: visible; _height: 1px; }

/* gallery-tree */
.gallery-tree { background: #fff; padding: 20px; border: 1px solid #666; }
.gallery-tree .cat-sub { padding-left: 30px; background: url(../img/tree-i.png) left top repeat-y; }
.gallery-tree .cat { margin-left: -30px; padding-left: 30px; height: 30px; padding-top: 6px; background: url(../img/tree-t.png) left center no-repeat; }
.gallery-tree .last { background: none; }
.gallery-tree .last>.cat { background: url(../img/tree-l.png) left center no-repeat; }
.gallery-tree .cat p { border: 1px solid #999; padding: 4px; #padding: 3px; margin: 0; float: left; }
.gallery-tree .cat p span.name { width: 300px; float: left; }

span.color { display: block; width: 30px; height: 20px; border: 1px solid black; }

.offscreen, .off { position: absolute; left: -2500px; width: 1px; height: 1px; overflow: hidden; }

.image .img { width: 150px; height: 150px; border-collapse: collapse; border-spacing: 0; padding: 0; margin: 0; }
.image .img td { text-align: center; vertical-align: center; padding: 0; margin: 0; width: 150px; height: 150px; overflow: hidden; line-height: 0; }

.image { float: left; text-align: center; border: 1px solid #aaa; margin: 0 10px 10px 0; padding: 8px; }
.image p { text-align: center; margin: 2px; font-size: 12px; }
.image-selected { border: 1px solid #444; background-color: #ddd; }

div.clear { clear: both; float: none; height: 1px; overflow: hidden; }

#dialogbg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 998; background: #000; opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); }
#dialogcenter { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; }
#dialogcontent { position: relative; margin: 20px auto; width: 900px; max-height: 100%; background: #fff; padding: 10px; padding-top: 40px; -moz-border-radius: 10px; color: #000; }
#dialogclose { width: 26px; height: 26px; position: absolute; right: 5px; top: 5px; background: url(../img/close.png) no-repeat; }
#imgdiv { overflow-y: auto; max-height: 100%; }

/* comments */
.comments-form textarea { width: 100% !important; height: 80px !important; border: 1px dotted #000; }
.comments-form { background: #EEE; padding: 10px 20px; border: 1px solid #999; }
.comments-list { margin: 10px 0; border-top: 1px dotted #999; }
.comment { margin-top: 10px; border-bottom: 1px dotted #999; }
.comment .text { margin: 10px 0; }
.comment .by { margin: 10px 0 0 0; }
.comment .time { margin: 0 0 10px 0; }
.comment .actions { float: right; margin: 0 0 0 20px;}
.comment .state { float: right; margin: 0; font-weight: bold; }
.comment .edited { font-size: 85%; border-top: 1px solid #CCC; }

/* postview */
div.postframe { background: white; border: 1px solid #bbb; padding: 20px; margin-bottom: 10px; }
div.actions { float: right; }
div.info { color: #888; margin-bottom: 50px; }
div.info p { margin-bottom: 10px; font-size: 13px; }
div.info table { margin-bottom: 10px; font-size: 13px; }
div.post { margin-bottom: 40px; }

/** loginbox **/
#loginbox { width: 404px; margin: 123px auto 0; background: url(../img/loginboxtop.png) center top no-repeat; padding-top: 12px; }
#loginbox1 { background: url(../img/loginboxbottom.png) center bottom no-repeat; padding-bottom: 12px; }
#loginbox2 { min-height: 254px; _height: 254px; background: url(../img/loginboxbg.png) center center repeat-y; position: relative; }

#loginbox h1 { width: 97px; height: 43px; overflow: hidden; background: url(../img/loginlogo.png) center center no-repeat; position: absolute; top: 20px; left: 20px; }
#loginbox h2 { position: absolute; top:20px; right: 20px; }
#logincontent { padding: 120px 60px 20px; }

#logincontent table { font-size: 12px; color: #555; font-weight: bold; margin: 0; width: 100%; }
#logincontent * { margin: 0; padding: 0; }
#logincontent table td.label { text-align: right; padding-right: 6px; }
#logincontent table td.input { width: 193px; padding-bottom: 6px; }
#logincontent table label { display: block; }
#logincontent form p { text-align: right; padding-right: 3px; }
#logincontent input.text { width: 180px; border: 1px solid #a8a8a8; background: #d1d1d1;  padding: 4px; }
#logincontent input.button { font-size: 12px; color: #555; font-weight: bold; border: 1px solid #adadad; background: #bebebe; margin: 0; padding: 4px 15px; }
#logincontent form img { border: 1px solid #a8a8a8; }

/* Notification */
#logincontent div.notification, #jswarning { border: none; margin: 0 0 10px; padding: 0; font-weight: bold; font-size: 13px; background: none; }

/** menu **/
#menu { float: left; width: 280px; background: url(../img/menutop.png) left top no-repeat; padding-top: 12px; }
#menu2 { background: url(../img/menubottom.png) left bottom no-repeat; padding-bottom: 12px; }
#menu3 { padding: 8px 0; background: url(../img/menurep.png) left top repeat-y; }
#menu p { padding: 10px 20px; }

#menu ul {margin: 0; padding: 0; list-style: none; font-size: 13px;  }
#menu li { padding: 2px 0 2px 20px; font-weight: bold; }
#menu li.logout { padding-top: 40px; }
#menu ul ul { font-size: 11px; }
#menu ul ul li { padding: 2px 0 2px 20px; }
#menu a { color: #333; text-decoration: underline; }
#menu a:hover { color: #265fd2; }
#menu li.active a { color: #265fd2; }
#menu li.active li a { color: #333; }

/** postfilter **/
.postfilter { margin: 10px 0 20px; }
.postfilter table { margin: 0; }
.postfilter table td { vertical-align: top; padding-bottom: 2px; }
.postfilter table td.f { width: 430px; }
.postfilter table td p { margin-bottom: 24px; }
.postfilter table td p * { vertical-align: middle; }
.postfilter table td.obory { padding: 0; padding-top: 3px; }
#postfilter_uf { width: 416px; }
#postfilter_author { width: 152px; margin-right: 5px; }
#postfilter_year { width: 72px; margin-right: 5px; }
#postfilter_created, #postfilter_modified { width: 115px; }
#postfilter_created { margin-right: 10px; }
#postfilter_type { width: 149px; margin-right: 10px; }
#postfilter_form { width: 100px; }
#postfilter_class { width: 42px; }
#postfilter_fulltext { width: 205px; margin-right: 10px; }

#header h1 { width: 198px; height: 36px; overflow: hidden; background: url(../img/logotop.png) center center no-repeat; margin: 40px 0; }
#header h1 a { display: block; height: 100%; }

table p { margin: 5px 0; }
table td { padding: 0 6px; }
table.fields td { padding: 0 6px 0 0; }

input#altname, input#filename { width: 60%; }

#f_header { width: 600px; }

/** timetable */
#timetable td, #timetable th { border: 1px solid #444; padding: 4px; background: #eee; text-align: center; vertical-align: middle; }
#timetable td { background: #fff; width: 80px; }
#timetable .count { display: block; font-size: 16px; color: #888; }
#timetable .subject { display: block; font-size: 16px; font-weight: bold; }
#timetable .classroom { display: inline-block; margin-right: 10px; }
.itm
{
    float:left;
    margin-right:20px;
}
.w-cvic{background:#D0D0D0 !important}
.w-pred{background:#EFEFEF !important;text-align:center;}
.class {position:relative;z-index:1;}
.studentList {position:absolute;border:1px solid black;background:white;right:80px;visibility:hidden;z-index:3;padding:3px 5px 3px 20px;overflow:scroll;height:500px;width:200px}
.studentList li {white-space:nowrap;text-align:left;}