body{
	background-color: White;
	padding: 0;
	margin: 0;
}
body, td, th, div, span, p{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
form{ margin: 0; }
input, select{ vertical-align: middle; }
input[type="radio"], input[type="checkbox"], div.right .checkbox{
  vertical-align: middle;
  position: relative;
  top: -1px;
}

img{  border: 0; }
.print-header, .print-footer {display: none;}
.preloader{
  display: none;
}
preloader img{
  width: 1px; height: 1px;
}
/* header */
#header{
  width: 100%;
  background-color: Black;
}
#header, #header img.height{  height: 80px; }
#header a#logo{
  display: block;
  width: 148px;
  height: 63px;
  float: left;
  margin-top: 9px;
  margin-left: 14px;
}
#header div#banner{
  display: block;
  width: 468px;
  height: 60px;
  float: left;
  margin: 0 auto;
  position: absolute;
  top: 8px;
  left: 26%;
  border: 1px solid #000;
}
#header div#header_buttons img{ border: 0; margin-right: 3px; display: inline;}
.header-buttons{
  float: right;
  clear: right;
  margin: 5px 21px 0 0;
  text-align: right;
}
/* locale selection */
.locale{
  float: right;
  margin: 10px 27px 0 0;
}

.ask-teachers-button {
    padding: 0 0 5px;
    text-align: right;
}

.ask-teachers-button a, .ask-teachers-button a:visited, .ask-teachers-button a:hover  {
    color: #FDCB00;
}

.locale a{
  margin-left: 2px;
}
.locale img{
  width: 16px;
  height: 11px;
  border: 1px solid #808080;
}
.locale a:hover img{
  border: 1px solid #BBB;
}
/* header old */
.logos{
	width: 100%;
	background-color: Black;
}
.logos TD{
	padding: 0;
	margin: 0;
}
.logos TD#slogan{
	padding: 13px 30px 0 75px;
  vertical-align: top;
  border: 0px solid green;
  color: White
}

div.subslogan, div#main_slogan{
  text-align: left;
  width: 470px;
  border: 0px solid red;
}
div#main_slogan{
 	font-family: Arial, Geneva, Verdana,  Helvetica, sans-serif;
	font-size: 16px;
	color: White;
	font-weight: bold;
}
div#header_buttons{
  border: 0px solid green;
  width: 470px;
  padding-top: 5px;
}
div#header_buttons img{ border: 0; margin-right: 3px;}
img.vt_button{ margin-bottom: 18px; margin-right: 0px; }
div.subslogan{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #c6c6c6;
  padding-top: 3px;
  padding-left: 2px;
}
.logos TD#cf_logo{
  border: 0px solid red;
}
.logos TD#yp_logo {	text-align: right; }
.logos TD#yp_logo a{ }

/*-- --*/
#first_nav {
	float:left;
	width:100%;
	background: Black;
	font-size: 11px;
	line-height: normal;
	margin: 0;
	border: 0px solid red;
	background-image: url(/img/nav_01/nav_bg_01.gif);
}
#first_nav ul {
	margin:0;
	padding:0;
	list-style:none;
  padding-left: 0px;
}
#first_nav li {
	float: left;
	background:url(/img/nav_01/button_bg_round_right_01_gr.gif) no-repeat right top;
	margin: 0px 1px;
	padding: 0;
	width: 12%;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial,Helvetica, Verdana, Geneva,  sans-serif;
	letter-spacing: 1px;
	border-bottom: 1px solid #f4af03;
  overflow: hidden;
}
#first_nav  li#selected {
	background:url(/img/nav_01/button_bg_round_right_01.gif) no-repeat right top;
	border-bottom: 1px solid #fdcb00;
	width: 12%;
}
#first_nav a {
	display: block;
	background: url(/img/nav_01/left_c_01_gr.gif) no-repeat left top;
	padding: 4px 11px;
	text-align: left;
	text-decoration: none;
	color: black;
  width: 100%;
}

#first_nav .anonymous_nav li a{
    color: #777777;
}

#first_nav .anonymous_nav li#selected a{
    color: black;
}

#first_nav .anonymous_nav  .enabled-nav a { 
  color: black;
 }

