/* CSS used for styling the Settings form */
form#flashcard_slider_form fieldset{margin:0px 0 10px 0px;background:#eee;border:0px;padding:10px 20px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;}
form#flashcard_slider_form legend{padding:12px 9px 19px;margin:-10px 0 0 30px;background:#efefef;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;background: #fafafa;}
form#flashcard_slider_form legend span{font-size:100%;font-weight:bold;color:#fff;background:#444;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;border-top-right-radius:10px;padding:5px 11px 0;}
form#flashcard_slider_form{font-family:arial;font-size:100%;color:#666;}
form#flashcard_slider_form label {}
form#flashcard_slider_form input[type="text"] 	{color:#666;border:1px solid #d8d8d8;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;padding:3px 10px;}

form#flashcard_slider_form select {color:#666;border:1px solid #d8d8d8;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;}
form#flashcard_slider_form option{display:block;color:#666;}

form#flashcard_slider_form input[type="checkbox"] {background:none;border:0px;width:14px;height:14px;}
form#flashcard_slider_form input[type="radio"]    {background:none;border:0px;width:14px;height:14px;}

input[type="text"]:disabled {opacity: .5;border:1px solid #eee !important;filter: alpha(opacity=50);}

form#flashcard_slider_form textarea {color:#666;font-size:110%;font-family:arial;border:1px solid #d8d8d8;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;padding:2px 10px;margin-bottom:10px;}
form#flashcard_slider_form .faulty_field {background:#fff4f4 !important;color:#ff0000;border:1px solid #ff0000 !important;}
form#flashcard_slider_form label span {color:#ff0000;font-size:85%;}

/*For Tooltip*/
.moreInfo {
    position: relative;
	font-weight:bold;
	vertical-align:top;
}
.trigger{
	padding:0px 3px;
	border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
	cursor:help;
	border-color: #298CBA;
	font-weight: bold;
	color: white;
	background: #21759B;
	text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0;
	vertical-align:top;
}
.tooltip {
    position: absolute;
	top:-12px;
	left:25px;
	z-index:999;
	width:25em;
	background:#EFEBCE;
	font-size:12px;
	color:#333;
	border:0px;padding:15px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;
	display: none; /* keeps the tooltip hidden if no JS available */
}
/************************************************
*	ui-tabs  									*
************************************************/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border: 0 !important; margin: 0 .2em -1px 0; padding: 0;  background:#cccccc;}
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; color:#000000;}
.ui-tabs .ui-tabs-nav li.ui-state-active { border-bottom-width: 0; background-color:#000000;}
.ui-tabs .ui-tabs-nav li.ui-state-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color:#FFF;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-state-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/*Left Sided Tabs*/
 .ui-tabs-vertical-left{padding:1%;background:#f5f5f5;margin:5px;border:1px solid #efefef;-moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
 .ui-tabs-vertical-left .ui-tabs-nav { float: left; padding: 0 2px 0 .2em;border-right:0px;max-width:21%;margin:0;background:none;border:none;}
  .ui-tabs-vertical-left .ui-tabs-nav li { float: left; clear: left; width: 100%; border-bottom-width: 1px !important; margin: 0.2em 0 0.2em 0; white-space:normal;border-radius:none;}
 .ui-tabs-vertical-left .ui-tabs-nav li a { display:block; padding:.5em 10%;width:80%;}
 .ui-tabs-vertical-left .ui-tabs-nav li.ui-state-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
 .ui-tabs-vertical-left .ui-tabs-panel { padding: 0; float: left; width: 78%;}
 .ui-tabs-vertical-left .ui-tabs-nav li.ui-state-active { margin-right: -1px; padding-right: 1px; border-right:0px;}
 .svilla_cl{display:block;visibility:hidden;clear:left;height:0;content:".";}
 .svilla_cr{display:block;visibility:hidden;clear:right;height:0;content:".";}
/*tabs complete*/

#sldr_message {background-color:#FEF7DA;clear:both;width:72%;}
#sldr_close {float:right;} 

.svilla_button{background:#333 !important;color:#fff !important;font-size:13px;width:100%;text-align:left;border:0 !important;padding:10px 5%;font-weight:bold;cursor:pointer;}a.svilla_button{text-decoration:none;display:block;margin-right:10px;width:100%;font-weight:bold;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.svilla_gray_button{background:#ffad5b !important;padding:5px 5%;}a.svilla_gray_button{color:#222 !important; }

.color-picker-wrap {
	position: absolute;
	display: none; 
	background: #fff;
	border: 3px solid #ccc;
	padding: 3px;
	z-index: 1000;
}
/*responsive*/
@media only screen and (max-width: 767px) { #flashcard_settings{width:100% !important;float:none !important;}#poststuff{float:none !important;} }