 BODY {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  font-family: Verdana;
  font-size: 12px;
  line-height: normal;
  font-weight: normal;
  
}

pre {
	white-space: pre-line;
	word-wrap: break-word;
}

.trigger {
    CURSOR: hand; CURSOR: pointer;
}

.shadow_stats {
    border: 2px;
	border-style: solid;
	border-color: #99CC99;
}

.shadow_esl {
    border: 2px;
	border-style: solid;
	border-color: #7A97D4;
}

.esl_selected_table {
    border: 2px;
	border-style: solid;
	border-color: #977AD4;
}

.shadow_keys {
    border: 2px;
	border-style: solid;
	border-color: #BB8182;
}

#advancedtable {
padding: 10px;
}

.shadow_admin {
	border: 2px;
	border-style: solid;
	border-color: #8E8EC1;
}

.shadow2 {
	border: 0px;
	border-style: solid;
}

.tab_header {
	font-family: Verdana;
	font-size: 20px;
	font-weight: 900;
	vertical-align: middle;
    color: #545454;
}

.tab_section {
	font-family: Verdana;
	font-size: 14px;
	font-weight: 900;
	vertical-align: middle;	
	color: #545454;
}

.title_stats {
    font-family: Verdana;
	font-size: 13px;
	font-weight: 900;
	valign: top;
	color: #545454;
	background-color: #CCE6CC;
	text-align: center;
}

.title_stats_select {
    font-family: Verdana;
	font-size: 13px;
	font-weight: 900;
	valign: top;
	background-color: #598159;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
}

.title_stats_noselect {
    font-family: Verdana;
	font-size: 13px;
	font-weight: 900;
	valign: top;
	color: #545454;
	background-color: #CCE6CC;
	text-decoration: none;
	cursor: pointer;
    text-align: center;
}

.title_esl {
    font-family: Verdana;
	font-size: 13px;
	font-weight: 900;
	valign: top;
	color: #545454;
	background-color: #AFC4F1; 
	text-align: center;
}

.title_esl_select {
    font-family: Verdana;
	font-size: 13px; 
	font-weight: 900;
	valign: top;
	color: #FFFFFF;
	background-color: #587CC7;
	text-decoration: none;
	cursor: pointer;
	text-align: left;
}

.title_esl_noselect {
    font-family: Verdana;
	font-size: 13px;
	font-weight: 900;
	valign: top;
	color: #545454;
	background-color: #AFC4F1; 
	text-decoration: none;
	cursor: pointer;
	text-align: left;
}

.title_keys {
    font-family: Verdana;
	font-size: 13px;
	font-weight: 900;
	valign: top;
	color: #545454;
	background-color: #F2BBB7;
	text-align: center;
}

.title_keys_select {
    font-family: Verdana;
	font-size: 13px;
	font-weight: 900;
	valign: top;
	color: #FFFFFF;
	background-color: #BB8182;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
}

.title_keys_noselect {
    font-family: Verdana;
	font-size: 13px;
	font-weight: 900;
	valign: top;
	color: #545454;
	background-color: #F2BBB7;
    text-decoration: none;
	cursor: pointer;
	text-align: center;
}

.title_admin {
    font-family: Verdana;
	font-size: 13px;
	font-weight: 900;
	valign: top;
	color: #545454;
	background-color: #C3C2E2;
	text-decoration: none;
	text-align: center;
}

.title_admin_select {
    font-family: Verdana;
	font-size: 13px;
	font-weight: 900;
	valign: top;
	color: #FFFFFF;
	background-color: #5F608C;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
}

.title_admin_noselect {
    font-family: Verdana;
	font-size: 13px;
	font-weight: 900;
	valign: top;
	color: #545454;
	background-color: #C3C2E2;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
}

.text_center {
	font-family: Verdana;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	text-align: center;
	color: #545454;
}

.text_center_middle {
	font-family: Verdana;
	font-size: 12px;
	valign: middle;
	line-height: normal;
	font-weight: normal;
	text-align: center;
	color: #545454;
}

