/**********************************************************
	GENERAL UI ELEMENTS
**********************************************************/

* {
	-webkit-user-select:none; /* Prevent copy paste for all elements except text fields */
	-webkit-tap-highlight-color:rgba(255, 255, 255, 0); /* set highlight color for user interaction */
	margin:0;
	padding:0;/* Remove default padding and margins for all elements */
	-webkit-box-sizing:border-box; box-sizing:border-box;
} 

input,textarea { -webkit-user-select:text; } /* allow users to select text that appears in input fields */

img { border:none; } /* Remove default borders for images */

body {
	overflow-x:hidden;
	-webkit-text-size-adjust:none;
	font:normal 14px/18px Helvetica, Arial, sans-serif;
	color:#fff;
	background:#222; /* primary background color */
	display:-webkit-box; /* We want to layout our first container vertically */
    -webkit-box-orient:vertical; /* we want our child elements to stretch to fit the container */
	-webkit-box-align:stretch;
} /* General styles that apply to elements not contained within other classes and styles */

p {
	font:normal 14px/18px Arial, Helvetica, sans-serif;
	color:#fff;
	background:transparent;
	padding:16px;
} /* Paragraph class used for text areas. */

#jQui_modal{
    
    
	z-index:9999 !important;
	width:100%;	height:100%;
	display:none;
	position:absolute; top:0px; 
	overflow:hidden;
	background:rgba(0,0,0,.95) !important;
	-webkit-border-radius:6px; border-radius:6px;
	-webkit-perspective:1000;
}

#modalContainer {
width:100%;
}
 

.horzRule {
	position:relative;
	display:block;
	background:#f30;
	width:100%;	height:1px;
} /* Horizontal line. */

.jqmScrollbar { background:white !important; } /* Sets the color of the scrollbar */
.jqmScrollPanel { width:100%; min-height:100%; }

#jQUi {
	position:absolute;
	width:100%;
	top:0px;
	bottom:0px;
}

#jQUi > #splashscreen {
	position:absolute;
	top:0px;bottom:0px;
	width:100%; min-height:100%;
	left:0px;
	background:#900 !important;
	color:#fff !important;
	font-size:30px;
	text-align:center;
	z-index:9999;
	display:block;
	margin-left:auto !important; margin-right:auto !important;
	padding-top:80px !important;
}


/**********************************************************
	header
**********************************************************/
#jQUi > #header {
	display:block;
	z-index:250;
	-webkit-box-sizing:border-box; box-sizing:border-box;
	height:48px;
	left:0px;right:0px;
	border-bottom:1px solid #300;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f00), to(#f30), color-stop(.5,#900));
	-webkit-box-shadow:0px 0px 24px rgba(0,0,0,0.8); box-shadow:0px 0px 24px rgba(0,0,0,0.8);
} /* This is masthead bar that appears at the top of the UI */

#header > * {
position:relative;
z-index:2;
}

#header > h1 {
	position:absolute;
	overflow:hidden;
	width:100%;
    z-index:1;
    text-align:center;
	height:48px; 
	font:bold 24px/44px Arial, Helvetica, sans-serif;
	color:#fff;
	text-shadow:#000 0px -1px !important;
	text-align:center;
	text-overflow:ellipsis;
	white-space:nowrap;
} /* This is text that appears in the header at the top of the screen */




/**********************************************************
	BUTTON STYLES
**********************************************************/
#backButton {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	max-width:60px;
	text-overflow:ellipsis;
} /* Sets up positioning of the back button which appears in the header */

#backButton > div {
	max-width:60px;
	overflow:hidden;
	text-overflow:ellipsis;
} /* sets up sizing and handling of excess text for the type in the back button */

.button {
    z-index:1;
	position:relative;
	display:inline-block;
	height:36px; min-width:60px;
	margin-top:6px; margin-left:6px; 
	cursor:pointer;
	font:bold 14px/34px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	text-align:center;
	text-transform:lowercase;
	padding:0px 8px;
	border:1px solid #f60;
	text-overflow:ellipsis; 
	-webkit-border-radius:18px; border-radius:18px;
	background-color:#900;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#900), to(#c00));
	-webkit-box-shadow:0px 0px 0px 1px rgba(102,0,0,0.9); box-shadow:0px 0px 0px 1px rgba(102,0,0,0.9);
} /* Styling for CSS-generated buttons, including the back button. These buttons can bue used anywhere in the UI. */