#first_nav li#selected a {
	background: url(/img/nav_01/left_c_01.gif) no-repeat left top;
}
.second_nav{ background-color: #fdcb00; }
.second_nav div.button{
  	display: inline;
	padding: 0px 10px 0px 10px;
	border-right: 1px solid Black;
	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}
.second_nav div.button a{ color: #111111; }
.second_nav div.button#selected a{
  	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

a.second_nav_link:hover  {
 background-color: #fde06c;
 color: #000;
}

.second_nav div.blank{
  	padding: 0px;
	margin: 0px;
	margin-right: 2px;
	float: left;
}
.second_nav_table{
  	background-color: #fdcb00;
	width: 100%;
	border-bottom: 1px solid Black;
	clear: both;
  }
.second_nav_table td{	padding-top: 5px;	padding-bottom: 6px; }

/*-- Footer --*/
.footer_yellow_line{
	width: 100%;
	padding: 0;
	margin: 1px 0;
	background-color: #ffcc00;
}
.footer_black_line{
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #000000;
	margin-bottom: 1px;
}

/* Sasha: */

/* MAX, let modifie this classes for your vision */

/*container for all pages content */
.page_content{
  padding: 0;
  padding: 15px 25px 20px 25px;
}
.page_content_paddings{	width: 100%; }

#main_width, .main_width, .main-width{	width: 750px; }
#medium_width, .medium_width, .medium-width{	width: 600px; }
#little_width, .little_width, .little-width{	width: 500px; }
#little_little_width, .little_little_width, .little-little-width{	width: 400px; }
#big_list_width, .big_list_width, .big-list-width{	width: 100%; }

/* BUTTONS */
.action_button, .action_button_right, table.bordered_table_1 td .action_button, .common_form_table input.action_button{
	font-family: verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: White;
	cursor: pointer;
	border: 1px solid #AAAAAA;
	padding: 2px 6px 3px 6px;
	background: #FF6600 url(/img/action_button_bg_1.gif) repeat-x 0 0;
  margin-right: 2px !important;
}
.action_button_right, .action_button_grey_right{
  float: right;
}
.action_button_small, table.bordered_table_1 td .action_button_small{
	font-family: verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: White;
	cursor: pointer;
	border: 1px solid #AAAAAA;
	padding: 0px 3px 1px 3px;
	background-color: #FF6600;
	background-image: url(/img/action_button_bg_1.gif);
}
.action_button_dimmed{
	font-family: verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: White;
	cursor: pointer;
	border: 1px solid #5f5f5f;
	padding: 3px 9px 3px 9px;
	background-color: #a77a5c;
	background-image: url(/img/action_button_bg_8.gif);
}
.action_button_grey, .action_button_grey_right, table.bordered_table_1 td .action_button_grey, .common_form_table input.action_button_grey{
	font-family: verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #4d4d4d;
	cursor: pointer;
	border: 1px solid #919191;
	padding: 2px 6px 3px 6px;
	background-color: #dcdcdc;
	background-image: url(/img/action_button_grey_bg_1.gif);
   margin-right: 2px !important;
}
.action-button2{
	font-family: Verdana, Geneva, Arial, sans-serif;
    font-size: 9px;
    font-weight: bold;
	text-transform: uppercase;
	text-decoration:none;
    color: Black;
    border: 1px solid #777466;
	background-color: #B9ACA4;
	background-image: url(/img/action_button_bg_6.gif);
	vertical-align:middle;
	text-align: center;
	padding: 0px 5px 1px 5px;
	margin-right: 2px !important;
}
table.bordered_table_1 .as_url_selected{
  background-color: #DCDCDC; 
  cursor: pointer;
}
table.bordered_table_1 td.no_l_border{
  border-left: 0;
  padding-left: 6px;
}
table.bordered_table_1 td.no_r_border{  border-right: 0; }
table.bordered_table_1 td ul{
   list-style: none;
   margin: 0;
   padding: 0;
}
table.bordered_table_1 td ul li{
   padding: 2px 1px;
}
table.bordered_table_1 td ul li img{
  /* margin-right: 5px; 
   vertical-align: middle;   */   
}
table.bordered_table_1 td ul li a{
   font-weight: bold;
}
table.bordered_table_1 td ul.task-icons-list li{
  padding: 0 0 5px 20px;
}
.page_title, .page-title{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
	margin-left: 7px;
	color: #2e3092;
}
h1.page-title, h2.page-title{
   padding: 0;
   margin-top: 2px;
   margin-bottom: 8px;
}
.page_title a:link{ color: #2e3092; }

.page_slogan{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
  margin: 15px 0px -5px 7px;
	color: #2e3092;
}

.page_title a:link {color: #777799;text-decoration: none;}
.page_title a:visited {color: #777799;text-decoration: none;}
.page_title a:hover {color: #4e50f2; text-decoration: underline;}
.page_title a:active {color: #777799;text-decoration: none;}

.page_result{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-bottom: 6px;
	margin-left: 10px;
	color: #333399;
	font-weight:bold;
}

.add_nav{ }
.add_nav a{
	display: inline;
	font-size: 12px;
  font-weight: bold;
	margin-right: 10px;
	margin-bottom: 5px;
  color: #0002D9;
}
.add_nav a:visited{  color: #0002D9; }
li.error{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 15px;
	color: #ee3030;
	margin-left: 10px;
}
ul.error{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 15px;
}
ul.error li{
  margin-bottom: auto;
  margin-left: auto;
}
td.block_title div.error, th#wb_colspan_cell div.error{  margin-bottom: 1px;  margin-left: 0px; }
li.error{	margin-left: 15px; }

.search_table{	width: 100%;	margin-bottom: 4px; }
.search_table td{
  padding: 3px 6px;
  background-color: #dde1e5;
  border: 1px solid #A0A0A0;
}
div.download-block{
	margin-bottom: 4px;
  padding: 3px 6px;
  background-color: #dde1e5;
  border: 1px solid #A0A0A0;

}
.no_border td{
	padding: 0 2px 0 2px;
}
table.serch_table td#st_r{	width: 170px; }
.p{	padding: 0px 10px 12px 10px; }
#first_cell, .first_cell, .first-cell{ padding-left: 8px; }

.graf_table{ width: 100%; }
.graf_table #first_cell, .graf_table .first_cell{	border-left: 0; }
.graf_table #last_cell{	border-right: 0; }




.graf_table th, .graf_table td{
	padding: 1px 0px;
	border: 1px solid #A0A0A0;
}
.graf_table th{
	text-align: left;
	background-color: #cdd7de;
	padding-top: 3px;
	padding-bottom: 3px;
}
.graf_table td{	padding-right: 5px; }

.graf_table_02{	width: 100%;  margin-bottom: 5px; }
.graf_table_02 #first_cell, .graf_table_02 .first_cell{	border-left: 0; }
.graf_table_02 #last_cell{	border-right: 0; width:400px; }

.graf_table_02 .without-lr-border{
	border-right: 0!important;
	  border-left: 0important;
	  }

.graf_table_02 th, .graf_table_02 td{
	padding: 1px 0px;
	border: 1px solid #A0A0A0;
}
.graf_table_02 th{
	text-align: left;
	background-color: #FFF5CC;
	padding-top: 3px;
	padding-bottom: 3px;
}
.graf_table_02 td{	padding-right: 5px; }
.graf_lines_cell{
	background-image: url(/img/teachers/scale_cell_bg.gif);
	background-position: top left;
	background-color: #e6e6e6;
}

.best_result{
	font-weight: bold;
	color: #228B22;
}
.timeout_result{
	color: #D40000;
	font-weight: bold;
}
.clozewrong_result{
	color: Navy;
	font-weight: bold;
}
.dragndropwrong_result{	color: Olive; }
.locationdefault_result{	color: Orange; }
td#m_percent{
	font-size: 11px;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 5px;
	background-color: #EFEFEF;
  width: 50px;
}
div.stat_table table.bordered_table_1 td#last_cell{
  width: 458px;
}
/*-- List table --*/
.list_table{
	width: 100%;
  margin-bottom: 3px;
}

.list_table #first_cell, .list_table .first_cell{	padding-right: 5px; }

.list_table th, .list_table td{
	padding: 2px 8px ;
	/* border: 1px solid #888888; */
	border: 1px solid #A0A0A0;
}
.list_table th{
	text-align: left;
	background-color: #FFF5CC;
	/*-- padding: 3px; --*/
  padding-bottom: 4px;
	/* border-top: 1px solid #216076; */
}
.list_table th.tc2{
	text-align: left;
	background-color: #cdd7de;
	padding: 3px;
}
.list_table #last_cell{
	border-right: 0;
	text-align: right;
	padding-right: 5px;
	padding-left: 5px;
}
.list_table #last_cell_left{
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
}

table.list_table TH#icon{
  text-align: center;
  background-color: #ffeda9;
}
table.list_table TH#icon img{
  width: 24px;
  height: 24px;
}
table.list_table TH#q_name{
  vertical-align: top;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 5px;
  padding: 4px 6px 5px 6px;
}
/*-- ------------------------------ --*/

table.wd_table td.table_separator{
	 padding: 0; background-color: white;
	 border: 0;
}
#descr, .descr{	line-height: 14px; padding-right: 8px;}
.set_times{
  color: #173070;
  padding-top: 1px;
  font-style: italic;
}
.colophon{
	border: 1px solid #9f9f9f;
  width: 25px;
}
.colophon_big{
	border: 1px solid #9f9f9f;
  width: 64px;
}
.colophon_big_default{
  border: 1px solid #9f9f9f;
  width: 64px;
  height: 64px;
}
.colo-cell{
  vertical-align: top;
  width: 64px;
}
.colo-cell img{
  margin-top: 2px;
  margin-bottom: 1px; 
}
#step3_colophon .colo-cell img{
  margin-bottom: 3px;
}
table.no_bord_table td.colo-cell a.yp-button-s{
  width: 64px;
  padding: 1px 0 2px 0 !important;
}
.no_bord_table td.colo-info-cell{
  vertical-align: top;
  padding-left: 7px;
}
.no_bord_table td.colo-info-cell .link_simple{
  padding-bottom: 3px; 
  padding-top: 0px;
  font-weight: bold;
  width: 420px;
  _width: 400px;
  
}
.no_bord_table td.colo-info-cell .link_simple span{
  color: #000;
  font-weight: bold;
}
.no_bord_table td.colo-info-cell .course-author{
  padding-bottom: 3px;
  color: #555;
  font-weight: bold;
}
.course-author{
  margin-bottom: 0;
  _margin: 0;
}
.descr{
  border: 1px solid #a0a0a0;
  border: 0;
  padding: 5px 0;
  width: 648px;
  _width: 662px;
}
.descr p{
  argin-top: 0;
}
.descr .yp-button-s{
  float: right;
  line-height: 12px;
  position: relative;
  left: 3px;
  _left: 5px;
}
td.colo-info-cell #descr{
  width: 420px;
  _width: 400px;
}
.no_bord_table td.colo-info-cell .set_times{
  padding-top: 3px;
}
/*-- CCC tables --*/
table.ccc_table{
	border: 1px solid #A0A0A0;
	width: 100%;
	background-color: #EFEFEF;
  margin-bottom: 3px;
}
table.ccc_table td{
	padding: 4px 3px;
  vertical-align: middle;
}
table.ccc_table td.icon{
  width: 32px;
  vertical-align: top;
  padding-top: 2px;
}
.my-items table.ccc_table td.info{
  width: 485px;
}
table.ccc_table td.info{
  width: 545px;
  padding: 7px 0 9px 0;
}
table.ccc_table td.buttons {
  vertical-align: top; 
  padding-top: 8px;
}
/* table.ccc_table td.buttons img{  margin: 3px 0; } */
table.ccc_table td.buttons div{
  border: 0px solid red;
  margin-bottom: 0px;
  margin-right: 10px;
  height: 19px;
  padding-top: 1px;
  /*-- vertical-align: middle; --*/
  text-align: right;
}
table.ccc_table td.buttons div *{
  float: right;
}
table.ccc_table td.icon img{
  width: 16px;
  height: 16px;
  margin: 5px 8px;
}
table.ccc_table td.icon span{
  width: 32px;
  height: 32px;
  margin: 5px 8px;
}
div.name table td{  padding: 0; }
div.name table td.checkbox{
  width: 22px;
}
table.ccc_table td div.description{
  padding-left: 4px;
  padding-right: 20px;
  overflow:auto;
  width:470px;
}
.task-select-block{
  background: #fff5cc;
  border: 1px solid #a0a0a0;
  margin: 0 0 3px 0;
  /*-- height: 20px; --*/
  padding: 10px 5px 10px 10px;
  font-size: 11px;
  font-weight: bold;

}
.task-select-block h3{
  margin: 0;
  padding: 0 0 0 5px;
  font-size: 11px;
}
.task-select-block .action_button{
  float: right;
  width: 260px;
  overflow: hidden;
  margin: 0;
  position: relative;
  top: -4px;
  _top: -5px;
}
.second-set-block{
  margin-bottom: 15px;
}
/* -- Prev.Next block -- */
table.prev_next{
	border: 1px solid #a0a0a0;
	background-color: #dde1e5;
	width: 100%;
}
table.prev_next td{	padding: 1px 5px 3px 5px; }
table.prev_next td a{
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

.results_bar{
	width: 100%;
	margin-bottom: 6px;
}
.results_bar td{	padding: 2px; }
.results_bar td#last_cell{	padding-right: 8px; }
.results_bar td a{
	font-weight: bold;
	font-size: 11px;
}

/*-- Help pages --*/
.help_pages center{
	width: 100%;
	text-align: left;
	border: 0px solid red;
	display: block;
}
.help_pages h1{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 10px 0px;
	color: #2e3092;
}
.help_pages h4{
	margin: 0;
	border: 0px solid red;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 7px 0px;
}
.help_pages ul{
	margin-top: 0px;
	margin-left: 30px;
	padding-left: 0;
}


h2{
	margin-left: 10px;
	border: 0px solid #a0a0a0;
	padding: 0px;
	margin: 17px 0 25px 20px;
	font-size: 18px;
	color: #888888;
}

table.select_quest_t{
	width: 90%;
	border: 0px solid red;
}
table.select_quest_t td{
	padding: 3px 3px;
	vertical-align: top;
}
table.select_quest_t td#first_cell{
	padding-top: 1px;
	width: 15px;
}
table.select_quest_t td#last_cell{
	width: 15px;
	text-align: right;
}
table.select_quest_t td a{	padding-left: 8px; }
/*-- Question edit styles --*/
#image_block{
	border: 1px dotted #777; background-color: #DDD; padding: 6px 8px;
}
#image_block input#url, input#url{
	width: 52px; height: 16px; font-size: 10px;
	margin-top: 3px;
}
#image_block img{
	width: 50px;
	margin-top: 2px;
	border: 1px solid #777;
}
#image_block4area{
	border: 1px dotted #777; background-color: #DDD; padding: 6px 8px;
}
#image_block4area img{
	width: 200px;
	border: 1px solid #888;
}
.lightyellow_promt{
	background-color: #FFF5CC;
	font-weight: bold;
	border-bottom: 1px solid #bbbbbF;
	border-top: 1px solid #AAAAAA;
}
.lightyellow-promt-correct{
  background-color: #efffcc;
  font-weight: bold;
  border-bottom: 1px solid #bbbbbF;
	border-top: 1px solid #AAAAAA;
}
.lightyellow-promt-correct .correct-label{
  float: right;
  margin: 0px 10px;
  color: #686f59;
  padding-top: 1px;
}
.pair_block{
	border: 1px solid #AAA;
	margin-bottom: 4px;
}
.pair_block td{	vertical-align: top; }
.pair_block .lightyellow_promt{
	padding-top: 7px; padding-bottom: 7px;
}
.pair_block #first_cell{ border-right: 0px solid #AAA; }
.qa_block{ width: 100%; }
.qa_block td{ padding: 3px; vertical-align: top; }
.qa_block img { width: 50px; margin: 0 0px; }
.qa_block input.text, #image_block input#url, input#url { border: 1px solid #777;}
.qa_block #image_block { border: 1px dotted #777; padding: 4px; padding-bottom: 7px; }
.qa_block input#url { margin-top: 5px; }