.text_left {
	font-family: Verdana;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	text-align: left;
	color: #545454;
}

.text_right {
	font-family: Verdana;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	text-align: right;
	color: #545454;
}

.text_err {
	font-family: Verdana;
	font-size: 12px;
	line-height: normal;
	color: #FF0000;
	font-weight: normal;
	text-align: left;
}

.text_msg {
	font-family: Verdana;
	font-size: 18px;
	line-height: normal;
	font-weight: 600;
	color: #545454;
	text-align: center;
	background-color: #CEE3FF;
}

.wait_msg {
	font-family: Verdana;
	font-size: 14px;
	line-height: normal;
	font-weight: 600;
	color: #FFFFFF;
	text-align: center;
	background-color: #CCCCCC;
}

.success_msg {
	font-family: Verdana;
	font-size: 14px;
	line-height: normal;
	font-weight: 600;
	color: #FFFFFF;
	text-align: center;
	background-color: #00CC33;
}

.fail_msg {
	font-family: Verdana;
	font-size: 14px;
	line-height: normal;
	font-weight: 600;
	color: #FFFFFF;
	text-align: center;
	background-color: #FF0000;
}

.fail_msgs {
	font-family: Verdana;
	font-size: 14px;
	line-height: normal;
	font-weight: 600;
	color: #FFFFFF;
	text-align: left;
	background-color: #FF0000;
}

.action {
	font-family: Verdana;
	font-size: 12px;
	line-height: normal;
	font-weight: 600;
	color: #545454;
}

.action_stats,.action_esl,.action_keys,.action_admin  {
	font-family: Verdana;
	font-size: 11px;
	font-weight: 400;
	valign: top;
	color: #545454;
}

.action_stats {
  text-align: center;
  background-color: #DEEFDE;
}
.action_esl {
  text-align: center;
  background-color: #CEE3FF;
}
.action_keys {
  text-align: center;
  background-color: #FFF1EE;
}
.action_admin {
  text-align: center;
  background-color: #E2E2FF;
}

.line_stats {
  height: 1;
  background-color: #DEEFDE;
}

.line_esl {
  height: 1;
  background-color: #CEE3FF;
}

.line_keys {
  height: 1;
  background-color: #F3CECA;
}

.line_admin {
  height: 1;
  background-color: #E2E2FF;
}

.input_vsmall {
	width: 50px;
}

.input_tiny {
	width: 25px;
}

.input_small {
	width: 100px;
}

.input {
	width: 150px;
}

.input_large {
	width: 200px;
	margin-bottom: 7px;
}

.input_vlarge {
	width: 250px;
	margin-bottom: 3px;
}

.input_xlarge {
	width: 540px;
}

.input_xxlarge {
	width: 700px;
}

.hidden {
  display: none;
}

.error {
  display: inline;
  color: black;
  background-color: pink;  
}

.esladvanced{

    background-color:#cae0ff;
}



.esl_selected_tab_selected {

    padding: 2px 5px; 
	background: #977AD4; 
	-moz-background-clip: initial; 
	-moz-background-origin: initial; 
	-moz-background-inline-policy: initial; 
	display: inline; 
	cursor: pointer;
	font-family: Verdana;
	font-size: 12px;
	line-height: normal;
	font-weight: 600;
	color: #FFFFFF;
	position: relative;
	left: 2;

}



.esl_all_tab_selected {

	padding: 2px 5px; 
	background: rgb(247, 239, 255) none repeat scroll 0% 50%; 
	-moz-background-clip: initial; 
	-moz-background-origin: initial; 
	-moz-background-inline-policy: initial; 
	display: inline; 
	cursor: pointer;
	font-family: Verdana;
	font-size: 12px;
	line-height: normal;
	font-weight: 600;
	color: #545454;
	border: 2px;
	border-style: solid;
	border-color: #7A97D4;
	position: relative;
	left: 3;

}

