/* -- -------------------------------------- Body attributies --------------------------------------------------------------------- --*/
body {
  background-color: #000000;
  color: #EEEEEE;
  margin: 0px;
  padding: 0px;
  margin: 0 0 10px 0;
}
td{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
div, p{
  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
.clear{ clear: both; overflow: hidden; margin: 0; padding:  0; height: 0;}
.preloader{
   display: none;
}
table{
  border-collapse:collapse;
}
.page_content{
 	margin-left: 25px;
	margin-top: 15px;
	margin-bottom: 30px;
	padding: 0;
}
.to-left{ text-align: left; }
.to-center{ text-align: center; }
.to-right{ text-align: right; }
/* -- -------------------------------------- Content paddings --------------------------------------------------------------------- --*/
.content-cell{
   padding: 3px 8px 0px 8px;
}
.main_width, #main_width{width: 100%;}
#main_table{
   width: 100%;
}
.no_border, #no_border, .noborder, #noborder{	border: 0px;}
.no_border td, #no_border td, .noborder td, #noborder td{border: 0px;	padding: 0px;}
.blue-line{
	height: 1px;
	background-color: #3EAEC8;
	overflow: hidden;
	margin: 0 10px;
}
/* -- -------------------------------------- Header attributies ------------------------------------------------------------------- --*/
.st-header{
  background: #000 url(/img/students/yacapaca_logo13.gif) no-repeat 50% 50%;
  height: 107px;
  margin: 5px 0 5px 0;
}
.st-header span{ display: none; }
.blue-line{
  background-color: #3eafcb;
  height: 0px;
  overflow: hidden;
}
.logo-link{
  position: absolute;
  z-index: 5;
  width: 300px;
  height: 100px;
  margin-left: -150px;
  left: 50%;
}
.st-name{
  float: left;
  font-family: Arial, verdana, Geneva, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #FFCF00;
  text-decoration: none;
  margin: 40px 0px 10px 40px;
  _margin-left: 20px;
  width: 25%;
}
.func-buttons{
  width: 88px;
  float: right;
  margin-top: 12px;
  margin-right: 40px;
  _margin-right: 20px;
}
.func-buttons a{ display: block; padding: 1px 0; }
.inca{
  position:absolute;
  z-index:2;
  top:55px;
  right:10%;
  visibility:hidden;
}
/* -- -------------------------------------- Footer attributies ------------------------------------------------------------------- --*/
.footer{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  font-style: normal;
  color: #FFCF00;
  padding-top: 5px;
}
.footer a{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  font-style: normal;
  color: #FFCF00;
  text-decoration: none;
}
/* -- -------------------------------------- Link color --------------------------------------------------------------------------- --*/
a {
   color: #FFCF00;
   text-decoration: none;
}
a:hover {
  color: #EEEEEE;
  text-decoration: underline;
}
/* -- -------------------------------------- Horisontal top and bottom bars ------------------------------------------------------- --*/
.top_nav_bar_color{
	background-color: #FFCF00;
}
.top_nav_bar_link{
	text-align: center;
	padding-left: 8px;
	padding-right: 8px;
}
.top_nav_bar_link a, .top_nav_bar_link a:hover{
	color: #000000;
	font-weight: bold;
}
.top_nav_bar_delimeter{
	text-align: center;
	width: 2px;
}
.top_nav_bar_delimeter2{
	text-align: center;
	width: 2px;
	background-color: #000000;
}
/*-- ------------------------------------- Vertical bars (left, right) ------------------------------------------------------------- --*/
.left_bar{
   width: 170px;
   border-right: 1px Solid #FFCF00;
   border-left: 1px Solid #FFCF00;
   padding: 10px 10px 10px 5px;
}
.left_nav_link{
   padding-left: 2px;
   padding-right: 5px;
}
.left_nav_link a:hover{
   text-decoration: none;
   color: #FFCF00;
}
.left_nav_li{
   padding-top: 7px;
}
#yellow_full_ranks{
   border: 1px Solid #FFCF00;
}
#yellow_side_ranks{
   border-right: 1px Solid #FFCF00;
   border-left: 1px Solid #FFCF00;
}
#first_cell{
   padding-left: 7px;
}
#last_cell{
   padding-right: 7px;
}
.list_row_no_highlight{
   background-color: #000000;
}
.list_row_highlight{
   background-color: #6E6E6E;
}
.page_title{
    font-family: Arial, verdana, Geneva, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #FFCF00;
    text-decoration: none;
    padding-bottom: 10px;
}
.page_title2{
    font-family: Arial, verdana, Geneva, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #FFCF00;
    text-decoration: none;
}
/*
.score_results{
	font-family: Arial, verdana, Geneva, sans-serif;
    font-size: 36px;
    font-weight: bold;
    color: #FFCF00;
    text-decoration: none;
}
*/
form{
	margin: 0px;
}
.action_button{
	font-family: verdana, Geneva, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #3f4549;
  padding: 2px 7px 3px 7px;
  background-color: #FFCF00;
	background-image: url(/img/action_button_bg.gif);
  background: #b4c2cb url(/img/students/action-button-blue-bg-01.gif) repeat-x 0 50%;
}
.buttons .action_button{
	font-family: verdana, Geneva, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #3f4549;
  padding: 1px 7px 2px 7px;
  background-color: #FFCF00;
	background-image: url(/img/action_button_bg.gif);
  background: #b4c2cb url(/img/students/action-button-blue-bg-01.gif) repeat-x 0 50%;
}
.error{
	font-weight: bold;
	font-size: 12px;
	color: Red;
	padding-bottom: 12px;
	padding-left: 10px;
}
.error-c{
	font-weight: bold;
	font-size: 12px;
	color: Red;
	padding-bottom: 25px;
  text-align: center;
}
.input_text{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  border: 1px solid #7691a2;
}
.best_result{
   color: #00D90D;
   font-weight: bold;
}

