@charset "utf-8";

html,body{margin:0;padding:0}

/* бекграунд на сайта */
body { background: url(../images/bgr.jpg) repeat-x #FAE4BF; font: 76% Verdana, Arial, Helvetica, sans-serif; color:#000; } 

p{margin:0; padding:0; line-height:1.5}
a:link, a:visited { text-decoration:underline; color:#777300}
a:hover {text-decoration:none; color:#000}

/* основен контейнер на елементите. Позиционира се в средата по хоризонтала */
div#container{margin:0 auto; position: relative; width:975px; z-index:1}

/* кръговете в дъното на сайта */
div#background {position: relative; background:url(../images/bgr.png) no-repeat; bottom:200px; left: -20px; width:900px; height:360px; z-index:-1}

/* обхваща съдържанието, съдържа се в контейнера */
div#wrapper {position: relative; width: 919px; margin: 0 auto; background:url(../images/wrapper_bgr.jpg) repeat-y;  padding-bottom: 10px;}
div#content {position:relative; }

/* контейнер за главата на сайта, държи надписа "електронен дневник" и топ менюто */
div#header{position:relative; margin:0 auto; width:919px; height:112px; background:url(../images/header_bgr.jpg) repeat-x }

/* тройното меню горе: начало, помощ, контакти */
div#topnav {position:absolute; top:0; left:85px; width:172px; height:42px; background: url(../images/topnav_bgr.jpg) no-repeat;}

/* версия горе, вместо тройното меню */
p#version {position:absolute; top:10px; left:50px; width:172px; height:33px; font:bold 10px Verdana, Arial, Helvetica, sans-serif}

/* надписът Електронен Дневник в дясно */
div#title { position:absolute; top:0; right:50px; width:240px; height:112px; background: url(../images/e-dnevnik.jpg) no-repeat;}

/* ХЕДЪР НА ГЛАВНА СТРАНИЦА, РОДИТЕЛИ ВХОД */
div#headline { width:903px; height:220px; background:url(../images/headline.jpg) no-repeat; position:relative; left: 8px; }
div#year {position: absolute; top: 40px; left: 250px; font: bold 90% Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase}
div#name { position:absolute; top: 60px; left: 250px; background:url(../images/name.jpg) no-repeat; width:263px; height:72px;}
div#address { position:absolute; top: 140px; left: 250px; font: 80% Verdana, Arial, Helvetica, sans-serif;}
ol.address {padding:0; margin:0; list-style: none}

/* логин форма и информационен бюлетин */
div#bottom { background: url(../images/bottom_bgr.jpg) repeat-y; position:relative; left:8px; top: 4px; font: 90% Verdana, Arial, Helvetica, sans-serif;width:904px; }
div#bigbox { background-color:#F6D8A6; position:relative; left:8px; top: 4px; font: 90% Verdana, Arial, Helvetica, sans-serif; width:904px; }

/* панел за управление */
div#panel { background: url(../images/bottom_bgr.jpg) repeat-y; position:relative; left:8px; top: 4px; font: 90% Verdana, Arial, Helvetica, sans-serif; }
td.panel { background:url(../images/panel-pic.jpg) no-repeat bottom center}
/* --------------------- */ hr.hrpanel { width: 240px; text-align:center; color:#366225}

/* хединги на боксовете и панелите */
div#parentbox, div#adminbox {width:299px; background: url(../images/heading_bgr.jpg) repeat-x;}
div#infobox, div#mainbox {width:602px; background: url(../images/heading_bgr.jpg) repeat-x; }
div#documentation {width:904px; background: url(../images/heading_bgr.jpg) repeat-x; }
.heading { background:url(../images/element.jpg) no-repeat; height: 31px; padding:0; margin:0; text-align:right}


input.loginform  {width:145px; height:16px; border: 1px solid #E49716; padding:2px; background-color: #FAE4BF}
textarea.loginform  { border: 1px solid #E49716; padding:2px; background-color: #FAE4BF}
input.mainform {width:165px; border: 1px solid #E49716; padding:2px; background-color: #FAE4BF}
textarea.mainform  {width:370px; border: 1px solid #E49716; padding:2px; background-color: #FAE4BF}
.loginform, .mainform  { margin:0}
.main {margin: 10px}


/* футър и долно меню: вход за учители / вход за директор */
div#footer{clear:both; width:904px; height:35px; background: url(../images/footer_bgr.png) repeat-x; position:relative; top:9px; left: 8px}
div#bottomnav { position:absolute; right:10px; top: 6px; font: 90% Verdana, Arial, Helvetica, sans-serif}

/* Всички права запазени. Уебвижън */
div#copyright {position:absolute; left:5px; top:2px; font: 80% Verdana, Arial, Helvetica, sans-serif;}
div#copyright a:link, div#copyright a:visited { text-decoration:none; color:#666}
div#copyright a:hover { text-decoration: underline; color:#999}

/* хединг за Име на преподавателя в ниво на достъп за учители, име на ученика в ниво на достъп за родители */
h1 {font:bold 110% Verdana, Arial, Helvetica, sans-serif; text-align:center; padding: 0 20px; margin:0;}

/* име на класа, към който принадлежи ученика в нива на достъп за родители */
h2 {font:100% Verdana, Arial, Helvetica, sans-serif; text-align:center; padding: 0 20px; margin:0}

/* име на училището, към което принадлежи ученика, в ниво на достъп за родители */
h3 {font:bold 90% Verdana, Arial, Helvetica, sans-serif; text-align:center; padding: 0 20px; color:#000; text-transform:uppercase; margin:0}

/* навигацията в ляво */
ul.menu{text-align:left; margin-bottom: 120px}
ul.menu li a, ul.menu li a:link, ul.menu li a:visited {padding: 0 0 0 13px; text-decoration: none; background: url(../images/icons/arrow.png) center left no-repeat; margin: 0; color: #a46700; height:18px;line-height:18px;}
ul.menu li{ list-style:none; padding:0}
ul.menu li a:hover { color: #000; text-decoration: none; font-weight:bold}
ul.menu li#current a, ul.menu li#current a:link {padding: 0 0 0 13px; text-decoration: none; color:#000; background: url(../images/icons/arrow-hov.png) center left no-repeat; margin: 0; height:18px;line-height:18px;font-weight:bold}
ul.menu li#current a:hover {color: #000;text-decoration: none;height:18px;line-height:18px;}

/* за форматирането на полето, в което се показва името на ученика, класа и училището при логин на родител */
.student { background: url(../images/student_bgr.jpg) no-repeat; width:260px !important; width:256px; height: 130px; margin: 20px; border: 1px solid #DAE9C2}

table.light { border: 1px solid #E49716; color: #000}
table.light td {border: 1px solid #E49716; color: #000; background-color:#FAE4BF; padding:2px;}
table.light tr { background-color:#000;}
table.light th { background-color:#F6D8A6;}

form.loginform  td {border:0}

tr.marks { background-color:#FAE4BF; border: 1px solid #E49716; color: #000; text-align:center}
tr.marks_left { background-color:#FAE4BF; border: 1px solid #E49716; color: #000;}

tr.marks:hover, tr.marks_left:hover, tr.marks td:hover { background-color:#D6D37E}
tr.marks td, tr.marks_left td{ padding-left: 10px}

select.marks, input.marks, select.marks_left, input.marks_left { font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 2px; background-color:#D6D37E; border: 1px solid #E49716;}
textarea.marks, textarea.marks_left { font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 2px; background-color:#D6D37E; border: 1px solid #E49716; width:520px;}

/* редакция на оценки, избор на ученик */
select.marks_size { font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 2px; background-color:#D6D37E; border: 1px solid #E49716; width:300px}

/* падинг за общата селекция */
tr.padd td{ padding-left: 10px; padding-top:10px}

/* допълнителни класове */
.note { background-color:#FAE4BF; border: 1px solid #E49716; color: #CC0000; padding: 10px;}
.red {color: #C00;}
.error {color: #C00; font:bold 10px Verdana, Arial, Helvetica, sans-serif;}
.text { text-align:left; margin:10px}
.information {padding:10px;}

/* клас за съобщения - ТЪМЕН ФОН, СВЕТЪЛ ТЕКСТ + СВЕТЛА РАМКА */
.message { background-color:#D6D37E; border: 1px solid #777300; color: #000; padding: 10px;}
.message a:link, .message a:visited {color: #777300; text-decoration:underline; }
.message a:hover {color: #777300; text-decoration:none; }

/* таблица САМО за КЛАСОВЕТЕ */
tr.classes {background-color:#FAE4BF; }
tr.classes td{border: 1px solid #E49716; text-align:center; font-weight:bold; padding: 10px 0; color: #000}
tr.classes td a:link, tr.classes td a:visited { text-decoration:none; padding: 10px 3px;}
tr.classes td:hover { background-color:#D6D37E}
ul.classes { list-style:none}

/* странициране */
a.paginate {border:1px solid #E49716;padding: 2px 6px;text-decoration: none;color: #E49716;}
a.paginate:hover {background-color: #D6D37E;color: #777300;text-decoration: none;border:1px solid #777300;}
a.current {border: 1px solid #777300;padding: 2px 6px;cursor: pointer;background:#D6D37E;color: #777300;text-decoration: none;}
span.inactive {border:1px solid #999;padding: 2px 6px 2px 6px;background-color:#FAE4BF;color:#999;cursor: default;}
select.paginate {border: 1px solid #777300;background:#D6D37E;color: #777300;font: 11px Verdana, Arial, Helvetica, sans-serif;}

/* свързаните чек списъци */
.checklist li { background: none; padding-left: 0; color:#000}
.checklist { border: 1px solid #E49716; list-style: none; height: 18em; overflow: auto;width: 32em; margin:0; background-color:#FAE4BF;  width:180px; }
.checklist, .checklist li { margin-left: 0; padding: 0; }
.checklist label { display: block; padding-left: 25px; text-indent: -25px; }
.checklist label:hover, .checklist label.hover { background: #D6D37E; color: #000; }
* html .checklist label { height: 1%; }

/* edit in place */
.edit-class input{ background-color:#ff9; border: 2px solid #f1ca4c; font: 11px Verdana, Arial, Helvetica, sans-serif; padding:3px; outline:none}
.edit-class { cursor: pointer; height:22px}

/* грешките при аjax валидация */
label.error { display: none; }
.error_placement {}

/* бюлетин и tinyMCE */
textarea.bulletin_form  {width:98%; height:300px; border: 1px solid #67a550; padding:2px; background-color: #FAE4BF}


/* за въпросите от документацията. не сработва с IE6 */
.faq_head:hover { cursor: pointer; color:#000}