/* GENERALES */
html, body{
	margin: 0px; 
	padding: 0px; 
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

body{
	/*background-image: url(/templates/default/img/bg_line.jpg);*/
	/*background-image: url(img/bg.gif);*/ 
	background-repeat: repeat-x; 
	/*background-position: center bottom;*/
	background-attachment: fixed; 
	/*background-color: #dfe1e4;*/
	background-color: #FFFFFF;
	/*overflow: hidden;*/
}

img{border:none;}

.clear{clear:both; *height: 0px;}

#principal{
	width: 936px; 
	margin-left: auto; 
	margin-right: auto;
	background: url(img/bg_options.gif) top no-repeat white;
}

#preload_elements{display:none}
/* HEADER ********************************************************************************************************************************************************************************************************/
.push_header{
	height: 30px;
}

#cabecera{
	margin: 0 auto;
	width: 936px;
	/*overflow: hidden;*/
	background: white;
	position: relative;
}
#top {
	background-image: url(img/bg_title.jpg); 
	background-repeat: repeat-x;
	margin: 0 18px;
	overflow: hidden;
}

#barra_nav {
    background-image: url(/templates/default/img/bg_sub_grey.gif);
    background-repeat: repeat-x;
    height: 16px;
    margin-left: 18px;
    margin-right: 18px;
    width: 900px;
	margin-bottom: 10px;
}

#slogan {
    float: left;
    height: auto;
    padding-left: 8px;
    width: 146px;
}

#head_phrase2 {
    float: left;
    margin-left: 37px;
}

#menu{
	height: 42px;
	/*padding-left: 5px;*/
	background-image: url(img/bg_nav.jpg);
	background-repeat: repeat-x;
	*padding-top: 5px;
	*height: 37px !important;
	/*width: 1000px;*/
	clear: both;
	margin: 0 18px;
}

#mode{
	height: 30px;
	padding-bottom: 7px;
	margin: 0 18px;
}

.current_mode{margin-top:10px; font-weight:bold;}
#beta_text{font-weight:normal; float:left; clear:both}

/* top  */
#logo{
	float: left;
	margin-top: 4px;
	line-height: 30px;
	margin-left: 6px;
	color: #FFFFFF;
	font-size: 230%;
}
#logo2{
	position: relative;
	float: left;
	line-height: 30px;
	margin-left: 14px;
	margin-top: 11px;
	color: #5b5f69;
	font-size: 230%;
	font-weight: normal;
}
#moto{width: 164px; float: left; /*margin-left: -13px;*/ height: 42px;}

#finder{
	height: 23px;
 	width: 160px;
	float: right;
	margin-top: 10px;
	margin-right: 15px;
}
#textfield_finder{
	float: right;
	overflow: hidden;
	padding-left: 2px;
}

/* menu  */
#native{
	margin-top: 3px;
	width: 122px;
	margin-left: 0px;
}
#choose{
	margin-top: 3px;
	width: 110px;
	margin-left: 5px;
}
#chooseDisplay{
	margin-top: 3px;
	width: 140px;
	margin-left: 5px;
}
#learn{
	margin-top: 3px;
	width: 110px;
	margin-left: 5px;
}
#learnDisplay{
	margin-top: 3px;
	width: 140px;
	margin-left: 5px;
}

/*form{ position:relative; margin-top:3px; height:20px; width:140px; float:left; text-align:right;}*/