.timeout_result{
   color: #D64921;
   font-weight: bold;

}
/*  ---------------------------------------------- title - subtitle ---------- */
.content_box{
	border: 0px dotted red;
}

.page_title{
	color: White;
	font-family: Arial, verdana, Geneva, sans-serif;
   font-size: 16px;
   font-weight: bold;
   color: #FFCF00;
   text-decoration: none;
   padding-bottom: 10px;
}


.content_box_title{
   font-family: Arial, verdana, Geneva, sans-serif;
   font-size: 14px;
   font-weight: bold;
   color:#cecece;
   text-decoration: none;
   padding: 13px 0 13px 0;
   padding-bottom:10px;

}
.subtitle{
	margin-bottom: 5px;
	border: 1px  solid #555;
	padding: 3px 5px;
	background-color: #333;
	font-size: 11px;
	font-weight: bold;
	color: #DDDDDD;
	text-decoration: none;
}
table {
	border-collapse:collapse;
}
.instructions{
  margin-bottom: 8px;
  font-size: 12px;
}
.instructions .main-link{
  font-weight: bold; font-size: 12px; margin-right: 5px;
}
.instructions .main-link img{ border: 0; margin-right: 4px; }
.instructions a, .task-nav a{
  text-decoration: none;
}
.inst-text{
  padding: 0 20px 0 0px;
  font-size: 12px;
}
.task-nav{
  float: right;
  margin-right: 25px;
  font-size: 12px;

}

/* Bordered table 02 */


.bordered_table_2{
width: 100%;
  	margin-top: 2px;

}
.bordered_table_2 td, .bordered_table_2 th{
	 padding: 6px 7px 3px 7px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	color: #EEE;
	font-size: 12px;
	border-bottom : 1px  solid #555;
}
.bordered_table_2 th{
	padding: 6px 7px 2px 7px;
	vertical-align: top;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	border-top: 1px solid #b6dae2;
	border-bottom: 1px solid #669666;
	background-color: #69BD70;
}
.bordered_table_2 input{
 	margin : 0;
	padding : 0;
 	font-family: Arial, Helvetica, sans-serif; font-size: 12px;color: #000000;

}
.bordered_table_2 td a, .bordered_table_2 th a{
	color: #ffcf00;
	font-weight: bold;
	text-decoration: none;
}
.bordered_table_2 td a:hover, .bordered_table_2 th a:hover{
	color: #FFF;
	text-decoration: underline;
}
.uneven{
	background-color: #222222;
}
.footer_line {
	background-color: #69BD70;
	margin:10px 15px 5px 15px;
}


.confirm_page{

 	margin : 100px;
	margin-bottom: 140px;
	padding: 60px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FF9020;
	text-align:center;
	vertical-align:middle;
	text-transform: uppercase;
	border: 1px solid #69BD70;
	background-color: #000909;   /*#FFF5CC;*/
}

.error_page{

 	margin : 100px;
	margin-bottom: 140px;
	padding: 30px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF4020;
	text-align:center;
	vertical-align:middle;
	text-transform: uppercase;
	border: 1px solid #69BD70;
	background-color: #000909;   /*#FFF5CC; #*/
}
/* portfolio */


.item_s{
 	margin: 0;
	/*width: 880px;*/
	 padding:0px 15px 15px 10px;
	  border: 0px dashed  #ffffff ;
}

