/* GENERAL CSS CLASSES  */
/* (valid in all the pages)  */

	body{ 
	background-color: #FFFFFF; 
	font-family: verdana, tahoma, arial;
	margin: 0px;
	}

	p{ 
	font-family: verdana, tahoma, arial;
	font-weight: normal;
	font-size: 12px;
	color: black;
	text-align: left;
	}
	
	a{ 
	text-decoration: none;
	outline: none;
	cursor: hand;
	}

	table{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-collapse: collapse;
	font-size: 12px;
	}

	tr{
	border: 1px none #444444;
	}

	td{
	padding-top: 0px;
	padding-bottom: 0px;
	}
	
	ul, ol {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
	}
	
	form{
		margin: 0px;
	}
	
	.asterisco{
		display: inline;
		color: blue;
	}

	.fullheight{height:100%} /* trick to set the table height to 100% (which is an invalid attribute for TABLE */
	
	p.opt{
	font-weight: bold;
	font-size: 13px;
	color: black;
	text-align: left;
	margin-left: 10px;
	}
	/* Style of Buttons */
	input.btnhov{
	   border-top-color:#c63;
	   border-left-color:#c63;
	   border-right-color:#930;
	   border-bottom-color:#930;
	   }

	.button_img{ 
	padding:0; 
	margin:0;
	border:0;
	}
	
	.button_special{ 
	margin-top: 5px;
	margin-left: 5px;
	font-size: 11px;
	height: 22px; 
	font-weight:bold;
	color:#333333;
	padding:0 .50em 0 .50em;
	width:auto;
	overflow:visible;
	background-color:#F9DC19;
	border:1px solid;   
	border-top-color:#F08C26;
	border-left-color:#F08C26;
	border-right-color:#F08C26;
	border-bottom-color:#F08C26;
	}

/********************/
/*      Login Element       */
/********************/
.login{
font-size: 11px;
width: 80px;
font-weight: normal;
}

.main_table{
background-color: #0276b3;
padding-right: 10px;
height:100%;
}

.login_label{
	font-size: 11px;
	color:white;
	font-weight:normal;
	display: inline;
	margin-right: 5px;
	line-height: 22px;
}

div.login_box{
height: 26px;
background-color: #63ad02;
background-image: url(/img/bg_box_green.jpg); 
background-repeat: no-repeat; 
border: 1px solid white;
margin-top: 10px;
padding-top:2px;
margin-right:10px;
font-size: 12px;
color:white;
font-weight: bold;
text-decoration: none;
}

div.login_box_vertical{
height: 170px;
width: 280px;
background-color: #63ad02; 
border: 1px solid white;
margin-top: 10px;
margin-left: 25px;
padding-top:10px;
padding-left:20px;
font-size: 12px;
color:white;
font-weight: bold;
text-decoration: none;
}

.login_link{ 
font-size: 11px;
color:black;
font-weight: normal;
text-decoration: none;
}

.login_color{ 
font-size: 11px;
color: white;
font-weight: normal;
text-decoration: none;
}

.user_log{ 
font-size: 11px;
color: white;
display: inline;
font-weight: bold;
text-decoration: none;
position: relative;
top: -4px;
margin-right: 10px;
}

td.top{
background-color: #027ABB;
padding-top: 0px;
padding-bottom: 0px;
}

td.logo{
padding-top: 0px;
padding-bottom: 0px;
height: 60px;
}

/********************/
/*    Language Menus    */
/********************/

tr.stripe_language{
background-color: #0272ad; 
border-top: 1px solid #488fb7;
border-bottom: 1px solid #005e8f;
background-image: url(/img/bg_langbar.gif); 
}

td.title_language_bar{ 
border-bottom: 1px solid #005e8f;
font-size: 11px;
color: white;
text-align: center;
}

