/* 
    Document   : base
    Created on : 14.12.2010, 22:11:35
    Author     : petr
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.hidden {
    display: none;
}

.deleted {
    text-decoration: line-through;
}

.prototypes {
    display: none;
}

div#topmenu li {
    cursor: hand;
    cursor: pointer;
}

.tree {
    list-style-type: none;
}

.listitem {
    list-style-image: none;
    list-style-type: disc;
}

.controll {
    cursor: hand;
    cursor: pointer;
}

textarea {
    width: 20em;
    height: 5em;
}

.cell {
    padding: 5px 5px;
    display: table-cell;
    margin: 0;
}

.row, .row-head {
    display: table-row;
    background-color: #FFFFFF;
}

.row-head {
    font-weight: bold;
    text-align: center;
}

.table {
    display: table;
    width: 98%;
}

.value {
    font-weight: bold;
    float: right;
    margin: 0px 5px;
}

.label {
    float: left;
}

.logo  {
    float: left;
}

.pageitem {
    clear: both;
}

.navigation {
    clear: both;
}

.dragable {
    cursor: default;
}

.dragable li {
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    border-collapse: collapse;
    list-style: none;
    margin: 0;
}

div.header {
    clear: both;
}

div.header menu {
    background-color: #ffad5c;
    width: 10em;
    padding: 0;
    margin: auto;
    z-index: 999;
}

div header menu.horizontal {
    clear: both;
    margin: auto;
}

div.header menu.horizontal li {
    float: right;
    width: 12em;
}

div.header menu li a.button {
    display: inline;
    float: right;
}

div.header menu.vertical {
    position: absolute;
}

div.header menu.vertical li {
    display: none;
}

div.header menu:hover menu.vertical li{
    display: block;
}

div.header menu li {
    border-style: double;
    border-width: 2px 2px 2px 2px;
    border-color: #ff4a37;
    background-color: #ffad5c;
    list-style: none;
    padding: 4px 5px;
    margin: 0;
}

div.header menu li:hover {
    background-color: #ffdfc0;
}

.content {
    clear: both;
    border-width: 2px;
    border-color: #ff4a37;
    border-style: solid;
    min-height: 500px;
    padding: 5px 20px;
    position: relative;
    display: none;
}

div.header menu li a {
    color: #000000;
    font-weight: bold;
    font-variant: small-caps;
    display: block;
    margin:auto;
}

menu.submenu {
    position: absolute;
    left: 0px;
    top: -0px;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

menu.submenu li {
    float: left;
    padding: 4px 5px;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: #ff4a37;
    background-color: #ffdfc0;
    cursor: pointer;
    cursor: hand;
}

menu.submenu li:hover {
    background-color: #ffad5c;
}

menu.submenu li.active {
    background-color: #fff9f3;
}

.toolpanel {
    float: left;
}

.button-icon-only {
    width: 16px;
    height: 16px;
    background-image: url(/images/user-icons.png);
    cursor: pointer;
    cursor: hand;
}

button.button-icon-only {
    width: 18px;
    height: 17px;
}

.button-icon-delete {background-position: 0 0}
.button-icon-edit {background-position: -16px 0}
.button-icon-addfile {background-position: -32px 0}
.button-icon-adddir {background-position: -48px 0}

#lesson-content img {
	max-height: 90%;
}

#perex h1 {
	float: left;
	clear: none;
	padding: 0 5px;
	margin: 1px;
}

#perex h2 {
	clear: none;
}

th.lessonstatus {
	width: 70px;
}

td.lessonstatus {
	text-align: center;
}

td.lessonstatus img {
	width: 24px;
}

.disabled {
    /*  */
    color : #AAAAAA;
    cursor : default;
  }

.subcontent_plus, .subcontent_minus { width: 18px; height: 18px; background-repeat: no-repeat; float: left; margin: 1px 5px; cursor : hand; cursor : pointer; vertical-align: middle}
.subcontent_plus { background-image: url(/img/submenu-plus.png); }
.subcontent_minus { background-image: url(/img/submenu-minus.png); }
.aright {float : right}

input.error2,select.error2 {border-color: red!important}
label.error2 {color: red; margin: 0 0 0 4px}
img.lock { float: left; width: 16px; margin: 5px 0 0 0; }

.flag img, .active-flag img { width: 25px; height: 17px; }
.flag { opacity : 0.3; }

#nabidka { padding: 0; margin: 0; border: 0; cursor: hand; cursor:pointer; }
#nabidka img { height: 17px; }

#ad-list { position:fixed; z-index: 9999; background-color: /* #EEEEEE*/ #ffffff; height: auto; width: 200px; z-index: 99999; border: 1px #000000 solid; border-radius: 5px; text-align:left; top: 40px; display: none; font-size: 12px; }
#ad-list li { float: none !important; min-height: 25px; list-style: none; margin: 1px 5px; border-bottom: 1px solid #000000; line-height: 1.2;}
#ad-list li:first-child {margin-top: 4px;}
#ad-list li:last-child {border-bottom: 0px;}
.ad-icon { width: 25px; height: 25px; float: left;  border: 0; padding: 0; margin-right: 3px; margin-top: 2px; }
.ad-icon img { max-width: 25px; max-height: 25px; border: 0; padding: 0; margin: 0;}