* {margin:0; padding:0;}

.png { behavior: url(/media/css/iepngfix.htc); }
a {color: #003399;}
a:hover {color:#777; text-decoration: none;}
br {clear:both;}
form li, .player_container li {list-style:none;}
img {border:medium none;}
input{vertical-align: middle;}
html{ min-height: 100%;}
html, body {margin:0; padding:0; width: 100%; color: #777; font: normal 12px normal Verdana,sans-serif;}
body{position: relative; min-height: 100%;// height: 100%;}

.all{min-height: 100%; min-width: 830px; width: 100%; position: reletive; height: 100%;}

.border_hide{position: absolute; width: 100%; background-color: #fff; z-index: 2; left: 0;}
.first{padding: 165px 0 0 0;}
.all b.color_b{color: #003399;}

.hide{display: none;}

/*Header*/
.header .crosspacer{float: none; width: 830px;}
.header{height: 165px; background-color: #003399; position: absolute; top: 0; left: 0; width: 100%; color: #FFF; z-index: 2; min-width: 830px; overflow: hidden;}
.header .border_hide{height: 34px; bottom: -1px;  margin: 0; float: none; z-index: 2;}
.header div{float: left; margin: 25px 0 0 15px;}
.header .kabacademy_title{height: 100px; width: 185px; font-size: 23px; text-align: right; margin: 25px 0 0 15px;}
.kabacademy_title a, .kabacademy_title a:hover{ color: #fff; text-decoration: none; }
.header .logo{position: absolute; bottom: -9px; width: 136px; height: 158px; left: 220px; background: url(/media/i/logo.gif) 0 0 no-repeat; z-index: 3;}
.header .top_title{margin-left: 155px; font-size: 37px; white-space: nowrap;}
.header .top_title b{display: block; color: #8099cc; margin-top: -8px;}

/* Body */
/* Menu */
.cont {height: 100%; width: 100%;  position: relative;}
.left_column{position: absolute; top: 0; bottom: 0; left: 30px; width: 198px; min-height: 100%; line-height: 19px; font-size: 15px; border-right: 1px solid #999;  font-weight: bold;}
.left_column a{display: block; color: #8d8d8d; text-decoration: none;}
.left_column a:hover{color: #003399;}
.left_column b{display: block; color: #003399;}
.left_column .profile_info{border-top: 1px solid #003399; padding-top: 10px; margin: 10px 15px 0 0; font-size: 12px;}

/* Content */
.middle_column{margin: 0 228px 0 228px;  border-right: 1px solid #999; min-height: 100%;  padding: 0 15px; position: relative;}
.content{padding-bottom: 15px; height: 100%;}
.content br {clear: none !important; }
.content h1, .content h2, .content h3, .content h4, .ui-tabs-panel .title{font-size:21px; font-weight:bold; padding:0 0 10px; color: #4a4a4a;}
.content h2 {font-size:18px;}
.content h3 {font-size:14px;}
.content h4 {font-size:12px;}
.content ul {padding-left: 20px; padding-bottom: 10px;}
.content p {padding-bottom: 10px;}

/* 2-column templates*/
.no_right_col .middle_column{margin-right: 150px;  border-right: 0px none; min-width: 585px;}
.gray_container {background-color: #d9d9d9; padding: 15px 15px 25px; position: relative; margin-bottom: 15px;}
.gray_container h1{color: #003399;}
.player_container{position: relative;}
.no_right_col .crosspaise{width: 680px;}
.player_container ul{display: block; float: right; text-align: right; position: relative;}

.player_container ul b{color: #4a4a4a;}
.no_right_col .footer_stuff{height: 50px;}

/* Tabs*/
.all .ui-tabs{height: 350px; position: relative; padding: 0; border: 0 none;}
.all .ui-tabs .ui-tabs-nav li{margin: 0 1px 0 0; border: 0 none; background-color: #ccd6eb;}
.all .ui-tabs .ui-tabs-nav li a{color: #555;}

.all .ui-tabs .ui-tabs-nav li.ui-state-active{background: #003399 none;}
.all .ui-tabs .ui-tabs-nav li.ui-state-active a{color: #fff;}

.all .ui-tabs .ui-tabs-nav{border: 0; padding: 0; background: transparent none;}
.ui-tabs-panel{border: 15px solid #003399 !important; background: none !important; height: 290px; overflow: auto; position: absolute; width: auto; left: 0; right: 0; overflow-x: hidden; padding: 0px !important;}

/* Chat */
#id_chat_container {border: 0 none; background-color: #003399; height: 200px;}

#id_question{height: 30px; color: #fff;}
#id_question textarea{width: 100%; border: 0; background-color: #f5f5f5; height: 50px; margin-right: 20px;}
#id_question table{width: 100%; margin-right: 10px;}
#id_question table td{vertical-align: middle;}


#id_participants{width: 150px; float: right; margin-top: 15px; color: #FFF;}

#id_messages_container{margin: 15px 165px 0 0; background-color: #f5f5f5; height: 235px; padding: 5px;}

/* Study */
.study_text {padding: 10px;}

/* Timetable */
.timetable {width: 100%; text-align: left; font-size: 12px;  margin-bottom: 15px;}
.timetable th {color: #fff; background-color: #003399; margin: 0; padding: 3px;}
.timetable .highlight {background-color: #e5ebf5;}
.timetable .in_past {color: #bdbdbd;}
.timetable td {padding: 4px; border-bottom: 1px solid #003399;}

/* Right column */
/* Homepage */
.right_column{position: relative; right: 10px;  width: 218px; height: 100%; border-right: 1px solid #999; float: right;}
.auth_widget{height: 128px; width: 100%; position: relative; background-color: #003399;}
.auth_widget form{display: block; padding-top: 5px;}
.auth_widget li{display: block; padding: 5px 15px;}
.auth_widget label{width: 40px; display: inline-block;}
.auth_widget input{width: 136px !important;}
.input_container input{border: 0; padding: 5px 0 6px;}
.input_container label{color: #FFF; font-size: 11px;}
.login_button{height: 40px;}
.login_button a{color: #33d6ff; float: left; margin-top: 10px; font-weight: bold;}
.login_button a:hover{color: #33d6ff;}
.login_button input{background: url(/media/i/login_button.gif) 100% 0 no-repeat; border: 0; height: 40px; width: 85px !important; text-align: left; color: #FFF; font-size: 11px; float: right;}
.right_container {padding: 15px; padding-bottom: 50px;}
.right_container .title{padding: 15px 30px 7px 0; color: #003399; font: bold 17px/22px verdana;}
.right_container a{color: #000; white-space: nowrap; line-height: 20px;}

.crosspiece{ height: 1px; clear: both;}
/* Footer */
.footer{height: 30px; background-color: red; width: 100%; background-color: #003399; margin-top: -30px; position: relative;}
.footer span{padding-left: 20px; vertical-align: middle; float: left; line-height: 30px; color: #FFF;}
.footer .border_hide{height: 15px; top: -15px;}
.footer_stuff{height: 15px; clear: both;}

form ul, form li{border:0; margin:0; padding:0; list-style:none;}
form li{padding-top: 10px; display: block; list-style-position: outside;}
form input{width: 250px;}
form input[type="checkbox"] { width: auto !important; }
form .submit{width: auto; float: left; margin-top: 10px;}
form textarea{width: 350px;}
form select{}
form label {display: block;}
form .errorlist {padding-left: 0; padding-bottom: 0; color: red;}