td.lang_bar_inact
{height: 13px; text-align: center; position:relative; margin:0; padding: 0; border-bottom:1px solid #005e8f;}

td.lang_bar_inact a{ 
display:block;
font-size: 11px;
color:white;
text-decoration: none;
}

td.lang_bar_inact_sel{ 
height: 12px;
background-image: url(/img/bg_langbar_inact.gif); 
border-top: 1px solid #488fb7;
border-bottom: 1px solid #005e8f;
font-size: 11px;
color: white;
text-align: center;
}

.menudefault
{height: 13px; text-align: center; position:relative; margin:0; padding: 0; border-bottom:1px solid #005e8f;}

.menudefault a, 
.menudefault a:visited 
{display:block; text-align:center; text-decoration:none; color:#fff; line-height:13px; font-size:11px;}

.menudefault a:hover
{border:0; background-image: url(/img/bg_langbar_inact.gif); }

.language_bar1_act
{height: 13px; text-align: center; position:relative; margin:0; padding: 0; background-image: url(/img/bg_my_lang_act.gif);}

.language_bar1_act a, 
.language_bar1_act a:visited 
{display:block; text-align:center; text-decoration:none; color:#fff; line-height:15px; font-size:11px;}

.language_bar1_act a:hover
{border:0; background-image: url(/img/bg_langbar_inact.gif); }

.language_bar2_act
{height: 13px; text-align: center; position:relative; background-image: url(/img/bg_train_lang_act1.gif); margin:0; padding: 0;}

.language_bar2_act a, 
.language_bar2_act a:visited 
{display:block; text-align:center; text-decoration:none; color:#000; line-height:15px; font-size:11px;}

.language_bar2_act a:hover
{border:0; color: white; background-image: url(/img/bg_langbar_inact.gif); }

/* ***********************************
/*    LANGUAGE DROP DOWN MENU
/************************************

/* set up the overall width of the menu div, the font and the margins with a relative position*/
.menu 
{height: 13px; text-align: center; position:relative;z-index:99; background-image: url(/img/bg_langbar.gif); margin:0; padding: 0;}

/* float the list so that the items are in a line */
#other1
{float: right; margin-right:1px; text-align:left; display:block; position:absolute; top:87px; right:0px; z-index:100; padding:0; background:#004065; color:#000; width:149px; height:300px; overflow:auto; border-left:1px solid #488fb7; border-bottom:1px solid #488fb7;}

#other2
{float: right; margin-right:1px; text-align:left; display:block; position:absolute; top:104px; right:0px; z-index:97; padding:0; background:#004065; color:#000; width:149px; height:300px; overflow:auto; border-left:1px solid #488fb7; border-bottom:1px solid #488fb7;}

/* style the links to be 200px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu a, 
.menu a:visited 
{display:block; text-align:center; text-decoration:none; width:150px; color:#fff; line-height:15px; font-size:11px; text-indent:10px;}

/* set the background and foreground color of the main menu li on hover */
.menu a:hover
{border:0; background-image: url(/img/bg_langbar_inact.gif); }

/* style the background and foreground color of the submenu links */
#other1 a,
#other1 a:visited
{display:block; background:#004065; color:#fff; width:132px; text-align:left; text-decoration:none; border:0; text-indent:10px; font-size:11px; }

/* style the background and forground colors of the links on hover */
#other1 a:hover
{text-decoration:none; color:#fff; background:#0496E2;}

/* style the background and foreground color of the submenu links */
#other2 a,
#other2 a:visited
{display:block; background:#004065; color:#fff; width:132px; text-align:left; text-decoration:none; border:0; text-indent:10px; font-size:11px; }

/* style the background and forground colors of the links on hover */
#other2 a:hover
{text-decoration:none; color:#fff; background:#0496E2;}


/********************/
/*         LEFT Menu        */
/********************/

td.menu_left{
border: 1px none #BBBBBB;
padding-top: 0px;
padding-bottom: 0px;
width: 120px;
background-color:#0273b3;
}

td.main{
background-color: #0276b3;
padding-top: 0px;
padding-bottom: 0px;
border: 0px none;
border-collapse: collapse;
height:100%;
}

td.banner{
background-color: #EFEFEF;
padding-top: 0px;
padding-bottom: 0px;
width: 0px;
}

td.bottom{
border: 1px solid #FFFFFF;
background-color: #EAEAEA;
padding-top: 0px;
padding-bottom: 0px;
}

.popupLink { COLOR: red; outline: none }
.popup { VISIBILITY: hidden; height: 100; BORDER: 1px none black;}
.close { border: 0px none black; float: right; top: 0px;}

a.index_list_voc{
font-weight: bold;
font-size: 12px;
color:#035f91;
text-decoration: none;	
line-height: 16px;
margin-left: 10px;
}

a.index_list_voc:link{
color:#035f91;
}

a.index_list_voc:hover{
color: #00BB00;
}

table.pagina{ 
border: 1px solid #aaaaaa;
width: 800px;
height: 550px;
border-collapse: collapse;
}


p.login_error_message{
background-color: white;
text-align: left;
}

td.upper_menu{ 
height: 15px;
border-bottom: 1px solid #A9A9A9; 
background-color: white;
font-size: 12px;
}

div.up_menu_box{ 
height: 26px;
background-image: url(/img/bg_box_green.jpg); 
background-repeat: no-repeat; 
border: 1px solid white;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
padding-top:2px;
font-size: 12px;
color:white;
font-weight: bold;
text-decoration: none;
}

div.up_menu_lines{ 
height: 26px;
border-bottom: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-left: 10px;
margin-right: 10px;
background-color: #eaeaea;
}

a.up_menu2:hover{
	background-color: #DEFEB3;
}

div.up_menu_lines_double{ 
height: 30px;
border-bottom: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-left: 10px;
margin-right: 10px;
padding-top:3px;
background-color: #eaeaea;
}

div.up_menu_lines_triple{ 
height: 38px;
border-bottom: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-left: 10px;
margin-right: 10px;
padding-top:3px;
background-color: #eaeaea;
}

div.title_text_box{ 
background-image: url(/img/bg_box_blue.jpg); 
background-repeat: no-repeat; 
background-position: bottom left;
height: 26px;
width: 680px;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-top: 10px;
margin-right: 10px;
padding-left:5px;
background-color: #035f91;
color: white;
font-weight: bold;
line-height: 26px;
}


div.text_box{ 
background-color: #eaeaea;
height: 160px;
width: 680px;
border-bottom: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-right: 10px;
padding-left: 5px;
padding-top: 3px;
}

div.text_box_unlim{ 
width: 680px;
border-bottom: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-right: 10px;
padding-left:5px;

padding-top:3px;
padding-bottom: 20px;
background-color: #eaeaea;
}

div.title_wide_box_green{ 
background-color: #63ad02;
background-image: url(/img/bg_box_green.jpg); 
background-repeat: no-repeat; 
background-position: bottom left;
height: 22px;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-top: 10px;
padding-bottom:5px;
padding-left:5px;
color: white;
font-weight: bold;
line-height:26px;
}

div.title_half_box{ 
background-color: #035f91;
background-image: url(/img/bg_box_blue.jpg); 
background-repeat: no-repeat; 
background-position: bottom left;
height: 26px;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-top: 10px;
margin-right: 10px;
padding-left:5px;
color: white;
font-weight: bold;
line-height:26px;
}

#close:hover{
	font-weight: bold;
	color: red;
}

span.tags{
	color: #333333;
	font-size: 10px;
	background-color: #CFCFCF;
	padding-left: 2px;
	padding-right:2px;
	margin-left: 4px; 
	cursor: text;
	display: inline;
}

span.tags:hover{
	background-color: #C5C5C5;
}

div.title_half_box_green{ 
background-color: #63ad02;
background-image: url(/img/bg_box_green.jpg); 
background-repeat: no-repeat; 
background-position: bottom left;
height: 26px;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-top: 10px;
margin-right: 10px;
padding-left:5px;
color: white;
font-weight: bold;
line-height:26px;
}

div.half_box{ 

background-color: #eaeaea;
border-bottom: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
padding-left:5px;
}

div.title_wide_box{ 
background-image: url(/img/bg_box_blue.jpg); 
background-repeat: no-repeat; 
background-position: bottom left;
height: 22px;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-top: 10px;
padding-bottom:5px;
padding-left:5px;
background-color: #035f91;
color: white;
font-weight: bold;
line-height: 22px;
}


div.wide_box{ 
background-color: #eaeaea;
border-bottom: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-top: 0px;
}

div.title_normal_box{ 
background-image: url(/img/bg_box_blue.jpg); 
background-repeat: no-repeat; 
background-position: bottom left;
height: 22px;
width: 678px;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-top: 10px;
margin-right: 10px;
padding-bottom:5px;
padding-left:5px;
background-color: #035f91;
color: white;
font-weight: bold;
line-height: 28px;
}

div.title_half_box_right{ 
background-image: url(/img/bg_box_blue.jpg); 
background-repeat: no-repeat; 
background-position: bottom left;
height: 26px;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-top: 10px;
margin-right: 10px;
padding-left:5px;
background-color: #035f91;
color: white;
font-weight: bold;
line-height: 26px;
}

div.title_adaptive_box{ 
background-image: url(/img/bg_box_blue.jpg); 
background-repeat: no-repeat; 
background-position: bottom left;
height: 22px;
width: 550px;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-top: 10px;
margin-right: 10px;
padding-bottom:5px;
background-color: #035f91;
color: white;
font-weight: bold;
line-height: 24px;
}

a#corpo_history_wrong{
	text-decoration: line-through;
}

div.wide_box_big{
height: 90%;
border-bottom: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-right: 10px;
background-color: #eaeaea;
}

div.normal_box{ 
border-bottom: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-top: 0px;
margin-right: 10px;
background-color: #eaeaea;
width: 683px;
margin-bottom: 10px;
}

div.adaptive_box_no_line{ 
width: 550px;
height: 30px;
border-left: 1px solid white;
border-right: 1px solid white;
margin-right: 10px;
background-color: #eaeaea;
}

div.adaptive_box{ 
width: 550px;
border-bottom: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-right: 10px;
background-color: #eaeaea;
padding-top: 3px;
}

div.end_results{ 
margin-top:5px;
margin-bottom: 15px;
width: 100%;
border: 1px solid #D0D0D0;
margin-right: 10px;
background-color: #DFDFDF;
}

div#commands{
	width: 100%;
	height: 30px;
	margin-top: 20px;
	padding-left: 35px;
	clear: left;
}

div#graph{
	float: left;
	padding-left: 15px; 
	padding-right:15px; 
	padding-bottom:10px; 
}

a.up_menu{ 
display:block;
font-size: 12px;
color:white;
font-weight: bold;
text-decoration: none;
line-height: 22px;
padding-left: 4px;
}

a.up_menu_double{ 
display:block;
font-size: 12px;
color:white;
font-weight: bold;
text-decoration: none;
line-height: 12px;
padding-left: 4px;
}

a.up_menu2{
display:block;
font-size: 11px;
color:black;
font-weight: normal;
text-decoration: none;
padding-left: 10px;
line-height: 26px;
}

a.up_menu3{
display:block;
font-size: 11px;
color:black;
font-weight: normal;
text-decoration: none;
padding-left: 10px;
}

td.info_dizionario{ 
height: 100px;
border: 1px none green; 
background-color: white;
}

td.main_main{ 
border: 1px none green; 
}

td#core{ 
	padding-top: 50px;
}

.txt-black,
.txt-black :visited{
	color: black;
}

div.box_options_left_title{ 
background-image: url(/img/bg_box_blue.jpg); 
background-repeat: no-repeat; 
background-position: bottom left;
height: 22px;
width: 280px;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-top: 10px;
margin-right: 10px;
padding-bottom:5px;
padding-left:5px;
background-color: #035f91;
color: white;
font-weight: bold;
line-height: 28px;
float: left;
}

div.box_options_right_title{ 
background-image: url(/img/bg_box_blue.jpg); 
background-repeat: no-repeat; 
background-position: bottom left;
height: 22px;
width: 280px;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
margin-top: 10px;
margin-right: 10px;
padding-bottom:5px;
padding-left:5px;
background-color: #035f91;
color: white;
font-weight: bold;
line-height: 28px;
float: right;
display: inline;
}

div.box_options_left{
padding-left:5px;
border: 1px solid white;
height: 160px;
width: 280px;
float: left;
background-color: #eaeaea;
}

div.box_options_right{
padding-left:5px;
margin-left: 10px;
height: 160px;
border: 1px solid white;
width: 280px;
float: left;
display:inline;
background-color: #eaeaea;
}

table.main{ 
background-color: #eaeaea;
border: 1px none blue; 
width: 100%;
height: 100%;
border-collapse: collapse;
}

td.main_top{ 
width: 200px;
height: 80px;
border: 1px none black; 
}

.navigation{
	margin: 15px;
}

.a-navigation,
.a-navigation:visited{
	display: block;
	float: left;
	padding: 1px 8px;
	margin: 0 5px 0 0;
	border: 1px solid #035F91;
	color: #035F91;
}

.a-navigation-act,
.a-navigation-act:visited{
	display: block;
	float: left;
	padding: 1px 8px;
	margin: 0 5px 0 0;
	color: #000099;
	font-weight: bold;
}

.a-navigation:hover{
	background-color: #035F91;
	color: white;
}

/*****************/
/**Training.php ***/
/*****************/

td.vocabolo{
background-color: #DEFEB3;
border: 1px solid #C0E09B;
height: 100px;
}

td.spaziatore{ 
border: 0px none #aaaaaa; 
padding-left:10px;
}

td.form{ 
background-color: #CBE5F3;
border: 1px solid #ABC5D3;
width:250px;
padding-top:23px;
}

#answer{
	font-size: 15px;
	border: 1px solid #A3A3A3;
}

#final_opt{ 
background-image: url(/img/bg_trad.gif);
background-repeat: repeat-x;
width: 220px;
height:43px;
margin-top: 30px;
margin-left: 10px;
padding-top:40px;
}

td.option{ 
background-image: url(/img/bg_trad_flip.gif);
background-repeat: repeat-x;
background-color: #027abb;
width: 250px;
}

p#articolo{
font-weight: normal;
font-size: 13px;
color: black;
text-align: center;
display: inline;
}

p.name_vocabulary{
font-weight: bold;
font-size: 13px;
color: white;
display: inline;
}

.print{
color: #666666;
margin-top: 5px;
display: block;
}

p#vocabolo_proposto{
font-weight: bold;
font-size: 13px;
color: black;
text-align: center;
display: inline;
}

p.vocabolo{ 
font-weight: bold;
font-size: 13px;
color: black;
text-align: center;
display: inline;
}

p#comment{ 
font-weight: normal;
font-size: 9px;
color: black;
text-align: center;
}

p#proposal_type{ 
font-weight: normal;
font-size: 9px;
color: black;
text-align: right;
margin-right: 8px;
}

