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

	html, body{ 
	font-family: arial, helvetica, verdana, tahoma;
	margin: 0px;
	background-color: #0273B3;
	height: 100%;
	}

	p{ 
	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;
	}

	div{
	font-size: 12px; 
	}
	
	ul, ol {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
	}
	
	form{
		margin: 0px;
	}
	
	#mainmain{
	min-height: 100%;
	background-color: white;
	clear: left;
	margin-left: 10px;
	margin-right:10px;
	height: 100%;
	position:relative;
	top: -10px;
	}
	
	#maincontainer{
		background-color: white;
		width:100%;
		position: absolute;
		top: 125px;
		margin-bottom:10px;
	}
	
	#push{
		height:100%;
	}
	
	#topsection{
		background-image: url(/img/spriteme2.png); 
		background-position: 0px -450px;
		background-repeat: repeat-x; 
		height: 70px;
		background-color: #0273B3;
		border-bottom: 1px solid #488fb7;
		position: absolute;
		top:0px;
		left:0px;
		width:100%;
	}
	

	div#languagebar {
		background-color: #0273B3;
		position: absolute;
		top: 70px;
		left:0px;
		width:100%;
		height:45px;
	}
	
	#mainbox{
		background-color: #0273B3;
		/*border: 10px solid #0273B3;*/
		position: absolute;
		top: 107px;
		width:100%;
		min-height: 100%;
		height: auto !important;
		height:100%;
	}
	
	#mainbox_inner{
		background-color: #FFFFFF;
		/*border: 10px solid #0273B3;*/
		position: absolute;
		width:97%;
		height: auto !important;
		margin: 10px 10px;
	}
	
	#leftcolumn{
		float: left;
		width: 48%; /*Width of left column*/
		margin-top: 10px;
		margin-left: 1%;
	}
	
	#rightcolumn{
		float: left;
		width: 48%; /*Width of left column*/
		margin-top: 10px;
		margin-left: 1%;
	}
	
	.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;
	}
	
	#menu_on_top{
		background-image: url(/img/spriteme2.png); 
		background-position: 258px -540px;
		background-repeat: repeat-x; 
		padding-left: 20px;
		padding-top: 8px;
		height: 33px;
		width: 500;
		position: absolute;
		top: 0px;
		right: 0px;
	}
	
	#menu_on_top a{
		color: white;
		font-weight: bold;
		margin-right: 30px;
		font-size: 13px;
	}
	
	.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{
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_xs{
height: 37px;
width: 400px;
background-color: #95C91F;
margin-top: 10px;
padding-top:2px;
padding-left: 5px;
margin-left:35px;
margin-right:10px;
font-size: 11px;
color:white;
text-decoration: none;
}

div.login_box_xs_top{
position: absolute;
top: 40px;
right:100px;
height: 27px;
font-size: 11px;
color:white;
text-decoration: none;
}

#other1 ul li a{
z-index: 100;
}

div.login_box_vertical_small{
height: 170px;
width: 280px;
background-color: #035f91; 
border: 1px solid white;
margin-top: 10px;
margin-left: 5px;
font-size: 12px;
color:white;
font-weight: bold;
text-decoration: none;
}

div.login_box_vertical{
height: 170px;
width: 280px;
padding:10px;
background-color: #DEFEB3; 
border: 1px solid #CFEFA4;
margin-top: 10px;
margin-left: 25px;
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;
}