.button.pressed {
	color:#fff;
	background-color:#f00;
	border:1px solid #f90;
} /* behavior of button for touch interaction */

.modalbutton {
	position:absolute;
	top:0px;
	right:5px;
	height:32px;
	width:58px;
	line-height:32px;
	z-index:9999;
} 

.closebutton  {
position:absolute;
top:6px; right:6px;
display:block;
height:24px !important; width:24px !important;
border-radius:12px;
border:1px solid #666;
background:#fff;
color:#333;
font:bold 21px/18px 'Arial Black', Arial Black, Gadget, Arial, Helvetica, sans-serif;
text-align:center;
text-decoration:none;
-webkit-transition:all 0.2s ease; transition:all 0.2s ease;
}
.closebutton:before { content:'x'; }
.closebutton.selected,.closebutton.modalButton.selected {
color:#fff;
background:#333; 
}



/**********************************************************
	CONTENT AREA
**********************************************************/
#content {
	z-index:180;
	display:block;
	position:absolute;
	top:48px;
	bottom:62px;
	left:0px;right:0px;
	overflow:hidden;
} /* Accounts for positioning of the content area, which is everything below the header and above the navbar. */

.panel {
    -webkit-backface-visibility:hidden;
	z-index:180;
	width:100%;
	height:100%;
	display:none;
    position:absolute; top:0px; left:0px;
	overflow:hidden;
	background:transparent;
    margin-top:10px;
    margin-bottom:10px;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
} /* This class is applied to the divs that contain the various "views" or pages of the app. */ 
.panel > * {
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}


/**********************************************************
	TOOL BAR
**********************************************************/
/* Tool bar appears locked to the bottom of the screen. It is the primary navigation. can contain text or graphical navigation */
#navbar {
	position:absolute;
	bottom:0px;
	z-index:1000;
	text-align:center;
	left:0px; right:0px;
	height:62px; padding:0px 1px;
	border-top:1px solid #300;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f00), to(#f30), color-stop(.5,#900));
	-webkit-box-shadow:0px 0px 24px rgba(0,0,0,0.6); box-shadow:0px 0px 24px rgba(0,0,0,0.6);
}

#navbar a {
	position:relative;
	width:62px; height:62px;
	overflow:hidden;
	display:inline-block;
	font:bold 12px/100px Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#fff;
	text-shadow:#000 0px -1px !important;
	text-align:center;
	margin:0px auto;
}
#navbar a:not(:last-of-type) {
    border-right:1px solid rgba(80,80,80,.5);
}
#navbar a:active, #navbar a:focus, #navbar a:active:focus, #navbar .selected { background-color:#900; }
#navbar .icon:before {
    line-height:62px;
    text-align:center;
    position:absolute;
    top:-10px;
    left:10px;
    font-size:48px;
}

.jq-badge {
	display:-webkit-box;
	-webkit-box-direction:reverse; 
	position:absolute;
	font-size:10px;
	border:2px solid white;
	color:white;
	background:red;
	line-height:12px;
	border-radius:10px;
	overflow:hidden;
	text-overflow:ellipsis;
	min-width:20px;
	max-width:90%;
	height:20px;
	margin:2px;
	padding:1px 4px 1px 4px;
	top:2px;
	right:2px;
	text-align:center;
	z-index:100;
}

.jq-badge.br {
	bottom:2px;
	right:2px;
	top:auto;
	left:auto;
}

.jq-badge.bl {
	-webkit-box-direction:normal !important;
	bottom:2px;
	left:2px;
	top:auto;
	right:auto;
}

.jq-badge.tl {
	-webkit-box-direction:normal !important;
	top:2px;
	left:2px;
	right:auto;
	bottom:auto;
}



/* Custom footers - always hidden */
#jQUi footer, #jQUi header, #jQUi nav {	display:none; }

#jQUi > #menu {
	z-index:1;
	width:200px;
	bottom:0px;
	height:100%;
	display:none;
	position:absolute; top:0px; left:0px;
	background:#000;

}

#menu_scroller { padding-bottom:10px; }

#menu > * {
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.jqMenuHeader {
	position:relative;
	text-align:left;
	margin:3px auto;
	font:bold 21px/21px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	z-index:1;
}