#q_content_block{
	width: 100%;
	margin-bottom: 2px;
}
#q_content_block td{
	vertical-align: top;
	padding-left: 3px;
	width: 45%;
}
#q_content_block td#middle{
	width: 80px;
	text-align: left;
}
#q_content_block td#middle div{
	padding-left: 10px;
}
#q_content_block td div.title, #author div.title{
	font-weight: bold;
	padding-bottom: 5px; padding-left: 3px;
}
#q_content_block td select{
	margin: 0 3px;
	width: 60px;
}
#author textarea{	 border: 1px solid #777; }
#autor input#text{ border: 1px solid #777;}
.ordered_box div#comment{
  margin: 3px 3px;
  color: black;
  font-weight: normal;
  font-style: normal;
}
/*-- Tooltips|Help layer --*/
		#popup {
			width: 422px;
			/* height: 400px; */
			padding: 0px;
			position: absolute;
			left: 215px;
			top: 150px;
			border: 0px solid blue;
      background-image: url(/img/help_shadow_3_01.gif);
      display: none;
		}
    #popup2 {
			width: 422px;
			/* height: 400px; */
			padding: 0px;
			position: absolute;
			left: 0;
			top: 0;
			border: 0px solid blue;
      background-image: url(/img/help_shadow_3_01.gif);
      z-index: 10000;
		}
    #popup_box{
      margin-right: 2px;
      margin-bottom: 3px;
      border: 1px solid #A0A0A0;
      padding: 0px;
      /* height: 400px; */
      background-color: white;
    }
		#popup iframe, #popup2 iframe
		{
			display:none;/*sorry for IE5*/
			display/**/:block;/*sorry for IE5*/
			position:absolute;/*must have*/
			top:0;/*must have*/
			left:0;/*must have*/
			z-index:-1;/*must have*/
			filter:mask();/*must have*/
			width: 100%;/*must have for any big value*/
			height: 100%;/*must have for any big value*/;
		}
    #help_popup_title{
      background-color: #d0d3e2;
      color: #000;
      font-weight: bold;
      font-size: 12px;
      font-family: Arial, Helvetica, Verdana, sans-serif;
      padding: 2px 2px 2px 7px;
      border-bottom: 1px solid #a0a0a0;
    }
    #help_popup_text{
      color: #000000;
      font-weight: normal;
      font-size: 11px;
      font-family: Arial, Helvetica, Verdana, sans-serif;
      padding: 5px 8px 6px 8px;
    }
/* -- */
.block_title{
  background-color: #fff5cc;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  color: #000;
  font-size: 12px;
  padding: 5px 8px;
  border: 1px solid #a0a0a0;
  margin-bottom: 10px;
}
#middle{
   vertical-align: middle;
   margin-bottom: 2px;
   margin-left: 0px;
   margin-right: 5px;
}

.images{
  margin-left: 15px;
  margin-top: 15px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}
div.nav_bar_n{
  /* background-color: #dde1e5; */
  background-color: #efefef;
  margin-top: 4px;
  padding: 4px 0;
}
.nav_bar_n td#fc{
  padding-left: 7px;
  font-weight: bold;
}
.nav_bar_n td#lc{
  padding-right: 7px;
  font-weight: bold;
}
div.quiz_block .nav_bar_n td#lc{
  padding-right: 0px;
  font-weight: bold;
}
div.nav_bar_n a{
  color: #000ba0;
}
div.ligh{
	background-color: #EEE;
  border: 0px solid red;
  padding: 5px 0px 8px 0px;
  margin-bottom: 3px;
}
.addassignments{  margin-bottom: 10px; }
/*-- Agroup issues --*/
div.agroup_width{
  width: 700px;
  border: 0px solid red;
}
div#agroup_title a{
  color: #2e3092;
  text-decoration: none;
}
div#agroup_title a:hover{
  color: #2e3092;
  text-decoration: underline;
}
.moderator{
  line-height: 16px;
  padding-left: 12px;
  padding-right: 22px;
  border: 0px dotted red;
  /* width: 500px; */
}
#agroup_title{
  padding-bottom: 1px;
  padding-top: 1px;
  margin-bottom: 0;
  padding-left: 6px;
}
#agroup_join{
  vertical-align: bottom;
  padding-top: 0px;
  padding-right: 0px;
  text-align: right;
  width: 184px;
}
div.agroup_lj_button{
  width: 184px;
  background-image: url(/img/author/lj_box_bg_01.gif);
  background-repeat: no-repeat;
  border: 0px solid red;
  text-align: left;
}
div.agroup_lj_button div.link{
  padding: 5px 0px 12px 14px;
}
div.agroup_lj_button div.link a, div.agroup_lj_button div.link a:visited{
  color: #0000b1;
  font-weight: bold;
  text-decoration: none;
}
div.join_link{
  border: 0px solid red;
  padding: 0px 7px 3px 0px;
}

img.agroup_lj_button_title{
  margin: 11px 0px 10px 14px;
}
.agroup_list_title{
  font-weight: bold;
  color: #000099;
  font-size: 11px;
  margin-bottom: 1px;
}
a.preview, a:visited.preview{
  color: #0033CC;
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;
}
a#view_all_group{
  padding-top: 4px;
  padding-left: 3px;
  display: block;
}
div#messages_block a#view_all_group{
  padding-top: 8px;
}

td.buttons_a img{
  margin-right: 2px;
}

/*-- Portfolio tabs --*/
.wp_nav {
        float:left;
        width:100%;
        background: White;
        font-size: 11px;
        line-height: normal;
        margin: 0;
        border: 0px solid red;
        background-image: url(/img/nav_work/wp_nav_bg_02.gif);
}
.wp_nav ul {
        margin:0;
        padding:0;
        list-style:none;
        padding-left: 2px;
}
.wp_nav li {
        float: left;
        background:url(/img/nav_work/rightc_null.gif) no-repeat right top;
        margin: 0px 1px 0 1px;
        padding: 0;
        width: 20%;
        font: bold 12px Arial,Helvetica, Verdana, Geneva,  sans-serif;
        letter-spacing: 1px;
        border-bottom: 1px solid #a0a0a0;
        color: #555;
        overflow: hidden;
}
.wp_nav li.selected {
        background:url(/img/nav_work/rightc_sel.gif) no-repeat right top;
        border-bottom: 1px solid #d3d3d3;
}

/* -  -  */
.wp_nav li.selected_re {
        background:url(/img/nav_work/rightc_sel_re.gif) no-repeat right top;
        border-bottom: 1px solid #3366cc;

}

.wp_nav li.selected_pr {
        background:url(/img/nav_work/rightc_sel_pr.gif) no-repeat right top;
        border-bottom: 1px solid #87cefa;


}
/*- -*/
.wp_nav li.progress {
        background:url(/img/nav_work/rightc_progr.gif) no-repeat right top;
        border-bottom: 1px solid #a0a0a0;


}
.wp_nav li.ready {
        background:url(/img/nav_work/rightc_ready.gif) no-repeat right top;
        border-bottom: 1px solid #a0a0a0;

}
.wp_nav li.ready a{
  color: #FEFEFE;
}
.wp_nav li a {
        display: block;
        background: url(/img/nav_work/leftc_null.gif) no-repeat left top;
        padding: 4px 11px 3px 8px;
        text-align: left;
        text-decoration: none;
        color: black;
        border: 0px solid red;
        color: #717171;
        width: 100%;
        cursor: pointer;
}
.wp_nav li.selected a  {
  background: url(/img/nav_work/leftc_sel.gif) no-repeat left top;
  color: #000;
}
.wp_nav li.selected_re a{
  background: url(/img/nav_work/leftc_sel_re.gif) no-repeat left top;
  color: #FEFEFE;
}
.wp_nav li.selected_pr a{
  background: url(/img/nav_work/leftc_sel_pr.gif) no-repeat left top;
  color: #000;
}



.wp_nav li.progress a {
        background: url(/img/nav_work/leftc_progr.gif) no-repeat left top;
        color: #4b6e7f;
}
.wp_nav li.ready a {
        background: url(/img/nav_work/leftc_ready.gif) no-repeat left top;
        color: #d9e3f8;
}
div.wp_title, div.wp_title_re, div.wp_title_pr{
        font-size: 12px;
        font-weight: normal;
        font-family: Arial,Helvetica,Verdana,sans-serif;
        padding: 5px 15px 6px 9px;
        border: 1px solid #A0A0A0;
        border-top: 0;
}
div.wp_title {
        background: #D3D3D3; color: #222;
}
div.wp_title_re {
        background: #3366cc; color: #EFEFEF;
}
div.wp_title_pr {
        background: #87cefa; color: #222;
}
.up-date{
  float: right;
  margin-top: 3px;
  *margin-top: 4px;
}
li.cw_name{
 background: none;
 border: 0;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
 color: #333;
 font-weight: bold;
 padding: 4px 6px;
}
/* Assignment path styles */
div.assignment_path{
  padding: 2px;
  margin: 5px 0 15px 8px;
}
div.path_button{
  display: inline;
  height: 19px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background-image: url(/img/step_active_arr_02.gif);
  padding: 2px 14px 2px 7px;
  margin: 0px 3px 0px 0px;
  border: 0px solid red;
  background-position: right;
  border-left: 1px solid #cfcfcf;
  text-decoration: none;
}
div.path_button a{
  color: #00009c;
  font-weight: bold;
  text-decoration: none;
}
div#passive_button{
  background-image: url(/img/step_active_arr_02_passive.gif);
  color: #AAA;
}
.assignment_path div#selected{
  font-weight: bold;
  color: #333300;
}