p.tipologia_vocabolo{ 
font-weight: normal;
font-size: 12px;
color: black;
text-align: center;
}

div.summary{
margin-left: 10px;
margin-right: 10px;
margin-top: 0px;
border-right: 1px solid white;
border-left: 1px solid white;
border-bottom: 1px solid white;
}

table.summary{ 
width: 136px;
border-collapse: collapse;
background-color: #FEDE58;
border: 1px solid #aaaaaa; 
background-image: url(/img/bg_box_yellow.jpg); 
background-repeat: no-repeat; 
background-position: bottom left;
}

p.summary{ 
margin-left: 4px;
font-size: 11px;
color: #FFFFFF;
line-height: 20px;
display: inline;
font-weight: normal;
}

p.summary_end{ 
margin-left: 4px;
font-size: 11px;
color: #000000;
line-height: 20px;
display: inline;
font-weight: normal;
}

.semaforino{
margin-top: 3px;
display: inline;
}

.message_new_voc{
padding-left: 20px;
margin-top: 40px;
color: white;
}

p#vocabolo_precedente{ 
margin-left: 10px;
line-height:15px;
font-size: 10px;
color: #333333;
text-align: left;
display: inline;
}

p#traduzione_precedente{ 
margin-left: 5px;
font-size: 10px;
color: #333333;
text-align: left;
display: inline;
}