/* select box */
select { font-family: Tahoma, Verdana, Arial; font-size: 10px; color: #999999; background-color: #f7f0f0; border: #999894; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; width:120px;}
select.ui-pg-selbox, #pg_diff_words_pager table.ui-pg-table {width:auto !important;}

.mySelectBoxClassPlus{width:190px;}
.mySelectBoxClassPlus .customStyleSelectBox {width:150px;}
.customStyleSelectBox {/* Styles For Your Select Box */}
.customStyleSelectBox.changed {/* You can use this if you want a different style after user has made a selection */}
/* on the next line we add a down arrow on the right to indicate that it is a select box */
.customStyleSelectBoxInner { background:url(canvas-list-nav-item-arrow-.gif) no-repeat center right; white-space:nowrap; overflow:hidden; }
span.customStyleSelectBox {border-radius:4px; font-size:11px; line-height:13px; background-color: #f7f0f0; color:#e5640e; padding:3px 7px 4px; border:1px solid #999894; height:12px;}
span.customStyleSelectBox.changed {}
.customStyleSelectBoxInner { background:url(img/arrow.gif) no-repeat right 2px; height:15px;}
#cont_select_unit{
	position: absolute;
	margin-right: 132px;
	margin-top: 8px;
	right: 0;
	z-index: 10;
}

/*em.mode_text{float: left;margin-left: 5px;}
span.mode_text{
	float: left;
	margin-left: 5px;
}
*/
.mode_text{
	float:left;
	margin-left:5px;
}
.get_literal_mode{float:left;}
/* UI WIDGET *****************************************************************************************************************************************************************************************************/
/*.ui-widget { font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important;}*/

/* CONTENIDOS *****************************************************************************************************************************************************************************************************/

.arriba{ height:332px; position:relative; }
.contenidos{float:left; width:900px; height:455px; position:relative;}
#izquierda{float:left; width:70px; height:300px; clear:both;}
#central{float:left; width:657px; height:300px;margin-top:15px;}
#derecha{font-family:Arial,Helvetica,sans-serif; float:left; width:160px; /*height:279px;*/ padding-left:8px; padding-top:10px;}
#panel{/*padding-right:15px; */ font-size:12px; font-weight:bold; color:#e17228;}
#botonera2{clear:both; height:74px; background: url(img/lines.gif) left top repeat-x; margin-left:3px; margin-right: 3px;}
#bottom_actions{line-height:20px; margin-top:10px; margin-left:10px; margin-right:10px;}
.item{ 
	background-image: url(img/bg_central.gif); 
	background-repeat: no-repeat; 
	background-position: center /*19px*/;
	*width: 658px !important;
	height: 208px;
	/*padding: 1px;*/
}
.overview{
	background-image: url(img/bg_central2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	*width: 658px !important;
	height: 208px;
}
.quiz_rmm{
	background-image: url(img/bg_central_upCut.png) !important;
}
.quiz_rmdi{
	background-image: url(img/bg_central_downCut.png) !important;
}
.quiz_rmi{
	background-image: url(img/bg_central_noCut.png) !important;
}
.tableTxt_der {float:left; height: 193px; padding-left: 15px; padding-top: 10px; width: 315px; color: #494640; font-family: Arial,Helvetica,sans-serif; font-size: 18px; font-weight: normal; line-height: 27px; text-align: left;}
.tableTxt_izq {float:left; height: 193px; padding-top: 10px; width: 311px; color: #E5640E; font-family: Arial,Helvetica,sans-serif; font-size: 18px; font-weight: normal; line-height: 27px; text-align: left;}
.tableTxt_played {color: #DE6210; font-weight: bold;}

#booster{float:left; line-height:22px; margin-top:10px; margin-left:3px;}

/* izquierda */
#play_native{margin-top:43px;}
#play_learn{margin-top:69px;}

/* central */
#container{direction:ltr;}
.central_der{ /*height:203px;*/ width:212px; overflow:hidden; float:right; text-align:center; padding-top:12px;/*padding-top:22px;*/} 
.central_izq{ /*height:203px;*/ width: 444px; float: right; /*padding-top: 22px;*/}
.fila1{padding-top: 34px; padding-left: 20px}
.fila2{padding-top:34px; padding-left: 20px; clear: both;}
.origin, .traduccion{ height:34px; /*width:375px; overflow:hidden;*/ float:left; /*##margin-top:34px*/;  margin-left:10px;}
.traduccion{color:#E5640E;}
.actions {float:right; padding-right:10px; padding-top:5px; /*##position:absolute; bottom:0; right:0;*/ clear:both;}
.actions .menuTxt{cursor:pointer; line-height:15px; float:right}
.word_type{margin-left:10px; font-style: italic; font-weight:normal; color:#6D6E70; float:left; text-transform:lowercase;}
.keyboardInputInitiator{display:block; clear:both}
.checking{float:left; display:none; padding-right:25px; color:#E5640E; font-size: 13px;}
.typing{float:left; padding-right:5px;}
.multiple{font-size: 17px; padding-right: 10px; line-height:20px !important; float:left; cursor:pointer;}
.multiple input[type=radio]{margin: 0px;}
.number{float:left; line-height:17px !important; padding-right:25px; padding-top:1px;}
.enter{float:left; margin-top:5px; padding-right: 25px;}

#skip_quiz_cont{height:32px; padding-left:70px;}

#botonera1{ height:65px; padding-top:5px; position:relative; -webkit-user-select: none;} 
#player{ height:34px; width:122px; margin:0 auto; position:relative; clear:both;}
.overlay {
	display: none;
	text-align: center;
	background: url(img/loader_bg.gif) repeat-x scroll 50% 50% #FFFFFF; 
	height: 453px; 
	opacity: 0.3; 
	position: absolute; 
	width: 902px; 
	z-index: 1002; 
	filter: alpha(opacity = 30);
	*position: absolute;
	top:0;
	/*top: 150px;*/
}

#course_tip{
	text-align: center;
	display: none;
	z-index: 9999;
	position: absolute;
	left: 130px;
	top: 60px;
	width: 570px;
}

#quiz_tip{
	text-align: center;
	display: none;
	z-index: 9999;
	position: absolute;
	left: 90px;
	top: 60px;
	width: 610px;
}

.trainer{
	/*clear: both;*/
	*position: relative;
	/*padding-top: 10px;*/
}
.slides_control{
	*position: relative !important;
}
.ui-slider-horizontal{
	*margin-top: 7px !important;
}

#points_given{
	display: none;
	/*color: #E17228;
	font-size: 12px;
	font-weight:bold;
	padding-left: 85px;
	padding-top: 5px;*/
	float: right;
	padding-right: 3px;
}

/* derecha ***********************************************************************************************************************************************************/
.clock_box{ width: 15px; height: 16px; float: left; }
.clock_time{ float: left; line-height: 17px; }
.hourglass{ float: left; margin-left: 3px; display: none; }
.clock_text{ float: left; margin-left: 3px; }

/* LOGIN*******************************************************************************************************************************************************************************************************/
.barra_login{ background:white; position:relative; width:900px; z-index:100; /*right:0pt; top:0pt;*/}
.login_container{float:right; display:none;}
.cursiva_small{ color: #88888C; font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-style: italic; padding-right:1px; padding-top:8px;}
.click_here{cursor:pointer; text-decoration: underline}
.click_here:hover{text-decoration:none}
.user_area_text{ float:left; line-height:20px; margin-right: 5px; color: #757882; font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold;}
#login_form input{height:13px; width:80px; font-size:11px; float:left;}
#cont_greetings{position:absolute; right:0; margin-right:175px; margin-top:13px; display:none;}

/* FOOTER *******************************************************************************************************************************************************************************************************/
#piePagina{clear:both; /*height:171px;*/ width:900px; text-align:left; padding-top:1px; /*padding-left:5px; padding-right:5px;*/}
#linea{ clear:both; margin-top:15px; background-image:url(img/linea.gif); background-repeat:repeat-x; height:5px;}
#copyright{clear:both;direction:ltr;}
#addthis_cont{width: 410px; margin: 0pt auto; display: table; position: absolute}
.at-floatingbar-share{width: 36px !important;}

/* AddThis what is not defined BUG*/
.vt_social{
    left: 50%;
    margin-left: -525px;
    top: 40px;
    width: 36px;
}

.addthis_bar {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #FFFFFF;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    position: fixed;
    text-align: center;
    z-index: 1;
}

.addthis_bar a{
	margin-top: 3px; 
}
/* AddThis what is not defined BUG */

#piePagina a.contact{color: #333366; font-weight: bold; text-decoration: underline;}
#compare_reviews {background:url(img/globe.jpg) left 1px no-repeat; padding-left: 18px;}

#compare_reviews a{
    color: #2D53A0;
    text-decoration: underline;
}

.like_h6 {
    /*background-image: url("/templates/default/img/bg_line.jpg");*/
    background-repeat: repeat-x;
    color: #333366;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    padding: 7px;
	margin-top: 10px;
    text-align: center;
	line-height: 20px;
}


/*
#piePagina a{color:#666666;}
#piePagina a:hover{color:#000000; border-bottom:#FF6600 2px solid;}
*/
/* SLIDE JQUERY PLUGIN*******************************************************************************************************************************************************************************************************/
ul.pagination{display:none !important}
.slides_container{height:206px; overflow:hidden; position:relative; margin-top:10px;}
.nivel, .trans_dir{display:none !important;}
.push{height:39px;}

/* PROGRESS BAR PLUGIN*******************************************************************************************************************************************************************************************************/
.panel_item{margin-bottom: 10px; min-height: 20px;}
#progressbar{float: left; width: 80px; height: 9px; margin-top: 4px; direction: ltr;}
#percent{float: right; height: 20px; line-height: 19px; padding-right: 8px;}
#loading_progress .ui-progressbar-value{background-image: url(images/pbar-ani.gif);}
#vocabs_count{float: left; padding-top: 2px; padding-left: 5px;}
#stack_tooltip{float: left; line-height: 22px;}
#volume_control{margin-top: 5px; float: left;}

#animation_1{left: 0px;}
#animation_2{left: 17px;}
#animation_3{left: 34px;}
#animation_4{left: 51px;}
#animation_5{left: 68px;}
#animation_6{left: 85px;}

.lp_why_question{padding-right:10px; line-height:22px;}
.lp_why_input{float:left;}
.lp_why_tooltip{float:left; padding:3px 0 0 5px;}

.get_literal_time_reserve{float:left;}
.time_reserve_tooltip{float:left; padding-left:5px;}
#lp_reserve_days .lp_day{float:left; padding-left:5px;}
#lp_reserve_days .lp_day .day_c{float:left;}
.get_literal_time_pref{line-height:22px; padding-right:5px;}
.get_literal_you_have_planned{float:left;}
.you_have_planned_input{float:left; padding:0 2px;}
.get_literal_minutes_per_week{float:left;}

.lp_reward_title{font-weight:bold; float:left; padding-right:10px; line-height:22px;}
.lp_reward_input{float:left;}
.lp_reward_tooltip{float:left; padding:3px 0 0 5px;}
.lp_cont{padding-left:20px; line-height:18px;}

/*.ot_word{float:left;}*/

#translation_help{line-height:22px; float:left;}
#translation_help_tooltip{float:left; line-height:22px; padding-left:5px;}
#reg_facebook_option{margin-left:60px; margin-top:30px;}

#lp_cont_buttons{clear:both; margin-right:10px; margin-left:10px; float:right; margin-top:5px;}
#lp_cont_submit, #lp_cont_submit_go{float:left; margin-right:100px}

#options_cont_buttons{clear:both; margin-top:-20px; float:left; margin-right:10px; margin-left:30px;}

#reg_cont_buttons{margin-top:70px; margin-right:10px; margin-left:10px; float:right;}

#fb_slang_container{float:left;}

#facebook_access{float:left; margin-left:10px;}
#facebook_like{float:left;}

.ta_float_point{font-weight:bold; float:left;}
 
#exp_point1, #exp_point3, #exp_point4{cursor:help; padding:1px 5px 0;}

#class_name{float:left;}

.cont_nt{margin-left:90px;}

.get_literal_alt_teacher_admin{color:#336; font-weight:bold; font-size:20px; width:290px; float:left; margin-bottom:10px;}
.get_literal_vt_90_seconds{color:#336; font-weight:bold; font-size:20px; float:left; margin-left:40px; margin-bottom:10px;}

.ta_teacher_name{float:left;}
.ta_teacher_name_tooltip{float:left; padding:1px 0 0 5px}

#teacher_admin_page .vt_buttons{float:left;}

#ta_cont_buttons{float:right; margin:0 10px;}

.new_feature_cont{float:left; margin-top:44px;}

.cont_add_class_button{float:right; margin:1px 5px 0 5px}

.get_literal_lng_to_learn{padding-left:20px;}

.origin .palabra{float:left;}

#choose_languages .cont_submit{padding-left:3px; margin-top:30px;}

/* SPEED CONTROL BAR PLUGIN*******************************************************************************************************************************************************************************************************/
.control{float:left; padding:5px; cursor:pointer}
#speed_control{width:68px; float:left}
#speed_control.ui-widget-content{border-bottom:3px solid #A8A9AB !important;}
.get_literal_speed_control{color:#a8a9ab; font-size:11px;}

/* REGISTRATION PAGE*******************************************************************************************************************************************************************************************************/
#registration_page, #choose_languages{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 1px;
	padding-left:20px;
}

#registration_page input {
	font-size: 12px; 
	width:170px;
}

#registration_page label {
	text-align:left;
}

#registration_page h5, #choose_languages h5 {
	margin-top: 0px; 
	margin-bottom:0px;
}

#register_box{
	margin-left: 60px;
	position: relative;
	float: left;
	width: 300px;
	height: 183px;
}

.form_box{
	margin-left: 100px;
	position: relative;
	float: left;
	width: 300px;
	height: 183px;
}

#register_box label, #choose_languages label{
	margin-top: 5px;
	margin-bottom: 8px;
	color: #4d4d50;
	font-size: 16;
	font-weight: 700;
}

#login_box{
	margin-left: 120px;
	position: relative;
	float: left; 
	width: 277px;
	height: 133px;
}

#login_box label{
	margin-top: 5px;
	margin-bottom: 8px;
	color: #4d4d50;
	font-size: 16;
	font-weight: 700;
}

/*
#registration_page .cursiva_small {
	font-size: 10px;
	font-style: italic;
	color: #2c2c2f;
}
*/

.multiselect{
	font-size: 11px;
	font-weight: bold;
	color: #E5640E;
	border-radius: 4px;
}

/* CONGRATULATIONS PAGE *******************************************************************************************************************************************************************************************************/
#central_congrat{
	float:left;
	width: 730px;
}

