/* Swatches */
/* V
-----------------------------------------------------------------------------------------------------------*/
/* Bar: Toolbars, dividers, slider track */
.ui-bar-v,
.ui-page-theme-v .ui-bar-inherit,
html .ui-bar-v .ui-bar-inherit,
html .ui-body-v .ui-bar-inherit,
html body .ui-group-theme-v .ui-bar-inherit {
	background-color: 			#e9e9e9 /*{a-bar-background-color}*/;
	border-color:	 		#ddd /*{a-bar-border}*/;
	color: 					#333 /*{a-bar-color}*/;
	text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ 	#eee /*{a-bar-shadow-color}*/;
	font-weight: bold;
}
.ui-bar-v {
	border-width: 1px;
	border-style: solid;
}
/* Page and overlay */
.ui-overlay-v,
.ui-page-theme-v,
.ui-page-theme-v .ui-panel-wrapper {
	background-color: 			#f9f9f9 /*{a-page-background-color}*/;
	border-color:	 		#bbb /*{a-page-border}*/;
	color: 					#333 /*{a-page-color}*/;
	text-shadow: 0 /*{a-page-shadow-x}*/ 1px /*{a-page-shadow-y}*/ 0 /*{a-page-shadow-radius}*/ 	#f3f3f3 /*{a-page-shadow-color}*/;
}
/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-v,
.ui-page-theme-v .ui-body-inherit,
html .ui-bar-v .ui-body-inherit,
html .ui-body-v .ui-body-inherit,
html body .ui-group-theme-v .ui-body-inherit,
html .ui-panel-page-container-v {
	background-color: 			#fff /*{a-body-background-color}*/;
	border-color:	 		#ddd /*{a-body-border}*/;
	color: 					#333 /*{a-body-color}*/;
	text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ 	#f3f3f3 /*{a-body-shadow-color}*/;
}
.ui-body-v {
	border-width: 1px;
	border-style: solid;
}
/* Links */
.ui-page-theme-v a,
html .ui-bar-v a,
html .ui-body-v a,
html body .ui-group-theme-v a {
	color: #3388cc /*{a-link-color}*/;
	font-weight: bold;
}
.ui-page-theme-v a:visited,
html .ui-bar-v a:visited,
html .ui-body-v a:visited,
html body .ui-group-theme-v a:visited {
    color: #3388cc /*{a-link-visited}*/;
}
.ui-page-theme-v a:hover,
html .ui-bar-v a:hover,
html .ui-body-v a:hover,
html body .ui-group-theme-v a:hover {
	color: #005599 /*{a-link-hover}*/;
}
.ui-page-theme-v a:active,
html .ui-bar-v a:active,
html .ui-body-v a:active,
html body .ui-group-theme-v a:active {
	color: #005599 /*{a-link-active}*/;
}
/* Button up */
.ui-page-theme-v .ui-btn,
html .ui-bar-v .ui-btn,
html .ui-body-v .ui-btn,
html body .ui-group-theme-v .ui-btn,
html head + body .ui-btn.ui-btn-v,
/* Button visited */
.ui-page-theme-v .ui-btn:visited,
html .ui-bar-v .ui-btn:visited,
html .ui-body-v .ui-btn:visited,
html body .ui-group-theme-v .ui-btn:visited,
html head + body .ui-btn.ui-btn-v:visited 
{
    
	background-color: 			#1B99C9 /*{a-bup-background-color}*/;
	border-color:	 		#1290C0 /*{a-bup-border}*/;
	color: 					#FFF /*{a-bup-color}*/;
	text-shadow: 0 /*{a-bup-shadow-x}*/ -1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #666 /*{a-bup-shadow-color}*/;
    
     background-image: -webkit-gradient(linear, left top, left bottom, from( #27A5D5 ), to( #1391C1 )); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #27A5D5, #1391C1 ); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #27A5D5, #1391C1 ); /* FF3.6 */
    background-image: -ms-linear-gradient( #27A5D5, #1391C1 ); /* IE10 */
    background-image: -o-linear-gradient( #27A5D5, #1391C1 ); /* Opera 11.10+ */
    background-image: linear-gradient( #27A5D5 , #1391C1 );
}
/* Button hover */
.ui-page-theme-v .ui-btn:hover,
html .ui-bar-v .ui-btn:hover,
html .ui-body-v .ui-btn:hover,
html body .ui-group-theme-v .ui-btn:hover,
html head + body .ui-btn.ui-btn-v:hover {
	background-color: 			#1290C0 /*{a-bhover-background-color}*/;
	border-color:	 		#1290C0 /*{a-bhover-border}*/;
	color: 					#FFF /*{a-bhover-color}*/;
	text-shadow: 0 /*{a-bhover-shadow-x}*/ -1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #666 /*{a-bhover-shadow-color}*/;
    
    background-image: -webkit-gradient(linear, left top, left bottom, from( #1FA0CC ), to( #107EBE )); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #1FA0CC, #107EBE ); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #1FA0CC, #107EBE ); /* FF3.6 */
    background-image: -ms-linear-gradient( #1FA0CC, #107EBE ); /* IE10 */
    background-image: -o-linear-gradient( #1FA0CC, #107EBE ); /* Opera 11.10+ */
    background-image: linear-gradient( #1FA0CC , #107EBE );
}
/* Button down */
.ui-page-theme-v .ui-btn:active,
html .ui-bar-v .ui-btn:active,
html .ui-body-v .ui-btn:active,
html body .ui-group-theme-v .ui-btn:active,
html head + body .ui-btn.ui-btn-v:active {
	background-color: 			#3388cc /*{a-bdown-background-color}*/;
	border-color:	 		#3388cc /*{a-bdown-border}*/;
	color: 					#FFF /*{a-bdown-color}*/;
	text-shadow: 0 /*{a-bdown-shadow-x}*/ -1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #666 /*{a-bdown-shadow-color}*/;
    background-image:none;
}
/* Active button */
.ui-page-theme-v .ui-btn.ui-btn-active,
html .ui-bar-v .ui-btn.ui-btn-active,
html .ui-body-v .ui-btn.ui-btn-active,
html body .ui-group-theme-v .ui-btn.ui-btn-active,
html head + body .ui-btn.ui-btn-v.ui-btn-active,
/* Active checkbox icon */
.ui-page-theme-v .ui-checkbox-on:after,
html .ui-bar-v .ui-checkbox-on:after,
html .ui-body-v .ui-checkbox-on:after,
html body .ui-group-theme-v .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-v:after,
/* Active flipswitch background */
.ui-page-theme-v .ui-flipswitch-active,
html .ui-bar-v .ui-flipswitch-active,
html .ui-body-v .ui-flipswitch-active,
html body .ui-group-theme-v .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-v.ui-flipswitch-active,
/* Active slider track */
.ui-page-theme-v .ui-slider-track .ui-btn-active,
html .ui-bar-v .ui-slider-track .ui-btn-active,
html .ui-body-v .ui-slider-track .ui-btn-active,
html body .ui-group-theme-v .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-v .ui-btn-active {
	background-color: 		#3388cc /*{a-active-background-color}*/;
	border-color:	 		#3388cc /*{a-active-border}*/;
	color: 					#fff /*{a-active-color}*/;
	text-shadow: 0 /*{a-active-shadow-x}*/ 1px /*{a-active-shadow-y}*/ 0 /*{a-active-shadow-radius}*/ #005599 /*{a-active-shadow-color}*/;
    background-image:none;
}
/* Active radio button icon */
.ui-page-theme-v .ui-radio-on:after,
html .ui-bar-v .ui-radio-on:after,
html .ui-body-v .ui-radio-on:after,
html body .ui-group-theme-v .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-v:after {
	border-color:			#3388cc /*{a-active-background-color}*/;
}
/* Focus */
.ui-page-theme-v .ui-btn:focus,
html .ui-bar-v .ui-btn:focus,
html .ui-body-v .ui-btn:focus,
html body .ui-group-theme-v .ui-btn:focus,
html head + body .ui-btn.ui-btn-v:focus,
/* Focus buttons and text inputs with div wrap */
.ui-page-theme-v .ui-focus,
html .ui-bar-v .ui-focus,
html .ui-body-v .ui-focus,
html body .ui-group-theme-v .ui-focus,
html head + body .ui-btn-v.ui-focus,
html head + body .ui-body-v.ui-focus {
	-webkit-box-shadow: 0 0 12px 	#3388cc /*{a-active-background-color}*/;
	-moz-box-shadow: 0 0 12px 		#3388cc /*{a-active-background-color}*/;
	box-shadow: 0 0 12px 			#3388cc /*{a-active-background-color}*/;
}