.myprofile{ 
font-size: 11px;
color: white;
display: inline;
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:13px; 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*/
.menuother 
{float:right; z-index:99; }

/* remove the bullets and set the margin and padding to zero for the unordered list */
.menuother ul 
{padding:0; margin:0; list-style-type: none; border:0;}

/* float the list so that the items are in a line */
.menuother ul li 
{float:left; position:relative; margin-right:1px;}

/* 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. */
.menuother_a , 
.menuother_a :visited 
{display:block; text-align:left; text-decoration:none; width:140px; color:#fff; line-height:15px; font-size:11px; text-indent:10px;}

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

/* make the sub menu ul visible and position it beneath the first list item */
.menuother ul li ul
{text-align:left; position:absolute; top:15px; left:-20px; text-align:left; padding:0px 0px 20px 20px; background:url(tab_bot.gif) 20px 100% no-repeat;}

/* make the sub menu ul li the full width with padding and border. Add an auto scroll bar */
.menuother ul li ul li, 
.menuother ul li a ul li
{background:#363636; display:block; color:#000; width:140px; height:257px;overflow:auto; border-left:1px solid #0496E2;}

/* style the background and foreground color of the submenu links */
.menuother ul li ul li a
{ background:#004065; display: block; color:#fff; width:122px; 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 */
.menuother ul li ul li 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;
}

td.main{
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;
}

div.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;}

#close{
	color: #555555; 
	margin-right: 10px; 
	margin-bottom: 3px; 
	font-size: 9px;
	padding-left: 5px;
	padding-right: 5px;
}
#close:hover{
	background-color: #777777;
	color: white;
}

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;
height: 26px;
border-top: 1px solid #035F91;
margin-top: 10px;
margin-right: 10px;
padding-left:5px;
color: white;
font-weight: bold;
line-height:26px;
}

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.box_header{ 
margin-right: 10px;
padding-left:10px;
padding-top: 5px;
color: #01466B;
font-size: 24;
}

div.box_header_margin{ 
margin-right: 10px;
padding-left:25px;
padding-top: 20px;
color: #01466B;
font-size: 24;
}

div.box{ 
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-right: 5px;
}

div.half_box{ 
background-color: #FFFFFF;
margin-top: 0px;
margin-bottom: 10px;
padding-left:5px;
padding-right: 5px;
}

div.separator_oriz{
border-bottom: 1px dashed #BBBBBB;
margin-bottom: 5px;
}

div#quick_result{
position:relative;
top: 8px;
}

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 #BBBBBB;
border-left: 1px solid #BBBBBB;
border-right: 1px solid #BBBBBB;
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: #FFFFFF;
border: 1px solid #BBBBBB;
margin-top: 0px;
margin-left:10px;
margin-right:15px;
margin-bottom: 10px;
}

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{ 
width: 440px;
margin-top:5px;
margin-bottom: 15px;
margin-left: 15px;
border-bottom: 1px solid #D0D0D0;
margin-right: 10px;
color: #BABABA;
}

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; 
}

#searchbox{
cursor: text;
width: 195px;
border:2px solid #D0D0D0;
position:relative;
display: inline;
float: right;
}

#searchbox input{
background-color: 5px solid red;
font-size:14px;
border: 0px transparent;
outline: none;
color:#909090;
}

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;
margin-top:0px;
padding-top: 0px;
}

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

#loader{
float: right;
margin-right: 20px;
}

.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;
	cursor:pointer;
}

.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 ***/
/*****************/

#proposal_box_l{
float: left;
background-color: #DEFEB3;
height: 120px;
width: 250px;
margin-left: 20%;
}

#box_arrow{
float: left;
height: 120px;
width:20px;
background-image: url(/img/box_arrow.gif);
}

#proposal_box_r{
float: left;
background-color: #CBE5F3;
height: 120px;
width:270px;
margin-left: 10px;
}

#form_box_answer{
	margin-top:42px;
}

#answer{
	font-size: 15px;
	border: 1px solid #A3A3A3;
	margin-bottom: 5px;
	margin-top:5px;
	margin-left: 20px;
	padding-left: 1px;
}

#train-buttons{
  margin-left: auto ;
  margin-right: auto ;
}

#button_line{
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
}

#feedback{
	clear: left;
	padding-top:4px;
	height: 30px;
	width: 550px;
	border-bottom: 1px solid #CECECE;
	margin-left: 20%;
	margin-top: 10px;
}

#feedback_translation a{
	padding-left: 3px;
	height; 25px;
}

a.a_edit:hover{
	background-color: #CFCFCF;
}