#congratulations {
    line-height: 18px;
    margin-left: 25px;
    margin-top: 10px;
}

/* OPTIONS PAGE *******************************************************************************************************************************************************************************************************/
.options_izq {
    float: left;
    margin-left: 40px;
    margin-top: 10px;
    width: 350px;
}

.titulos_options_izq {
    color: #4D4D50;
    font-size: 12px;
    font-weight: bold;
	text-transform: uppercase;
	margin-top: 0px;
}

.options_der {
    display: inline;
    float: left;
    margin-left: 0;
    margin-top: 6px;
    position: relative;
}

.cursiva_small2 {
    color: #88888C;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-style: italic;
	width: 450px;
}

.linea2 {
    background-image: url("img/linea.gif");
    background-repeat: repeat-x;
    clear: both;
    height: 5px;
    margin-bottom: 5px;
    margin-left: 40px;
    width: 820px;
}

#songs_attributions{
	float:left; 
	height:20px; 
	line-height:20px; 
	padding-left:5px; 
	cursor:pointer;
}

ul.songs_attributions_list{
	list-style-type: disc;
	padding-left: 15px;
	text-align: justify;
}

ul.songs_attributions_list li{
	list-style: disc;
	padding: 5px;
}

ul.songs_attributions_list li span{
	font-weight:bold;
}

