@charset "utf-8";
/* CSS Document */

.flashcard_div{
	position: relative; 
}
#fc_add_holder{
	display:none;
	background-color:#3B5998;
	color:#FFF;
	font-size:12px;
	position:absolute;
	top:0px;
	left:0px;
	border:1px solid #333;
	padding:10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;

}
.submit_error{
	display:none;
}
#fc_add td{
	padding:5px;
}
	#save_fc_add{
		border:1px solid #999999; -webkit-border-radius: 42px; -moz-border-radius: 42px;border-radius: 42px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 5px 15px 5px 15px; text-decoration:none; display:inline-block;text-shadow: 1px 1px 0 rgba(255,255,255,0.3);font-weight:bold; color: #000000; cursor:pointer;
		background-color: #a9db80; background-image: -webkit-gradient(linear, left top, left bottom, from(#a9db80), to(#96c56f));
		background-image: -webkit-linear-gradient(top, #a9db80, #96c56f);
		background-image: -moz-linear-gradient(top, #a9db80, #96c56f);
		background-image: -ms-linear-gradient(top, #a9db80, #96c56f);
		background-image: -o-linear-gradient(top, #a9db80, #96c56f);
		background-image: linear-gradient(to bottom, #a9db80, #96c56f);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a9db80, endColorstr=#96c56f);
		margin:10px;
	}		
	#save_fc_add:hover{
		border:1px solid #7A7A7A;
		background-color: #8ed058; background-image: -webkit-gradient(linear, left top, left bottom, from(#8ed058), to(#7bb64b));
		background-image: -webkit-linear-gradient(top, #8ed058, #7bb64b);
		background-image: -moz-linear-gradient(top, #8ed058, #7bb64b);
		background-image: -ms-linear-gradient(top, #8ed058, #7bb64b);
		background-image: -o-linear-gradient(top, #8ed058, #7bb64b);
		background-image: linear-gradient(to bottom, #8ed058, #7bb64b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8ed058, endColorstr=#7bb64b);
	}			
	

#fc_right{
	position:fixed;
	top: 90px;
	right: 0px;
}
#fc_right .fc_dataview, .fc_popup .fc_dataview{
	text-align:center;
	width:75px;
	background-color:#95B464;
	float: right;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 15px 3px 15px 3px;
	transition: 0.3s;
	font-size:14px;
	margin-left:1px;
	border-bottom:1px solid #FFF;
}
#fc_right .fc_dataview:hover, .fc_popup .fc_dataview:hover {
	background-color: #ddd;
}



	#fc_menu div{
		display:block;
		font-size:13px;  /*  14px - 0.700em (font size 20) */
		margin-bottom: 1px; /* 10px - 0.769em  */
		-moz-border-radius: 0px;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-webkit-border-radius: 0px;
		-webkit-transition: all 0.5s ease;

		background-color: #E6E6E6; 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#CCCCCC));
		background-image: -webkit-linear-gradient(top, #E6E6E6, #CCCCCC);
		background-image: -moz-linear-gradient(top, #E6E6E6, #CCCCCC);
		background-image: -ms-linear-gradient(top, #E6E6E6, #CCCCCC);
		background-image: -o-linear-gradient(top, #E6E6E6, #CCCCCC);
		background-image: linear-gradient(to bottom, #E6E6E6, #CCCCCC);
		color:#333;
		padding:11px 0px 11px 8px;
		width:160px;
	}
	#fc_menu div:hover{

		background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#999));
		background-image: -webkit-linear-gradient(top, #E6E6E6, #999);
		background-image: -moz-linear-gradient(top, #E6E6E6, #999);
		background-image: -ms-linear-gradient(top, #E6E6E6, #999);
		background-image: -o-linear-gradient(top, #E6E6E6, #999);
		background-image: linear-gradient(to bottom, #E6E6E6, #999);
		cursor:pointer;
	}
	
	
	#custom_open{
		float:right;
		padding:3px 5px 3px 5px;
		margin:0px 15px 10px 0px;
		cursor:pointer;
		-webkit-border-radius: 0.250em; 
		-moz-border-radius: 0.250em;
		border-radius: 0.250em;
		background-color:#333;
		color:#FFF;
		font-size:11px;
		margin-top:5px;
	}
	#add_fc_to_do {
		float:right;
		padding:3px 10px 3px 10px;
		margin:0px 15px 10px 0px;
		cursor:pointer;
		-webkit-border-radius: 0.250em; 
		-moz-border-radius: 0.250em;
		border-radius: 0.250em;
		background-color:#E10000;
		color:#FFF;
		font-weight:bold;
		font-size:11px;
		margin-top:5px;
	}
	#add_fc_to_do:hover{
		background-color:#B30000;
	}
	#to_do_added, #to_do_message{
		float:right;
		color:#E10000;
		font-size:12px;
	}
	#fc_custom_save {
		display:none;
		float:right;
		padding:3px 10px 3px 10px;
		margin:0px 15px 10px 0px;
		cursor:pointer;
		-webkit-border-radius: 0.250em; 
		-moz-border-radius: 0.250em;
		border-radius: 0.250em;
		background-color:#E10000;
		color:#FFF;
		font-weight:bold;
		font-size:11px;
		margin-top:5px;
	}
	#flashcard_green{
		float:left;
		border-style: solid;
		border-color: #95B464;
		border-width:1px;
		border-radius: 15px; /*  15px - 1.154em */
		-moz-border-radius: 15px; /*  15px - 1.154em */
		-webkit-border-radius: 15px; /*  15px - 1.154em */
		background-color:#D6E5AE;
		min-height:450px;  /* 500px - 38.462em */  
		width:1055px;
		padding:10px 0px 25px 10px;
		text-align:center;
	}
	#flashcard_bottom{
		float:right;
		padding:0px 0px 25px 10px;
		width:1030px;
	}
	.fc_tech, .fc_btn{
		padding:10px 25px 10px 25px;
		width:900px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:25px;
		font-size:26px;
		font-weight:bold;
		line-height:normal;
		text-align:center;
	}
	.fc_tech p{
		padding:0px;
		padding-bottom:15px;
	}
	.fc_tech ol, .fc_tech ul{
		text-align:left;
	}
	.fc_tech li{
		padding:5px;
	}
	.fc_tech .send_email{
		color:#000;
		font-size:12px;
		background-color: #f0f0f0;  
		border:0.083em solid #666;
		-webkit-border-radius: 0.250em; 
		-moz-border-radius: 0.250em;
		border-radius: 0.250em;
		background-color: #E6E6E6; 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#CCCCCC));
		background-image: -webkit-linear-gradient(top, #E6E6E6, #CCCCCC);
		background-image: -moz-linear-gradient(top, #E6E6E6, #CCCCCC);
		background-image: -ms-linear-gradient(top, #E6E6E6, #CCCCCC);
		background-image: -o-linear-gradient(top, #E6E6E6, #CCCCCC);
		background-image: linear-gradient(to bottom, #E6E6E6, #CCCCCC);
		text-align:center;
		font-weight:normal;
		width:100px;
		margin-left:auto;
		margin-right:auto;
		padding:5px;
		
	}
	.fc_tech input{
		padding:10px;
	}

	.font14{
		font-size:14px;
		font-weight:normal;
	}

	.fc_btn_custum_div{
		display:inline-block;
		padding:5px;
		text-align:center;
	}
	.fc_circle {
		border-radius: 50%;
		width: 26px;
		height: 14px;
		padding:6px 0px 6px 0px;
		text-align:center;
		background-color:#666;
		color:#FFF;
		position:absolute;
		top:52px;
		right:-13px;
		text-shadow: 0px 0px 0px #999;
		font-size:11px;
	}
	.fc_btn button, .fc_start{
		display:inline-block;
		font-size:14px;  /*  14px - 0.700em (font size 20) */
		width:12.500em;
		margin:0.769em; /* 10px - 0.769em  */
		padding:0.000em 0.385em 0.000em 0.385em;   /*  0px 5px 0px 5px  */  /*  0px 5px 0px 5px  */
		background-color: #f0f0f0;  
		border:0.083em solid #666;
		-webkit-border-radius: 0.250em; 
		-moz-border-radius: 0.250em;
		border-radius: 0.250em;
		background-color: #E6E6E6; 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#CCCCCC));
		background-image: -webkit-linear-gradient(top, #E6E6E6, #CCCCCC);
		background-image: -moz-linear-gradient(top, #E6E6E6, #CCCCCC);
		background-image: -ms-linear-gradient(top, #E6E6E6, #CCCCCC);
		background-image: -o-linear-gradient(top, #E6E6E6, #CCCCCC);
		background-image: linear-gradient(to bottom, #E6E6E6, #CCCCCC);
		text-align:center;
		font-weight:normal;
		padding-top:23px;
		padding-bottom:23px;
		text-shadow: 1px 1px 1px #FFF;
		position: relative;
	}
	.fc_btn button:hover, .fc_start:hover, .fc_tech .send_email:hover{
		background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#999));
		background-image: -webkit-linear-gradient(top, #E6E6E6, #999);
		background-image: -moz-linear-gradient(top, #E6E6E6, #999);
		background-image: -ms-linear-gradient(top, #E6E6E6, #999);
		background-image: -o-linear-gradient(top, #E6E6E6, #999);
		background-image: linear-gradient(to bottom, #E6E6E6, #999);
		cursor:pointer;
	}

	.fc_button_view{
		display:none;
		background-color: #E10000 !important;
		color:#FFF !important;
	}
	#fc_menu_div{
		float:left;
		width:170px;
		min-height:500px;
		margin-right:10px;
	}
	#fc_code_table{
		float:left;
	}
	#fc_code_table td{
		padding:0px;
	}
	#fc_code_table td{
		padding:5px;
		font-size:12px;
	}
	.fc_add{
		display:inline-block;
		width:155px;
		font-size:12px;
		padding:5px;
		text-align:left;
		border:1px #333 solid;
		background-color:#E0E0E0;
		margin-bottom:1px;
	}
	.fc_add:hover{
		background-color:#CCC;
		cursor:pointer;
	}
	.fc_add_get{
		display:inline-block;
		font-size:10px;
		margin-right:2px;
		width:12px;
		padding:5px;
		background-color:#39C;
		color:#FFF;
		text-align:center;
		margin-bottom:3px;
	}
	.fc_add_get:hover{
		cursor:pointer;
		background-color:#666;
	}
	.fc_add_get_active{
		cursor:pointer;
		background-color:#666;
	}
	#trash{
		display:none;
		width:100%;
		height:175px;
		border:3px solid #333;
	}
	.fc_left_corner{
		width:300px;
		float:left;
	}
	.step_title{
		float:left;
		padding:10px;
		font-size:20px;
		font-family:"Arial Black", Gadget, sans-serif;
		font-weight:bolder;
		color:#9EA786;
	}
	
	.fc_back {
		display:none;
		float:left;
		cursor: pointer;
		background-image: url(../images/back-icon.png);
		background-repeat:no-repeat;
		width:50px;
		height:50px;
	}
	.fc_back:hover {
		background-image: url(../images/back-icon-hover.png);
	}
	.fname_header{
		float:left;
		margin-left:100px;
		padding:13px;
		font-size:20px;
		font-family:"Arial Black", Gadget, sans-serif;
		font-weight:bolder;
		color:#9EA786;
	}
	.trackingFC {
		float:right;
		cursor: pointer;
		background-image: url(../images/tracking-on.png);
		background-repeat:no-repeat;
		width:50px;
		height:50px;
		border:thin #D6E5AE solid;
		margin-right:10px;
	}
	.trackingFC:hover {
		border:thin #666 solid;
	}
	.tracking_word{
		float:right;
		color:#E10000;
		font-weight:bold;
		padding:15px 5px 15px 0px;
		font-size:20px;
	}
	.tracking_word:hover{
		color:#BF0000;
		cursor:pointer;
	}
	#fc_form_holder{
		margin-right:auto;
		margin-left:auto;
		width:650px;
		margin-top:25px;
	}
	#fc_form_holder input[name="note[0]"], #fc_form_holder input[name="gk_note[0]"]{
		width:428px;
	}
	#fc_form_holder input[name="gk_note[0]"]{
		width:165px;
	}
	#fc_link_holder{
		padding:0.769em; /* 10px - 0.769em  */
		background:#C2D988;
		min-width:53.846em; /*  700px - 53.846em   */
		max-width:900px; /*  700px - 53.846em   */
		margin-left:auto;
		margin-right:auto;
		margin-top:1.154em;  /*  15px - 1.154em */
		margin-bottom:0.417em;  /*  5px - 0.417em  (font size 12) */
		-webkit-border-radius:7.692em;  /*  100px - 7.692em   */
		-moz-border-radius:7.692em;   /*  100px - 7.692em  */
		border-radius:7.692em;   /*  100px - 7.692em   */
		font-size:12px;
		color:#0088cc;
		font-weight:bold;
		text-align:center;
	}
	#fc_link_holder span{
		padding:10px 20px 10px 20px; /* 10px - 0.769em  */
		
	}
	#fc_link_holder span:hover{
		background-color:#AFCD61;
		text-decoration:underline;
		cursor:pointer;
	}

	#fc_confirm_box{
		background-color:#FFF;
		width:800px;
		min-height:200px;
		max-height:700px;
		margin-left:auto;
		margin-right:auto;
		border:1px solid #000;
		padding:20px;
		font-size:14px;
		color:#333;
		overflow-y: auto;
	}
	#fc_confirm_box label{
		display:inline-block;
	}
	#fc_confirm_box td{
		text-align:left;
		padding:10px;
	}



	#profile_div{
		float:left;
		margin-right:25px;
	}
	#profile_div input{
		width:200px;
		padding:5px;
		margin:3px;
	}
	#profile_div select{
		width:212px !important;
		padding:5px;
		margin:3px;
	}
	#edit_note{
		width:500px;
		height:200px;
		padding:10px;
		border:solid #333 1px;
	}
	.del_note{
		display:none;	
		float:right;
		font-size:18px;
		color:#E10000;
		font-weight:bold;
	}
	.edit_note{
		cursor:pointer;
		width:75px;
	}
	.edit_note:hover{
		background-color:yellow;
	}
	.edit_done, .exit_edit{
		margin:10px;
		background-color:#00EC00;
		padding:10px;
		cursor:pointer;
		width:60px;
		font-weight:bold;
		color:#000;
		border:solid #333 1px;
	}
	.edit_done:hover, .exit_edit:hover{
		background-color:#0C0;
	}
	.tempEdit{
		background-color:yellow;
	}

	.fc_set_btn{
		display:inline-block;
		margin:10px;
		width:65px;
		padding:10px;
		background-color:#C00;
		color:#FFF;
	}
	.fc_set_btn:hover{
		cursor:pointer;
		background-color:#9F0000;
	}
	.fc_custom_error{
		color:#E10000;
	}
	#fc_table_stats{
		float:left;
		margin:5px 0px 0px 5px;
		color:#666;
	}
	#fc_table_stats td{
		text-align:center;
	}
	#fc_table_stats tr td:first-child{
		text-align:left;
	}
	#fc_table_stats tr:nth-child(2) td{
		font-size:18px;
	}

	.tb_fc_btn{
		padding:2px;
	}
	.tb_fc_btn:hover{
		cursor:pointer;
		background-color:#CCC;
	}
	.fc_popup{
		display:none;
		position: absolute;
		top: -0.923em;
		left: -1.538em;
		box-shadow: 0 0.154em 8px rgba(0, 0, 0, 0.45);
		border:2px solid #95B464;
		background-color:#FFF;
		padding:10px;
		z-index:6000;
	}

	div.tab button.fc_dataview, .fc_popup button.fc_dataview{
		width:100px;
		background-color:#95B464;
		float: right;
		border: none;
		outline: none;
		cursor: pointer;
		padding: 15px 20px 15px 20px;
		transition: 0.3s;
		font-size:14px;
		margin-left:1px;
	}
	div.tab button.fc_dataview:hover, .fc_popup button.fc_dataview:hover {
		background-color: #ddd;
	}

	#submit_bonus, .add_staff, #update_staff_profile, #update_password{
		border:1px solid #999999; 
		-webkit-border-radius: 5px; 
		-moz-border-radius: 5px;
		border-radius: 5px;
		color: #FCFCFC;
		text-align:center;
		background-color: #356A35; background-image: -webkit-gradient(linear, left top, left bottom, from(#356A35), to(#4A954A));
		background-image: -webkit-linear-gradient(top, #356A35, #4A954A);
		background-image: -moz-linear-gradient(top, #356A35, #4A954A);
		background-image: -ms-linear-gradient(top, #356A35, #4A954A);
		background-image: -o-linear-gradient(top, #356A35, #4A954A);
		background-image: linear-gradient(to bottom, #356A35, #4A954A);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#356A35, endColorstr=#4A954A);
		width:100px;
		cursor:pointer;
		margin-right:auto;
		margin-left:auto;
		font-weight:bold;
		font-size:14px;
		padding:5px 10px 5px 10px;
	}
	#submit_bonus:hover, .add_staff:hover, #update_staff_profile:hover, #update_password:hover {
		background-color: #244824; background-image: -webkit-gradient(linear, left top, left bottom, from(#244824), to(#397339));
		background-image: -webkit-linear-gradient(top, #244824, #397339);
		background-image: -moz-linear-gradient(top, #244824, #397339);
		background-image: -ms-linear-gradient(top, #244824, #397339);
		background-image: -o-linear-gradient(top, #244824, #397339);
		background-image: linear-gradient(to bottom, #244824, #397339);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#244824, endColorstr=#397339);	
	}
	#authorized_users{
		padding:5px;
		border:1px solid #666;
		margin-top:10px;
	}
	#authorized_users tr:first-child td {
		background-color:#333;
		color:#FFF;
		font-weight:bold;
		padding:5px 10px 5px 5px;
	}
	#authorized_users td{
		padding:5px 10px 5px 5px;
	}
	#authorized_users tr:nth-child(even) {
		background-color:#FFF;
	}
	#authorized_users tr:nth-child(odd) {
		background-color:#E6E6E6;
	}
	#update_staff_profile_div{
		height:50px;
	}
	.account_update_msg, .added_msg{
		padding:10px;
		text-align:center;
		font-weight:bold;
	}
	.text_add{
		display:inline-block;
		padding:3px 10px 3px 10px;
		margin:5px 5px 25px 5px;
		background-color:#666;
		color:#FFF;
		font-size:12px;
	}
	.text_add:hover{
		background-color:#333;
		cursor:pointer;
	}

	.custom_table_header{
		padding:10px;
		background:#95B464;
		color:#FFF;
		font-weight:bold;
	}
	.custom_table_header span{
		float:left;
		width:175px;
		text-align:left;
	}
	.delete_custom{
		cursor:pointer;
		margin-right:10px;
	}
	.explain {
		display:inline-block;
		border-radius: 50%;
		width: 15px;
		height: 15px;
		text-align:center;
		background-color:#06C;
		color:#FFF;
		text-shadow: 0px 0px 0px #999;
		font-size:12px;
		font-weight:bold;
		font-style:italic;
	}
	.explain:hover {
		cursor:pointer;
		background-color:#036;
	}
	#explain_popup{
		display:none;
		width:600px;
		min-height:100px;
		border:solid 5px #666;
		padding:10px;
		position: absolute;
		box-shadow: 0 0.154em 8px rgba(0, 0, 0, 0.45);
		z-index:9999;
		background-color:#C10000;
		color:#FFF;
		font-size:14px;
	}
	#referral_get_table{
		width:auto;
		margin-left:auto;
		margin-right:auto;
		font-size:14px;
		font-weight:normal;
		text-align:left;
		float:left;
		margin-bottom:50px;
	}
	#referral_get_table input{
		padding:5px;
		margin:5px;
	}
	.addReferralRow{
		display:none;
		font-size:24px;
		font-weight:bold;
		padding:5px;
		width:25px;
		text-align:center;
	}
	.addReferralRow:hover{
		cursor:pointer;
		background-color:#95B464;
		color:#FFF;
	}
	#referral_get_table td{
		margin:0px;
		padding:0px
	}
	.referralAsk p{
		font-size:24px;
		font-weight:bold;
	}
	.fc_button_view_box{
		display:none;
	}
	#fc_note_activity{
		float:right;
		width:500px;
		font-size:12px;
	}
	#fc_note_activity .note_history, #fc_note_activity .activity_history{
		max-height:200px;
		margin-bottom:25px;
		overflow: auto;
	}

	.note_history_large{
		max-height:600px !important;
		margin-bottom:25px;
		overflow: auto;
		
	}
	.fc_menu_div{
		width:800px;
		margin-left:auto;
		margin-right:auto;
		padding-top:50px;
	}
	.fc_menu_div button, .select_call_back{
		display:inline-block;
		text-align:left;
		padding:10px;
		margin:0px 5px 5px 0px;
		border:1px solid #666;
		background-color:#E6E6E6;
		width:250px;
	}
	.fc_menu_div button:hover, .select_call_back:hover{
		cursor:pointer;
		background-color:#B1B1B1;
	}


	#select_process_table tr:first-child, #targetActivity tr:first-child td{
		background-color:#333;
		color:#FFF;
		font-weight:bold;
	}
	#select_process_table td{
		text-align:left;
	}
	#targetActivity td{
		font-size:12px;
		color:#333;
		padding:3px;
	}
	#targetActivity{
		width:500px;
		float:left;
	}
	#targetActivity tr:nth-child(odd){
		background-color:#EEE;
	}

	.custom_textarea{
		width:850px;
		height:200px;
	}