#feedback #edit_w{
	background-color: #FFFF88;	
	border: 1px solid #FFFF44;
	outline: none;
}

#feedback #edit_t{
	background-color: #FFFF88;	
	border: 1px solid #FFFF44;
	outline: none;
}

#partial_results{
	height: 20px;
	width: 200px;
	position:relative;
	top: -50px;
	left: 400;
	margin-left: 20%;
}

#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;
}

.print2{
color: #666666;
margin-left: 15px;
}

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: #AAAAAA;
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;
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;
font-size: 13px;
font-weight: bold;
color: #01466B;
}

.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;
min-height: 17px;
}

#advanced_switch {
	margin-left: 10px;
	color: green;
	font-weight: bold;
	display: block;
	clear: both;
	margin-top: 15px;
}

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

#fbck_cl{
	color: red;
}

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

.errorField{
background-color: #FFD1D0;
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: #F3F3F3;
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: #FFFFFF;
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%;
	margin-right:2%;
	text-align: center;
	border-top: 1px solid white;
	border-right: 1px solid white;
	border-left: 1px solid white;
	background-color: #FFFFFF;
}

li.separator_tab {
	float:left;
	width:5px;
	height:24px;
	text-align: center;
	border-bottom: 1px solid #BBBBBB;
	background-color: #FFFFFF;
	margin-right:0px;
}


.subsection_tabs{
	position: relative;
	top: 1px;
}

li.tab  a{
	color: white;
	font-weight: bold;
	line-height: 22px;
	display: block;
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	background-color: #1FA9C1;
}

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

li.tab  a:hover{
	background-color: #1394B2;
}

li.tab  a.active{
	background-color: #FFFFFF;
	display: block;
	border-bottom: 1px solid white;
	color: black;
}

li.tab  a.active:hover{
	background-color: #FFF;
}

.savebtn{
	background-color:#AAAAAA; 
	color:white;
	cursor:pointer;
}

.savebtn:hover{
}

.rmvbtn{
	background-color:#AAAAAA; 
	color:white;
	cursor:pointer;
}

.rmvbtn:hover{
}

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

.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-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;
	  margin:5px 5px;
	}

	.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{
	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/spriteme3.png);
	background-position: -10px -10px;
    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/spriteme3.png);
	background-position: -10px -10px;
    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/spriteme3.png);
	background-position: -10px -52px;
}

.buttonstd {
      display:inline-block;
      background:none;
      margin:0;
      padding:3px 3px;
      border-width:0;
      overflow:visible;
      font:100%/1.2 Arial,Sans-serif;
      text-decoration:none;
      color:#333;
      }
    * html button.buttonstd {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
    html:not([lang*=""]) button.buttonstd {
      margin:0 -3px;
      }

.buttonstd span span {
border-bottom:1px solid #AAAAAA;
border-top:1px solid #BBBBBB;
border-width:1px 0;
padding:3px 0.4em;
position:relative;
}
.buttonstd span {
 background-image: url(/img/spriteme2.png);
 background-position: 0px -10px;
border-left:1px solid #BBBBBB;
border-right:1px solid #AAAAAA;
margin:0;
padding:3px 0;
}
* html .btn span {
      padding-top:0;
      }

.buttonEnding {
    position: absolute;
    display: inline;
    width: 13px;
    height: 22px;
    background: url(/img/spriteme3.png);
	background-position: -10px -52px;
	margin-top: 5px;
}

input.button_blue {
    border: 0;
    background: url(/img/spriteme3.png);
	background-position: -10px -10px;
    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/spriteme3.png);
	background-position: -10px -52px;
	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;
}

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

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

#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_box{
	width:500px;
	background-color:#EFEFEF;
	border: 1px solid #DFDFDF;
}

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

.multians a{
	border: 1px solid #999999;
	background-color: #DEFEB3;
	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;
}

.remover{
	float: right;
	margin-top: 5px;

}

.remover a{
	padding-top:5px;
}