/* Swatches */

/* F
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-f {
	border: 1px solid #006837 /*{f-bar-border}*/;
	background: #025a30 /*{f-bar-background-color}*/;
	color: #ffffff /*{f-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{f-bar-shadow-x}*/ 1px /*{f-bar-shadow-y}*/ 1px /*{f-bar-shadow-radius}*/ #444444 /*{f-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #026334 /*{f-bar-background-start}*/), to( #01512b /*{f-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #026334 /*{f-bar-background-start}*/, #01512b /*{f-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #026334 /*{f-bar-background-start}*/, #01512b /*{f-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #026334 /*{f-bar-background-start}*/, #01512b /*{f-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #026334 /*{f-bar-background-start}*/, #01512b /*{f-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #026334 /*{f-bar-background-start}*/, #01512b /*{f-bar-background-end}*/);
}

.ui-bar-f .ui-link-inherit {
	color: #ffffff /*{f-bar-color}*/;
}
.ui-bar-f .ui-link {
	color: #7cc4e7 /*{f-bar-link-color}*/;
	font-weight: bold;
}

.ui-bar-f .ui-link:hover {
	color: #2489CE /*{f-bar-link-hover}*/;
}

.ui-bar-f .ui-link:active {
	color: #2489CE /*{f-bar-link-active}*/;
}

.ui-bar-f .ui-link:visited {
    color: #2489CE /*{f-bar-link-visited}*/;
}

.ui-bar-f,
.ui-bar-f input,
.ui-bar-f select,
.ui-bar-f textarea,
.ui-bar-f button {
	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-f,
.ui-overlay-f {
	border: 1px solid #444 /*{f-body-border}*/;
	color: #ffffff /*{f-body-color}*/;
	text-shadow: 0 /*{f-body-shadow-x}*/ 1px /*{f-body-shadow-y}*/ 1px /*{f-body-shadow-radius}*/ #111 /*{f-body-shadow-color}*/;
	background: #222 /*{f-body-background-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);	
}
}
.ui-overlay-f {
	background-image: none;
	border-width: 0;
}
.ui-body-f,
.ui-body-f input,
.ui-body-f select,
.ui-body-f textarea,
.ui-body-f button {
	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}

.ui-body-f .ui-link-inherit {
	color: #ffffff /*{f-body-color}*/;
}

.ui-body-f .ui-link {
	color: #8cc63f /*{f-body-link-color}*/;
	font-weight: bold;
}

.ui-body-f .ui-link:hover {
	color: #a1e348 /*{f-body-link-hover}*/;
}

.ui-body-f .ui-link:active {
	color: #8cc63f /*{f-body-link-active}*/;
}

.ui-body-f .ui-link:visited {
    color: #5b8028 /*{f-body-link-visited}*/;
}

.ui-btn-up-f {
	border: 1px solid #025a30 /*{f-bup-border}*/;
	background: #025a30 /*{f-bup-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{f-bup-color}*/;
	text-shadow: 0 /*{f-bup-shadow-x}*/ 1px /*{f-bup-shadow-y}*/ 0 /*{f-bup-shadow-radius}*/ #444444 /*{f-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #026334 /*{f-bup-background-start}*/), to( #01512b /*{f-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #026334 /*{f-bup-background-start}*/, #01512b /*{f-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #026334 /*{f-bup-background-start}*/, #01512b /*{f-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #026334 /*{f-bup-background-start}*/, #01512b /*{f-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #026334 /*{f-bup-background-start}*/, #01512b /*{f-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #026334 /*{f-bup-background-start}*/, #01512b /*{f-bup-background-end}*/);
}
.ui-btn-up-f a.ui-link-inherit {
	color: #ffffff /*{f-bup-color}*/;
}

.ui-btn-hover-f {
	border: 1px solid #45773f /*{f-bhover-border}*/;
	background: #45773f /*{f-bhover-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{f-bhover-color}*/;
	text-shadow: 0 /*{f-bhover-shadow-x}*/ 1px /*{f-bhover-shadow-y}*/ 0 /*{f-bhover-shadow-radius}*/ #444444 /*{f-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #4b8245 /*{f-bhover-background-start}*/), to( #3e6b38 /*{f-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #4b8245 /*{f-bhover-background-start}*/, #3e6b38 /*{f-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #4b8245 /*{f-bhover-background-start}*/, #3e6b38 /*{f-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #4b8245 /*{f-bhover-background-start}*/, #3e6b38 /*{f-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #4b8245 /*{f-bhover-background-start}*/, #3e6b38 /*{f-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #4b8245 /*{f-bhover-background-start}*/, #3e6b38 /*{f-bhover-background-end}*/);
}
.ui-btn-hover-f a.ui-link-inherit {
	color: #ffffff /*{f-bhover-color}*/;
}
.ui-btn-down-f {
	border: 1px solid #45773f /*{f-bdown-border}*/;
	background: #45773f /*{f-bdown-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{f-bdown-color}*/;
	text-shadow: 0 /*{f-bdown-shadow-x}*/ 1px /*{f-bdown-shadow-y}*/ 0 /*{f-bdown-shadow-radius}*/ #444444 /*{f-bdown-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #3e6b38 /*{f-bdown-background-start}*/), to( #4b8245 /*{f-bdown-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #3e6b38 /*{f-bdown-background-start}*/, #4b8245 /*{f-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #3e6b38 /*{f-bdown-background-start}*/, #4b8245 /*{f-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #3e6b38 /*{f-bdown-background-start}*/, #4b8245 /*{f-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #3e6b38 /*{f-bdown-background-start}*/, #4b8245 /*{f-bdown-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #3e6b38 /*{f-bdown-background-start}*/, #4b8245 /*{f-bdown-background-end}*/);
}
.ui-btn-down-f a.ui-link-inherit {
	color: #ffffff /*{f-bdown-color}*/;
}
.ui-btn-up-f,
.ui-btn-hover-f,
.ui-btn-down-f {
	 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
	text-decoration: none;
}

/* Active class used as the "on" state across all themes
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-active {
	border: 1px solid #8cc63f /*{global-active-border}*/;
	background: #8cc63f /*{global-active-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{global-active-color}*/;
	cursor: pointer;
	text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #444444 /*{global-active-shadow-color}*/;
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #9ad945 /*{global-active-background-start}*/), to( #7eb238 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #9ad945 /*{global-active-background-start}*/, #7eb238 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #9ad945 /*{global-active-background-start}*/, #7eb238 /*{global-active-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #9ad945 /*{global-active-background-start}*/, #7eb238 /*{global-active-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #9ad945 /*{global-active-background-start}*/, #7eb238 /*{global-active-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #9ad945 /*{global-active-background-start}*/, #7eb238 /*{global-active-background-end}*/);
	        font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-btn-active a.ui-link-inherit {
	color: #ffffff /*{global-active-color}*/;
}

/* checks,radios */
.ui-checkbox-on .ui-icon,
.ui-radio-on .ui-icon {
	background-color: #8cc63f /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
}

/* Focus state - set here for specificity (note: these classes are added by JavaScript)
-----------------------------------------------------------------------------------------------------------*/

.ui-btn:focus {
	outline: 0;
}

.ui-focus,
.ui-btn:focus {
	-moz-box-shadow: 0px 0px 12px #8cc63f /*{global-active-background-color}*/;
	-webkit-box-shadow: 0px 0px 12px #8cc63f /*{global-active-background-color}*/;
	box-shadow: 0px 0px 12px #8cc63f /*{global-active-background-color}*/;
}