p#risposta_precedente{ 
margin-left: 10px;
font-size: 10px;
color:  #D22C2C;
text-align: left;
display: inline;
}


td.sotto{ 
border: 1px solid green; 
background-color: white;
}

td.bottom{ 
background-color: #DDDDDD;
width: 100%;
height: 20px;
}

table.new_vocabulary{ 
background-image: url(/img/bg_new_vocab2.gif);
background-repeat: repeat-x;
width: 380px;
border-collapse: collapse;
border: 1px none #aaaaaa; 
}

td.new_vocabulary1{ 
font-size: 12px;
text-align: right;
height: 30px;
border-collapse: collapse;
border: 1px none #aaaaaa;
padding-right: 15px;
padding-left:10px;
}

td.userinfo1{ 
width: 170px;
font-size: 11px;
color: black;
text-align: right;
height: 30px;
border-collapse: collapse;
border: 1px none #aaaaaa; 
padding-right: 10px;
}

td.userinfo2{ 
width: 210px;
font-size: 11px;
color: black;
text-align: left;
height: 30px;
border-collapse: collapse;
border: 1px none #aaaaaa; 
font-weight: bold;
}

table.useredit{ 
background-image: url(/img/bg_new_vocab2.gif);
background-repeat: repeat-x;
border-collapse: collapse;
border: 1px none #aaaaaa; 
}

