/*!
* jQuery Mobile 1.4.5
* Git HEAD hash: 68e55e78b292634d3991c795f06f5e37a512decc <> Date: Fri Oct 31 2014 17:33:30 UTC
* http://jquerymobile.com
*
* Copyright 2010, 2014 jQuery Foundation, Inc. and othercontributors
* Released under the MIT license.
* http://jquery.org/license
*
*/
/* Globals */
@font-face {
    font-family: Roboto Thin;
    src: url(https://gander.ae/assets/fonts/Roboto-Thin.ttf);
}
@font-face {
    font-family: Roboto Light;
    src: url(https://gander.ae/assets/fonts/Roboto-Light.ttf);
}
@font-face {
    font-family: Roboto;
    src: url(https://gander.ae/assets/fonts/Roboto-Regular.ttf);
}
@font-face {
    font-family: Roboto Bold;
    src: url(https://gander.ae/assets/fonts/Roboto-Bold.ttf);
}

/* Font

-----------------------------------------------------------------------------------------------------------*/
html {
	font-size: 100%;
	font-family: Roboto, Arial;	
}

body,
input,
select,
textarea,
button,
.ui-btn {
	font-size: 1em;
	line-height: 1.3;
	font-family: Roboto, Arial !important;
}

.ui-btn {
	text-align: left !important;
}

.w-100 {
	width: 100%;
}

.w-75 {
	width: 75%;
}

.w-70 {
	width: 70%;
}

.w-50 {
	width: 50%;
}

.w-30 {
	width: 30%;
}

.w-25 {
	width: 25%;
}

.b-0 {
	border: 0 !important;
}

legend {
	font-weight: bold; 
	font-size:12pt; 
	text-transform: uppercase;
	margin-bottom:10px;
	border-bottom:3px solid white;
	display:inline!important;
	margin:20px 0px;
	max-width: fit-content !important;
}

.box-title{width:100%;padding-left:30px;clear:both;display:flex;margin:auto}
.box-title .inner {width:25%;margin-bottom:20px}
.box-title .search-icon {text-align: right;position:absolute;right:20px;color:#C2E22F; cursor: pointer;border-bottom:3px solid #C2E22F;}
.b-b-o { border-bottom:3px solid #f2682b; }
.b-b-y { border-bottom:3px solid #f6d93c; }
.b-b-b { border-bottom:3px solid #00aeef; }
.b-b-p { border-bottom:3px solid #dd2198; }
.b-b-g { border-bottom:3px solid #C2E22F; }
.b-b-pu { border-bottom:3px solid #5B2481; }


.typegrid input[type="submit"] {
	margin-top:30px !important;
}
.seeMore{
	padding:15px 20px;
	margin-bottom:20px;
}
#right-panel ul {
	padding: 0;
	margin: 0;
}

#right-panel ul li {
	list-style: none;
	padding: 6% 0;
	text-align: center;
	border-bottom: 1px solid #ccc;
}

a {
	text-decoration: none;
}

.typegrid h4 {
	display: inline-block;
	text-transform: uppercase;
}

.orange {
	color: #f2682b;
}
.bg-orange { background:#f2682b; }
.bg-yellow{ background:#f6d93c; }
.bg-blue{ background:#00aeef; }
.bg-pink{ background:#dd2198; }
.bg-purple{ background:#5B2481; }
.bg-green{ background:#C2E22F; }

.yellow {
	color: #f6d93c !important;
}

.blue {
	color: #00aeef !important;
}

.pink {
	color: #dd2198 !important;
}

.white {
	color: white !important;
}

.gr-blue {
	color:#346cc1 !important;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.bold {
	font-weight: bold;
}

.linethrough { text-decoration: line-through !important; }

.home-button{
	display:inline-block;
	padding:0% 5%; 
	text-align:center;
	margin:auto; 
	float:left;
	width:30%;
}

legend,
.ui-input-text input,
.ui-input-search input {
	color: inherit;
	text-shadow: inherit;
}

.panel {
	width:100%;clear:both;display:flex;
}

.panel .inner-panel{margin:2% auto; width:80%; padding:3%}

.panel select {
	background: #fff !important; 
}

.panel select:hover {
	background:#fff !important; 
}

.con {
	width:100%; 
	clear:both; 
	margin:20px auto; 
}




/* Form labels (overrides font-weight bold in bars, and mini font-size) */
.ui-mobile label,
div.ui-controlgroup-label {
	font-weight: normal;
	font-size: 16px;
}

.typePage {
	margin-left:20px; 
	margin-right:20px;
	margin-bottom:40px;
}

.row {
	width: 100%;
	clear: both;
}

#wrapper {
	position: relative;
}

.card {
	width: 100%;
	border-radius: 10px;
	border: none;
	-webkit-box-shadow: 0px 0px 43px rgba(36, 32, 33, 0.5);
	box-shadow: 0px 0px 43px rgba(36, 32, 33, 0.5);
}

.bookbtn {
	padding: 4% 0;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	width: 100%;
	text-align: center;
}

.bookbtn a {
	font-size: 14pt;
	color: #CCCCCC;
	font-weight: bold;
	text-decoration: none;
}

.bookbtn a:hover {
	color: #F2682B;
}

.cardtop {
	width: 100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.buddy i {
	font-size:20pt;
}

.love:hover i, .over_map .scrap:hover i {
	color: #F2682B;
}

#cal {
	border: 1px solid #ccc;
	padding: 5%;
	border-radius: 5px;
}

.form-group {
	position: relative !important;
}

.form-group {
	margin-bottom: 1rem;
}

label {
	display: inline-block;
	margin-bottom: .5rem;
}

.form-group .input-icon {
	position: absolute !important;
	width: 32px;
	height: 32px;
	line-height: 32px;
	display: block !important;
	left: 1px;
	text-align: center;
	color: #b3b3b3;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
	z-index: 1000;
}

.form-group.form-group-icon-left .form-control {
	padding-left: 32px !important;
}

.form-control {
	display: block !important;
	width: 100%;
	padding: 5px 12px;
	font-size: .9rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0 !important;
	-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
	transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
}

button, input {
	overflow: visible;
}

input, button, select, optgroup, textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	font-weight: 400;
}

.buddy {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	display: none;
	background: #fff;
	margin: auto !important;
	cursor: pointer;
	z-index: 999;
}

.rotate-left {
	transform: rotate(30deg) scale(0.8);
	transition: 1s;
	margin-left: 400px;
	cursor: e-resize;
	opacity: 0;
	z-index: 10;
}

.rotate-right {
	transform: rotate(-30deg) scale(0.8);
	transition: 1s;
	opacity: 0;
	margin-left: -400px;
	cursor: w-resize;
	z-index: 10;
}

.avatar {
	width: 100%;
}

.like {
	border-radius: 5px;
	padding: 5px 10px;
	border: 2px solid green;
	color: green;
	text-transform: uppercase;
	font-size: 15px;
	position: absolute;
	top: 50px;
	right: 40px;
	text-shadow: none;
}

.dislike {
	border-radius: 5px;
	padding: 3%;
	border: 2px solid red;
	color: red;
	text-transform: uppercase;
	font-size: 15px;
	position: absolute;
	top: 70px;
	left: 70px;
	width: 60%;
	text-shadow: none;
}
.p-0{padding:0 !important; }
.vendorName {
	text-transform: uppercase;
	font-weight: bold;
	padding:5px 20px; 
	display: inline-block;
}
.packageInfo{
	position:absolute;
	bottom:0px; 
	right:0px; 
	padding:1%; 
	text-align: center; 
	margin:auto; 
	background: rgba(0, 0, 0, .6);
	font-weight: bold; 
	color:white; 
}
.infoBox{
	margin:30px;
	border:1px solid #ccc;
	padding:15px;
}
a.btn{
	padding: 15px; 
	width:90%;
	margin: auto;
	display:inline-block;
	text-transform: uppercase;
}


/* Separators
-----------------------------------------------------------------------------------------------------------*/
/* Field contain separator (< 28em) */
.ui-field-contain {
	border-bottom-color: #828282;
	border-bottom-color: rgba(0, 0, 0, .15);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

/* Table opt-in classes: strokes between each row, and alternating row stripes */
/* Classes table-stroke and table-stripe are deprecated in 1.4. */
.table-stroke thead th,
.table-stripe thead th,
.table-stripe tbody tr:last-child {
	border-bottom: 1px solid #d6d6d6;
	/* non-RGBA fallback */
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.table-stroke tbody th,
.table-stroke tbody td {
	border-bottom: 1px solid #e6e6e6;
	/* non-RGBA fallback  */
	border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.table-stripe.table-stroke tbody tr:last-child th,
.table-stripe.table-stroke tbody tr:last-child td {
	border-bottom: 0;
}

.table-stripe tbody tr:nth-child(odd) td,
.table-stripe tbody tr:nth-child(odd) th {
	background-color: #eeeeee;
	/* non-RGBA fallback  */
	background-color: rgba(0, 0, 0, .04);
}

/* Buttons
-----------------------------------------------------------------------------------------------------------*/
.ui-btn,
label.ui-btn {
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
}

.ui-btn {
	text-decoration: none !important;
}

.ui-btn-active {
	cursor: pointer;
}

/* Corner rounding
-----------------------------------------------------------------------------------------------------------*/
/* Class ui-btn-corner-all deprecated in 1.4 */
.ui-corner-all {
	-webkit-border-radius: 0.4em
	/*{global-radii-blocks}*/
	;
	border-radius: 0.4em
	/*{global-radii-blocks}*/
	;
}

/* Buttons */
.ui-btn-corner-all,
.ui-btn.ui-corner-all,
/* Slider track */
.ui-slider-track.ui-corner-all,
/* Flipswitch */
.ui-flipswitch.ui-corner-all,
/* Count bubble */
.ui-li-count {
	-webkit-border-radius: 0.5em
	/*{global-radii-buttons}*/
	;
	border-radius: 0.5em
	/*{global-radii-buttons}*/
	;
}

/* Icon-only buttons */
.ui-btn-icon-notext.ui-btn-corner-all,
.ui-btn-icon-notext.ui-corner-all {
	-webkit-border-radius: 1em;
	border-radius: 1em;
}

/* Radius clip workaround for cleaning up corner trapping */
.ui-btn-corner-all,
.ui-corner-all {
	-webkit-background-clip: padding;
	background-clip: padding-box;
}

/* Popup arrow */
.ui-popup.ui-corner-all > .ui-popup-arrow-guide {
	left: 0.4em
	/*{global-radii-blocks}*/
	;
	right: 0.4em
	/*{global-radii-blocks}*/
	;
	top: 0.4em
	/*{global-radii-blocks}*/
	;
	bottom: 0.4em
	/*{global-radii-blocks}*/
	;
}

/* Shadow
-----------------------------------------------------------------------------------------------------------*/
.ui-shadow {
	-webkit-box-shadow: 0 1px 3px
	/*{global-box-shadow-size}*/
	rgba(0, 0, 0, .2)
	/*{global-box-shadow-color}*/
	;
	-moz-box-shadow: 0 1px 3px
	/*{global-box-shadow-size}*/
	rgba(0, 0, 0, .2)
	/*{global-box-shadow-color}*/
	;
	box-shadow: 0 1px 3px
	/*{global-box-shadow-size}*/
	rgba(0, 0, 0, .2)
	/*{global-box-shadow-color}*/
	;
}

.ui-shadow-inset {
	-webkit-box-shadow: inset 0 1px 3px
	/*{global-box-shadow-size}*/
	rgba(0, 0, 0, .2)
	/*{global-box-shadow-color}*/
	;
	-moz-box-shadow: inset 0 1px 3px
	/*{global-box-shadow-size}*/
	rgba(0, 0, 0, .2)
	/*{global-box-shadow-color}*/
	;
	box-shadow: inset 0 1px 3px
	/*{global-box-shadow-size}*/
	rgba(0, 0, 0, .2)
	/*{global-box-shadow-color}*/
	;
}

.ui-overlay-shadow {
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .6);
	-moz-box-shadow: 0 0 12px rgba(0, 0, 0, .6);
	box-shadow: 0 0 12px rgba(0, 0, 0, .6);
}

/* Icons
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-icon-left:after,
.ui-btn-icon-right:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after,
.ui-btn-icon-notext:after {
	background-color: #474747
	/*{global-icon-color}*/
	;
	background-color: rgba(71, 71, 71, 0.15)
	/*{global-icon-disc}*/
	;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}

/* Alt icons */
.ui-alt-icon.ui-btn:after,
.ui-alt-icon .ui-btn:after,
html .ui-alt-icon.ui-checkbox-off:after,
html .ui-alt-icon.ui-radio-off:after,
html .ui-alt-icon .ui-checkbox-off:after,
html .ui-alt-icon .ui-radio-off:after {
	background-color: #474747
	/*{global-icon-color}*/
	;
	background-color: rgba(71, 71, 71, 0.15)
	/*{global-icon-disc}*/
	;
}

/* No disc */
.ui-nodisc-icon.ui-btn:after,
.ui-nodisc-icon .ui-btn:after {
	background-color: transparent;
}

/* Icon shadow */
.ui-shadow-icon.ui-btn:after,
.ui-shadow-icon .ui-btn:after {
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .4)
	/*{global-icon-shadow}*/
	;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .4)
	/*{global-icon-shadow}*/
	;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .4)
	/*{global-icon-shadow}*/
	;
}

/* Checkbox and radio */
.ui-btn.ui-checkbox-off:after,
.ui-btn.ui-checkbox-on:after,
.ui-btn.ui-radio-off:after,
.ui-btn.ui-radio-on:after {
	display: block;
	width: 18px;
	height: 18px;
	margin: -9px 2px 0 2px;
}

.ui-checkbox-off:after,
.ui-btn.ui-radio-off:after {
	filter: Alpha(Opacity=30);
	opacity: .3;
}

.ui-btn.ui-checkbox-off:after,
.ui-btn.ui-checkbox-on:after {
	-webkit-border-radius: .1875em;
	border-radius: .1875em;
}

.ui-btn.ui-checkbox-off:after {
	background-color: #666;
	background-color: rgba(0, 0, 0, .3);
}

.ui-radio .ui-btn.ui-radio-on:after {
	background-image: none;
	background-color: #fff;
	width: 8px;
	height: 8px;
	border-width: 5px;
	border-style: solid;
}

.ui-alt-icon.ui-btn.ui-radio-on:after,
.ui-alt-icon .ui-btn.ui-radio-on:after {
	background-color: #000;
}

/* Loader */
.ui-icon-loading {
	background: url("images/ajax-loader.gif");
	background-size: 2.875em 2.875em;
}

.ui-bar-a, .ui-page-theme-a .ui-bar-inherit, html .ui-bar-a .ui-bar-inherit, html .ui-body-a .ui-bar-inherit, html body .ui-group-theme-a .ui-bar-inherit {
	background-color: #eee;
	border-color: #dddddd;
	color: #0e2240;
	font-weight: bold;
}

.ui-bar-a {
	border-width: 1px;
	border-style: solid;
}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
	background-color: #f9f9f9;
	border-color: #ccc;
	color: #0e2240;
	text-shadow: 0 0px 0 #f3f3f3;
}

.ui-body-a, .ui-page-theme-a .ui-body-inherit, html .ui-bar-a .ui-body-inherit, html .ui-body-a .ui-body-inherit, html body .ui-group-theme-a .ui-body-inherit, html .ui-panel-page-container-a {
	background-color: #ffffff;
	border-color: #eee;
	color: #0e2240;
}

.ui-body-a {
	border-width: 1px;
	border-style: solid;
}

.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a {
	color: #5b2481;
	font-weight: bold;
}

.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited {
	color: #3388cc;
}

.ui-page-theme-a a:hover, html .ui-bar-a a:hover, html .ui-body-a a:hover, html body .ui-group-theme-a a:hover {
	color: #005599;
}

.ui-page-theme-a a:active, html .ui-bar-a a:active, html .ui-body-a a:active, html body .ui-group-theme-a a:active {
	color: #005599;
}

.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head + body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head + body .ui-btn.ui-btn-a:visited {
	background-color: #fff;
	border-color: #ccc;
	color: #000;
	text-shadow: 0 0px 0 #f3f3f3;
}

.ui-page-theme-a .ui-btn:hover, html .ui-bar-a .ui-btn:hover, html .ui-body-a .ui-btn:hover, html body .ui-group-theme-a .ui-btn:hover, html head + body .ui-btn.ui-btn-a:hover {
	background-color: #c2e22f;
	border-color: #dddddd;
	color: #333333;
	text-shadow: 0 0px 0 #f3f3f3;
}

.ui-page-theme-a .ui-btn:active, html .ui-bar-a .ui-btn:active, html .ui-body-a .ui-btn:active, html body .ui-group-theme-a .ui-btn:active, html head + body .ui-btn.ui-btn-a:active {
	background-color: #c2e22f;
	border-color: #dddddd;
	color: #333333;
	text-shadow: 0 1px 0 #f3f3f3;
}

.ui-page-theme-a .ui-btn.ui-btn-active, html .ui-bar-a .ui-btn.ui-btn-active, html .ui-body-a .ui-btn.ui-btn-active, html body .ui-group-theme-a .ui-btn.ui-btn-active, html head + body .ui-btn.ui-btn-a.ui-btn-active, .ui-page-theme-a .ui-checkbox-on:after, html .ui-bar-a .ui-checkbox-on:after, html .ui-body-a .ui-checkbox-on:after, html body .ui-group-theme-a .ui-checkbox-on:after, .ui-btn.ui-checkbox-on.ui-btn-a:after, .ui-page-theme-a .ui-flipswitch-active, html .ui-bar-a .ui-flipswitch-active, html .ui-body-a .ui-flipswitch-active, html body .ui-group-theme-a .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, .ui-page-theme-a .ui-slider-track .ui-btn-active, html .ui-bar-a .ui-slider-track .ui-btn-active, html .ui-body-a .ui-slider-track .ui-btn-active, html body .ui-group-theme-a .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-a .ui-btn-active {
	background-color: #80bd01;
	border-color: #80bd01;
	color: #ffffff;
	text-shadow: 0 0px 0 #fff;
}

.ui-page-theme-a .ui-radio-on:after, html .ui-bar-a .ui-radio-on:after, html .ui-body-a .ui-radio-on:after, html body .ui-group-theme-a .ui-radio-on:after, .ui-btn.ui-radio-on.ui-btn-a:after {
	border-color: #80bd01;
}

.ui-page-theme-a .ui-btn:focus, html .ui-bar-a .ui-btn:focus, html .ui-body-a .ui-btn:focus, html body .ui-group-theme-a .ui-btn:focus, html head + body .ui-btn.ui-btn-a:focus, .ui-page-theme-a .ui-focus, html .ui-bar-a .ui-focus, html .ui-body-a .ui-focus, html body .ui-group-theme-a .ui-focus, html head + body .ui-btn-a.ui-focus, html head + body .ui-body-a.ui-focus {
	-webkit-box-shadow: 0 0 12px #80bd01;
	-moz-box-shadow: 0 0 12px #80bd01;
	box-shadow: 0 0 12px #80bd01;
}

.ui-bar-b, .ui-page-theme-b .ui-bar-inherit, html .ui-bar-b .ui-bar-inherit, html .ui-body-b .ui-bar-inherit, html body .ui-group-theme-b .ui-bar-inherit {
	background-color: #e9e9e9;
	border-color: #dddddd;
	color: #333333;
	text-shadow: 0 1px 0 #eeeeee;
	font-weight: bold;
}

.ui-bar-b {
	border-width: 1px;
	border-style: solid;
}

.ui-overlay-b, .ui-page-theme-b, .ui-page-theme-b .ui-panel-wrapper {
	background-color: #f9f9f9;
	border-color: #bbbbbb;
	color: #333333;
	text-shadow: 0 1px 0 #f3f3f3;
}

.ui-body-b, .ui-page-theme-b .ui-body-inherit, html .ui-bar-b .ui-body-inherit, html .ui-body-b .ui-body-inherit, html body .ui-group-theme-b .ui-body-inherit, html .ui-panel-page-container-b {
	background-color: #ffffff;
	border-color: #dddddd;
	color: #333333;
	text-shadow: 0 1px 0 #f3f3f3;
}

.ui-body-b {
	border-width: 1px;
	border-style: solid;
}

.ui-page-theme-b a, html .ui-bar-b a, html .ui-body-b a, html body .ui-group-theme-b a {
	color: #3388cc;
	font-weight: bold;
}

.ui-page-theme-b a:visited, html .ui-bar-b a:visited, html .ui-body-b a:visited, html body .ui-group-theme-b a:visited {
	color: #3388cc;
}

.ui-page-theme-b a:hover, html .ui-bar-b a:hover, html .ui-body-b a:hover, html body .ui-group-theme-b a:hover {
	color: #005599;
}

.ui-page-theme-b a:active, html .ui-bar-b a:active, html .ui-body-b a:active, html body .ui-group-theme-b a:active {
	color: #005599;
}

.ui-page-theme-b .ui-btn, html .ui-bar-b .ui-btn, html .ui-body-b .ui-btn, html body .ui-group-theme-b .ui-btn, html head + body .ui-btn.ui-btn-b, .ui-page-theme-b .ui-btn:visited, html .ui-bar-b .ui-btn:visited, html .ui-body-b .ui-btn:visited, html body .ui-group-theme-b .ui-btn:visited, html head + body .ui-btn.ui-btn-b:visited {
	background-color: #f6f6f6;
	border-color: #dddddd;
	color: #333333;
	text-shadow: 0 1px 0 #f3f3f3;
}

.ui-page-theme-b .ui-btn:hover, html .ui-bar-b .ui-btn:hover, html .ui-body-b .ui-btn:hover, html body .ui-group-theme-b .ui-btn:hover, html head + body .ui-btn.ui-btn-b:hover {
	background-color: #ededed;
	border-color: #dddddd;
	color: #333333;
	text-shadow: 0 1px 0 #f3f3f3;
}

.ui-page-theme-b .ui-btn:active, html .ui-bar-b .ui-btn:active, html .ui-body-b .ui-btn:active, html body .ui-group-theme-b .ui-btn:active, html head + body .ui-btn.ui-btn-b:active {
	background-color: #e8e8e8;
	border-color: #dddddd;
	color: #333333;
	text-shadow: 0 1px 0 #f3f3f3;
}

.ui-page-theme-b .ui-btn.ui-btn-active, html .ui-bar-b .ui-btn.ui-btn-active, html .ui-body-b .ui-btn.ui-btn-active, html body .ui-group-theme-b .ui-btn.ui-btn-active, html head + body .ui-btn.ui-btn-b.ui-btn-active, .ui-page-theme-b .ui-checkbox-on:after, html .ui-bar-b .ui-checkbox-on:after, html .ui-body-b .ui-checkbox-on:after, html body .ui-group-theme-b .ui-checkbox-on:after, .ui-btn.ui-checkbox-on.ui-btn-b:after, .ui-page-theme-b .ui-flipswitch-active, html .ui-bar-b .ui-flipswitch-active, html .ui-body-b .ui-flipswitch-active, html body .ui-group-theme-b .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-b.ui-flipswitch-active, .ui-page-theme-b .ui-slider-track .ui-btn-active, html .ui-bar-b .ui-slider-track .ui-btn-active, html .ui-body-b .ui-slider-track .ui-btn-active, html body .ui-group-theme-b .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-b .ui-btn-active {
	background-color: #3388cc;
	border-color: #3388cc;
	color: #ffffff;
	text-shadow: 0 1px 0 #005599;
}

.ui-page-theme-b .ui-radio-on:after, html .ui-bar-b .ui-radio-on:after, html .ui-body-b .ui-radio-on:after, html body .ui-group-theme-b .ui-radio-on:after, .ui-btn.ui-radio-on.ui-btn-b:after {
	border-color: #3388cc;
}

.ui-page-theme-b .ui-btn:focus, html .ui-bar-b .ui-btn:focus, html .ui-body-b .ui-btn:focus, html body .ui-group-theme-b .ui-btn:focus, html head + body .ui-btn.ui-btn-b:focus, .ui-page-theme-b .ui-focus, html .ui-bar-b .ui-focus, html .ui-body-b .ui-focus, html body .ui-group-theme-b .ui-focus, html head + body .ui-btn-b.ui-focus, html head + body .ui-body-b.ui-focus {
	-webkit-box-shadow: 0 0 12px #3388cc;
	-moz-box-shadow: 0 0 12px #3388cc;
	box-shadow: 0 0 12px #3388cc;
}

.ui-bar-c, .ui-page-theme-c .ui-bar-inherit, html .ui-bar-c .ui-bar-inherit, html .ui-body-c .ui-bar-inherit, html body .ui-group-theme-c .ui-bar-inherit {
	background-color: #e9e9e9;
	border-color: #dddddd;
	color: #333333;
	text-shadow: 0 1px 0 #eeeeee;
	font-weight: bold;
}

.ui-bar-c {
	border-width: 1px;
	border-style: solid;
}

.ui-overlay-c, .ui-page-theme-c, .ui-page-theme-c .ui-panel-wrapper {
	background-color: #f9f9f9;
	border-color: #bbbbbb;
	color: #333333;
	text-shadow: 0 1px 0 #f3f3f3;
}

.ui-body-c, .ui-page-theme-c .ui-body-inherit, html .ui-bar-c .ui-body-inherit, html .ui-body-c .ui-body-inherit, html body .ui-group-theme-c .ui-body-inherit, html .ui-panel-page-container-c {
	background-color: #ffffff;
	border-color: #dddddd;
	color: #333333;
	text-shadow: 0 1px 0 #f3f3f3;
}

.ui-body-c {
	border-width: 1px;
	border-style: solid;
}

.ui-page-theme-c a, html .ui-bar-c a, html .ui-body-c a, html body .ui-group-theme-c a {
	color: #3388cc;
	font-weight: bold;
}

.ui-page-theme-c a:visited, html .ui-bar-c a:visited, html .ui-body-c a:visited, html body .ui-group-theme-c a:visited {
	color: #3388cc;
}

.ui-page-theme-c a:hover, html .ui-bar-c a:hover, html .ui-body-c a:hover, html body .ui-group-theme-c a:hover {
	color: #005599;
}

.ui-page-theme-c a:active, html .ui-bar-c a:active, html .ui-body-c a:active, html body .ui-group-theme-c a:active {
	color: #005599;
}

.ui-page-theme-c .ui-btn, html .ui-bar-c .ui-btn, html .ui-body-c .ui-btn, html body .ui-group-theme-c .ui-btn, html head + body .ui-btn.ui-btn-c, .ui-page-theme-c .ui-btn:visited, html .ui-bar-c .ui-btn:visited, html .ui-body-c .ui-btn:visited, html body .ui-group-theme-c .ui-btn:visited, html head + body .ui-btn.ui-btn-c:visited {
	background-color: #f6f6f6;
	border-color: #dddddd;
	color: #333333;
	text-shadow: 0 1px 0 #f3f3f3;
}

.ui-page-theme-c .ui-btn:hover, html .ui-bar-c .ui-btn:hover, html .ui-body-c .ui-btn:hover, html body .ui-group-theme-c .ui-btn:hover, html head + body .ui-btn.ui-btn-c:hover {
	background-color: #ededed;
	border-color: #dddddd;
	color: #333333;
	text-shadow: 0 1px 0 #f3f3f3;
}

.ui-page-theme-c .ui-btn:active, html .ui-bar-c .ui-btn:active, html .ui-body-c .ui-btn:active, html body .ui-group-theme-c .ui-btn:active, html head + body .ui-btn.ui-btn-c:active {
	background-color: #e8e8e8;
	border-color: #dddddd;
	color: #333333;
	text-shadow: 0 1px 0 #f3f3f3;
}

.ui-page-theme-c .ui-btn.ui-btn-active, html .ui-bar-c .ui-btn.ui-btn-active, html .ui-body-c .ui-btn.ui-btn-active, html body .ui-group-theme-c .ui-btn.ui-btn-active, html head + body .ui-btn.ui-btn-c.ui-btn-active, .ui-page-theme-c .ui-checkbox-on:after, html .ui-bar-c .ui-checkbox-on:after, html .ui-body-c .ui-checkbox-on:after, html body .ui-group-theme-c .ui-checkbox-on:after, .ui-btn.ui-checkbox-on.ui-btn-c:after, .ui-page-theme-c .ui-flipswitch-active, html .ui-bar-c .ui-flipswitch-active, html .ui-body-c .ui-flipswitch-active, html body .ui-group-theme-c .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-c.ui-flipswitch-active, .ui-page-theme-c .ui-slider-track .ui-btn-active, html .ui-bar-c .ui-slider-track .ui-btn-active, html .ui-body-c .ui-slider-track .ui-btn-active, html body .ui-group-theme-c .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-c .ui-btn-active {
	background-color: #3388cc;
	border-color: #3388cc;
	color: #ffffff;
	text-shadow: 0 1px 0 #005599;
}

.ui-page-theme-c .ui-radio-on:after, html .ui-bar-c .ui-radio-on:after, html .ui-body-c .ui-radio-on:after, html body .ui-group-theme-c .ui-radio-on:after, .ui-btn.ui-radio-on.ui-btn-c:after {
	border-color: #3388cc;
}

.ui-page-theme-c .ui-btn:focus, html .ui-bar-c .ui-btn:focus, html .ui-body-c .ui-btn:focus, html body .ui-group-theme-c .ui-btn:focus, html head + body .ui-btn.ui-btn-c:focus, .ui-page-theme-c .ui-focus, html .ui-bar-c .ui-focus, html .ui-body-c .ui-focus, html body .ui-group-theme-c .ui-focus, html head + body .ui-btn-c.ui-focus, html head + body .ui-body-c.ui-focus {
	-webkit-box-shadow: 0 0 12px #3388cc;
	-moz-box-shadow: 0 0 12px #3388cc;
	box-shadow: 0 0 12px #3388cc;
}

.ui-disabled, .ui-state-disabled, button[disabled], .ui-select .ui-btn.ui-state-disabled {
	filter: Alpha(Opacity=30);
	opacity: .3;
	cursor: default !important;
	pointer-events: none;
}

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

.ui-noboxshadow .ui-shadow, .ui-noboxshadow .ui-shadow-inset, .ui-noboxshadow .ui-overlay-shadow, .ui-noboxshadow .ui-shadow-icon.ui-btn:after, .ui-noboxshadow .ui-shadow-icon .ui-btn:after, .ui-noboxshadow .ui-focus, .ui-noboxshadow .ui-btn:focus, .ui-noboxshadow input:focus, .ui-noboxshadow .ui-panel {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.ui-noboxshadow .ui-btn:focus, .ui-noboxshadow .ui-focus {
	outline-width: 1px;
	outline-style: auto;
}