.new_feature{
	color: red;
	font-weight: bold;
	margin:0 5px;
}

.get_literal_gender_icons{float:left;}
#label_gender_icons_sel, #label_repetitions_sel {float:left;}
#gender_tooltip, #repetitions_tooltip{float:left; line-height:22px; padding:3px 0 0 5px;}
#label_bg_music_sel{float:left;}
#label_overview_page{float:left;}
#lp_new_feature{float: left; margin-top: 10px; padding-right: 10px;}

/* STACK CHANGE ANIMATION *******************************************************************************************************************************************************************************************************/
#stack_status{
	float:left;
}

#stack_status .stack{
	float: left;
	margin-right: 2px;
	height: 28px;
	width: 15px;
	position: relative;
	overflow: hidden;
}

#stack_status .fill{
	position: absolute;
	background-color: #DF6210;
	width: 15px;
	height: 0px;
	left: 0;
	bottom: 0;
}

#stack_status .top_bar{
	position: absolute;
	background-color: #DF6210;
	width: 15px;
	height: 2px;
	left: 0;
	top: 0;
	display: none;
}

#stack_animation{
	height: 15px;
	position: relative;
}

#stack_animation div{
	float: left;
	width: 15px;
	padding-right: 2px;
	text-align: center;
	display: none;
	position: absolute;
}