td.useredit1{ 
width: 150px;
font-size: 11px;
color: black;
text-align: right;
height: 35px;
border-collapse: collapse;
border: 1px none #aaaaaa; 
padding-right: 10px;
}

td.useredit3{ 
width: 100px;
font-size: 9px;
color: white;
text-align: left;
height: 30px;
border-collapse: collapse;
border: 1px none #aaaaaa; 
}

table.new_word_table{ 
border-collapse: collapse;
border: 1px none #aaaaaa; 
height: 150px;
width: 510px;
}

table.new_word_table p{ 
color: black;
font-weight: normal;
font-size: 11px;
}

td#border_left{ 
border-left: 1px solid #AAAAAA; 
}

td#border_right{ 
border-right: 1px solid #AAAAAA; 
}

td.border_down{ 
padding-bottom: 5px;
border-bottom: 1px solid #AAAAAA; 
}

table.tab_word_avanzate{ 
margin-left: 2px;
background-color: #EEEEEE;
}

table#tastierina{ 
padding-top:5px;
margin-top:5px;
border: 1px none #AAAAAA; 
}

a.dir1{ 
font-size: 13px;
color: white;
text-decoration: none;
font-weight: bold;
}

a.dir2{ 
font-size: 20px;
color:#0000AA;
text-decoration: none;
font-weight: bold;
}

table.voc_list {
border-collapse: collapse;
border: 1px none #ACACAC;
margin-top: 0px;
clear: right;
width:100%;
table-layout: fixed
}

.voc_list td{ 
padding-left:0px;
padding-right:0px;
margin-right: 0px;
margin-left: 0px;
empty-cells: show;
overflow: hidden;
}

.expand { 
white-space:nowrap;
empty-cells: show;
overflow: hidden;
}

.voc_header{
border: 1px none #BCBCBC;
height: 15px;
background-color: #eaeaea;
font-size: 13px;
font-weight: bold;
color: blue;
}

.voc_header a:hover{
text-decoration: underline;
}

/* **************************
**           voc_list.php                 ** 
****************************/



.header{
border: 1px none #BCBCBC;
height: 15px;
font-size: 13px;
font-weight: bold;
color: blue;
margin-bottom:4px;
margin-left: 4px;
}

tr.row{
height:26px;
}

tr.row td{
padding-left:2px;
padding-right:2px;
}

.cell1{
background-color: #DEFEB3;
}

.cell2{
background-color: #CBE5F3;
}

.hint{
background:transparent url(/img/hint-box-new.gif) no-repeat scroll left top;
position: absolute;
width:181px;
z-index: 10;
}

.inner-hint{
width: 180px;
height: 60px;
background: #F3F6A4;
border-left: 1px solid #C2C2C3;
border-right: 1px solid #C2C2C3;
font-size: 10px; 
margin-top: 26px; 
font-weight:normal;
}

.inner-hint p{
margin-left: 8px;
margin-right: 5px;
font-size: 10px; 
font-weight:normal;
}

.bottom-hint{
height: 4px;
background: transparent url(/img/hint-box-bottom.gif) no-repeat scroll left bottom;
position: relative;
top: -8;
}

#advanced_switch {
	margin-left: 10px;
	color: green;
	font-weight: bold;
}

#keybgrey{
	position: absolute;
	border: 1px solid #aeaeae; 
	background-color: #dfdfdf;
	height: 13px;
}

#fbck_cl{
	color: red;
}

.currentField{
background-color: #FAFDC5;
border: 2px solid #1A9D17;
}

.errorField{
background-color: #FFD1D0;
border: 2px solid #1A9D17;
font-style: italic;
color: #6A6969;
border: 2px solid #C22420;
}

.changeField{
background-color: white;
}

.msg_header{
padding: 8px 17px;
}

.msg_header a,
.msg_header a:visited {
	color: #000099;
}

.voc_header_print{
border: 1px solid #BCBCBC;
height: 25px;
font-size: 13px;
font-weight: bold;
color: blue;
}

.voc_list1{
border-top: 1px solid #D1D1D1;
background-color: #eaeaea;
height: 22px;
}

tr.voc_list1:hover{
	background-color: #e1e1e1;
}

.voc_list1 a{
font-size: 13px;
}

