body {
    background: url(../images/bg.png)  repeat, #424243; /* fallback for non-radial-gradient-supporting browsers */
	background: url(../images/bg.png)  repeat, -webkit-radial-gradient(circle, rgb(100,100,100), rgb(0,0,0)); /* MH */
	padding: 0px;
	margin: 0px;
	color: #fff;
	xxtext-shadow: 0px 1px -1px #fff;
	text-align: center;
	font: normal 15px Helvetica

}

h1 {
	background-image: rgb(230,230,230); /* fallback for non-webkit-gradient-supporting browsers */
	background: rgb(230,230,230);/* fallback for non-webkit-gradient-supporting browsers */
	background-image: -webkit-gradient(linear,22% 0%,22% 100%,color-stop(0, rgb(254,255,255)),color-stop(1, rgb(213,215,215)));
	background:-webkit-gradient(linear,22% 0%,22% 100%,color-stop(0, rgb(254,255,255)),color-stop(1, rgb(213,215,215)));
	margin: 0px;
	height: 34px;
	font-size: 18px;
	text-shadow: 0px 1px 0px rgb(255,255,255);
	border-bottom: 1px solid black;
	color: rgba(44,44,47,0.5);
	padding: 8px 0px 0px 0px;
	text-align: center;
}

h2{
	text-align: left;
	font-size: 18px;
	margin-top: 24px;
	margin-left: 12px;
}

p{
	margin: 1em;
}

ul{
	list-style: none;
	margin: 10px;
	padding: 0px;
}

li{
	background-color: transparent;
	border: 1px solid #ababab;
	margin-bottom: -2px;
	padding: 12px 10px;
	text-align: left;
	color: black;
	xxxfont-weight: bold; 
}

li.arrow{
	background-image: url(../images/right_arrow_list.png);
  	background-position: right center;
  	background-repeat: no-repeat;	
}

li span.right{
	position:absolute;
	right: 45px;
	text-align: right;
	color: #385487;
	font-weight: normal;
}

li:first-child{
   -webkit-border-top-left-radius: 12px;
   -webkit-border-top-right-radius: 12px;
}

li:last-child {
   -webkit-border-bottom-left-radius: 12px;
   -webkit-border-bottom-right-radius: 12px;
}

.button{
	-webkit-box-shadow: 0px -1px 1px #2f3740, 0px 1px 1px #bfcbdb;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8aa1bf), color-stop( 50%, #5877a2), color-stop(50%, #476999), to(#4a6c9b));
	-webkit-border-radius: 4px;
	font: bold 12px Arial;
	text-align: center;
	line-height: 28px;
	color: white;
	text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
	white-space: nowrap;
	overflow: hidden;
	padding: 2px;
	position: absolute;
	top: 4px;
	left: 6px;
	border: 1px solid #3e444c;
	
}

.rightButton{
	-webkit-box-shadow: 0px -1px 1px #2f3740, 0px 1px 1px #bfcbdb;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8aa1bf), color-stop( 50%, #5877a2), color-stop(50%, #476999), to(#4a6c9b));
	-webkit-border-radius: 0px;
	font: bold 24px Arial;
	width: 27px;
	text-align: center;
	line-height: 28px;
	color: white;
	text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
	white-space: nowrap;
	overflow: hidden;
	padding: 0px;
	position: absolute;
	top: 4px;
	right: 26px;
	border: 0px solid #3e444c;
}

.sub_category{text-indent:20px;}
.toc_icon_right{float:right;width:23px;margin-right:40px !important;}
/* iUI EXTENSIONS

*/
.panel > ul, .panel > div.scroller > ul { margin:8pt; padding:0; list-style:none; -webkit-border-radius:3;}
.panel > ul > li, .panel div.scroller > ul > li { margin:0; padding:1px; border-width:0;}
.panel > ul > li a, .panel div.scroller > ul > li a, .row > a {background: rgba( 255, 255, 255, 0.3) !important; text-align:left; /* padding:11px 0 9px 10px;  */ padding:12px 0 12px 10px; background:url(../images/listArrow.png) center right no-repeat; display:block; text-decoration:none; overflow:hidden; text-overflow:ellipsis; color:#000; xxxfont-weight:bold;  font-size:18px; -webkit-tap-highlight-color: rgba(242,193,151,1)  !important;}
.panel > ul > li a, .panel div.scroller > ul > li a { margin:0; xxxborder:1px solid #aaa; border-bottom-width:0 !important; margin-top:-1px; color:#ddd !important;}
.panel > ul > li:first-child a, .panel div.scroller > ul > li:first-child a { -webkit-border-top-right-radius:3px; -webkit-border-top-left-radius:3px; }
.panel > ul > li:last-child a, .panel div.scroller > ul > li:last-child a { -webkit-border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px; xxxborder-bottom-width:1px !important; }
.panel > ul > li a img, .panel div.scroller > ul > li a img { vertical-align:middle; margin-left:-4px; margin-right:19px;}

/*
TouchScroll - might need
*/

.touchScroll {
	position: relative;
}

.touchScrollBars {
	display: -webkit-box;
	padding: 3px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2147483647;
	-webkit-box-align: end;
	-webkit-box-pack: end;
	-webkit-box-sizing: border-box;
}

.touchScrollTrack {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.touchScrollTrackX {
	height: 6px;
}

.touchScrollTrackY {
	float: right;
	width: 6px;
}

.touchScrollBarsBoth {
	padding-bottom: 12px;
	padding-right: 12px;
}

.touchScrollBarsBoth .touchScrollTrackX {
	-webkit-transform: translateY(9px);
}

.touchScrollBarsBoth .touchScrollTrackY {
	-webkit-transform: translateX(3px);
}

.touchScrollHandle {
	border: 1px solid;
	min-height: 4px;
	min-width: 4px;
	-webkit-transition-property: -webkit-transform, height, width;
	-webkit-border-radius: 3px;

	/* COLOR VARIANTS */
/* Default */
	border-color: rgba(255, 255, 255, 0.15);
	background: rgba(0, 0, 0, 0.5);
/**/

/* White
	border-color: rgba(255, 255, 255, 0.5);
	background: rgba(255, 255, 255, 0.5);
/**/

/* Black
	border-color: rgba(0, 0, 0, 0.5);
	background: rgba(0, 0, 0, 0.5);
/**/
}