.out_right{
	background:url(images/ui-icons_222222_256x240_flip.png) no-repeat scroll -178px -66px transparent;
}

.out_left{
	background:url(images/ui-icons_222222_256x240.png) no-repeat scroll -66px -66px transparent;
}

.in_right{
	background:url(images/ui-icons_222222_256x240_flip.png) no-repeat scroll -130px -66px transparent;
}

.in_left{
	background:url(images/ui-icons_222222_256x240.png) no-repeat scroll -115px -66px transparent;
}

.stay{
	background:url(images/ui-icons_222222_256x240_flip.png) no-repeat scroll -66px -65px transparent;
}

#stack_word_number{
	color: white;
}

#stack_word_number div.word_cont{
	display: table-cell;
	vertical-align: bottom;
}

#stack_word_number div.n{
	background-color: #DF6210;
	width: 15px;
	text-align: center;
	float: left;
	white-space: normal;
	margin-right: 2px;
}

/* DEBUGGER *******************************************************************************************************************************************************************************************************/
table.debug {border-collapse:collapse}
table.debug td {border:1px solid black}

/* ACTIVATION CODE *******************************************************************************************************************************************************************************************************/
.beta_container{
	font-size: 14px;
	margin-top: 10px;
}

.beta_container input, #waiting_list input, #ct_email{
	padding: 4px 2px;
	width: 250px;
	color: grey;
	float: left;
}

#invalid_code_msg{
	padding-top: 10px;
	clear: both;
	display: none;
	color: red;
	padding-left: 20px;
	background: url(img/wrong-icon.png) no-repeat left 10px transparent;
}

