/* global settings */
body{
    background: #ffffff;
    color:#000000;
    font-family: 'Trebuchet MS', 'Verdana', sans-serif;
    font-size: 10pt;
    line-height:150%;
    margin: 0px;
    padding: 0px;
}
p, div, li, table, tr, td, a, input, textarea {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
form{
    margin:0px;
    padding:0px;
}
a{
    color:#4c7cb0;
    text-decoration: underline;
}
a:hover{
    background: #4c7cb0;
    color: #ffffff;
    text-decoration: none;
}
table{
    border: none;
    border-collapse: collapse;
    width:100%;
}
img{
    border:none;
}

/* some general stuff to use everywhere */
ul.none{
    list-style-type: none;
}
.noborder{
    border:none !important;
}
div.error{
    color:#DF3207;
    font-size:14pt;
    padding:15px;
    text-align:center;
}
div.title{
    color: #4571A1;
    font-size:24pt;
    line-height: 120%;
    padding:10px 0px;
    text-align: center;
}
div.info{ 
    color: #444444;
    font-size:16pt;
    padding:15px 0px 10px 0px;
    text-align: center;
}

/* head */
table.head{
    background: url('../image/headback.png') repeat;
}
table.head td{
    border-bottom: 1px solid #B9CCE1;
}
td.headtitle{    
    color: #4571A1;
    font-size:24pt;
    font-weight: bold;
    padding:7px 30px 20px 50px;
    width:150px;
}
td.sitemap{
    padding: 0px 20px 0px 0px;
    text-align: left;
    vertical-align: middle;
}
td.headtitle a{
    padding:0px 5px;
    text-decoration:none;
}
td.headtitle a:hover{
    background: #4571A1;
    color:#eeeeee;
}
td.headlogin{
    color:#6C95C0;
    font-size:14pt;
    font-weight: bold;
    padding:0px 30px;
    text-align: center;
    width:160px;
}
td.headlogin a{
    font-size:12pt;
    font-weight: normal;
}
td.headmenu{
    font-size:14pt;
    padding: 10px;
    width:250px;
}
td.headmenu a{
    padding:0px 10px;
}
td.head_links{
    font-size:12pt; 
    padding:14px;
    vertical-align: bottom;
}
td.head_links a{
    padding:0px 10px;
}
td.head_lib{
    color:#385C82;
}
input.head_lib{
    background: #f7f7f7;
    border:2px solid #B9CCE1;
    padding:2px 5px; 
}
input.head_lib_submit{
    background: #345578;
    border: 1px solid #4C7CB0;
    color: #eeeeee;
    padding: 1px 5px;
}
input.head_lms{
    background: none;
    border: none;
    border-bottom: 1px solid #4C7CB0 !important;
    color:#4C7CB0;
    cursor: pointer;
    margin:0px;
    margin-left:7px !important;
    padding:0px;
}

/* footer */
table.footer{
    background: url('../image/headback.png') repeat;
}
table.footer td{
    border: 1px solid #B9CCE1;
    border-left: none;
    border-right:none;
}
td.copy{
    color:#3D648D;
    padding: 5px 50px;
}
td.support{
    padding:5px 100px;
    text-align:right;
}



/* edit */
img.userphoto{border: 1px solid #4c7cb0; margin: 5px; padding: 1px}

/* registration */
div.reg{padding:10px 50px}
div.reg_title{font-size:24pt; text-align: center; color: #4571A1; padding:15px 0px}
div.reg_comment{font-size:10pt; color: #777777; text-align: center; padding:3px 0px 10px 0px}
table.reg td{padding: 5px 10px}
td.regname{width:45%; text-align:right; vertical-align: top; font-size:12pt; padding-top:9px !important}
input.reg{font-size:14pt; width:250px; border:2px solid #B9CCE1; color:#222222; padding:2px 5px}
input.reg_error{border:2px solid #E03630 !important;}
div.reg_error{color:#E03630; width:350px}
div.login_error{text-align:center; color: #E03630}

/* main */
div.text{padding: 10px 100px}

/* profile */
div.profile{padding:4px 150px}

/* contact */
table.contact td{padding:4px 7px; vertical-align: top}
td.contacttitle{width:35%; text-align: right; color:#777777; font-style: italic}
textarea.contact, input.contact{border:2px solid #B9CCE1; color: #222222; padding:2px 5px; width: 500px}
textarea.contact{height: 150px}

/* invite */
img.invite_add_receiver, img.invite_delete_receiver{
    cursor: pointer;
    padding: 0px 10px;
}
td.invite_icon{
    width:1px;
}
td.invite_input{
    width: 300px;
}
td.invite_input input{
    border:2px solid #B9CCE1;
    color:#222222;
    font-size:14pt;
    padding:2px 5px;
    width:100%;
}
td.invite_name{
    font-size:12pt;
    padding-top:9px !important;
    text-align:right;
    vertical-align: top;
    width:40%;
}

/* main index */
table.main_index td{
    vertical-align: top;
}
td.main_index_news{
    border: 1px solid #B9CCE1;
    padding:10px 0px 0px 0px;
    width:300px;
}
td.main_index_text{
    padding: 10px 20px;
}
div.main_index_news_name{
    color: #3E6690;
    font-size: 14pt;
    font-weight: bold;
    padding: 5px 0px;
    text-align: center;
}
div.main_index_news{
    border-bottom: 1px solid #B9CCE1;
    padding: 15px 15px 20px 20px;
}
div.main_index_news_title{
    font-size:12pt;
    padding: 0px;
}
div.main_index_news_dt{
    color:#555555;
    font-size:8pt;
    text-align: right;
}
div.main_index_news_short{
    padding:0px 0px 0px 20px ;
}
div.main_index_news_short p{
    margin: 0px;
    padding: 0px;
}

/* profile info */
.toggle{
    cursor: pointer;
}
tr.highlight{
    background: #f4f4f4 !important;
}
div.profile_main{
    padding:25px 60px;
}
div.profile_main_edit{
    float: right;
    padding:5px 10px;
    vertical-align: middle;
}
div.profile_info_set_title{
    border-bottom: 1px dotted #3E6690;
    color: #3E6690;
    font-size: 14pt;
    padding: 10px 10px 5px 10px;
}
div.profile_info_set{
    padding:5px 10px;
}
table.profile_info_set td{
    padding:5px 10px;
    vertical-align: top;
}
table.profile_info_set p{
    margin:0px;
    padding:0px;
}
td.profile_info_photo{
    padding: 20px !important;
    width: 1px;
}
td.profile_info_fio{
    color:#444444;
    font-size:12pt;
    padding: 20px 10px !important;
}
span.profile_lastname{
    color: #000000;
    font-size:16pt;
}
span.profile_usertype{
    color: #4C7CB0;
    font-size:10pt;
    font-style: italic;
}
td.profile_info_item_name{
    color:#555555;
    font-style: italic;
    width:140px;
}
span.profile_msg{
    padding: 0px 0px 0px 40px;
}
span.profile_msg_text{
    font-size: 10pt;
    padding: 0px 0px 0px 3px
}
span.profile_msg a:hover{
    background: none;
}

/* group */
div.group_main{
    padding:15px 60px;
}
div.group_list_item{
    font-size: 14pt;
    padding:10px 20px;
    text-align: center;
}
table.group_list th{
    background: #eeeeee;
    border: 1px solid #dddddd;
    border-bottom: none;
    font-size:12pt;
    font-weight: normal;
    padding:5px;
}
table.group_list td{
    border: 1px solid #eeeeee;
    padding: 5px 10px;
}

/* lms */
div.lms_info{
    color:#333333;
    font-size: 14pt;
    line-height: 150%;
    padding:20px 70px;
}

/* feedback */
div.feedback{
    padding: 0px 100px;
}
div.feedback_title{
    color:#4C7CB0;
    font-size: 14pt;
    padding:20px 0px 15px 0px;
    text-align: center;
}
table.feedback td{
    padding:10px;
    vertical-align: top;
}
input.feedback, textarea.feedback{
    background: #fafafa;
    border: 2px solid #B9CCE1;
    color:#222222;
    padding: 3px 5px;
    width: 450px;
}
textarea.feedback{
    height: 200px;
}
td.feedback_input_title{
    color:#555555;
    font-style:italic;
    text-align: right;
    width: 35%;
}

/* news */
div.newsmain{
    padding: 10px 70px 20px 70px;
}
div.news{
    padding: 10px 0px;
}
div.news_title{
    font-size:14pt;
}
span.news_dt{
    color:#555555;
    font-size:10pt;
    font-style: italic;
}
div.news_short{
    padding:5px 0px 5px 20px;
}

/* news single */
div.newssingle{
    padding:20px 70px;
}
div.newssingle_title{
    color: #4571A1;
    font-size:24pt;
    line-height: 120%;
    padding:0px 0px 10px 0px;
    text-align: center;
}
div.newssingle_short{
    color:#555555;
    font-style:italic;
}
div.newssingle_text{
    padding:0px 30px;
}
div.newssingle_dt{
    color:#555555;
    font-style:italic;
    text-align: right;
}

/* lib */
div.lib{
    padding:10px 70px;
}
div.lib_result{
    color: #444444;
    padding: 5px 0px;
}
div.lib_item{
    padding:5px 0px 10px 0px;
}
div.lib_item_title{
    font-size: 16pt;
    line-height: 120%;
    padding: 5px 0px;
}
span.lib_item_author{
    color: #000000;
    font-size: 12pt;
    padding-left: 10px;
}
span.lib_item_year{
    color: #444444;
    font-size: 12pt;
    padding-left: 10px;
}
span.lib_item_pages{
    color: #676767;
    font-size: 12pt;
    padding-left: 10px;
}
div.lib_item_short{
    padding: 0px 0px 5px 20px;
}
div.lib_info{
    background: #f4f4f4;
    padding:5px 10px;
}
div.lib_info img{
    float:left;
    padding: 5px 10px 5px 0px;
}
div.lib_search{
    padding:20px 30px;
}
input.lib_query{
    background: #ffffff;
    border:5px solid #B9CCE1;
    font-size:16pt;
    padding: 3px 5px;
    width:100%;
}
input.lib_submit{
    background: #4571A1;
    border:1px solid #B9CCE1;
    color:#f7f7f7;
    font-size:16pt;
    margin:5px 0px;
    padding: 5px 15px;
}

/* error */
div.error_main{
    padding:30px 40px;
}
td.error_404{
    padding:50px 20px 0px 0px;
    vertical-align: top;
    width:200px;
}
div.error_404{
    color:#B9CCE1;
    font-size:90pt;
    text-align:center;
}
div.error_404_text{
    color:#B9CCE1;
    font-size:16pt;
    padding: 50px 0px 0px 0px;
    text-align: center;
}
td.error_items{
    padding:0px 0px 0px 30px;
}
div.error_title{
    color: #444444;
    font-size: 14pt;
    line-height:120%;
    padding: 15px 0px 7px 0px;
}
div.error_item{
    font-size:16pt;
    padding:7px 0px 7px 20px;
}
span.error_comment{
    color:#777777;
    font-size:12pt;
    font-style: italic;
}

/* message */
table.message td{
    vertical-align: top;
}
td.msg_menu{
    padding: 20px 10px 20px 70px;
    width: 200px;
}
td.msg_main{
    padding: 0px 30px 30px 30px;
}
table.msg_menu td{
    vertical-align: bottom;
}
td.msg_icon, td.msg_icon2{
    width: 1px;
}
td.msg_icon{
    padding:5px 10px 0px 0px;
}
td.msg_icon2{
    padding:10px 10px 5px 0px;
}
td.msg_menu_text{
    padding-bottom: 1px;
}
td.msg_menu_text2{
    padding-bottom: 5px;
}
table.msg_list{
    background: #dddddd;
    border-collapse: separate;
}
table.msg_list td{
    background: #ffffff;
    border: 1px solid #ffffff;
}
td.msg_unread{
    background: #f0f0f0 !important;
}
td.msg_reply, td.msg_read{
    padding: 3px 5px;
    text-align: center;
    vertical-align: middle;
    width: 1px;
}
td.msg_reply a:hover{
    background: none;
}
td.msg_dt{
    color: #777777;
    font-size: 8pt;
    padding:2px 7px;
    white-space: nowrap;
    width: 122px;
}
td.msg_sender{
    color: #555555;
    font-size:8pt;
    padding: 2px 7px;
    white-space: nowrap;
    width: 1px;
}
td.msg_title{
    padding: 2px 10px;
}
tr.msg_active td{
    background: #dddddd !important;
}
/* single message */
div.msg_title{
    color:#4c7cb0;
    font-size: 14pt;
    padding:15px 0px 5px 0px;
    text-align: center;
}
div.msg_title a{
    padding: 0px 10px;
}
div.msg_title a:hover{
    background: none;
}
div.msg_sender{
    color:#444444;
    padding: 5px 0px;
    text-align:center;
}
span.msg_dt{
    color: #777777;
    font-size: 8pt;
    padding: 0px 10px;
}
div.msg_text{
    border: 1px solid #dddddd;
    padding:10px;
}
/* new message */
td.msgsendtitle{
    color: #555555;
    padding:15px 10px 0px 10px;
    white-space: nowrap;
    width: 1px;
}
td.msgsendvalue{
    padding:15px 10px;
}
td.msg_to_radio{
    padding: 3px 5px 4px 5px;
    white-space: nowrap;
    width: 1px;
}
td.msg_to_text{
    white-space: nowrap;
    width: 1px;
}
td.msg_to_text, td.msg_to_text2{
    color: #333333;
    padding:3px 5px 3px 5px;
}
td.msg_to_input{
    padding: 0px 0px 5px 10px; 
}
input.msg, textarea.msg{
    background: #ffffff;
    border:2px solid #84A6CA;
    padding:2px 3px;
    width: 100%;
}
textarea.msg{
    height:200px;
}
div.msg_to{
    padding: 5px 0px;
    text-align: center;
}
div.msg_to span.msg_to{
    color:#333333;
    cursor: default;
    border-bottom: 1px dotted #777777;
}