jq.ui.eco.css

/**********************************************************
	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 Arial, Helvetica, sans-serif;
	color:#36251B;
	background:#9EA172; /* 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:#36251B;
	background:#9EA172;
	padding:16px;
} /* Paragraph class used for text areas. */


#jQui_modal {
    
    -webkit-backface-visibility:hidden;
	z-index:9999 !important;
	width:100%;	height:100%;
	display:none;
	position:absolute; top:0px; 
	overflow:hidden;
	background:rgba(54,37,27,1) !important;
	-webkit-perspective:1000;
}

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

.jqmScrollbar { background:#E6E2B5 !important; } /* Sets the color of the scrollbar */

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

#jQUi > #splashscreen {
	position:absolute;
	top:0px;bottom:0px;
	width:100%;
	left:0px;
	min-height:100%;
	background:#9EA172 !important;
	color:#E6E2B5 !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;
	background-color:#424D00;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#798E19), to(#424D00));
	-webkit-box-shadow:0px 0px 24px rgba(54,37,27,0.4); box-shadow:0px 0px 24px rgba(54,37,27,0.4);
} /* 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:#E6E2B5;
	text-shadow:0px -1px rgba(54,37,27,.5);
	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 {
	position:relative;
	display:inline-block;
	height:36px; min-width:60px;
	cursor:pointer;
	font:bold 14px/34px Helvetica, Arial, sans-serif;
	color:#E6E2B5;
	text-decoration:none;
	text-align:center;
	text-shadow:0px -1px 0px rgba(54,37,27,.5);
	padding:0px 8px;
	border:1px solid #7C543B;
	margin-top:6px; margin-left:6px; 
	text-overflow:ellipsis; 
	-webkit-border-radius:6px; border-radius:6px;
	background:#7C543B;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#A48161), to(#7C543B));
} /* Styling for CSS-generated buttons, including the back button. These buttons can bue used anywhere in the UI. */

.button.pressed {
	color:#fff;
	text-shadow:0px -1px 0px rgba(54,37,27,1);
	background-color:rgba(50,50,50,1);
	border:1px solid rgba(54,37,27,1);
} /* 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;
     
}

.panel * {
-webkit-backface-visibility:hidden;
}

.panel.active * {
-webkit-transform:translate3d(0,0,0);
}



/**********************************************************
	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;
	background-color:#424D00;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#798E19), to(#424D00));
	-webkit-box-shadow:0px 0px 24px rgba(54,37,27,0.4); box-shadow:0px 0px 24px rgba(54,37,27,0.4);
}

#navbar a {
	width:62px; height:62px;
	overflow:hidden;
	display:inline-block;
	font:bold 12px/100px Helvetica, Arial, sans-serif;
	color:#E6E2B5;
	text-decoration:none;
	text-align:center;
	text-shadow:0px -1px rgba(54,37,27,.5);
	margin:0px auto;
	position:relative;
}

#navbar a:active, #navbar a:focus, #navbar a:active:focus, #navbar .selected { background-color:rgba(218,221,80,.2); }
#navbar a:not(:last-of-type) {
    border-right:1px solid rgba(80,80,80,.5);
}
#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;
	display:none;
	width:200px; height:100%;
	position:absolute;
	bottom:0px; top:0px; left:0px;
	background:#493325;
	-webkit-transform:translate3d(0,0,0);
    -webkit-transition: all 300ms !important;
}

#menu_scroller { padding-bottom:10px; }

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

.jqMenuHeader {
	position:relative;
	text-align:left;
	margin:4px 0px;
	font-size:21px;
	font-weight:bold;
	text-transform:uppercase;
	z-index:1;
	color:#E6E2B5;
}

.jqMenuClose{
	position:absolute;
	top:5px;
	right:10px;
	z-index:2;
}

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

#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/28px Helvetica, Arial, sans-serif;
	color:#E6E2B5;
	text-decoration:none;
	border-top:1px solid #A48161;
	background:#7C543B;
} 

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

.splashscreen {
	background:#E6E2B5; !important;
	padding-left:40px;
	padding-top:30px !important;
	min-height:100%;
}


/**********************************************************
	UL > LI 
**********************************************************/
/* A touchable, interactive list item. */
/* 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:#BB2620;
} /* 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:#E6E2B5;
	text-decoration:none;
	border-bottom:1px solid black;
	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:#E6E2B5; !important;
	background:#DD4037;
} /* A selected and active states for interactive list items. */