#waiting_list_ok{
	/*margin-top: 10px;*/
	padding-top: 1px;
	font-size: 14px;
	display: none;
	font-weight: bold;
	text-align: justify;
}

#waiting_list{
	font-size: 14px;
	/*display: none;*/
}

button#goku, button#beta_send, button#ca_send{
	font-size: 18px;
	color: #E5640E;
	font-weight: bold;
}

.get_on{
	color: #3197CB !important;
	text-decoration: none !important;
}

.get_on:hover{
	text-decoration: underline !important;
}

.doubleLineTxt2 {
	display: inline;
    float: right;
    font-size: 12px;
    font-weight: lighter;
    line-height: 11px;
    margin-top: -28px;
    padding: 0;
    position: relative;
    right: 50px;
	text-align:left;
	width: 154px;
}

.doubleLineTxt3 {
	display: inline;
    float: right;
    font-size: 12px;
    font-weight: lighter;
    line-height: 11px;
    margin-top: -28px;
    padding: 0;
    position: relative;
    right: 50px;
	text-align:left;
	width: 129px;
}

/* TOOLTIP **************************************************/
.tooltip{
    position: absolute;
    z-index: 999;
    left: -9999px;
    background-color: #92959F;
    padding: 2px;
    border: 1px solid transparent;
    max-width: 500px;
	text-align: justify;
	border-radius: 4px;
}

.tooltip p{
    margin: 0;
    padding: 0;
    color: black;
    background-color: #FFFCE8;
    padding: 2px 7px;
	border-radius: 4px;
}

/* DIALOGS ****************************************************/
p.text{
	margin-bottom: 0px !important;
}

.thanks{
	text-align: right;
	padding-top: 10px;
}

.facebook_link{
	color: #3197CB !important;
	font-weight: bold;
}

.facebook_link:hover{
	text-decoration: underline;
}

/* FAQS ********************************************************/
#faq_container{
	display: none;
}

#faq_container_dialog .faq_ctitle{
	padding-top: 10px;
	font-size: 15px;
	line-height: 20px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #E5640E;
	font-weight: bold;
}

#faq_container_dialog .faq_title{
	cursor: pointer;
	text-decoration: underline;
	font-weight: bold;
	line-height: 30px;
}

#faq_container_dialog .faq_text{
	display: none;
	line-height: 18px;
}

#faq_container_dialog .faq_text a{
	text-decoration: underline;
}

#faq_container_dialog .ref{
	line-height: 18px;
}

#faq_container_dialog .ref_text{
	font-style: italic;
}

sup{
	cursor: pointer;
	color: #0645AD;
}

/* SUGGESTION DIALOG *********************************************/
table.suggestion{margin: 0 auto;}
td.center{text-align: center;}
td.bold{font-weight: bold;}
.keyboardInputInitiator{display:inline;}
#keyboardInputMaster{display: block !important;}
#keyboardInputMaster thead tr th div{display:none;}


/* GENDER IMAGES **************************************************/
.gender_f{
	margin-left: 10px;
	width: 192px;
	height: 183px;
	position: absolute;
	background: url(img/f.png) top left no-repeat transparent;
}

.gender_m{
	margin-left: 10px;
	width: 192px;
	height: 183px;
	position: absolute;
	background: url(img/m.png) top left no-repeat transparent;
}

.gender_n{
	margin-left: 10px;
	width: 192px;
	height: 183px;
	position: absolute;
	background: url(img/n.png) top left no-repeat transparent;
}

.gender_o{
	margin-left: 10px;
	width: 192px;
	height: 183px;
	position: absolute;
	background: url(img/o.png) top left no-repeat transparent;
}

.gender_v{
	margin-left: 10px;
	width: 192px;
	height: 183px;
	position: absolute;
	background: url(img/v.png) top left no-repeat transparent;
}

.article{
    background: none repeat scroll 0 0 white;
    border-radius: 100px 100px 100px 100px;
    height: 30px;
    line-height: 30px;
    margin: 10px;
    margin-left: 10px;
    position: absolute;
    text-align: center;
    width: 30px;
	font-size: 18px;
	font-weight: normal;
}

.article_f{
	border: 1px solid #FF0024;
}

.article_m{
	border: 1px solid #000000;
}

.article_n{
	border: 1px solid #4CC0E9;
}

.article_o{
	border: 1px solid #5A6777;
}

.article_v{
	border: 1px solid #33CC0F;
}

.q_gender{
    color: white;
    font-size: 17px;
    height: 15px;
    line-height: 15px;
    margin: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    width: 15px;
	cursor: pointer;
}