.jqMenuClose{
	position:relative;
	z-index:2;
	float:right;
}

#menu .title {
	font-size:16px;
	color:#fff;
	margin-bottom:3px; 
	margin-top:12px;
	font-weight:bold;
}

#menu ul {
	margin:0px; 
	padding:0px;
	margin-bottom:5px;
}
 
#menu ul > li {
	padding-left:10px;
	display:block;
	width:100%; height:28px;
	list-style:none;
	background:inherit;
} /* A plain, non-interactive list item--best suited to a heading. */

#menu ul > li > a {
	display:block;
	width:100%; height:28px;
	font:normal 14px/26px Helvetica, Arial, sans-serif;
	color:#fff;
	text-decoration:none;
	border-top:1px solid #c00;
	background:#900;
} 

#menu ul > li > a:after { content:""; }
#menu ul > li:last-child > a { border-bottom:1px solid #600; }
/* End side menu css */

.splashscreen {
	background:rgba(255,255,255,1) !important;
	padding-left:40px;
	padding-top:30px !important;
	min-height:100%;
}

/**********************************************************
	UL > LI 
**********************************************************/
/* The unordered list/list item classes are the basis of the secondary navigation used in JQ.Mobi:the stacked, listed menu system. */

ul {
	margin:0px; 
	padding:0px;
}
 
ul > li {
	display:block;
	width:100%; height:48px;
	list-style:none;
	background:#c00;
} /* A plain, non-interactive list item--best suited to a heading. */

ul > li > a {
	display:block;
	width:100%; height:48px;
	font:bold 18px/48px Helvetica, Arial, sans-serif;
	color:#fff;
	text-decoration:none;
	border-top:1px solid #f30;
	border-bottom:1px solid #600;
	padding-left:8px;
	padding-right:-80px;
} /* A touchable, interactive list item. */

ul > li > a:after {
	content:">";
	position:absolute;
	right:15px;
}

ul > li > a[selected], ul > li > a:active { 
	color:#fff !important;
	background:#f00;
} /* A selected and active states for interactive list items. */

ul > li.group {
	position:relative;
	top:-1px;
	margin-bottom:-2px;
	border-top:1px solid #7d7d7d;
	border-bottom:1px solid #600;
	padding:1px 10px;
	background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0.09, rgb(125,125,125)), color-stop(0.49, rgb(153,153,153)), color-stop(0.81, rgb(153,153,153)));
	font-size:17px;
	font-weight:bold;
	color:#fff;
}

ul > li.group:first-child { top:0; }

h2 {
	display:block;
	width:100%; height:48px;
	font:bold 18px/48px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0px 8px;
	background:#900;
} /* Header class used for non-navigable header bars (h1 is reserved for the header) */