#item_bg_s{
background-color:#000000;
}
.pf-td{
  padding-right: 8px;
  background: #202033;
  _padding-right: 10px;
}
.pf-cell{
  border: 4px solid #3eaec8;
  border-top-width: 3px;
  float: left;
  width: 100%;
}
.pf_table{
  border-collapse:collapse;
	width:100%;
 }
.pf_table{
  float: left;
  margin-bottom: 20px;
}
.task-editable-title{
  margin-bottom: 10px;
}
.portfolio-page{
   /*-- border: 2px solid #3eaec8; --*/
   margin: 0;
   background-color:#202033;
   padding: 15px 15px 5px 15px;
}
.portfolio-page h3{
  display: none;
}
.page-body{
  margin-bottom: 13px;
}
.page-body textarea{
  width: 100%;
}
.portfolio_main, #portfolio_main{
   border: 0px solid #23535d;
	padding:0;
	margin:0;
}

.wb_table{
   margin-left:10px;
}

#wb_portfolio{
	padding: 10px 5px 5px 8px;
	border: 0px solid #dddddd;
	border-bottom: 0px solid #112F0E;
	size:12px;
	color: #FFF;
}
#wb_portfolio a:link {color: #FFCF00; text-decoration: none;}
#wb_portfolio a:visited {color: #FFCF00; text-decoration: none;}
#wb_portfolio a:hover {color: #f0fff0; text-decoration: underline;}
#wb_portfolio a:active {color: #FFCF00; text-decoration: none; }

#page_body{
  min-width: 800px;
}

.task_part{
	padding-bottom:25px;
}
.promt  {font-size: 12px; font-weight: bold; color:#ffffff}

.promt12_w_bord  {
  	font-size: 12px;
	font-weight: normal;
	color:#ffffff;
	background-color:#000000;

}


.promt12  {font-size: 12px; font-weight: bold; color:#ffffff; padding-right:2px;}

.promt2  {
font-size: 12px; font-weight: bold; color:#ffffff;
padding-left:4px;
}

/*-- Nav tabs --*/
#work_table{
  margin-right: 20px;
}


ul.st-nav{
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  clear: both;
  visibility: hidden;
}
ul.st-nav li{
  float: left;
  font: bold 14px Arial, Verdana, Helvetica, sans-serif;
  background: url(/img/students/st-nav/tab-right-01.gif) top right;
  /*-- margin-right: 2px; --*/
  width: 65px;
  border-bottom: 1px solid #3d586b;
  min-width: 75px;
}
ul.st-nav li a{
  color: #202033;
  display: block;
  background: url(/img/students/st-nav/tab-left-01.gif) no-repeat top left;
  padding: 4px 10px 3px 10px;
  text-align: center;
  text-decoration: none;
}
ul.st-nav li a:hover{text-decoration: none;}
ul.st-nav li.selected{
  background: url(/img/students/st-nav/tab-selected-right-01.gif) top right;
  border-bottom: 1px solid #3eaec8;
  width: 85px;
}
ul.st-nav li.selected a{
  background: url(/img/students/st-nav/tab-selected-left-01.gif) no-repeat top left;
}
ul.st-nav li.add{
  width: auto;
  min-width: 27px;
  background: url(/img/students/st-nav/tab-add-right-01.gif) top right;
}
ul.st-nav li.add a{
  padding: 2px 8px 1px 7px;
  background: url(/img/students/st-nav/tab-add-left-01.gif) no-repeat top left;
  font-size: 20px;
  line-height: 20px;
}
ul.st-nav li.selected3{
  background: url(/img/students/st-nav/tab-selected-right-01.gif) no-repeat top right;
  padding: 0px 0px 0px 0px;
  text-align: center;
  border-bottom: 1px solid #3eaec8;
}
ul.st-nav li.selected3 .arr-left, ul.st-nav li.selected3 .first-tab{
  float: left;
  background: url(/img/students/st-nav/tab-selected-left-01.gif) no-repeat top left;
  padding: 8px 4px 0 4px;
}
ul.st-nav li.selected3 .first-tab{
  width: 7px;
}
ul.st-nav li.selected3 .arr-right, ul.st-nav li.selected3 .last-tab{
  float: right;
  background: url(/img/students/st-nav/tab-selected-right-01.gif) no-repeat top right;
  padding: 8px 4px 0 4px;
}
ul.st-nav li.selected3 .last-tab{
  background-image: none;
  width: 1px;
  display: none;
  display: block;
}
ul.st-nav li.selected3 .minus-av{
  background: none;
  padding-right: 3px;
}
ul.st-nav li.selected3 a.minus{
  background: url(/img/students/st-nav/tab-add-right-01.gif) top right;
  float: right;
  padding: 0px 6px 3px 5px;
  font-size: 20px;
  line-height: 20px;
  border-left: 1px solid #1d8da7;
}
ul.st-nav li.selected3 div{
  padding: 4px 0 3px 0px;
  background: url(/img/students/st-nav/tab-selected-left-01.gif) no-repeat top left; 

}
ul.st-nav li.remove a.minus{
  background: url(/img/students/st-nav/tab-add-right-01.gif) top right;
  float: right;
  padding: 0px 6px 3px 5px;
  font-size: 20px;
  line-height: 20px;
  border-left: 1px solid #496477;
}
ul.st-nav li.remove-notav a.minus{
  background: url(/img/students/st-nav/tab-removenotav-right-01.gif) top right;
  float: right;
  padding: 0px 6px 3px 5px;
  font-size: 20px;
  line-height: 20px;
  border-left: 1px solid #496477;
}
#noedit ul.st-nav li.selected3 div{
   border: 0px solid red;
   background: url(/img/students/st-nav/tab-selected-left-01.gif) no-repeat top left;
   padding: 4px 0 3px 4px;
}
#noedit ul.st-nav li.selected3 div.first-tab, #noedit ul.st-nav li.selected3 div.last-tab{
   display: none;
}
ul.editable{
  
}
ul.editable li.selected3 .arr-right{
  background-image: none;
}
/*-- .last-tab{
  width: 2px;
  display: none;
} --*/
#wp_question {
   font-size: 14px;
   font-weight: bold;
   font-family: Arial,Helvetica,Verdana, Geneva,   sans-serif;
   background: #3eaec8;/*#fdcb00;*/
   padding: 9px 13px 5px 12px;
   color:#111133;
   position:relative;

}
#wp_question2  {
 position:relative;
 /*padding-left:3px;*/
 z-index: 2;
 font-weight: bold;
}
#wp_question2 a {
 text-decoration:underline;
}
 .highlight{
   padding:0px;
   background-color:#3EAEC8;
   visibility:hidden;
 }
 #title_label{
   font-size: 14px;
   font-weight: bold;
   font-family: Arial,Helvetica,Verdana, Geneva,   sans-serif;
   color:#555575;
   color:#2e3140;
   text-decoration:none;
   position:relative; z-index:2;
}