.esl_advanced_tab {
	padding: 2px 5px; 
	background: rgb(206, 227, 255) none repeat scroll 0% 50%; 
	-moz-background-clip: initial; 
	-moz-background-origin: initial; 
	-moz-background-inline-policy: initial; 
	display: inline;
	cursor: pointer;
	font-family: Verdana;
	font-size: 12px;
	line-height: normal;
	font-weight: 400;
	color: #0;
	
}

.esl_all_tab {

	padding: 2px 5px; 
	background: #AFC4F1;
	-moz-background-clip: initial; 
	-moz-background-origin: initial; 
	-moz-background-inline-policy: initial; 
	display: inline; 
	cursor: pointer;
	font-family: Verdana;
	font-size: 12px;
	line-height: normal;
	font-weight: 400;
	color: #0;
	position: relative;
	left: 3;
	top: 1;

}


.esl_selected_tab {

    padding: 2px 5px; 
	background-color: rgb(200, 243, 205);
	-moz-background-clip: initial; 
	-moz-background-origin: initial; 
	-moz-background-inline-policy: initial; 
	display: inline; 
	cursor: pointer;
	font-family: Verdana;
	font-size: 12px;
	line-height: normal;
	font-weight: 400;
	color: #0;
	position: relative;
	left: 5;
	top: 1;

}

.esl_all_table_outer {
	
	padding: 5px;  
	background-color: #AFC4F1;
}

.esl_table_outer_less_padding {
	
	padding: 2px;  
	background-color: #AFC4F1;
}


.esl_all_table_inner {
    padding: 0px;  
    background-color: rgb(240, 247, 255);
}

.esl_all_table_inner_active {
    padding: 0px;  
	border-color: #99FF00;
    background-color: #99FF00;
}

.esl_selected_table_inner {
    padding: 0px;
	background-color: rgb(240, 255, 240);
}

.esl_selected_table_outer {
  padding: 5px; 
  background-color: rgb(200, 243, 205);
}

.esl_line_all_table {
  height: 1;
  background-color: #AFC4F1;
}

.esl_line_selected_table {
  height: 1;
  background-color: rgb(200, 243, 205);
}


.error_highlighted {
	background-color: yellow;
}

.active_item {
	background-color: #99FF00;
}

.title_esl_all_select {
    font-family: Verdana;
	font-size: 13px; 
	font-weight: 900;
	valign: top;
	color: #FFFFFF;
	background-color: #587CC7;
	text-decoration: none;
	cursor: pointer;
	text-align: left;
}

.title_esl_all {
    font-family: Verdana;
	font-size: 13px; 
	font-weight: 900;
	valign: top;
	color: #FFFFFF;
	background-color: #587CC7;
	text-decoration: none;
	cursor: pointer;
	text-align: left;
	padding: 5px;
	border: 1px solid rgb(240, 247, 255); 
}

.title_esl_all_nopoint {
    font-family: Verdana;
	font-size: 13px; 
	font-weight: 900;
	valign: top;
	color: #FFFFFF;
	background-color: #587CC7;
	text-decoration: none;
	text-align: left;
	padding: 5px;
	border: 1px solid rgb(240, 247, 255); 
}

.title_esl_all_center {
    font-family: Verdana;
	font-size: 13px; 
	font-weight: 900;
	valign: top;
	color: #FFFFFF;
	background-color: #587CC7;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	padding: 5px;
	border: 1px solid rgb(240, 247, 255); 
}

.title_esl_all_center_nopoint {
    font-family: Verdana;
	font-size: 13px; 
	font-weight: 900;
	valign: top;
	color: #FFFFFF;
	background-color: #587CC7;
	text-decoration: none;
	text-align: center;
	padding: 5px;
	border: 1px solid rgb(240, 247, 255); 
}