.collapsed:after {float:right;content:'';border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 6px solid #fff;display:block;position:absolute;top:16px;right:13px;}
.collapsed:before {float:right;content:'';color:transparent;background:transparent;width:14px;height:14px; display:block;border:2px solid white;border-radius:3px;position:absolute;top:9px;right:9px;}
.expanded:after {float:right;content:'';border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 6px solid #fff;display:block;position:absolute;top:14px;right:13px;}
.expanded:before {float:right;content:'';color:transparent;background:transparent;width:14px;height:14px; display:block;border:2px solid white;border-radius:3px;position:absolute;top:9px;right:9px;}



/**********************************************************
	UI
**********************************************************/	
.ui-icon {
	background:#666;
	background:rgba(0,0,0,.4);
	background-repeat:no-repeat;
	border-radius:9px;
}

.ui-loader { display: none; position: absolute; opacity: .85; z-index: 100; left: 50%; width: 200px; margin-left: -100px; margin-top: -35px; padding: 10px 30px; background: #666;background:rgba(0,0,0,.4);border-radius:9px;}

.ui-loader h1 { 
	font-size:15px;
	text-align:center;
}

.ui-loader .ui-icon {
	position:static;
	display:block;
	opacity:.9;
	margin:0 auto;
	width:35px;
	height:35px;
	background-color:transparent;
}

.spin  {
	-webkit-transform:rotate(360deg);
	-webkit-animation-name:spin;
	-webkit-animation-duration:1s;
	-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
  	to {-webkit-transform:rotate(360deg);}
}

.ui-icon-loading {
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjBAMAAADs965qAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX////x8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHvvEhiAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAAK6wAACusBgosNWgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAEaSURBVCiRY2AgATCapaUqoIiIzN5z5syZJiQRltW7gUJ3705C6OraDRG6GwATkli1evdusNBTuKJVq3c4MjBX3733DqqMfdWqFWDbau+9ewIRspy5KgHMYL737g1EX+fMaVAjbN+9KwDLzZxZAHPMu3cXwEbNnAl397p3YDslOmD6GBjs/v8AURodzXAh3v+/QZRHRyNciPP/f4hQA1yIHVMICtzLC9CFzMuL0IXEy0vQhdjK0+BsRqgv0tIMYEKCggJgmbS0QJgiQUEIwy0tVQCmCCokmhYaCFMElWMKDQ01BIkoKcKEGFRDQ1yMlISUgEIwe5iAQi7GxkpKSjBFwMh2cXEGCSkiOVcFLIQswsAgZGxshCpCBgAA0FNYp5zwDegAAAAASUVORK5CYII=);
	width:40px;
	height:40px;
	border-radius:20px;
	background-size:35px 35px;
}
	
.ui-corner-all { border-radius:.6em; }

#jQui_mask { position:absolute;top:45%; }


/**********************************************************
	FORM ELEMENTS
**********************************************************/
fieldset h4 {
	text-align:left;
	font:bold 18px/21px Helvetica, Arial, sans-serif;
	color:#ddd;
	margin-bottom:-8px; margin-top:8px;
} /* Style for subhead for a group of labels/inputs within a fieldset. */

fieldset {
	margin:12px 8px;
	padding:12px 18px 12px 18px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #999;
	outline:0;
	width:95%;
} /* Styles the border line, background image and spacing for fieldsets. */

fieldset p {
	display:block;
	position:relative;
	height:37px !important;
	overflow:hidden;
	padding:8px 0px;
	font:normal 14px/10px Helvetica, Arial, sans-serif;
	background:transparent;
	-webkit-box-shadow:none;
} /* The paragraph within a fieldset is used as a wrapper to help manage the replacement of native input elements. */

legend {
	margin:0;
	font:bold 18px/24px Helvetica, Arial, sans-serif;
	overflow:hidden;
	color:#ccc;
	text-transform:uppercase;
} /* This is the name that appears at the top left of the fieldset. */

textarea.jq-ui-forms { 
	display:block;
	margin-top:4px; margin-bottom:18px;
	padding:8px;
	border:solid 1px #999;
	outline:0;
	font:normal 1em/1.5em Helvetica, Arial, sans-serif;
	color:#fff;
	background:#333;
	-webkit-border-radius:6px; border-radius:6px;
	-webkit-box-shadow:inset 2px 2px 6px rgba(0,0,0,.5); box-shadow:inset 2px 2px 6px rgba(0,0,0,.5);
	width:85%; min-height:150px;
} /* These properties determine the look of textarea inputs. */

input.jq-ui-forms { 
	display:inline-block;
	width:65%;
	margin-top:4px; margin-bottom:12px;
	padding:8px;
	border:solid 1px #999;
	outline:0;
	font:normal 1em/1.5em Helvetica, Arial, sans-serif;
	color:#fff;
	background:#333;
	-webkit-border-radius:6px; border-radius:6px;
	-webkit-box-shadow:inset 2px 2px 6px rgba(0,0,0,.5); box-shadow:inset 2px 2px 6px rgba(0,0,0,.5);
} /* These properties combine to create the look of the input fields. */

input.jq-ui-forms:hover, textarea.jq-ui-forms:hover, input.jq-ui-forms:focus, textarea.jq-ui-forms:focus { border-color:#c00; } /* Changes the border color of the input field while active. */

input.jq-ui-forms[type=checkbox], input.jq-ui-forms[type=radio]  {
	position:absolute;
    left:0;
	-webkit-appearance:none;
	opacity:0;
	margin-bottom:30px;
} /* Blocks rendering of the native radio controls. */

input.jq-ui-forms[type=checkbox] + label,input.jq-ui-forms[type=radio] + label { 
	float:left;
	font:bold 15px/26px Arial, Helvetica, sans-serif;
	margin-left:10px;
	padding-left:30px;
	background:url(data:image/png;base64,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) 0px 0px no-repeat;
	background-repeat:none;
	height:25px;
} /* Styling for the labels. */

/* Following block of paragraph classes sets up the usage of the custom radio and checkbox graphics. */
input.jq-ui-forms[type=radio] + label { background-position:0 -225px; }
input.jq-ui-forms[type=checkbox] + label { background-position:0 -25px; }

/* Styles for "checked." */
input.jq-ui-forms[type=radio]:checked + label { background-position:0 -300px; }
input.jq-ui-forms[type=radio]:hover:checked + label,
input.jq-ui-forms[type=radio]:focus:checked + label,
input.jq-ui-forms[type=radio]:checked + label:hover,
input.jq-ui-forms[type=radio]:focus:checked + label { background-position:0 -300px; }

input.jq-ui-forms[type=checkbox]:checked + label { background-position:0 -100px; }
input.jq-ui-forms[type=checkbox]:hover:checked + label,
input.jq-ui-forms[type=checkbox]:focus:checked + label,
input.jq-ui-forms[type=checkbox]:checked + label:hover,
input.jq-ui-forms[type=checkbox]:focus:checked + label { background-position:0 -100px; }

/* Styles for "hover/focus." */
input.jq-ui-forms[type=checkbox]:hover + label,
input.jq-ui-forms[type=checkbox]:focus + label,
input.jq-ui-forms[type=checkbox] + label:hover { background-position:0 -0x; }

input.jq-ui-forms[type=radio]:hover + label,
input.jq-ui-forms[type=radio]:focus + label,
input.jq-ui-forms[type=radio] + label:hover { background-position:0 -200px; }

/* Styles for "active." */
input.jq-ui-forms[type=checkbox]:active + label,
input.jq-ui-forms[type=checkbox] + label:hover:active { background-position:0 -0px; }

input.jq-ui-forms[type=radio]:active + label,
input.jq-ui-forms[type=radio] + label:hover:active { background-position:0 -200px; }

input.jq-ui-forms[type=checkbox]:active:checked + label,
input.jq-ui-forms[type=checkbox]:checked + label:hover:active { background-position:0 -100px; }

input.jq-ui-forms[type=radio]:active:checked + label,
input.jq-ui-forms[type=radio]:checked + label:hover:active { background-position:0 -300px; }

/* Styles for "disabled." */
input.jq-ui-forms[type=checkbox]:disabled + label,
input.jq-ui-forms[type=checkbox]:hover:disabled + label,
input.jq-ui-forms[type=checkbox]:focus:disabled + label,
input.jq-ui-forms[type=checkbox]:disabled + label:hover,
input.jq-ui-forms[type=checkbox]:disabled + label:hover:active { background-position:0 -175px; opacity:.5 !important; }

input.jq-ui-forms[type=radio]:disabled + label,
input.jq-ui-forms[type=radio]:hover:disabled + label,
input.jq-ui-forms[type=radio]:focus:disabled + label,
input.jq-ui-forms[type=radio]:disabled + label:hover,
input.jq-ui-forms[type=radio]:disabled + label:hover:active { background-position:0 -250px; opacity:.5 !important; }

input.jq-ui-forms[type=checkbox]:disabled:checked + label,
input.jq-ui-forms[type=checkbox]:hover:disabled:checked + label,
input.jq-ui-forms[type=checkbox]:focus:disabled:checked + label,
input.jq-ui-forms[type=checkbox]:disabled:checked + label:hover,
input.jq-ui-forms[type=checkbox]:disabled:checked + label:hover:active { background-position:0 -200px; opacity:.5 !important; }

input.jq-ui-forms[type=radio]:disabled:checked + label,
input.jq-ui-forms[type=radio]:hover:disabled:checked + label,
input.jq-ui-forms[type=radio]:focus:disabled:checked + label,
input.jq-ui-forms[type=radio]:disabled:checked + label:hover,
input.jq-ui-forms[type=radio]:disabled:checked + label:hover:active { background-position:0 -375px; opacity:.5 !important; }

/********    slider controls */
input.jq-ui-slider {
	position:absolute;
	left:0;
	opacity:0;
	-webkit-appearance:none;
} /* Blocks rendering of the native radio controls. */

	
input.jq-ui-slider + label { 
	float:left;
	font-size:15px;
	font-weight:normal;
	line-height:24px; /* changing this value will change the vertical relationship to the radios & checkboxes. */
	margin-left:10px;
	padding-left:57px;
	color:#fff; 
	background:url('images/Off-On_Slider.png') 0 0px no-repeat;
	height:24px;
	width:57px;
	display:inline-block;
   -webkit-transition:all 0.3s ease-in-out;
} 

input.jq-ui-forms[type=radio]:active:checked + label,
input.jq-ui-forms[type=checkbox]:active:checked + label,
input.jq-ui-forms[type=radio]:active + label,
input.jq-ui-forms[type=checkbox]:active + label,
input.jq-ui-slider[type=checkbox]:checked + label ,
input.jq-ui-slider[type=radio]:checked + label 
{ background-position:-28px 0px; }

input.jq-ui-slider[type=radio]:disabled:checked + label,
input.jq-ui-slider[type=radio]:focus:disabled:checked + label,
input.jq-ui-slider[type=checkbox]:disabled:checked + label,
input.jq-ui-slider[type=checkbox]:focus:disabled:checked + label
{ background-position:-28px 0px; opacity:.7 !important;}

/* Styles for "disabled." */
input.jq-ui-slider[type=checkbox]:disabled + label,
input.jq-ui-slider[type=checkbox]:focus:disabled + label,
input.jq-ui-slider[type=radio]:disabled + label,
input.jq-ui-slider[type=radio]:focus:disabled + label
{ background-position:0 0; opacity:.7 !important; }
	
select[disabled]~div { opacity:.7; }
	
.hasMenu{
/*removed - should neve be all (performance), 300ms param should go into jq.ui.js; also default should not have accelaration, avoid iPhone blur*/
/* -webkit-transition: all 300ms; */
 position:absolute !important;
 left:0px !important;
}
/*menu on/off mechanism, note .hasMenu.off and #menu.on default to no transform*/
.hasMenu.to-on {
  -webkit-transition: -webkit-transform 150ms;
}
.hasMenu.on, .hasMenu.to-on {
  -webkit-transform:translate3d(200px,0px,0px);
}
.hasMenu.to-off {
  -webkit-transition: -webkit-transform 150ms;
  -webkit-transform:translate3d(0px,0px,0px);
}
#menu.on {
    -webkit-transform:none;
	-webkit-transition:none;
}
#menu.to-on {
    -webkit-transition: -webkit-transform 150ms;
    -webkit-transform:translate3d(0px,0px,0px);
}
#menu.to-off {
    -webkit-transition: -webkit-transform 150ms;
}
#menu, #menu.off, #menu.to-off {
    -webkit-transform:translate3d(-200px,0px,0px);
}