iframe#TI{
  border: 0px solid green;
}
div.task_instructions_block{
  margin:5px 7px;
  border: 0px solid blue;
  font-size: 11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
body#task_instructions_bg{
  background-color: #EEE;
}

#task_table, .task_table{
	background-color: #EFEFEF;
 	width: 100%;
 	border-collapse: collapse;
 }
#task_table td, .task_table td, .task_table th{
	padding: 5px;
	border: 1px solid #A0A0A0; /*cccccc*/
	text-align:left;
}
.task_table th{
	background-color: #FFF5CC;
	vertical-align: top;
	text-align:left;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	padding-left: 7px;

}
#wb_portfolio{
  padding: 3px 5px;
  border: 1px solid red;
}
.task_block_title{
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 5px;
}
.real-comment{
  padding: 10px 0 0 5px;
}
#task_body, #page_comments, #task_comments{
  border: 1px solid #A0A0A0;
  padding: 8px 9px 9px 9px;
  font-size: 11px;
  background-color: #EEE;
}
#task_body, #page_comments{
  border-top: 0;
}
#page_comments{
  padding-top: 2px;
  padding-bottom: 8px;
}
#page_comments .task_block_title, #task_comments .task_block_title{
  padding-top: 6px;
}
#task_comments .task_block_title{
  padding-top: 0;
}
#task_desc{
  margin-bottom: 10px;
}
.attachements_table{
  border: 1px solid #E0A0A0;
  width: 450px;
  margin-bottom: 10px;
}
.attachements_table th, .attachements_table td{
  padding: 2px 4px;
  border: 1px solid #A0A0A0;
  background-color: #FEFEFE;
}
.attachements_table th{
  background-color: #fff5cc;
  text-align: left;
}
.attachements_table #last_cell{
  text-align: right;
  width: 60px;
}
#task_body input#text{
  font-size: 11px;
  font-family: verdana, Arial, sans-serif;
  border: 1px solid black;
  background-color: white;
  padding: 1px 2px;
}
#task_body input.text{
  font-size: 11px;
  font-family: verdana, Arial, sans-serif;
  border: 1px solid black;
  background-color: white;
  padding: 1px 2px;
}
div.task_comment_block{
  margin: 3px 0;
  padding: 4px 0 0 5px;
  border-bottom: 1px dotted #AAA;

}
div.comment_body{
  border: 0px solid green;
  padding: 4px 0 9px 0;
}
div.comment_body .date{
  color: #2B5772;
  margin-top: 7px;

}
div.task_comment_block .name{
  color: #2B5772;
  font-weight: bold;
  padding-left: 0px;
}
task_body{
  padding: 7px 9px 8px 9px;
}
div.add_comment{
  margin: 6px 0 0 0;
  padding-left: 5px;
}
div.add_comment textarea{
  margin-bottom: 5px;
}
.add_comment .yp-button-s{
  float: none;
  display: inline;
}
.add_comment .button-block{
  display: block;
  padding: 2px 0 3px 0;
}

.showhide{
  margin-bottom: 7px;
}
/*-- Author desktop --*/
.author_desktop{
  border: 1px solid #c9c9c9;
  width: 695px;
  display: block;
  background-color: #fff;
}
.agroup_super_b b{
  display: block;
  font-size: 11px;
  margin-bottom: 3px;
  font-weight: bold;
}
.author_desktop a{
  color: #000ba0;
}
.author_desktop_padding{
  padding: 20px 10px 0px 10px;
  text-align: center;
}
.author_desktop_title_box{
  border: 1px solid #c9c9c9;
  background-color: #EEE;
  width: 695px;
  border-bottom: 0;
}
.author_desktop_title{
  color: #000;
  font-weight: bold;
  padding: 6px 11px;

}
.author_desktop a.button{
  border: 0px solid red;
  float: left;
  width: 100px;
  text-align: center;
  display: block;
  color: #1b1bac;
  text-decoration: none;
}
.author_desktop a.button:hover{
  color: red;
  text-decoration: none;
  color: #00007b;
}
.author_desktop a.button img{
  border: 0;
}
.icon_title{
  font-weight: bold;
  padding: 5px 0 0px 0;
}
table.a_desktop_table TD{
  vertical-align: top;
  padding: 0 4px 20px 4px;
}
table.a_desktop_table{
  text-align: center;
}
/*-- BreadCrumbs --*/
div.breadpath{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
  padding: 0px 0px 9px 7px;
  color: #444;
}
div.breadpath a{
  text-decoration: none;
  color: #2e3092;
  color: #0000ee;
  color: #0002D9;
}
/*-- Author Home styles --*/
table.colophon_block{
  margin-left: 13px;
  width: 671px;
}
div.ahome_desktop_width{
  width: 695px;
  margin-top: 13px;
}
div.adesktop_title b, div.group_title b, div.group_title_blank b, div.adesktop_title_blank{
  display: block;
  padding: 10px 17px 10px 15px;
}
div.group_title, div.adesktop_title{
  font-size: 12px;
  background-repeat: no-repeat;
}
div.group_title{
  background-image: url(/img/ahome/adesktop_title_bg_01.gif);
}
div.adesktop_title{
  background-image: url(/img/ahome/adesktop_title_bg_03.gif);
}
div.group_title_blank{
  background-image: url(/img/ahome/adesktop_title_bg_blank_02.gif);
  border: 0px dashed red;
}
div.adesktop_title_blank{
  background-image: url(/img/ahome/adesktop_title_bg_blank_02.gif);
    border: 0px dashed red;
}
div.ahome_box{
  border: 1px solid #A1A1A1;
  border-bottom: 0;
  padding: 15px 4px 18px 14px;
}
.quiz_block{
  border: 0px dashed Blue;
  padding-left: 0px;
  width: 660px;
}
.quiz_block ul{
  border: 0px solid green;
}
div.quiz_block #bordered_box{
  border: 0px solid red;
  background-color: White;
  margin-top: 20px;
  margin-left: 0px;
  margin-right: 12px;
}

table.aresources_table{
  width: 670px;
}
table.aresources_table td{
  color: Black;
  width: 33%;
  background-color: transparent;
  vertical-align: top;
  border: 0px solid red;
  cursor: pointer;
}
table.aresources_table td span{
  vertical-align: top;
  border: 0px solid green;
  display: block;
  padding: 9px 0 0 12px;
}
table.aresources_table td#members{
  background-image: url(/img/ahome/box1_bg_01.gif);
  background-repeat: no-repeat;
}
table.aresources_table td#questions{
  background-image: url(/img/ahome/box2_bg_01.gif);
  background-repeat: no-repeat;
}
table.aresources_table td#courses{
  background-image: url(/img/ahome/box3_bg_01.gif);
  background-repeat: no-repeat;
}
table.aresources_table td#members a, table.aresources_table td#questions a, table.aresources_table td#courses a{
  color: #001f57;
  text-decoration: underline;
  font-weight: bold;
}
div.blank_link{

}
div.info{
  margin-top: 5px;
  color: black;
}
td img.add_height{
  height: 13px;
}
td#membersadd{
  background-image: url(/img/ahome/box1_bgadd_01.gif);
  background-repeat: no-repeat;
}
td#questionsadd{
  background-image: url(/img/ahome/box2_bgadd_01.gif);
  background-repeat: no-repeat;
}
td#coursesadd{
  background-image: url(/img/ahome/box3_bgadd_01.gif);
  background-repeat: no-repeat;
}
/*-- --*/
a.icon_button{
  display: block;
  float: left;
  width: 100px;
  /* height: 90px; */
  border: 0px dotted Navy;
  text-decoration: none;
  color: #18499e;
  margin: 0 4px;
}

a.icon_button:visited{
  color: #18499e;
  text-decoration: none;
}
a.icon_button span{
  display: block;
  background: white url(/img/ahome/icon_bg_01.gif) no-repeat top center;
  border: 0px solid red;
  padding: 8px 0px 15px 0px;
  text-align: center;
  margin: 0 auto;
  clear: both;
}
a.icon_button img{
  margin-bottom: 0px; margin-right: 2px;
}
icons_box_width{
  height: 80px;
  border: 0px solid green;
}
.icons_block{
  border: 0px dotted red;
  /* height: 90px; */
}
a div.icon_title{
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border: 0px solid red;
}
div#icons_block{
  padding: 22px 4px 0px 14px;
  /* height: 90px; */
}
/* Ahome icons table */
div#icons_block{
  padding: 22px 4px 0px 8px;
}
/* Home table for icons */
#ahome-icons-table{
  width: 660px;
}
#ahome-icons-table td{
  text-align: center;
  vertical-align: top;
  width: 110px;
}
#ahome-icons-table a{
  border: 0px dotted green;
  display: block;
  text-decoration: none;
  color: #00008B;
  color: #18499e;
}
#ahome-icons-table a .aicon{
  background: white url(/img/ahome/icon_bg_01.gif) no-repeat top center;
  padding: 17px 0px 15px 0px;
  text-align: center;
  margin: 0 auto 5px auto;
  clear: both;
}
#ahome-icons-table a .icon-title{
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border: 0px solid red;
  padding: 0px 4px 16px 14px;
}
.gray {
  color: #afafaf;
}
/*-- Legend styles --*/
.content_legend{
	margin: 12px 0;
	border: 1px solid #A0A0A0;
	padding: 5px 8px 6px 8px;
	background-color: #EEE;
	font-size: 11px;
	font-weight: normal;
	color: #333300;
	text-decoration: none;
	line-height: 14px;
  vertical-align: middle;
}
img.legend_dots{
  border: 1px solid #747373;
  width: 9px; height: 9px;
}
.icons_legend{
    margin-top: 5px;
    margin-bottom: 2px;
}
.icons_legend td img{
    margin-right: 5px;
    margin-left: 2px;
}
.legend_rect_block{
  margin: 3px 0px 3px 0px;
}
img.legend_rect{
  vertical-align: top;
  width: 9px;
  height: 9px;
  margin-top: 2px;
  border: 1px solid #747373;
}
img.legend_rect, {
  vertical-align: middle;
}