ul > li.group {
	position:relative;
	top:-1px;
	margin-bottom:-2px;
	border-top:1px solid #666;
	border-bottom:1px solid #333;
	padding:1px 10px;
	font-size:17px;
	font-weight:bold;
	color:#E6E2B5;
}

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

h2 {
	display:block;
	width:100%; height:48px;
	font:bold 18px/48px Helvetica, Arial, sans-serif;
	color:#E6E2B5;
	background:#006B71;
	padding:0px 8px 0px 8px;
} /* 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,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAKwwAACsMBNCkkqwAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAIzSURBVFiF7Zi/jdswFIc/H1KwZRWk9QoGMoFW8I3gjHAZ4TzC3QoZIZoggFdQG6Ri+zqn0GNCPT9KlKHgrsgPMGCLpPTx/aW8u16vvBc9vDVAqQ/5y6+fP5oXiaQI7IGDGUrAJYQ4tN7r46fPtzCNAAfgqCAAsTIXoAde14A1wYikDjjVHm6U5xyBo0jqgXML1GzMiKQokp5XgHjqgO8i6Xg3jLrlib8uSc4071pNL0tArpscEKsLY0xcQoipWHdgtERn1marvogkQojfvJvucp0ps0kkPXGbKQADjUGp9zgZmKzHEGIP02y6cZPubs/ogtINfQjxa2t2hBDPwGNl+Nm7OIFR91i/JgV5bYEwQBcFsrG1V8vVYRgtYk063ANigL44Qyd7wcJ0ziI32FYC9YwBXyra7PoDoy6KTGNlVWlf0DlDFJ9JkpSWse5JjCm8idRdNnaqMF5N2coqWdZVk7CYbQdlQdtIs5tr7tpbSGvPuTZuYba2xCqVbroBEUm13vRPVMJ4/nwbGA3W0jppaxitZcswqgHTILVxbgaiB7bogVkYr8jtl3bUClLKKxsPzgQbOxHo7gVas84rerZs5++rgWrza8X0BkYnZiC7qBNJhyUojYl8HGnegFuBQ4iDvvt4L2kROIgkL/sWHzzXYqrtYAYoqzxy5N/gV/EIpKVeN9ubFCjNALW2j0WQRRgFSkCvMbC2CDZBNMMUUAMwFCdCLz7yg1dBZO3+/z9T0buC+Q142/Zr534K1QAAAABJRU5ErkJggg==);
	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:#36251B;
	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;
	outline:0;
	border:1px solid #E6E2B5;
	width:95%;
	background:transparent;
} /* 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 {
	font:bold 18px/24px Helvetica, Arial, sans-serif;
	color:#36251B;
	text-transform:uppercase;
	overflow:hidden;
	margin:0;
} /* 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;
	font:normal 1em/1.5em Helvetica, Arial, sans-serif;
	color:#36251B;
	border:solid 1px #493325;
	outline:0;
	background:#E6E2B5;
	-webkit-border-radius:6px; border-radius:6px;
	-webkit-box-shadow:inset 1px 1px 4px rgba(54,37,27,0.3); box-shadow:inset 1px 1px 4px rgba(54,37,27,0.3);
	width:85%;
	min-height:150px;
	line-height:120%;
} /* 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 #493325;
	outline:0;
	font:normal 1em/1.5em Helvetica, Arial, sans-serif;
	color:#36251B;
	background:#E6E2B5;
	-webkit-border-radius:6px; border-radius:6px;
	-webkit-box-shadow:inset 1px 1px 4px rgba(54,37,27,0.3); box-shadow:inset 1px 1px 4px rgba(54,37,27,0.3);
} /* 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:#BB2620; } /* 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-size:15px;
	font-weight:bold;
	line-height:26px; /* changing this value will change the vertical relationship to the radios & checkboxes. */
	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; }

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; }

/* 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-image: url(data:image/png;base64,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);
	height:24px;
	width:57px;
	display:inline-block;
   -webkit-transition:all 0.3s  ease-in-out;
} 

.hasMenu{
-webkit-transition: all 300ms;
 position:absolute !important;
 left:0px !important;
}
.hasMenu.on {
  position:absolute !important;
  -webkit-transform:translate3d(200px,0,0);
}
#menu.on {
left:0px !important;
}

#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;
		height:100% !important;
		display:block !important;
		position:absolute !important; left:0px !important;
		background:rgba(29,29,28,1) !important;
		-webkit-transform:translate3d(0,0,0) !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 {

}