#badgetablet{
	display:none !important;
}

@media handheld, only screen and (min-width: 768px){
	.hasMenu, .hasMenu.on  {
		position:absolute !important;
		left:256px !important;
		-webkit-transition: all 0ms !important;
        -webkit-transform:translate3d(0,0,0);
	}
	#badgephone{
		display:none !important;
	}
	#badgetablet{
		display:inline-block !important;
	}
	.jqMenuClose {
		display:none !important;
	}
	
	nav~#menu {
		z-index:200 !important;
		width:256px !important;
		bottom:0px !important;
		height:100% !important;
		display:block !important;
		position:absolute !important; top:0px !important; 
		left:0px !important;
		background:rgba(29,29,28,1) !important;
		-webkit-transform:translate3d(0px,0px,0px) !important;
		-webkit-transition:none !important;
	}
	.hasMenu.to-on {
		-webkit-transition: none !important;
	}
	.hasMenu.on, .hasMenu.to-on {
		-webkit-transform:translate3d(0px,0px,0px) !important;
		-webkit-transition:none !important;
	}
	.hasMenu.to-off {
		-webkit-transform:translate3d(0px,0px,0px) !important;
		-webkit-transition:none !important;
	}
    
}

/** Below are styles for plugins */
#jq_actionsheet {
    position:absolute;
    left:0px;
    right:0px;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    margin:auto;
    background:black;
    float:left;
    z-index:9999;
    border-top:#fff 1px solid;
    background:rgba(71,71,71,.95);
    background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.4)), to(rgba(255,255,255,0)), color-stop(.08,rgba(255,255,255,.1)), color-stop(.08,rgba(255,255,255,0)));
    background-image:-webkit-linear-gradient(top, rgba(255,255,255,.4) 0%, rgba(255,255,255,.1) 8%, rgba(255,255,255,0) 8%);
    box-shadow:0px -1px 2px rgba(0,0,0,.4);
}
#jq_actionsheet a {
    text-decoration:none;
    -webkit-transition:all 0.4s ease; 
     text-shadow:0px -1px rgba(0,0,0,.8);
    padding:0px .25em;
    border:1px solid rgba(0,0,0,.8);
    text-overflow:ellipsis; 
    -webkit-border-radius:.75em; border-radius:.75em;
    background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.4)), to(rgba(255,255,255,0)), color-stop(.5,rgba(255,255,255,.1)), color-stop(.5,rgba(255,255,255,0)));
    background-image:-webkit-linear-gradient(top, rgba(255,255,255,.5) 0%, rgba(255,255,255,.2) 50%, rgba(255,255,255,0) 50%);
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.7); box-shadow:0px 1px 1px rgba(255,255,255,0.7);
    display:block;
    color:white;
    text-align:center;
    line-height:36px;
    font-size:20px;
    font-weight:bold;
    margin-bottom:10px;
    background-color:rgba(130,130,130,1);
}