img#work_empty{
  background-color: #d3d3d3;
}
img#work_progress{
  background-color: #87cefa;
}
img#work_finished, img#survey_question{
  background-color: #3366cc;
}
img#work_cutoff{
  background-color: #DBDA93;
}
img#not_started_quiz{
  background-color: #ffcb1d;
}
img#quiz_results, img#correct{
  background-color: #42b252;
}
img#incorrect{
  background-color: #df4317;
}
img#question_not_presented{
  background-color: #666;
}
#qiuz_legend_icons{
  width: 16px;
  height: 16px;
  border: 0;
  position: relative;
  top: 3px;
  margin-right: 3px;
}
/*-- MB styles --*/
table#contact_action_table{
  margin: 6px 0px 10px 8px;
}
#contact_action_table td{
  padding: 2px;
  padding-right: 7px;
}
#contact_action_table #fc{
  font-weight: bold;
}
#contact_action_table .join_key{
  color: Navy;
  font-weight: bold;
}
input.like_link{
  background-color: white;
  border: 0;
  color: #0002d9;
  font-weight: bold;
  text-decoration: underline;
  font-size: 12px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
}
div#wb_colspan_cell{
  background-color: #efefef;
  border: 1px solid #a0a0a0;
  margin-bottom: 4px;
  padding-top: 5px;
  padding-bottom: 5px;
}
/* MB thread */
.mb_list{
  padding: 13px 0px 0px 8px;
}
.mb_list table{
  margin-bottom: 15px;
}
.mb_list td#colophon{ padding-right: 10px; padding-top: 2px; width: 67px; }
.mb_list td#mb_body, .mb_list td#colophon{  vertical-align: top; font-size: 11px; }
.mb_list td#mb_body .subject{
  font-weight: bold;
  font-size: 12px;
  color: Navy;
  margin-bottom: 2px;
}
.mb_list td#mb_body .author{
  color: #000;
  font-weight: bold;
  margin-bottom: 3px;
}
.mb_list td#mb_body .body{
  margin-bottom: 2px;
}
.mb_list td#mb_body .posted{
  color: #888;
  margin-right: 12px;
}
#ahome_mb_buttons{
  display: none;
}
#mb_stat{
  display: none;
}
/*-- Reply the message --*/
#reply_message td{
  padding: 2px;
  font-size: 11px;
  vertical-align: top;
}
#reply_message td#first_cell{
  font-weight: bold;
  padding-right: 7px;
}
#reply_message input{
  width: 445px;
}
#reply_message textarea{
  width: 530px;
  height: 180px;
}
#mb_submit{
  /*-- display: none; --*/
}
/*-- AHome Messages block --*/
div.messages_box{
  border: 1px solid #A1A1A1;
  border-bottom: 0;
  padding: 13px 4px 2px 14px;
}
div#messages_block{
  width: 665px;
}
div.adesktop_title_button{
  float: right;
  margin: 9px 12px 0px 0px;
}
#messages_block div.new_topic{
  display: none;
}
#messages_block table.wb_table th{
  border-left: 0;
  border-right: 0;
  border-top: 0;
  background-color: #f0f0f0;
  background-image: url(/img/ahome/a_mb_th_01.gif);
}
#messages_block table.wb_table th.lc{
  background-image: url(/img/ahome/a_mb_lc_01.gif);
  background-position: right top;
}
#messages_block table.wb_table th.fc{
  background-image: url(/img/ahome/a_mb_fc_01.gif);
  padding-left: 9px;
}
#messages_block table.wb_table th.lc, #messages_block table.wb_table td.lc{
  width: 110px;
}
#messages_block table.wb_table td{
  background-color: White;
  border-left: 0;
  border-right: 0;
}
#messages_block table.wb_table td.wb_first_cell{
  /*-- border: 1px solid red;  --*/
  width: 50%;
}
#messages_block div#ahome_mb_buttons{
  display: block;
  margin: 0px 0px 8px 3px;
}
#messages_block div#mb_stat{
  float: right;
  display: block;
  margin: 3px 10px 0px 0px;
  color: #666;
}
div#messages_block div.nav_bar_n{
  width: 665px;
  border: 0px solid red;
  margin-top: 4px;
  background-color: white;
  background-image: url(/img/ahome/a_mb_nav_bar_01.gif);
  background-repeat: no-repeat;
  margin-bottom: 0;
}
div#messages_block .nav_bar_n td{
  font-size: 10px;
  padding-bottom: 6px;
  padding-top: 1px;
}
div#messages_block .nav_bar_n td#fc{
  padding-left: 9px;
  font-weight: bold;
}
div#messages_block .nav_bar_n td#lc{
  padding-right: 9px;
  font-weight: bold;
}
div#messages_block div#wb_colspan_cell{
  background-color: White;
}
div#messages_block div.submit{
  /*-- display: none; --*/
}
div#messages_block div#mb_submit{
  display: block;
  padding-top: 3px;
  padding-left: 5px;
}
b.no_messages{
  display: block;
  padding: 25px;
}
/*-- --*/
#whiteboard{
  border: 0px solid red;
  padding-top: 7px;
}
a.how_to_link, a.how_to_link:visited{
  margin-left: 8px;
  font-weight: bold;
  color: #0000a8;
}
/* Reviews block */
div.reviews_block{
  margin-left: 7px;
}
div.reviews_block div.page_title{
  margin: 15px 0px 6px 0px !important;
}
div.review_message{
  margin-bottom: 7px;
}
div.review_message b{
  font-weight: bold;
  color: Black;
  display: block;
  margin-bottom: 2px;
}
div.review_message i{
  font-weight: normal;
  font-style: normal;
  display: block;
  color: #888;
  margin-top: 2px;
}

div.post_review{
  margin: 0px 0px 9px 7px;
}
div.post_review div.page_title{
  margin: 12px 0px 6px 0px !important;
}
div.post_review textarea{
  width: 730px !important;
}
div.post_review b{
  display: block;
  margin-top: 5px;
  margin-left: 3px;
}
div.post_review input{
  margin-top: 0px;
  vertical-align: middle !important;
  margin-right: 6px;
  margin-left: 2px;
}
div#step3_colophon{
  /* border: 1px solid red !important;  */
  margin-top: 9px;
  margin-bottom: 11px;
}
div#step3_colophon table{
 width: 100%;
}


td.colo_cell{
  border: 0px solid red;
  width: 70px;
}
/* Filter */
div.filter_legend{
  padding: 6px 0 0px 2px;
  border: 0px solid red;
}
div.filter_legend img{
  display: inline; vertical-align: -2px;
}
div.filter{
 	border: 1px solid #A0A0A0;
	padding: 5px 8px 6px 8px;
	background-color: #dde1e5;
  margin-bottom: 3px;
}
div.filter table.block{
  width: 100%;
}
div.filter h4{
  display: block;
  font-weight: bold;
  font-size: 100%;
  padding-bottom: 0px;
  margin: 0;
  margin-bottom: 2px !important;
  white-space: nowrap;
}
div.filter table.hover span{
  white-space: nowrap;
}
/*-- --*/
div.filter table.hover{
  margin: 0;
  width: auto;
}
div.filter table.hover td { }
div.filter table.hover td a{
  border: 1px solid #dde1e5;
  display: block;
  text-decoration: none;
  color: Black;
  padding: 4px 10px 4px 7px;
  margin: 0;
}
div.filter table.hover td a:hover{
  border: 1px solid #a0a0a0;
  background-color: #d3d7db;
}