.voc_list1 td{
border-top: 1px solid #D1D1D1;
}

.voc_list2{
border-top: 1px solid #D1D1D1;
background-color: #E8E8E8;
height: 22px;
}

tr.voc_list2:hover{
	background-color: #e1e1e1;
}

.voc_list2 a{
font-size: 13px;
}

.voc_list2 td{
border-top: 1px solid #D1D1D1;
}

.voc_list_print{
border-top: 1px solid #D1D1D1;
font-size: 12px;
line-height:22px;
}

.voc_list_print{
border-top: 1px solid #D1D1D1;
border-bottom: 1px solid #D1D1D1;
font-size: 15px;
height: 20px;
}

a.voc{
font-weight: bold;
color: #000099;
text-decoration: none;
line-height: 22px;
margin-left: 5px;
}

a.voc:hover{
font-weight: bold;
color: #00BB00;
text-decoration: none;
}

a.voc:active{
font-weight: bold;
text-decoration: none;
}

a.action{
font-size: 11px;
color: #777777;
font-weight: bold;
text-decoration: none;
cursor: pointer;
}

a.a_learn{
cursor:pointer;
}

a.action:link{
color: blue;
text-decoration: none;
}

a.action:active{
color: blue;
text-decoration: none;
}

a.action:visited{
color: blue;
text-decoration: none;
}

img {
border: none;
}

.comment{
font-size: 11px;
}

#tabs{
	margin:0px;
	margin-top:10px;
	border-left:1px solid #FFFFFF;
	clear:both;
	height:23px;
	padding:0;
}

li.tab {
	float:left;
	width:30%;
	text-align: center;
	border-top: 1px solid white;
	border-right: 1px solid white;
	border-left: 1px solid white;
	color:white;
	background-color: #63AD02;
	margin-right:10px;
}

li.tab  a{
	color: white;
	font-weight: bold;
	line-height: 22px;
	display: block;
}

li.tab:hover{
	background-color: #D9D9D9;
}

li.tab  a:hover{
	color: black;
}

li.tab  a.active{
	background-color: #eaeaea;
	display: block;
	color: black;
}

.savebtn{
	color:#666666;
	padding:2px;
}

.savebtn:hover{
	background-color:blue; 
	color:white;
}

/**********************************/

.keyb{
width: 30px;
}

.keyb2{
background: transparent;
border: 1px none grey;
}

.result{
	border: none;
	text-align: left;
	font-size: 12px;
	color: black;
	font-weight: bold;
	background: transparent;
	background-color: #FFF1A8;
	line-height: 18px;
	padding: 3px;
}

#result{
	border: none;
	text-align: left;
	font-size: 12px;
	color: black;
	font-weight: bold;
	background: transparent;
	background-color: #FFF1A8;
	line-height: 18px;
	padding: 3px;
}

/**********************************/
/*                  w_list.php                       */
/**********************************/

	div {
		min-height: 17px;
		min-width: 10px;
	}
	
	div.edit_div {
		position: relative;
	}

	#datExample {
		border: 1px solid #ccc;
		padding: 30px;
		background: #f3f3f3;
		margin-top: 20px;
	}

	.dynaInput {
		font: 11px Verdana;
		border: none;
		background: #ffc;
	}

	.dynaInput_type {
		font: 11px Verdana;
		width: 45px;
		border: none;
		background: #ffc;
	}

	.dynaDiv {
		display: inline;
		width: 100%;
	}

	.voc_comm_div{
		margin:10px;
		border-bottom: 1px solid #a0a0a0;
	}
	.voc_comm{
		font-size:11px;
	}
	.voc_comm_user{
		color:blue;
		font-weight: bold;
	}
	.voc_comm_when{
		color:#888888;
	}
	div#new_comment{
		margin-left:5px;
		height:140px;
	}

	/***********/
	/* tableGrid */
	/***********/
	
	.dynatab {
		font: 14px/22px Verdana, Arial, Helvetica, sans-serif;

	}

	.dynatab th {
		padding: 0 0.5em;
		text-align: left;	
	}

	.dynatab tr.yellow td {
		font: 15px/28px Verdana, Arial, Helvetica, sans-serif;
		border: 1px solid #009900;
		background: #DFFFDF;
	}

	.dynatab td.point{
		width: 30px;
		cursor: pointer;
		cursor: hand;
		background: #fff;
	}


	.dynatab td.point_type {
		width: 30px;
		cursor: pointer;
		cursor: hand;
		background: #fff;
	}

	.point_type  div{
		font: 11px Verdana;
	}

	.dynatab td.point_plural {
		width: 40px;
		cursor: pointer;
		cursor: hand;
		background: #fff;
	}

	.point_plural  div{
		color: #676767;
	}

	.dynatab td {
		padding: 0 0.5em;
		background: #e3e3e3;
	}

	.dynatab td.width {
		width: 190px;
	}

	.update {
	  font-size: .9em;
	  font-weight: bold;
	  color: #660000;    
	}

	.update2 {
	  background-color: red;
	  font-size: 12px;
	  font-weight: bold;
	  color: white;    
	}

	.warning {
	  font-size: 12px;
	  font-weight: bold;
	  color: red;    
	}

	.loading {
		font-size: .9em;
		font-weight: bold;
		color: #FFFFFF;
		background-color: #027ABB;
	}
	