/* Score results */
.score-logo{
  margin: 30px auto 25px auto;
  width: 297px;
}
.score-results{
  font-family: Arial, verdana, Geneva, sans-serif;
  font-size: 30px;
  font-weight: bold;
  color: #FFCF00;
  text-decoration: none;
  margin-bottom: 30px;
}
.score-results span{
  display: block;
  font-size: 150%;
  color: #c93a16;
}
.score-buttons{}
.score-buttons a, .score-buttons a:visited{
  text-decoration: none;
  font-size: 14px;
}
.score-buttons .no-retry div, .score-buttons .retry div, .score-buttons .home div, .score-buttons .logout div{
  border: 1px solid red;
  display: inline;
  font-weight: bold;
  color: Black;
  background-color: #02aedd;
  text-decoration: none;
  padding: 3px 10px 3px 10px;
  margin: 0 6px;
  border: 1px solid #333;
}
.score-buttons .no-retry div{ background-color: #333; }
.score-buttons .retry div{ background-color: #cca518; }
.score-buttons .home div{ background-color: #02aedd; }
.score-buttons .logout div{ background-color: #c93a16; }

/*-- Access key page--*/
/*
.reg-box{
  font-family: Arail, Helvetica, sans-serif;
  margin: 35px auto;
  text-align: left;
}
.reg-box .comment{
  font-weight: normal;
  margin-bottom: 25px;
  text-align: center;
}
.reg-box .comment a{
  text-decoration: underline;
}
.reg-box .form-box{
  border: 1px solid #555;
  background-color: #111;
  margin: 0 0px;
  padding: 15px 0;
  text-align: center;
}
.reg-box table{
  margin: 0px auto;
}
.reg-box td{
  padding: 3px 8px 3px 2px;
  font-size: 90%;
}
.reg-box td{}
.reg-box td .action_button{ margin-top: 8px; }
.reg-box td.first-cell{
  font-weight: bold;
}
*/
.reg-box{
  width: 85%;
  font-family: Arail, Helvetica, sans-serif;
  margin: 15px auto;
  text-align: left;
}
.reg-box .comment{
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin-bottom: 25px;
  text-align: left;
  text-align: center;
  font-size: 90%;
  color: #ddd;
  padding: 0 10px;
}
.reg-box .select-name-box{
  border: 1px solid #555;
  background-color: #111;
  margin: 0 0px;
  padding: 15px 0;
  text-align: center;
}
.reg-box table{
  width: 100%;
}
.reg-box table td, .reg-box table td.blank{
  border: 1px solid #555;
  padding: 0;
  width: 33%;
}
.reg-box table td.blank{
  background-color: #111;
}
.reg-box table td a{
  display: block;
  background-color: #111;
  font-size: 90%;
  font-weight: bold;
  color: #DDD;
  padding: 5px 10px;
  text-decoration: none;
}
.reg-box table td a:hover{
  background-color: #333;
  text-decoration: none;
  color: #fff;
}
/*-- New Todo List --*/
.tasks-table{  width: 100%; border-bottom: 1px solid #555; }
.tasks-table th, .tasks-table td{  padding: 5px; }
.tasks-table th.f-cell, .tasks-table td.f-cell{
  padding-left: 11px;
  width: 100px;
}
.tasks-table th{
  border-top: 1px solid #3d586b;
  border-bottom: 1px solid #3d586b;
  color: #000;
  background-color:#3EAEC8;
  text-align: left;
  font: bold 12px Verdana, Helvetica, Arial, sans-serif;
  padding-top: 5px;
  padding-bottom: 6px;
}
.tasks-table td{
  vertical-align: middle;
  border-top: 1px solid #555;
}
.tasks-table td img.icon{}
.tasks-table td a{ vertical-align: middle;}
.tasks-table td a:hover{ text-decoration: none; }
.tasks-table td a:hover span{ text-decoration: underline; }
.tasks-table td .icon{ border: 0; vertical-align: -3px; }
.tasks-table td.percent, .tasks-table td.na, .tasks-table td.minus{ font-weight: bold; }
.tasks-table td.percent{ color: white; }
.tasks-table td.na{ color: #ff0000;  text-align: right; padding-right: 16px;}
.tasks-table td.minus{ color: #8a8a8a; }
.tasks-table th.date{ width: 78px; }
.tasks-table th.results{
  text-align: right;
  padding-right: 14px;
}
.tasks-table td.results{
  text-align: right;
  padding-right: 16px;
}
td.fuzzy{
  width: 30px;
  text-align: center;
}
/*-- Fuzzy popup --*/
.fuzzy-popup{
  position: absolute;
  display: none;
  z-index: 6;
  right: 45px;
}
.fuzzy-popup img{
  /*-- background: #fff;
  border: 1px solid #a0a0a0; --*/
}
/*-- Footer --*/
.todo-footer{
  /*background-color:#3EAEC8;*/
  height: 15px;
  /*border-bottom: 1px solid #3d586b;*/
  /*-- margin-bottom: 8px; --*/
}
/** task page styles --*/
.finish-block{
  padding:0px 10px 0px 10px; font-weight:bold;
}
.finished{
  padding: 15px 11px 7px 0px;
  font-weight: bold;
}
#main_submit_nf{
  margin: 5px 0 0 0px;
}
.upload-form{
  margin-left: 10px;
}
div#divUploadBtn{
  padding: 15px 15px 5px 0px; display:none;
}
.finished input{
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.attachments{
  padding: 0 10px 15px 9px;
  _padding-top: 0px;
}
#table_attachments .attachments{
  padding: 5px 0;
  _padding-top: 0px;
}
.attachments-table{
  padding: 0px 10px 15px 0;
  _position: relative;
  _left: -2px;
}
.attachments h3{
  padding: 0;
  margin: 0;
  padding-left: 5px;
  font-size: 12px;
  font-weight: bold;
}
.attachments-table{
  margin-top: 10px;
  margin-left: 3px;
}
.attachments-table th, .attachments-table td, tr.instruction-layer .attachments-table th, tr.instruction-layer .attachments-table td{
  border: 1px solid #9697a0;
  padding: 5px 12px 6px 8px;
  font-size: 11px;
  color: #ddddff;
}
.attachments-table a{
  text-decoration: none;
  color: #ffcf00;
}
.attachments-table img{ border: 0; }
.attachments-table th, tr.instruction-layer .attachments-table th{
  text-align: left;
  background-color: #484a74;
  padding-top: 3px;
  padding-bottom: 4px;
}
.attachments-table th.to-center{
  text-align: center;
  width: 56px;
}
.attachments-table th.to-center, .attachments-table td.to-center{ padding-right: 7px; text-align: center; width: 56px; }
.attachments-table th.to-right, .attachments-table td.to-right{ text-align: right; padding-right: 7px; padding-left: 12px; }
span#maxupload_label{
  font-style: normal;
}
.attachments-table td.f-size{
   width: 50px;
}
.attachments-table a.att-file{
  background: url(/img/icon/attach-file-01.gif) no-repeat 0 55%;
  padding: 3px 0 3px 18px;
  width: 225px;
  _width: 245px; /* For IE  */
  overflow: hidden;
}
/*-- Comments --*/
div.comments{
  margin: 15px 0px 15px 0px;
  border-top: 1px solid #637e91;
  padding: 10px 8px 0 8px;
}
div.comments h3{
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 8px;
  display: block;
  color: #fff;
}
.comments h4{
  padding: 0;
  margin: 0;
  width: 70%;
  padding-bottom:1px;
  font-size: 12px;
}
.comments .date{
  font-weight: normal;
  color: #9697a0;
  margin-left:5px;
  /*-- float: right; --*/
}
.comments span.date-aligned-right{
  float: right;
  display: none;
}
.comments p{
 margin: 0; padding:0;
 margin-bottom: 8px;
}
.comments div.nicEdit-top-panel{
  margin: 15px 2px 0 0;
  padding: 0;
}
div.student-comments{
  background-color: white;
  height: 100px;
  color: #000;
  margin-bottom: 10px;
}
/*-- Login page --*/
a.st-home{
  display: block;
  width: 297px;
  margin: 0 auto 20px auto;
}
.login-box{
  background: #333;
  border: 1px solid #696f73;
  width: 270px;
  margin: 0 auto 25px auto;
  padding: 15px 25px 14px 25px;
}
.login-page .login-box{
  width: 240px;
}
.login-box table{}
.login-box table th{
  /*-- width: 120px; --*/
  font: bold 12px Verdana, Helvetica, Arial, sans-serif;
}
.login-page .login-box table th{
  width: 120px;
}

.login-box table th, .login-box table td{
  text-align: left;
  padding: 5px 12px 5px 0;
}
.login-page div.error{
  margin: 25px 0 5px 0;
  text-align: center;
}
.login-page h4{
  font: bold 12px Verdana, Helvetica, Arial, sans-serif;
  text-align: center;
  margin: 0;
  padding: 5px 0 16px 0;
}
/*--  --*/
.registered{
  margin: 40px 0 30px 0; padding: 0 0 0 0;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #ffcf00;
}
.st-popup .ct h3.registered{
  margin-bottom: 30px;
}
.comment{
  text-align: center;
  margin-bottom: 16px;
}
.inform{
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.inform table{
  /*-- width: 250px; --*/
  margin: 0 auto;
}
.inform table td, .inform table th{
  font-weight: bold;
}
.inform table th{ padding-right: 30px;}
.inform td input{ 
  width: 150px;
}
.inform input.action_button{
  margin-top: 12px;
  width: auto;
}
.inform table td #check_login, .inform table td #check_password{
  display: block;
  padding: 5px 0 0 4px;
  font-weight: normal; 
  /*display: none;*/
}

.registered-nav{
  text-align: center;
  position: relative;
  top: -5px;
}
.registered-nav form a{
  font-size: 14px;
  text-decoration: underline;
}
.registered-nav span{
  margin: 0 15px;
}
/*-- Todo instructions layer --*/
tr.instruction-layer td{
  background-color: #111;
  background-color: #202033;
  padding: 0;
  padding-bottom: 15px;
  color: #ddd;
  border: 1px solid #555;
}
.instruction-layer a.close-window{
  padding-left: 0px;
  padding-top: 0px;
  text-indent: -10000px;
  float: right;
  /*-- z-index: 8; --*/
  right: 6px;
  margin-top: 5px;
  margin-right: 4px;
  _margin-right: 2px;
  display: block;
  width: 19px;
  height: 19px;
  background: url(/img/students/st-popup-close-02.gif) no-repeat 0 0;
}
.instruction-layer  div.ct{
  padding: 15px 15px 15px 15px;
}
.instruction-layer h2{
  color: #ffcf00;
  padding: 8px 0 8px 40px;
  margin: 0 0 3px 0;
  font-size: 14px;
}
.instruction-layer h4{
  font-size: 12px; font-weight: bold;
  margin: 0; padding: 0;
  margin-left: 1px;
  margin-bottom: 10px;
  padding-left: 40px;
}
.instruction-layer a.popup-go{
  display: block;
  float: right;
  margin: 10px 15px 0 5px;
  _margin-right: 8px; /*-- For IE --*/
}
.instruction-layer a.popup-go img{ border: 0; }
.st-popup a.close-window{
  padding-left: 0px;
  padding-top: 0px;
  text-indent: -10000px;
  float: right;
  /*-- z-index: 8; --*/
  right: 6px;
  margin-top: 5px;
  margin-right: 4px;
  _margin-right: 2px;
  display: block;
  width: 19px;
  height: 19px;
  background: url(/img/students/st-popup-close-01.gif) no-repeat 0 0;
} 
span#info_body{
  display: block;
  padding: 0 0 7px 40px;
}

/*-- Semitransparent layer --*/
.main-popup-box{
  border: 0px solid red;
  width: 100%;
  height: 100%;
  _height: 1100px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/students/popup-bg-01.png');
  /*-- display: none; --*/
}
.main-popup-box[class]{
  background: url(/img/students/popup-bg-01.png) repeat 0 0;

}

div#glass_layer{
  display: none;
  width: 100%;
  position: absolute;
  /*min-height: 410px;*/
  z-index: 5;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/popup/popup_bg_01.png');
}
div#glass_layer[class]{
  background: transparent url(/img/popup/popup_bg_01.png) repeat 0 0;
}

/*-- Main popup  --*/
.st-popup{
  width: 528px;
  position: absolute;
  z-index: 6;
  top: 130px;
  left: 50%;
  /*-- margin: 120px auto 0 auto; --*/
  margin: 0px auto 0 -264px;
}
.st-popup .hd{
  height: 10px;
  background: url(/img/students/st-popup-header.gif) no-repeat top left;
}
.st-popup .ct{
  background: url(/img/students/st-popup-bg.gif) repeat-y 0;
  padding: 15px 38px;
}
.st-popup .ct *{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.st-popup .ct h3{
  margin: 0; padding:0;
  color: #ffcf00;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
}
.st-popup .ct span#student_name{
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
.st-popup .ct .buttons{
  margin-top: 15px; 
}
.st-popup .ft{
  height: 10px;
  background: url(/img/students/st-popup-footer.gif) no-repeat bottom left;
}
.st-popup input.btn, .mentor-btn {
  font-family: verdana, Geneva, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #3f4549;
  padding: 2px 7px 3px 7px;
  background-color: #FFCF00;
	background-image: url(/img/action_button_bg.gif);
  background: #b4c2cb url(/img/students/action-button-blue-bg-01.gif) repeat-x 0 50%;
}
/*-- Print popup --*/
.st-popup.print .ct{
  padding: 15px 30px 12px 38px;
  _padding-bottom: 6px;
}
.st-popup.print .ct h3{
  margin-bottom: 15px;
}
.st-popup.print .ct table{
  width: 95%;
  margin-bottom: 20px;
}
.st-popup.print .ct table th, .st-popup .print .ct table td{
  padding-bottom: 5px;
}
.st-popup.print .ct table th{
  font-size: 12px;
  font-weight: bold;
  text-align: left;
}
.st-popup.print .ct table td{
  text-align: right;
}
.st-popup a.popup-go{
  display: block;
  float: none;
  text-align: right;
  margin: 10px 0 0 5px;
  clear: both;
}
.st-popup a.popup-go img{ border: 0; }
.nicEdit-top-panel{
  margin-right: 2px; 
}
/*-- Task instruction poput --*/
.separate-window{
  width: 90%;
  padding: 0;
  margin: 20px auto 10px auto;
}
.separate-window #table_attachments{
  padding-top: 15px;
}
.separate-window .attachments-table{
  width: 80%;
  margin-left: 0px;
}
div.error_hack{
  margin:0 auto 25px;
  width:240px;
  color:Red;
  font-size:12px;
  font-weight:bold;
}
/*-- Paginator --*/
.paginator{
  list-style: none;
  margin: 0; padding: 0;
  float: left;
  width: 100%;
  background: none;
  margin-bottom: 5px;
  _margin-bottom: 5px;
  clear: both;
}
.paginator li{
  float: left;
}
.paginator li a{
  text-decoration: none;
  font-size: 12px;
}
.paginator li a.selected{
  font-weight: bold;
  color: #888888;
}
.paginator li img{
  width: 11px;
  height: 11px;
}
.paginator li.left, .paginator li.right{
  width: 14%;
  position: relative;
  top: -1px;
  _top: 0;
  _position: static;
}
.paginator li.left a, .paginator li.right a{
  font-size: 18px;
}
.paginator li.left{
  text-align: left;
  padding-left: 0px;
}
.paginator li.right{
  text-align: right;
  float: right;
  padding-right: 0px;
}
.paginator li.pages{
  width: 67%;
 /*--  _width: 69%;  --*/
  text-align: center;
  padding-left: 22px;
  _padding-left: 18px;
}
.paginator li.pages a{
  text-decoration: none;
}
.paginator li.pages a:hover{
  text-decoration: underline;
}
.bottom-pag .paginator{
  margin-top: 8px;
  margin-bottom: 20px;
}
.new-comment{
  width: 15px;
  height: 13px;
  border: 0;
  margin-left: 2px;
  position: relative;
  top: 1px;
}
.flash_embedded_z_index {
    position: relative; /*or absolute*/
    z-index: 0;
}

.todo_item_active A {
    color: #ffcf00;
    font-weight: bold;
}

.todo_item_inactive A {
    color: #eeeeee;
    font-weight: normal;
}

/* START: mentoring frame */
.ment-frame-lt, .ment-frame-lb, .ment-frame-rt, .ment-frame-rb {
 width: 4px;
 height: 4px;
 background-repeat: no-repeat;
}

.ment-frame-lt {
    float: left;
    background: url(/img/students/corner-lt.png);
}
.ment-frame-lb {
    float: left;
    background: url(/img/students/corner-lb.png);
}
.ment-frame-rt {
    float: right;
    background: url(/img/students/corner-rt.png);
}
.ment-frame-rb {
    float: right;
    background: url(/img/students/corner-rb.png);
}

.ment-frame-t, .ment-frame-b, .ment-frame-m {
    background: #e2e2e2;
}

.ment-frame-b, .ment-frame-t {
    height: 4px;
    overflow: hidden;
}

.clearfix {
    clear: both;
}

.ment-frame-content {
    color: #333;
    padding: 1em;
}

.ment-frame-content h3, .ment-frame-content .ment-title {
    color: #DA4624;
}

.ment-frame {
    padding: 0 30px 0 30px;
}

.ment-access-err {
    color: #ffcf00;
    font-weight: bold;
    margin-bottom: 1em;
}

/* END: mentoring frame */


/* START: mentoring thread */
.ment-question-question {
    width: 660px;
}

.ment-question-comments {
    padding-top: 2em;
    font-weight: bold;
    color: white;
}

.ment-best-answer-star {
    position: relative; top: -1px;
}

.ment-question-balloon-t {
    background: url(/img/students/mentoring/balloon-t.png) no-repeat;
    height: 25px;
}

.ment-question-balloon-m {
    background: white;
    color: black;
    padding: 0 10px 0 10px;
    overflow: hidden;
}

.ment-question-balloon-b {
    background: url(/img/students/mentoring/balloon-b.png) no-repeat;
    height: 53px;
}

.ment-question-subj {
    color: #ffcf00;
    margin-bottom: 1em;
}

.ment-comment-time {
    color: #ffcf00;
    font-weight: bold;
}

.ment-question-comment {
    float: left;
    width: 585px;
    padding-left: 10px;
}
.ment-question-comment-header {
    font-weight: bold;
    padding-bottom: 5px;
    color: white;
}

.ment-question-comment-text {
    border: 1px solid #ffcf00;
    padding: 5px;
}

.ment-student-comment {
    background: #0e272e;
    color: white;
}

.ment-teacher-comment {
    background: #cdcdcd;
    color: black;
}

.ment-instruction-new-answer a {
    font-weight: bold;
    color: #ffcf00;
}

.ment-instruction-new-answer img.new-comment {
    display: none;
}
/* END: mentoring thread */



/* team layer */
.team_layer{
    width:590px;
    z-index:1000;
    position: absolute;
    display: none;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#ddFFFF ;
    font-weight: bold;
    font-size:12px; 
    text-align: left;
}

.stud-team-head{
    width:588px;
    background-image: url(/img/students/st_team_top.gif);
    background-repeat: no-repeat;
    background-position:left bottom;
    font-size:14px;
    height:auto;
    margin:0px;
}
.stud-team-title{
	padding: 11px 2px 14px 20px;
}
.stud-team-content{
    width:588px;
    max-height:300px;
    min-height:60px;
    overflow:auto; 
    background-image: url(/img/students/st_team_content.gif);
    background-repeat:repeat-y;
    background-position:left top; 
    font-size:11px; 
    margin:0;
}

.stud-team-content-1{
    margin:0;
  
   	background-image: url(/img/students/st_team_content.gif);
	background-repeat:repeat-y;
	background-position:left top; 
     padding : 4px 15px 4px 20px;
     
}
.stud-team-content-2{
    margin:0;
   	background-image: url(/img/students/st_team_content_2.gif);
	background-repeat: repeat-y;
	background-position:left top; 
    padding: 4px 15px 4px 20px;  
}
.stud-team-foot{
    height: 20px;
	background-image: url(/img/students/st_team_bot.gif);
	background-repeat: no-repeat;
	background-position:left top;
	width:588px;
}

.stud-team-close{
    float:right;
	height: 19px;
	width:19px; 
	background-image: url(/img/students/st-popup-close-02.gif);
	background-repeat: no-repeat;
	background-position:right top; 
	margin: 4px 3px 4px 4px;
}
/* END team layer */

.waiting {
  background-color: green;
  color: #ffffff;
  font-weight: bold;
  padding: 3px 3px 3px 3px;
}
.nicEdit-pane a{
 color:#003399;
}