div.filter table.hover h4 img{
  vertical-align: -2px;

  background-color: #FFF;
  background: url(/img/filter_01.gif) no-repeat;
  width: 15px; height: 11px;
  border: 0px solid red;
}
table.hover td a:hover h4 img{ background: url(/img/filter_01_mo.gif) no-repeat;}
.trans_box2 {
  padding:13px 15px 20px 15px;
  margin:0px 0px 0px 0px;
  border: 1px solid #777;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  background: transparent url(/img/bg_popmenu_03.png);
  position: relative;
  z-index: 99;
}
.trans_box2 b, .trans_box2 h3{
  display: block;
  margin: 0;
  margin-bottom: 8px;
  padding: 0;
  font-size: 100%;
}
.trans_box2 ul{
  margin: 0;
  padding: 0;
  list-style: disc;
  line-height: 16px;
}
.trans_box2 ul li{
  margin-left: 20px;
  margin-right: 10px;
}
.trans_box2 ul li a:link, .trans_box2 ul li a:visited{
  font-weight: bold;
  color: #0000CD;
}
.trans_box2 ul li a:hover{
  color: red;
}
.trans_box2 p{
  padding: 0 0 4px 2px;
  margin: 0;
  display: block;
}
.trans_box2 p.input{
  padding-bottom: 0px;
}
.trans_box2 input.radio{
  vertical-align: -3px;
}
.trans_box2 p.between{
  margin-top: 10px;
}
div#calend{
  padding: 2px 0px 0px 8px;
}
p.between div.and{
  padding: 3px 0px;
}
.trans_box2 p input.action_button_dimmed{
  margin-left: 6px;
  margin-top: 10px;
}
.trans_box2 div.radionbuttons{
  line-height: 20px;
}
.trans_box2 div.radionbuttons input{
  vertical-align: -3px;
}
.trans_box2 .studsetprefix{
  margin-top: 14px;
}
.trans_box2 .studsetprefix input.text{
  height: 23px;
  vertical-align: middle;
  margin-right: 3px;
  width: 100px;
  padding: 0 3px;
}
.trans_box2 .studsetprefix input{
  vertical-align: middle;
}
/*-- Student set list --*/
div.clear{ clear: both; overflow: hidden; }
#left-panel-box, #editstudentset, #right-panel-box{
  border: 1px solid #a0a0a0;
  height: 300px;
  border-bottom: 0;
  background-color: #efefef;
  /* font-family: Verdana, Arial, Helvetica, sans-serif !important; */
}
#left-panel-box-buttons, #editstudentsetbuttons, #right-panel-box-buttons{
  border: 1px solid #a0a0a0;
  border-top: 1px solid #cbcbcb;
  background-color: #dfdfdf;
}
#left-panel-box, #left-panel-box-buttons{ float: left; width: 25%; margin-right: 3px;}
#editstudentset, #editstudentsetbuttons{float: left; width: 17%; margin-right: 3px; display: none; }
#right-panel-box, #right-panel-box-buttons{float: left; width: 74%;}
#left-panel-box-buttons span.blank{
  height: 18px;
}
#editstudentset h4, #left-panel-box h4, #right-panel-box h4{
  margin: 0;
  background-color: #fff5cc;
  background-color: #fff5cc;
  color: #333333;
  font-weight: bold;
  font-size: 100%;
  padding: 4px 5px 5px 5px;
  border-bottom: 1px solid #a0a0a0;
  text-align: left;
}
.messages-index #editstudentset h4, .messages-index #left-panel-box h4, .messages-index #right-panel-box h4{
  padding: 5px 5px 6px 5px;
}
#editstudentset span, #left-panel-box span, #right-panel-box span{
  border: 0px solid red;
  padding: 5px 5px;
  display: block;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 100%;
}
.list-buttons-box{
  /*-- height: 28px; --*/
}
div.list-buttons-box span{
  display: block;
  padding: 5px 7px;
}
#left-panel-box ul{
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 1px;
  border-top: 1px solid #a0a0a0;
}
#left-panel-box ul li{
  padding-left: 0px;
  font-weight: normal;
  font-size: 100%;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: #000;
  border: 1px solid #a0a0a0;
  border-top: 0;
  background-color: #efefef;
  padding: 4px 5px 3px 5px;
}
#left-panel-box ul li.even{ background-color: #fefefe; }
#left-panel-box ul li input{
  vertical-align: middle;
  position: relative;
  top: -1px;
}
#left-panel-box li a{
  text-decoration: none;
  display: block;
  font-weight: bold;
  color: #00008b;
  padding-left: 2px;
}
#editstudentset span div{ margin: 0; padding: 0; margin-bottom: 5px; font-family: Arial, Verdana, Helvetica, sans-serif; }
#editstudentset h5{
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 1px;
  margin-top: 2px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: #000;
}
#editstudentset input.studsname{
  width: 100%;
}
#editstudentset textarea{
  width: 100%;
  height: 150px;
  overflow: auto;
}
div.table-container{
  border: 0px solid #333;
  padding: 0 0px;
  /*-- height: 265px; --*/
  overflow: auto;
}
#right-panel-box div.table-container, #left-panel-box div.table-container{
  height: 265px;
}
.messages-index #right-panel-box div.table-container{
  height: 290px;
}

.messages-index #left-panel-box, .messages-index #editstudentset, .messages-index #right-panel-box{
  height: 330px;
}
.messages-index div.table-container{
  height:300px;
}
.messages-index #left-panel-box span div.table-container{
  height: 290px;
}
#right-panel-box table.bordered_table_1{
  width: 100%;
}
.studentset_description{
  padding: 0px 0px 12px 8px;
}
.studentset_description div{
  margin-bottom: 7px;
  clear: both;
}
.studentset_description div.studentset_key{
  line-height: 16px;
}

#right-panel-box table.bordered_table_1 td.first-cell-checkbox{
  text-align: center;
  width: 30px;
  padding-left: 4px;
  padding-right: 4px;
}
#right-panel-box span input, {
  position: relative;
  top: -2px;
}
#right-panel-box .bordered_table_1 th{
  background-color: #dfdfdf;
}
/*-- A BTN --*/
.bordered_table_1 a.yp-button-s, a.yp-button-s{
  display: block;
  float: left;
  border: 1px solid #777466;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: black !important;
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 1px 6px 2px 6px !important;
  background: #EEE url(/img/yp-a-buttons-bg-01.gif);
  white-space: nowrap;
  margin-right: 3px;
  text-decoration: none !important;
  /*-- width: auto; --*/
  cursor: pointer;
  text-align: center;
}
.bordered_table_1 a.yp-button-s:hover, a.yp-button-s:hover{
    background: #EEE url(/img/yp-a-buttons-bgmo-01.gif);
    color: Black !important;
    text-decoration: none;
}
.bordered_table_1 .additional-caption{
    background: #fbf7e9;
}
.bordered_table_1 td.bt-action-button{
  text-align: center;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  padding: 6px 6px 6px 8px;
}
.date a.yp-button-s{
  text-decoration: none;
  float: right;
}
div.submit-block{
  background-color: #EFEFEF;
  border: 1px solid #a0a0a0;
  padding: 4px 5px;
  margin-bottom: 4px;
}
.comment-form div.submit-block{
  margin-top: 4px;
}
div.margin{ margin-top: 5px; }

div.no-key{
  color: #000080;
  font-size: 14px;
  font-weight: bold;
  padding: 40px 0 50px 30px;
}
.bordered_table_1 td.key{
	width: 120px !important;
  color: #000080;
  font-weight: bold;
  white-space: nowrap;
}
/* New Stud key */
div.form-box, div.ak-form-eror-set{
  background-color: #efefef;
  border: 1px solid #a0a0a0;
  margin-bottom: 4px;
}
.form-box table{}
.form-box table td, div.ak-form-error-set table td{
  padding: 6px 0px 5px 0px;
  vertical-align: top;
}
.form-box table td.label, .ak-form-error-set td.label{
  padding: 9px 7px 0 9px;
}
.form-box table td input.input-text{
  width: 200px;
}
.new-studset-block {
  margin-top: 9px;
  background: transparent url(/img/or-03.gif) no-repeat 0 0;
  float: left;
  margin-bottom: 12px;
}
.new-studset-block h3{
  color: Black;
  margin: 0;
  padding: 2px 0 8px 1px;
  font-size: 100%;
  font-weight: bold;
}
.new-studset-block div.paste-here{
  float: left;
  padding-bottom: 5px;
  padding-left: 8px;
  width: 340px;
}
.new-studset-block div.create-key{
  margin-left: 355px;
  padding-right: 20px;
}
.new-studset-block .paste-here textarea.studnames{
  width: 280px;
  height: 100px;
  overflow: auto;
}
.studnamesmo{
  width: 280px;
  height: 250px;
}

.new-studset-block .paste-here p{
  width: 275px;
  padding-left: 2px;
}