/* **************************
**   ANYLINK SCRIPT               **
****************************/

	#dropmenudiv{
	position:absolute;
	border:1px solid grey;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
	}

	#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 10px;
	border-bottom: 1px none grey;
	padding: 1px 0;
	text-decoration: none;
	color: #000099;
	height: 20px;
	font-size: 12px;
	}

	#dropmenudiv a:hover{ /*hover background color*/
	background-color: #DEFEB3;
	}

	.drpdn_inact{
	color: grey;
	}

/* **************************
**           w_edit.php               **
****************************/

	#new_word_message{
	font: 11px Verdana;
	width: 400px;
	height: 20px;
	color: green;
	font-weight: bold;
	}

	#main_box{
		overflow: auto;
	}

/* ***********************************
/*   Drop down button for options
/************************************/
    .btn, .btngrp {
      float:left;
      margin:0 0 5px 0;
      font:12px Arial,Sans-serif;
      text-decoration:none;
      color:#222;
      outline:none;
      }
    .onbtn, .btngrp {
      margin-right:3px;
      }
    .btn b, .btngrp b {
      display:block;
      float:left;
      position:relative;
      margin:0 1px;
      padding:1px 0;
      font-weight:normal;
      }
    .btn b b, .btngrp b b {
      background:none;
      display:block;
      position:relative;
      margin:0 -1px;
      padding:0 1px;
      }
    .btn b b b, .btngrp b b b {
	  margin:0;
      padding:1px 5px 2px;
      }

    .btn:hover, .btngrp a:hover {
      cursor:default;
      }
    .pointer .btn:hover, .pointer .btngrp a:hover {
      cursor:pointer;
      }
    .onbtn b, .btngrp b, .btn:hover b {
      background:#ddd url("/images/bg-btn.gif") repeat-x 0 0;
      padding:0;
      border:solid #aaa;
      border-width:1px 0;
      }
    .onbtn b b, .btngrp b b, .btn:hover b b {
      padding:0;
      border-width:0 1px;
      }
    .onbtn b b b, .btngrp b b b, .btn:hover b b b {
      padding:1px 5px 2px;
      border-width:0;
      }
    .onbtn:hover b, .btngrp b b b a:hover {
      border-color:#9cf #69e #69e #7af;
      }

    .btngrp b b b, .btngrp:hover b b b {
      padding:0;
      border-right:1px solid #aaa;
      }
    .btngrp b b b.last {
      border-right:none;
      }
    .btngrp b b b a {
      background:#ddd url("bg-btn.png") repeat-x 0 0;
      float:left;
      margin:0;
      padding:0 3px 1px;
      border-style:solid;
      border-width:1px;
      border-color:#fff #eee #ddd;
      text-decoration:none;
      color:#222;
      outline:none;
      }
    .btngrp b b b a:active {
      border-color:#ccc;
      }
    
    .btn:active {
      color:#111;
      }
    .btn:active b, .btngrp b b b a:active {
      background-image:none;
      background-color:#ccc;
      }
    .btn:active b b {
      background-color:transparent;
      }
    
    .dropdn b b b, a.dropdn:hover b b b, .dropdn:active b b b {
      background:url("/img/dropdown.gif") no-repeat 100% 50%;
      padding-right:15px;
      }
	  
    .btn img {
      display:block;
      border-width:0;
      padding:1px;
      }
	  
	  
/* ***********************************
/*    Link button modified
/************************************/
    .btnmod {
      float:left;
      margin:0 8px 5px 0;
      font:12px Arial,Sans-serif;
      text-decoration:none;
      color:#222;
      outline:none;
      }
    .btnmod b{
      display:block;
      float:left;
      position:relative;
      margin:0 1px;
      padding:0;
      font-weight:normal;
      border:solid #aaa;
      border-width:1px 0;
	  background-color:#E5E5E5;
      }
    .btnmod b b{
      background:none;
      display:block;
      position:relative;
      margin:0 -1px;
      padding:0 1px;
	  border-width:0 1px;
      }
    .btnmod b b b{
	  margin:0;
      padding:1px 4px 2px;
	  border-width:0;
      }
    .btnmod:hover{
      cursor:default;
      }
    .pointer .btnmod:hover{
      cursor:pointer;
      }
    .btnmod:hover b {
      background-color:#D5D5D5;
      padding:0;
      border:solid #aaa;
      border-width:1px 0;
      }
    .btnmod:hover b b {
      padding:0;
      border-width:0 1px;
      }
    .btnmod:hover b b b {
      padding:1px 5px 2px;
      border-width:0;
      }
    .btnmod:active {
      color:#111;
      }
    .btnmod:active b {
      background-image:none;
      background-color:#c0c0c0;
      }
    .btnmod:active b b {
      background-color:transparent;
      }

/* ***********************************
/*    faq.php

/************************************/
	p.question{ 
	font-weight: bold;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 4px;
	font-size: 12px;
	color: black;
	text-align: left;
	}
	
	p.answer{ 
	font-weight: normal;
	margin-left: 25px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 18px;
	font-size: 12px;
	color: black;
	text-align: left;
	}
	
	.new{ 
	display: inline;
	font-size: 12px;
	color: red;
	text-align: left;
	}
	