#jq_actionsheet a.selected {
    background-color:rgba(150,150,150,1);
}

#jq_actionsheet a.cancel {
 background-color:rgba(43,43,43,1);
}

#jq_actionsheet a.cancel.selected {
    background-color:rgba(73,73,73,1);
}
#jq_actionsheet a.red {
     color:white;
     background-color:rgba(204,0,0,1);
}

#jq_actionsheet a.red.selected {
     background-color:rgba(255,0,0,1); 
}

BODY>DIV#mask{
    display:block;
    width:100%; 
    height:100%; 
    background:#000; 
    z-index: 999999; 
    position:absolute; 
    top:0; 
    left:0;
}

.jqPopup {
    display: block;
    width: 300px;
    border: solid 1px #72767b;
    -webkit-box-shadow: 0px 4px 6px #555, 0 0 20px rgba(255,255,255,0.5);
    -webkit-border-radius: 10px;
    padding: 10px;
    opacity: 1;
    -webkit-transform: scale(1);
    -webkit-transition: all 0.20s  ease-in-out;
    position: absolute;
    z-index: 1000000;
    margin-left: auto!important;
    margin-right: auto!important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(70,70,70,0.8)),    to(rgba(0,20,20,0.8)));
}
.jqPopup >* {
color:white;
}