.create-key .key-form{
  border: 0px solid red;
  vertical-align: middle;
}
.create-key .key-form input{
  vertical-align: middle;
  width: 50px;
  margin-right: 2px;
}
.create-key .key-form p{
  margin: 0;
  padding: 0;
  padding-top: 8px;
  padding-left: 2px;
}
/*
.paste-here .names {
  margin-top: 15px;
  margin-left: 5px;

}
.paste-here .names div{ margin-bottom: 2px;}
.paste-here .names div input{ vertical-align: middle; }
.paste-here .names div span{color: #6d6d6d; }
*/
.paste-here .names, .paste-here .ak-form-error-names {
  margin-top: 10px;
  margin-left: 2px;

}
.paste-here .names div, .paste-here div.ak-form-error-names div { margin-bottom: 1px; margin-top: 1px;}
.paste-here .names div input{ vertical-align: middle; }
.paste-here .names div span{color: #6d6d6d; }


/*top reviews */
.reviews-block{
  padding: 0;
}
.reviews-block .nav_bar_n{
  margin-bottom: 15px; 
}
.review{
  padding: 0px 7px 14px 7px;
  border: 0px solid red;
  margin-left: 48px;
}
.review-colo{
  /*-- float: left; --*/
  border: 1px solid #a0a0a0;
  width: 32px;
  /* height: 32px; */
  /*-- margin-top: 2px; --*/
}
.review h3{
  font-size: 100%;
  font-weight: bold;
  margin: 0;
  padding: 0;
  margin-bottom: 4px;
}
.review h3 span{
  font-weight: normal;
  color: #777;
}
.review div.date{
  display: block;
  color: #777;
  width: 150px;
  float: right;
  text-align: right;
  margin-right: 2px;
}
.r-colo-block{
  float: left;
  width: 40px;
  margin-left: 4px;
  text-align: center;
}
.review-flag{
  font: bold 9px Verdana, Helvetica, Arial, sans-serif;
  color: #c45f00;
  padding: 2px 0 0 1px;

}
.real, div.real h3 span{
  color: #0e327e;
}
div.review_message img, .no_bord_table td img.rating{
  float: right;
  margin-right: 9px;
}
.review-links{
  float: right;
  margin: 8px 8px 5px 12px;
}
.review-links a{
  color: #00008B;
  font-weight: bold;
}
.review .vote{
  border: 0px solid #EEE;
  font-weight: bold;
  vertical-align: middle;
  color: #555;
  margin-top: 6px;
}
.review .vote input{
  background-color: #EEE;
  color: #444;
  font-weight: bold;
  border: 1px solid #777;
  font-size: 11px;
  height: 18px;
  padding: 0px 5px 0px 5px;
  text-transform: capitalize;

}
.post-review textarea{
  width: 100%;
  margin-bottom: 12px;
  height: 250px;
}
.review-actions{
  clear: both;
  float: right;
  margin: 8px 10px 0 0;
}
.review-actions a, .review-actions a:visited{
  font-weight: bold;
  color: #333399;
}
.review-actions a:hover{
  color: #3300CC;
}
.review-actions a:active{
  color: #CC0000;
}
.review-colo{}

.ml-colo{
  float: left;
  border: 1px solid #a0a0a0;
  width: 32px;
}
.ml-colo-big{
  float: left;
  border: 1px solid #a0a0a0;
  width: 64px;
}
.ml-colo-info{
  display: block;
  margin-left: 40px;
}
.ml-colo-info strong{
  color: #172b52;
  display: block;
  margin: 2px 0 3px 3px;
}
.ml-colo-info input.checkbox{
  vertical-align: middle;
  position: relative;
  top: -1px;
}
/* form error */
table.wb_table td.formerror{
  background: #f3efe3 url(/img/popup/alert-bg-02.gif) no-repeat 102% 8px;

}
table.wb_table td.formerror span.formerrormessage{
  display: block;
  width: 90%;
  border: 0px solid red;
  font-weight: bold;
  padding: 5px 0 2px 1px;
  color: #d40000;
}
span.formerrormessage ul.errorlist{
  position: relative;
  /*-- left: -25px; --*/
  margin: 0;
}
span.error_message ul.errorlist{
  margin: 0;
  padding: 0;
  padding-top: 2px;
}
ul.errorlist li {
  list-style-type: none;
  padding-top: 2px;
}
span.error_message{
  display: block;
  margin: 10px 0 0 2px;
  padding-bottom: 0;
  color: #d40000;
  font-weight: bold;
}
div.ak-form-error-set {
  background-color: #efefef;
  border: 1px solid #a0a0a0;
  margin-bottom: 4px;
}
div.ak-form-error table{
  /* background-color: #efefef;
  border: 1px solid #a0a0a0;
  width: 100%; */
  margin-top: 10px;
  margin-bottom: 5px;
}
div.ak-form-error-set table td span.error_message{ display: inline; margin-left: 8px; }
div.valid-for{
  margin-bottom: 9px;
}
/*-- Course info --*/
div.info-rounded-title{
  background: white url(/img/r-info-title-bg-01.gif) no-repeat top right;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #a1a1a1;
  margin-top: 5px;
}
div.info-rounded-title h2{
  display: block;
  background-image: url(/img/l-info-title-bg-01.gif);
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0;
  padding: 0;
  color: #000;
  font-family: Verdana, Arial, Helvetica, SansSerif;
  font-size: 110%;
  padding: 10px 15px;
}
div.info-rounded-block{
  display: block;
  background: white url(/img/info-block-bg-01.gif) repeat-y top right;
  border: 1px solid #a1a1a1;
  border-top: 0;
  background-color: #fff;
  padding: 10px 14px;
  margin-bottom: 8px;
}
div.info-rounded-block img.colophon_big{
  float: left;
}
div.info-rounded-block b{
  display: block;
  font-family: Verdana, Arial, Helvetica, SansSerif;
  padding-bottom: 2px;
}
div.info-rounded-block .description{
  display: block;
  padding: 0; margin: 0;
  margin: 0 0 0 76px;
}
div.info-rounded-block .stat{
  float: right;
  text-align: right;
  width: 170px;
  margin: 1px 0 0 0;
}
div.info-rounded-block .stat img{
  width: 66px; height: 11px; border: 0;
  margin-bottom: 6px;
}
div.info-rounded-block .stat em{
  display: block;
  color: #173070;
  font-style: italic;
  text-align: right;
}
/*-- assign_new.php two columns list --*/
.simple-list-box{
  border: 1px solid #a0a0a0;
  background-color: #efefef;
}
.simple-list{ width: 99%; }
.simple-list td{ width: 50%; vertical-align: top; }
.simple-list ul{
  margin: 0;
  list-style: none;
  padding: 15px 15px 20px 20px;
}
.simple-list li{
  background: url(/img/teachers/link-simple-li-01.gif) no-repeat 0 1px;
  padding: 0 0 3px 20px;
  font-weight: bold;
}

.simple-list li.earth{
  /*background-image: url(/img/flags/16/br.gif);*/
  background-position: 6px 2px;
}

.simple-list li.gb{
  background-image: url(/img/flags/16/gb.gif);
}

.simple-list li.ru{
  background-image: url(/img/flags/16/ru.gif);
}

.simple-list li.br{
  background-image: url(/img/flags/16/br.gif);
}

.simple-list li.id{
  background-image: url(/img/flags/16/id.gif);
}
.simple-list ul li span{ color: #444466; font-weight: normal; }
.simple-list ul li a{ color: #444466;text-decoration: none; }
.simple-list ul li a:visited{ color: #444466;text-decoration: none; }
.simple-list ul li a:hover{ color: #4488aa;text-decoration: underline; }
.simple-list ul li a:active{ color: red; text-decoration: none; }
/*-- assing_new2 search styles --*/
.link_simple .highlight, .highlight{
  color: #96001e;
  text-decoration: underline;
}
.link_simple .highlight{ font-weight: bold; }
/*-- assign_new.php two columns list for countries block --*/
.simple-list-box{
  border: 1px solid #a0a0a0;
  background-color: #efefef;
  margin-bottom: 3px;
}
.simple-list-box h3{
  margin: 0; padding: 0;
  padding: 12px 0 9px 21px;
}
.simple-list-co{ width: 99%; }
.simple-list-co td{ width: 50%; vertical-align: top; }
.simple-list-co ul{
  margin: 0;
  list-style: none;
  padding: 0px 15px 12px 20px;
}
.simple-list-co li{
  /*-- background: url(/img/teachers/link-simple-li-01.gif) no-repeat 0 2px; --*/
  padding: 0 0 3px 0px;
  font-weight: bold;
}
.simple-list-co ul li span{ color: #444466; font-weight: normal; }
.simple-list-co ul li a{ color: #444466;text-decoration: none; }
.simple-list-co ul li a:visited{ color: #444466;text-decoration: none; }
.simple-list-co ul li a:hover{ color: #4488aa;text-decoration: underline; }
.simple-list-co ul li a:active{ color: red; text-decoration: none; }
.an-search{
  background-color: #efefef;
  border: 1px solid #a0a0a0;
  padding: 8px 10px;
  margin-bottom: 3px;
}
.an-search .search-input{
  width: 75%;
}
.an-search .action_button{
  width: 23%;
}
/*--  --*/

.search-not-found{ padding: 25px 10px 50px 7px; }
.not-found-stat{ padding: 0 0 0 7px; }
.not-found-stat ul{
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 4px;
  margin-left: 5px;
}
.not-found-stat ul li{ margin-bottom: 2px; }
/*-- --*/
textarea#guide_input{
  width: 100%;
}

ul.errorlist {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

ul.errorlist li {
    padding: 1px 0 1px 5px;
    color: #d40000;
    font-weight: bold;
}

/*-- Personal messaging --*/
.messages-header{
	margin-bottom: 3px;
	margin-left: 0;
	border: 1px solid #A0A0A0;
	padding: 4px 8px 5px 8px;
  background-color: #fefefe;
	font-size: 11px;
	text-decoration: none;
	line-height: 16px;
  margin-top: 1px;
}
.service-message-02{
	border: 1px solid #A0A0A0;
	padding: 25px 8px 28px 25px;
  background-color: #fefefe;
	font-size: 12px;
	text-decoration: none;
	line-height: 16px;
  margin-top: 1px;
  color: #a20024;
}
.no-messages{
  background:  #fefefe url(/img/icon/envelope-01.gif) no-repeat 23px 24px;
  padding-left: 60px;
}
div.message-body{
  padding: 8px 9px 10px 9px;
}
.messages-index #left-panel-box ul li{
  background: #eee url(/img/icon/mail-folder-01.gif) no-repeat 6px 50%;
  padding-left: 23px;
}
.messages-index #left-panel-box ul li.active-folder a{
   color: #00008b;
   background: url(/img/icon/active-foloder-arrow-01.gif) no-repeat 100% 50%;
}
.messages-index td.status-new{
  text-align: center;
  background: url(/img/icon/new-mail.gif) no-repeat 50% 50%;
}
.messages-index td.status-read{
  text-align: center;
  background: url(/img/icon/read-mail.gif) no-repeat 50% 50%;
}
.messages-index td.status-reply{
  text-align: center;
  background: url(/img/icon/reply-mail.gif) no-repeat 50% 50%;
}
.comments-info{
  padding: 10px 0 0 8px;
}
.auto-form-table input#id_subject{
  width: 450px;
}
.auto-form-table td.message-body{
  background-color: white;
  border: 0;
  padding: 7px 8px 4px 8px;
}
.auto-form-table td.message-body textarea{
  width: 100%;
}
#header a.new-message{
  float: right;
  color: #ccc;
  text-decoration: none;
  margin-top: 16px;
  margin-right: 15px;
  padding-left : 18px;
  font-size: 10px;
  background: url(/img/teachers/icon/new-message-header.gif) 0 80% no-repeat;
  display: block;
}
#header a.new-message:hover{
  color: #eee;
  background-image: url(/img/teachers/icon/new-message-header-mo.gif);
}
.messages-index #left-panel-box ul li.active-folder{
   background: #fff url(/img/icon/mail-folder-03.gif) no-repeat 6px 50%;
}
/*-- Casual adoption --*/
.confirmation-page{
  width: 750px;
  margin: 0 0 20px 7px;
}
#medium_width .confirmation-page{ width: auto; margin-right: 20px;}
.service-message{
  border: 1px solid #A0A0A0;
  background-color: #efefef;
  padding: 14px 25px 17px 25px;
  margin-bottom: 15px;
}
.service-message h2{
  margin: 0; padding: 0 0 3px 0;
  color: #f20000;
}
.confirmation-page .main-info{
  margin: 15px 0px;
  font-size: 110%;
  font-weight: bold;
}
/*--  --*/
ul.error-list{
  margin: 0 0 150px 15px;
  padding: 0;
  list-style: none;
  margin-left: 15px;
  margin-bottom: 150px;
}
ul.error-list li{
  padding-bottom: 2px;
  background: #fff url(/img/teachers/error-list-li-01.gif) no-repeat 0 50%;
  padding-left: 9px;
}
/*-- st card block  --*/
table.st-set{
  width: 100%;
}
table.st-set td{
  padding: 0;
}
table.st-set .st-sets-member{}
table.st-set .st-sets-member ul{
  list-style: none;
  margin: 0;
  padding: 0 0 9px 20px;
}
table.st-set .st-sets-member li a{
  display: block;
  background: url(/img/dot-01.gif) no-repeat 0 50%;
  padding: 0 0 2px 7px;
  font-weight: bold;
  color: #0000cc;
  zoom: 1;
}
table.st-set .st-sets-member{}
table.st-set .st-card{
  text-align: right;
  vertical-align: bottom;
  width: 245px;
  padding: 0 0px 9px 0;
}
table.st-set .st-card div{
  text-align: left;
  line-height: 16px;
  background: url(/img/teachers/st-card-bg-01.gif) no-repeat 0 0;
  padding: 8px 10px 0px 13px;
}
table.st-set .st-card div h3{
  margin: 0; padding: 0;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 1px;
}
table.st-set .st-card div ul{
  padding: 0; margin: 0;
  list-style: none;
}
table.st-set .st-card div ul li.st-name{
  color: #2e3092;
  font-weight: bold;
  background: url(/img/dot-01.gif) no-repeat 0 50%;
  padding-left: 7px;
}
table.st-set .st-card div{}
table.st-set .st-card div.st-card-add{
  background: url(/img/teachers/st-card-add-01.gif) no-repeat 0 0;
  height: 8px;
  overflow: hidden;
  padding: 0; margin: 0;
}
.task-link{
  display: block;
  background-repeat: no-repeat;
  background-position: left 50%;
  padding-left: 20px;
}
/*-- Fuzzy --*/
td img.fuzzyimg{
  border: 1px solid #555;
  width: 32px;
  height: 32px;
  float: left;
  margin-right: 5px;
  background: #fff;
}
.fuzzy-popup{
  position: absolute;
  top: 210px;
  left: 146px;
  display: none;
}
.fuzzy-popup div{
  background: #606060;
  border: 1px solid #606060;
}
.fuzzy-popup span{
  display: block;
  background: #efefef;
  border: 1px solid #a0a0a0;
  padding: 10px;
  position: relative;
  top: -3px;
  left: -2px;
}
.fuzzy-popup img{
  background: #fff;
  border: 1px solid #a0a0a0;
}
/*-- Ratings table --*/
table.ratings{
  float: right;
  margin: 0 0 5px 20px;
  position: relative;
  top: -1px;
}
#step3_colophon table.ratings{
  width: auto;
}
table.ratings td, table.ratings th{
  text-align: left;
  vertical-align: middle;
  padding: 1px 3px 2px 3px;
  font: normal 11px Verdana, Helvetica, Arial, sans-serif;
  color: #173087;
}
table.ratings td{}
table.ratings th div{
  width: 100px;
  background-color: #7c7c7c;
}
table.ratings th img{ height: 12px; }
table.ratings th.popularity img{
  background-color: #31afeb;
}
table.ratings th.quality img{
  background-color: #f2c10f;
}
table.ratings th.reviews img{
  background-color: #db4825;
}
table.ratings .num{
  width: 35px;
  padding-right: 6px;
  _padding-right: 12px;
}
.addassignments .custom_page_box .no_bord_table{
  width: 100%;
  _width: 730px;
}
#step3_colophon{}
.addassignments .custom_page_box .colo-info-cell{
  _padding-right: 0;
}
.addassignments .custom_page_box table.ratings{
  _margin-right: 0px;
}
/*-- Error page --*/
.error-page-details{
  padding: 0 0 180px 7px;
}
.error-page-details strong{
  display: block;
  padding-bottom: 10px;
}
.error-page-details ul{
  padding: 0;
  margin: 15px 0 0 25px;
}
.error-page-details ul li{
  margin-bottom: 2px;
}
.error-page-details ul li a{
  font-weight: bold;
  color: #2e3092;
}
.right-answer {
  color: green;
}
.global-waning{
  border-bottom: 1px solid #a0a0a0;
  padding: 11px 10px 12px 12px;
  font-weight: bold;
  background-color: #fddfbb;
  background-color: #fff5cc;
  font-size: 12px;
  color: #7f1a01;
}
.status_message{
  /*-- border: 1px dashed #555;
  padding: 12px 16px;
  background-color: #efefef;
  margin: 7px 0 7px 0; --*/
  color: #c40005;
  font-weight: bold;
  padding: 5px 20px 16px 15px;
  font-size: 12px;
}
.status_message ul{
  margin: 0;
  padding: 10px 20px 5px 22px;
}
.flash-container{
    height: 100%;  	
	*width:100%;
	_width: auto;
	
}
 .flash-container object, .flash-container object embed{
  width: 90%;
  height:90%;
 *height:700px;
   
  
  }
span.saved{
  color: #e60000;
  font-weight: bold;
}
span.saved-fade{
  color: #eeaaaa;
  font-weight: bold;
}

#forgetlink { 
  text-align: right;
  margin-right: 0px;
}

#forgetlink a, #forgetlink a:visited { 
  color: #fdcb00;
}
.flash_embedded_z_index {
    position: relative; /*or absolute*/
    z-index: 0;
}
/*-- Author bar --*/
.author-bar{
  background-color: #1b6f89;
  margin: 0;
  margin-bottom: 5px;
  height: 26px;
  border: 1px solid #a0a0a0;
}
.author-bar ul{
  list-style: none;
  margin: 0;
  padding: 5px 0 0 8px;
}
.author-bar ul.import{
  float: right;
}
.author-bar ul li{
  float: left;
  display: block;
  margin-bottom: 0px;
}
.author-bar ul li.ab-title{
  color: #e4e4e4;
  font-weight: bold;
  padding-top: 1px;
  padding-right: 10px;
}
.author-bar a.yp-button-s{
  float: left;
}
.author-bar a.other{
  padding-left: 6px !important;
  padding-right: 4px !important;
}
.author-bar a.other div{
  font-size: 9px;
  background: url(/img/yp_other_button_arrow_01.gif) no-repeat 100% 60%;
  padding: 0 9px 0 0;
}
.message_wait {
    text-align:center; 
    font-size:32;
    color:#666633; 
    font-weight:bold;
}