.nav_tree_menu {
    font-family: Verdana;
	font-size: 13px; 
	font-weight: bold;
	valign: top;
	color: #000000;
	background-color: #6699FF;
	text-decoration: none;
	text-align: left;
	padding: 5px;
	border: 1px solid rgb(240, 247, 255); 
}

.title_esl_user_nopoint {
    font-family: Verdana;
	font-size: 13px; 
	font-weight: 900;
	valign: top;
	color: #000000;
	text-decoration: none;
	text-align: left;
	padding: 1px;
	border: 1px solid rgb(240, 247, 255); 
}

.title_esl_user_nopoint_active {
    font-family: Verdana;
	font-size: 13px; 
	font-weight: 900;
	valign: top;
	color: #000000;
	text-decoration: none;
	text-align: left;
	padding: 1px;
}

.title_esl_center_nopoint, .subtitle_esl_center {
    font-family: Verdana;
	font-size: 13px; 
	font-weight: 900;
	valign: top;
	color: #FFFFFF;
	background-color: #587CC7;
	text-decoration: none;
	text-align: center;
	padding: 5px;
	border: 1px solid rgb(240, 247, 255); 
}

.subtitle_esl_center {
	background-color: #99CCFF;
}

.title_esl_selected_select {
    font-family: Verdana;
	font-size: 13px; 
	font-weight: 900;
	valign: top;
	color: #FFFFFF;
	background-color: rgb(121, 217, 134);
	text-decoration: none;
	cursor: pointer;
	text-align: left;
}

.title_esl_selected {
    font-family: Verdana;
	font-size: 13px; 
	font-weight: 900;
	valign: top;
	color: #FFFFFF;
	background-color: rgb(121, 217, 134);
	text-decoration: none;
	cursor: pointer;
	text-align: left;
	padding: 5px;
	border: 1px solid rgb(240, 255, 240);
}

.title_esl_selected_nopoint {
    font-family: Verdana;
	font-size: 13px; 
	font-weight: 900;
	valign: top;
	color: #FFFFFF;
	background-color: rgb(121, 217, 134);
	text-decoration: none;
	text-align: left;
	padding: 5px;
	border: 1px solid rgb(240, 255, 240);
}

.text_center_black, .text_center_black_no_padding {
	font-family: Verdana;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	text-align: center;
	color: #000000;
}


.text_center_black_no_padding {
	padding: 0px;
}

.text_right_black {
	font-family: Verdana;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	text-align: right;
	color: #000000;
	padding-left: 7px;
	
}

.text_left_black, .text_left_black_no_padding {
	font-family: Verdana;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	text-align: left;
	color: #000000;
	padding-left: 5px;
	
}

.text_left_black_no_padding {
	padding: 0px;	
}

.text_left_black_up {
	font-family: Verdana;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	text-align: left;
	color: #000000;
	padding-left: 5px;
	padding-bottom: 2px;
}

.text_left_black_tiny {
	font-family: Verdana;
	font-size: 9px;
	line-height: normal;
	font-weight: normal;
	text-align: left;
	color: #000000;
	padding-left: 5px;
}

.text_left_black_tiny_no_padding {
	font-family: Verdana;
	font-size: 9px;
	line-height: normal;
	font-weight: normal;
	text-align: left;
	color: #000000;
	padding-left: 0px;
}

.text_center_tiny {
	font-family: Verdana;
	font-size: 9px;
	line-height: normal;
	font-weight: normal;
	text-align: center;
	color: #545454;
	padding-left: 5px;
}

.text_center_tiny_bold {
	font-family: Verdana;
	font-size: 9px;
	line-height: normal;
	font-weight: bold;
	text-align: center;
	color: #006699;
	padding-left: 5px;
}

.text_right_black_up {
	font-family: Verdana;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	text-align: right;
	color: #000000;
	position: relative;
	top: -2;
}

.footer {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color:#006699; 
}

.nonefound_msg {
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	padding: 20px;
	color: #000000;
}

.personal_unit {

    font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	padding: 10px;
	color: #000000;
	position: relative;
	top: -2;

}