.try_again{
    padding-right: 10px;
    position: absolute;
    right: 0;
    top: 35%;
	display: none;
	font-size: 14px;
}

/******** LEARNING PLAN PAGE ************/
.time_sep, .time_to{line-height: 20px; padding: 0 2px;}
#plan_result{font-weight: bold;}
.day{clear: both;}
.day_name{min-width: 100px;}
.day div{float: left;}
#lp_add_day, #lp_add_course{cursor: pointer;}
.cont_lp_target_learn{float: left; margin-right: 10px}
.lp_target_course{width: 200px}
.hour_from, .minute_from, .hour_to, .minute_to{width: 40px;}
#lp_total, #lp_total_cards{width: 40px; height: 12px; text-align: right}
/*
#learning_plan_page .day{
	padding-bottom: 3px;
}
#learning_plan_page .day{
	display: table;
}
*/


/*************** TEACHER ADMIN PAGE ******************************/
.custom_time{display:none}
.rmv_student {
 	text-align: center;
	padding-top: 5px;
	cursor: pointer;
}
.save_student{
 	text-align: center;
	padding-top: 5px;
	cursor: pointer;
}
.send_invitation {
	text-align: center;
	padding-top: 5px;
	cursor: pointer;
}

select.editable[name=repetitions]{width:45px;}
select.editable[name=course_id], select.editable[name=unit_id] {width:190px;}

.fadeOutLayer, .fadeOutLayerVid {
	background-color: #001122;
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2;
}

#movie_layer{ 
	width: 885px;
	/*background-color: #000000;*/
	margin-left: 20px;
	margin-right: 20px;
}