/*-- Ratings2 table --*/
table.ratings2{
  margin: 0px 5px 0px 5px;
  display: inline;
}

table.ratings2 td, table.ratings2 th{
  text-align: left;
  vertical-align: bottom;
  padding: 0px;
  font: normal 11px Verdana, Helvetica, Arial, sans-serif;
  color: #173087;
  border-style:hidden;
}
table.ratings2 th div{
  width: 100px;
  background-color: #7c7c7c;
}
table.ratings2 th img{ height: 12px; }
table.ratings2 th.popularity img{
  background-color: #31afeb;
}
div.task_box{ margin: 4px 2px; }
.step4-settings strong{
  display: block;
  margin-bottom: 7px;
}
.step4-settings table{
  margin-top: 5px;
  margin-bottom: 5px;
}
.step4-settings table th, .step4-settings table td{
  padding: 0 0 6px 0;
}
.step4-settings table th{
  font-weight: normal;
  text-align: left;
  width: 220px;
}

/*------------------------------------
  Assignmnet step4 warnings

-------------------------------------*/
.warning-field {
    background-color:#fbc2b8;                                                                                                                                   
    font-weight:700;                                                                                                                                            
    padding-left:5px; 
    color:#ae1010;  
}

.warning-msg {  
    margin-top: 10px;
    min-height:38px;                                                                                                                                                
    width:356px;
    background-color: #fbc2b8;
    border: 1px #c11010 solid;
}                                                                                                                                                           
                                                                                                                                                            
.warning-msg img {                                                                                                                                          
    float:left;                                                                                                                                                 
    padding-left:12px;                                                                                                                                          
    padding-top:3px;                                                                                                                                            
}                                                                                                                                                           
                                                                                                                                                            
.warning-msg p {                                                                                                                                            
    color:#ae1010;                                                                                                                                              
    width:290px;                                                                                                                                                
    margin-left: 50px;
    font:bold 11px Verdana;                                                                                                                                     
    text-align:center;
    vertical-align: middle;
    position: relative;
}

.markbook-no-nmaxuses {
    background-color: #e6e6e6;
}

.markbook-quiz-no-attempts {
    background-color: #ffcb1d;
}
.markbook-task-ready {
    background-color: #3366cc;
}
.markbook-task-progress {
    background-color: #87cefa;
}
.markbook-task-many {
    background-color: #fffbab;
}
.markbook-task-empty {
    background-color: #d3d3d3;
}
.markbook-task-default {
    background-color: #d3d3d3;
}
.markbook-default {
    background-color: #42b252;
}

.markbook-quiz-progress, .markbook-quiz-finished {
    background-color: #42b252;
}

.markbook-quiz-initial {
    background-color: #ffcb1d;
}

.markbook-offl-initial {
    background-color: #d3d3d3;
}

.markbook-offl-finished, .markbook-offl-progress {
    background-color: #3366cc;
}

.markbook-quick-initial {
    background-color: #d3d3d3;
}

.markbook-quick-finished, .markbook-quick-progress {
    background-color: #3366cc;
}

.markbook-task-initial {
    background-color: #d3d3d3;
}

.markbook-task-finished {
    background-color: #3366cc;
}

.markbook-task-progress {
    background-color: #87cefa;
}

/*  sasa */
.auto-form-table td div label img{
     vertical-align: bottom;
	 padding-right:2px;
	 padding-bottom:2px;
}