.jqPopup.hidden {
    opacity: 0;
    -webkit-transform: scale(0);
    top: 50%;
    left: 50%;
    margin: 0px auto;
}

.jqPopup>HEADER{
    font-weight:bold;
    font-size:20px;    
    margin:0;
    padding:0;
}

.jqPopup>DIV{
    font-size:12px;
    margin:8px;
}

.jqPopup>FOOTER{
    width:100%;    
    text-align:center;
    display:block !important;
}

.jqPopup>FOOTER>A#cancel{
    float:left;
}

.jqPopup>FOOTER>A#action{
    float:right;
    margin-right:4px;
}

.jqPopup>FOOTER>A.center{
    float:none!important;
    width:80%;
    margin:8px;
}/** This can be your default scrollbar class.  You must use !important to override the default inline styles */
.scrollBar { 
   position:absolute !important;
   width:5px !important;
   height:20px !important;
   border-radius:2px !important;
   border:1px soldid black !important;
   background:black !important;
   opacity:0 !important;
}/*
 * Since the styles are built in, you have to override values with !important
 */

/* Row of selected item */
.jqmobiSelectRowFound {
}

/* Button (radio) for the found item in the list */
.jqmobiSelectRowButtonFound{
}


/* Row for items in the list */
.jqmobiSelectRow{

}

/* button for the items in the list */
.jqmobiSelectRowButton{

}

/* class for the item text displayed */
.jqmobiSelectRowText{
}

/* Header for select box */
#jqmobiSelectBoxHeader{
}

/* div that holds the options listed*/
#jqmobiSelectBoxFix {

}