.score_good {
	background-color: green;
}

.score_medium {
	background-color: yellow;
}

.score_bad {
	background-color: red;
}

.score_fail {
	background-color: black;
}

.text_red{
  color: #FF0000;
}

.failedwords_esl {
  	font-family: Verdana;
  	font-size: 12px;
  	font-weight: normal;
}

.standardtxtbld {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-left: 3px;
}
.standardtitle1 {	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.line {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #D2D1D1;
	border-left: none;
	padding-left: 0px;
}
.standardtxt1 {	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.standardtxtbldwht {	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 3px;
}

.menutext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.menutextselected{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;

}

.form_row {
	padding-bottom: 7px;
}

.calendar_cell {
	padding-right: 20px;
}


.multi_select_box {
	width: 580px;
	max-height: 300px;
	overflow: auto;	
}

.multi_select_item {
	text-align: right;
	width: 1px;
}

.multi_select_label {
}

.menu_link, .menu_link_active {
	white-space: nowrap;
}
.menu_link_active {
	background-color: #fff;
}
.menu_link {
	padding-left: 4px;
	padding-right: 4px;
}
.menu_link a {
	white-space: nowrap;
	text-decoration: none;
	color: #545454;
}
.menu_link_active a {
	white-space: nowrap;
	text-decoration: none;
	color: #545454;
}
.menu_link_active {
	white-space: nowrap;
}
.menu_link a:hover {
	color: #fff;
}
.button_bar {
	padding: 4px;
	text-align: right;	
}
ul.autocomplete {
    position: absolute;
    overflow: auto;
	max-height: 20em;
    overflow-x: hidden;
    background-color: #fff;
    border: 1px solid ButtonShadow;
    margin: 0px;
    padding: 0px;
    list-style: none;
    color: #000;
	display:none;
	z-index:1000;
}
ul.autocomplete li {
  display: block; 
  padding: 0.3em; 
  overflow: hidden;
  width: 100%;
  cursor:pointer;
}
ul.autocomplete li.selected {
  background-color: Highlight ; 
  color: #fff;
}
td {
	font-family:arial;
	font-size:12px;
	color:#000000;
}

h3 {
	margin-top: 5px;	
	margin-bottom: 5px;	
	color: #4a5565;
}

.submenutxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}


#usertable_inner {
   width: 100%;
   margin: 0px;
   padding: 0px;
   border: 0px;
}

#usertable_outer {
  width: 100%;
}

#more_advanced {
	display: none;
}

#more_advanced_open {
	display:none;
}

#more_advanced_closed {
}

#userMetaData {
	display: none;
}

#userMetaData_open {
	display: none;
}

.radiobutton {
padding-right:3px !important; /*moz width*/
padding-right:0px; /*IE width*/	
}

.printingbutton {
padding-left:373px !important; /*moz width*/
padding-left:370px; /*IE width*/	
}

.timeout {
padding-right:228px !important; /*moz width*/
padding-right:225px; /*IE width*/	
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-default:focus,
.btn-default:active,
.btn-default.active
{
  background-color: #ffffff;
}

.btn-default:hover
{
  background-color: #ebebeb;
}

.btn-default.disabled{
    background-color: #fff;
    border-color: #ccc;
}

.btn.disabled{
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active {
  background-image: none;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.alert {
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  background-color: #eeeeee;
}
.nav > li > a:hover,
.nav > li > a:focus {
  color: #fff;
  text-decoration: none;
  //background-color: #eeeeee;
  background-color: #C3C2E2;
}

.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}

.loader {
  border: 3px solid #f3f3f3;
  border-radius: 50%;
  border-top: 3px solid #3498db;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.has-error:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
}
.has-error {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.row-dynaspeak {
	background-color: #b2da8e;
}
.row-eduspeak {
	background-color: #ffe7b1;
}
.row-speechengine-na {	
	background-color: #ffe7b1;
}