.school_page_gallery_vt, .school_page_videos_vt {
	background: url(http://c0577872.cdn.cloudfiles.rackspacecloud.com/Panel_gallery_big.png) center center no-repeat;
	height: 619px;
	margin: auto;
	margin-left: -10px;
	position: fixed;
	top: 20px;
	visibility: hidden;
	width: 925px;
	z-index: 101;
}

.school_page_gallery_close {
	margin: 15px 15px 10px 0pt;
}

#image_button_close {
	background-image: url(http://c0577872.cdn.cloudfiles.rackspacecloud.com/button_closed.gif);
}

.school_page_gallery_close img {
	float: right;
}

.VT_ta-videoCall-en {
	background-image: url(img/VT-ta_video_call-en.jpg);
	background-repeat: no-repeat;
	width: 290px;
	height: 165px;
	border: 1px solid #CCC;
	cursor: pointer;
	float: left;
}

.VT_ta-videoCall-es {
	background-image: url(img/VT-ta_video_call-es.jpg);
	background-repeat: no-repeat;
	width: 290px;
	height: 165px;
	border: 1px solid #CCC;
	cursor: pointer;
	float: left;
}

.VT_ta-videoCall-fr {
	background-image: url(img/VT-ta_video_call-fr.jpg);
	background-repeat: no-repeat;
	width: 290px;
	height: 165px;
	border: 1px solid #CCC;
	cursor: pointer;
	float: left;
}

.VT_ta-videoCall-de {
	background-image: url(img/VT-ta_video_call-de.jpg);
	background-repeat: no-repeat;
	width: 290px;
	height: 165px;
	border: 1px solid #CCC;
	cursor: pointer;
	float: left;
}

.VT_ta-videoCall-it {
	background-image: url(img/VT-ta_video_call-it.jpg);
	background-repeat: no-repeat;
	width: 290px;
	height: 165px;
	border: 1px solid #CCC;
	cursor: pointer;
	float: left;
}

/*nuevos estilos para el segundo video TODO: habrá que generar los thumbnails y substituirlos*/
.VT_ta-videoCall2-en {
	background-image: url(img/VT-ta_video_call-en2.jpg);
	background-repeat: no-repeat;
	width: 290px;
	height: 165px;
	border: 1px solid #CCC;
	cursor: pointer;
	float: left;
	margin-left: 40px;
}

.VT_ta-videoCall2-es {
	background-image: url(img/VT-ta_video_call-es2.jpg);
	background-repeat: no-repeat;
	width: 290px;
	height: 165px;
	border: 1px solid #CCC;
	cursor: pointer;
	float: left;
	margin-left: 40px;
}
.VT_ta-videoCall2-de {
	background-image: url(img/VT-ta_video_call-en2.jpg);
	background-repeat: no-repeat;
	width: 290px;
	height: 165px;
	border: 1px solid #CCC;
	cursor: pointer;
	float: left;
	margin-left: 40px;
}
.VT_ta-videoCall2-fr {
	background-image: url(img/VT-ta_video_call-en2.jpg);
	background-repeat: no-repeat;
	width: 290px;
	height: 165px;
	border: 1px solid #CCC;
	cursor: pointer;
	float: left;
	margin-left: 40px;
}
.VT_ta-videoCall2-it {
	background-image: url(img/VT-ta_video_call-en2.jpg);
	background-repeat: no-repeat;
	width: 290px;
	height: 165px;
	border: 1px solid #CCC;
	cursor: pointer;
	float: left;
	margin-left: 40px;
}
.VT_ta-videoCall2-nl {
	background-image: url(img/VT-ta_video_call-en2.jpg);
	background-repeat: no-repeat;
	width: 290px;
	height: 165px;
	border: 1px solid #CCC;
	cursor: pointer;
	float: left;
	margin-left: 40px;
}
.VT_ta-videoCall2-pl {
	background-image: url(img/VT-ta_video_call-en2.jpg);
	background-repeat: no-repeat;
	width: 290px;
	height: 165px;
	border: 1px solid #CCC;
	cursor: pointer;
	float: left;
	margin-left: 40px;
}
.VT_ta-videoCall2-ru {
	background-image: url(img/VT-ta_video_call-en2.jpg);
	background-repeat: no-repeat;
	width: 290px;
	height: 165px;
	border: 1px solid #CCC;
	cursor: pointer;
	float: left;
	margin-left: 40px;
}
.VT_ta-videoCall2-jp {
	background-image: url(img/VT-ta_video_call-en2.jpg);
	background-repeat: no-repeat;
	width: 290px;
	height: 165px;
	border: 1px solid #CCC;
	cursor: pointer;
	float: left;
	margin-left: 40px;
}
.VT_ta-videoCall2-se {
	background-image: url(img/VT-ta_video_call-en2.jpg);
	background-repeat: no-repeat;
	width: 290px;
	height: 165px;
	border: 1px solid #CCC;
	cursor: pointer;
	float: left;
	margin-left: 40px;
}
/***********************************************************************************************/

.VT_ta-playButton {
	background-image: url(img/VT-ta_video_button-sprite.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 43px;
	width: 74px;
	z-index: 1;
	margin: 61px auto auto;
}
.VT_ta-playButton:hover {
	background-position: 0px -43px;
}

.VT_ta-videoCall-en:hover > .VT_ta-playButton, .VT_ta-videoCall-es:hover > .VT_ta-playButton, .VT_ta-videoCall2-en:hover > .VT_ta-playButton, .VT_ta-videoCall2-es:hover > .VT_ta-playButton {
    background-position: 0px -43px;
}

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

.hide_if_no_class{display:none}


.table_border{
	border-collapse: collapse;
	margin: 0 auto;
}

.table_border th, .table_border td{
	/*border: 1px solid black;*/
	text-align: center;
}

/*
.img_response_over{
	width: 100px; 
	height: 95px;
	background-color: white;
	position: absolute;
	opacity: 0.5;
}
*/

.txt_response_over{
	font-size: 15px;
	line-height: 15px !important;
	color:	white;
	position: absolute;
	bottom: 0;
	padding: 5px 0;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.5);
	min-width: 100px;
	text-align: center;
	/*white-space: nowrap;*/
}
/*
.txt_response_over_trans{
	font-size: 15px;
	color:	#E5640E;
	position: absolute;
	bottom: 0;
	padding: 5px;
}
*/

.multiple_img_sep{
	padding-left:20px;
}

.letter {
    border: 1px solid #000000;
    float: left;
    height: 25px;
    margin: 2px;
    text-align: center;
    width: 25px;
    cursor: pointer;
    line-height: 25px;
}

.empty_letter{
    border-bottom: 1px solid #000000;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
	float: left;
    height: 25px;
    margin: 2px 1px 2px 0;
    text-align: center;
    width: 20px;
    line-height: 25px;
}

.empty_space{
	border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    float: left;
    height: 25px;
    margin: 2px;
    text-align: center;
    width: 20px;
}

.hint_mark{
	float: left;
	margin-left: 10px;
	margin-top: 2px;
}

.hint_mark img{
	cursor: pointer;
	width: 25px;
	height: 25px;
}

.possibles{display: table;}

.solution{clear: both; display: table;}

.wrong{float: left;}
.wrong img{padding-left:6px;}

#cont_progress .ui-jqgrid .ui-jqgrid-htable th div{
	height: 34px;
	white-space: normal;
}