/* ***********************************
/*    contact.php
/************************************/

	.input_name{
	font-size: 12px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	}
	
	.email{
	font-size: 12px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 320px;
	height: 250px;
	}
	
	.msgOK{
	font: 11px Verdana;
	width: 400px;
	height: 20px;
	color: green;
	font-weight: bold;
	}
	
	.msgKO{
	font: 11px Verdana;
	width: 400px;
	height: 20px;
	color: red;
	font-weight: bold;
	}
	
	.googleads{
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	background-color: #0273B3;
	}
	
/* ***********************************
/*    Share.php
/************************************/
	.std_textarea{
	font-size: 12px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 437px;
	height: 150px;
	}
	
	p.remark{ 
	font-weight: normal;
	margin-left: 25px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 18px;
	font-size: 11px;
	color: grey;
	text-align: left;
	}

	input.button_norm{
	margin-top: 5px;
	margin-left: 5px;
	font-size: 11px;
	height: 22px; 
	font-weight:bold;
	color:#333333;
	padding:0 .50em 0 .50em;
	width:auto;
	overflow:visible;
	background-color:#DDDDDD;
	border:1px solid;   
	border-top-color:#696;
	border-left-color:#696;
	border-right-color:#363;
	border-bottom-color:#363;
	}
	
input.button {
    border: 0;
    background: url(/img/button_blue_sm.gif) no-repeat;
    height: 22px;
    /* used to catch the buttonEnding */
    position: relative;
	font-weight: normal;
	font-size: 11px;
	color: white;
	width: 130px;
	text-align: left;
	padding-left:10px;
	margin-left: 20px;
	margin-top: 5px;
}

.fakebutton { /* FAKE BUTTON */
    border: 0;
    background: url(/img/button_blue_sm.gif) no-repeat;
    height: 22px;
	font-weight: normal;
	font-size: 11px;
	color: white;
	width: 100px;
	text-align: left;
	margin-left: 20px;
}

.buttonEndingFake {
	empty-cells: show;
    width: 5px;
    height: 22px;
	padding-top: 5px;
	padding-bottom:5px;
    background: url(/img/end_blue.gif) no-repeat;
}

input.buttonstd {
	font-size: 12px;
	padding-left:5px;
	padding-right:5px;
	margin-left: 5px;
}

.buttonEnding {
    position: absolute;
    display: inline;
    width: 13px;
    height: 22px;
    background: url(/img/end_blue.gif) no-repeat;
	margin-top: 5px;
}

input.button_blue {
    border: 0;
    background: url(/img/button_blue_sm.gif) no-repeat;
    height: 22px;
    /* used to catch the buttonEnding */
    position: relative;
	font-weight: normal;
	font-size: 11px;
	color: white;
	width: 130px;
	text-align: left;
	padding-left:10px;
	margin-left: 20px;
	margin-top: 5px;
}

.buttonEnding_blue {
    position: absolute;
    display: inline;
    width: 13px;
    height: 22px;
    background: url(/img/end_blue.gif) no-repeat;
	margin-top: 5px;
}

input.button_grey {
    border: 0;
    background: url(/img/button_grey_sm.gif) no-repeat;
    height: 22px;
    /* used to catch the buttonEnding */
    position: relative;
	font-weight: normal;
	font-size: 11px;
	color: black;
	width: 130px;
	text-align: left;
	padding-left:10px;
	margin-left: 10px;
	margin-top: 5px;
}

.buttonEnding_grey {
    position: absolute;
    display: inline;
    width: 13px;
    height: 22px;
    background: url(/img/button_grey_sm_end.gif) no-repeat;
	margin-top: 5px;
}

.keyb{
	width: 25px;
    border: 0;
    background: url(/img/button_grey_sm.gif) no-repeat;
    height: 22px;
    /* used to catch the buttonEnding */
    position: relative;
	font-weight: normal;
	font-size: 11px;
	color: black;
	text-align: left;
	padding-left:10px;
	margin-left: 10px;
	margin-top: 5px;
}

#go{
	width: 40px;
	margin-left: 0px;
}

#finish{
	width: 65px;
}

a.word{
	font-size: 15px;
}

a.art{
	font-size: 15px;
	
}

#feedback{
	padding-top:4px;
}

#traffic{
	position: relative;
	top:3px;
}

div#tip{
	background: #888888;
	margin-left: 10px;
	margin-bottom: 5px;
	padding-left: 10px;
	margin-right: 10px;
	padding-right: 10px;
	width: 500px;
	padding-top: 5px;
	padding-bottom: 3px;
}

/* train_multi.php */

.multians{
	text-align: left;
	margin-top:20px;
}

.multians a{
	border: 1px solid #999999;
	background-color: #DEDEDE;
	text-align: left;
	font-size: 18px;
	margin-top: 10px;
	padding-left:10px;
	padding-top: 5px;
	padding-bottom:5px;
	display:block; 
	color: black;
}

.multians a:hover{
	border: 1px solid black;
}

.multians a:visited{
color: black;
}