/* general settings */
body{padding: 0px; margin: 0px; background: #ffffff; font: 10pt/1.5em  'Trebuchet MS', 'Arial', 'Verdana', sans-serif; color:#000000}
p, div, li, table, tr, td, a, input, textarea {font:inherit}
a{color:#2B5684; text-decoration: underline;}
a:hover{background: #4c7cb0; color: #ffffff; text-decoration: none;}
table{border-collapse: collapse; border: none; width:100%}
img{border:none}

/* head & footer */
div.footer{background: url('../image/headback.png') repeat; padding: 5px 260px; color: #eeeeee}
table.head{background: url('../image/headback.png') repeat;}
td.logo{white-space: nowrap; width:1px; padding:0px !important}
td.headtitle{padding:0px 0px 0px 100px}
table.headtitle td{padding:3px 5px; color:#eeeeee}
td.headchair{font-size: 10pt; width:10px; text-align: right; vertical-align: bottom; padding-bottom: 0px !important}
td.headsim{font-size: 16pt; font-weight: bold;}
td.headmipt{font-size: 14pt}
td.head_simlearn a{color:#eeeeee; font-size: 16pt; border:1px solid #aaaaaa; padding: 2px 7px;text-decoration: none; background: #4C7CB0}
td.head_simlearn a:hover{background: #2B5684;}

/* main */
table.main td{vertical-align:top}
td.main{padding:10px 20px}

/* menu */
td.menu{width:250px; background: url('../image/menuback.png') repeat; padding:0px !important}
div.menuitem{padding:4px 5px 4px 20px;}
div.menuitem a{display: block}
div.current{color:#eeeeee; background: url('../image/menuactback.png') repeat; font-weight: bold}
a.menuitem{background:none}
a.menuitemcurrent{background:none; color: #eeeeee}
div.hovered{background:#4c7cb0}
div.hovered a{color:#eeeeee}

/* page */
div.pagetitle{color:#4c7cb0; font-size: 20pt; text-align: center; padding: 10px}
div.pageshort{font-style: italic; color:#777777; padding:5px 20px; background: #f7f7f7}
div.pagetext{padding:10px 20px}
div.pagemenu{font-size:14pt; padding:10px 100px}

table.cnews td{vertical-align: top; padding: 0px 10px;}
td.cnews {width:200px; background: url('../image/menuback.png') repeat; line-height: 120% !important}
div.cnewstitle{color:#4c7cb0; padding:15px 0px 5px 0px !important; margin:0px; font-size:12pt; font-weight: bold}
div.cnewsshort{padding:0px 0px 10px 0px}
div.cnewsshort p{padding: 0px; margin: 0px}
div.cnewsname{padding:5px 0px; text-align: center; color:#4c7cb0; font-size: 16pt}

/* news */
div.news{
    padding:10px 0px 15px 0px
}
div.newstitle{
    font-size:12pt;
}
font.newsdt{padding-left:10pt; color:#888888; font-size:9pt !important; font-style: italic; font-weight: normal;}
div.newsshort{padding:5px 0px 0px 15px}
div.newsshort p{padding: 0px; margin:0px}

/* newssingle */
div.newssingle{
    padding:0px 0px 15px 0px;
}
font.newssinglepre{
    font-size:12pt !important
}
div.newssingletitle{
    color:#4C7CB0;
    font-size:16pt;
}
div.newssingledt{
    color:#888888;
    font-size:9pt !important;
    font-style: italic;
    text-align:right;
}
div.newssingleshort{
    color:#777777;
    font-style:italic;
    padding:5px 10px 0px 10px; 
}

/* editor */
div.editormode{
    position:absolute;
    padding: 5px 10px;
    right: 0px;
    top: 0px;
}
div.editormode a, div.editormode a:hover{
    color: #ffffff;
    text-decoration: none;
}

/* teacherlist */
table.teacherlist td{
    padding-bottom: 20px;
    vertical-align: top;
}
td.tl_item_photo{
    padding: 5px 10px;
    text-align: center;
    width: 120px;
}
td.tl_item_photo a, td.tl_item_photo a:hover{
    background: none;
    border: none;
}
td.tl_item{
    padding: 0px 0px 0px 10px !important;
}
div.tl_item_fio{
    font-size: 12pt;
    padding: 5px 0px;
}
div.tl_item_fio a{
    color: #000000;
}
div.tl_item_fio a:hover{
    color: #eeeeee;
}
span.tl_item_lastname{
    font-size:16pt;
}
div.tl_item_regalia{
    color: #555555;
    padding-left:20px;
}
div.tl_item_courses{
    padding-left:20px;
}
div.tl_item_course{
    font-size: 10pt;
    padding-bottom: 1px;
}
div.tl_icon{float:left; padding:3px 7px 0px 0px}
div.tl_email{padding:10px 0px;}
div.tl_email a{color: #222222; text-decoration: none; border-bottom: 1px dotted #222222;}

/* teacher single */
div.teacher_fio{
    font-size: 16pt;
    padding-top: 10px;
}
span.teacher_lastname{
    font-size: 20pt;
}
div.teacher_photo{
    float: left;
    padding: 10px 10px 0px 0px;
}
table.teacher_data{width:auto}
table.teacher_data td{padding-top:5px}
td.teacher_data_title{color:#888888; font-style: italic; padding:5px 13px 0px 20px; width:1px}
div.teacher_course{padding-bottom: 3px}

/* course single */
div#course_name{color:#2B5684; font-size:16pt; padding:5px 10px}
div#course_description{padding:5px 10px}
div.course_teacher{padding:3px 0px 3px 40px}
/* course list */
div.cl_item{font-size: 14pt; padding: 7px 0px 2px 15px;}
div.cl_item a{color:#222222}
div.cl_teacher{padding: 0px 0px 5px 35px}

/* studentlist */
div.studentlist{
    padding:10px 20px;
}
table.studentlist{
    background: #dddddd !important;
    border-collapse: separate; 
}
table.studentlist td{
    background: #ffffff;
    padding:3px 10px;
}
table.studentlist th{
    background: #f3f3f3;
    border: 1px #ffffff solid;
    padding: 2px 9px;
}
tr.hovered td{
    background: #dddddd !important;
    border: 1px solid #ffffff;
    border-left: none;
    border-right: none;
    padding:2px 10px !important;
}

/* tablesorter */
table.tablesorter thead tr .header {
    background-image: url('../image/tablesorter/bg.gif');
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url('../image/tablesorter/asc.gif');
}
table.tablesorter thead tr .headerSortDown {
	background-image: url('../image/tablesorter/desc.gif');
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #8dbdd8;
}