/** overriding line-height globally throughout the web app **/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	line-height: 1.3em; /* mainly here because Safari 2 doesn't inherit line-height */
}
/** end global overriding **/


/** general layout **/
body { font-size: 14px; color: #616161; background: #e8e8e8 url(../_images/bg.png) center 0 repeat-x; }
	body a { color: #3362a6; }
	body p, body div, body ul, body ol { font-family: Arial, Verdana, sans-serif; } /** fix safari font... **/
	body input, body textarea { font-family: Arial, Verdana, sans-serif; font-size: 13px; } /** make font size match for label and inputs **/
	body img { overflow: hidden; } /** keep alt text constrained to the image bounds if the user uploaded images don't load for some reason **/
	.clear {clear:both;}

/** header **/
div#header { position: relative; padding: 0 15px; width: 1023px; height: 37px; margin: 0 auto; z-index: 2; }
	div#header h1 { position: absolute; top: 7px; left: 15px; }
	div#header h1,
		div#header h1 a { display: block; width: 180px; height: 52px; margin: 0; overflow: hidden; }
		div#header h1 a { text-indent: -9999px; background: url(../_images/logo.png) 0 0 no-repeat; }
	div#header ul.status_actions { position: absolute; top: 10px; right: 15px; margin: 0; padding: 6px; list-style: none; overflow: hidden; z-index: -1; margin-right: 41px; }
		div#header ul.status_actions li { float: right; display: inline; padding: 5px 12px; background: #333; border-right: 1px solid #000; }
		div#header ul.status_actions li.first { border: 0; }
			div#header ul.status_actions li a { display: block; text-decoration: none; color: #fff; }
			div#header ul.status_actions li a:hover { text-decoration: underline; }

/** nav, general content, footer **/
div#content { position: relative; margin: 0 auto; padding: 0 25px; width: 937px; }
	div#content ul.nav { position: relative; padding-left: 216px; margin: 0; height: 40px; list-style: none; background: url(../_images/bg_content_top.png) 0 0 no-repeat; }
		div#content ul.nav li { display: block; float: left; padding: 0 5px 0 3px; overflow: hidden; background: url(../_images/bg_nav_off_left.png) 0 0 no-repeat; }
			div#content ul.nav li a { display: block; float: left; padding: 10px 19px 0 15px; min-width: 32px; height: 20px; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 12px; line-height: 1em; white-space: nowrap; color: #fff; background: url(../_images/bg_nav_off_right.png) right top no-repeat; }
			div#content ul.nav li { background-image: url(../_images/bg_nav_off_left.png); }
		div#content ul.nav li.active { background-image: url(../_images/bg_nav_active_left.png); }
		div#content ul.nav li.active a { background: url(../_images/bg_nav_active_right.png) right top no-repeat; color: #000; }
			
	div#content h1 { margin: 0; padding: 0 0 8px 21px; color:#000; font-size: 22px; font-weight: bold; background: url(../_images/bg_content_middleTop.png) center 0 repeat-y; zoom: 1;}
	div#content h1.plain { padding: 0; margin: 0 0 12px 0; width: 610px; background: none; }
	div#content h2 { margin: 0; color:#42658f; font-size: 14px; font-weight: bold;}
	
	div#content div.middle {padding: 20px 32px 15px 30px; background: url(../_images/bg_content_middle.png) center 0 repeat-y; zoom: 1; }
	div#content div.middle:after { content: "."; display: block; clear: both; visibility: hidden; }
			div.middle div.top { height:14px;  background: url(../_images/bg_inner_top.png) center bottom no-repeat; }
			div.middle div.center{ padding: 3px 19px 7px 14px; background: url(../_images/bg_inner_middle.png) center 0 repeat-y; zoom: 1; }
			div.middle div.bottom{ background: url(../_images/bg_inner_bottom.png) center 0 no-repeat; height:11px; }
			
				div.center ul.leftnav { float:left; padding: 0; margin: 0; list-style: none; width: 221px;}
				div.center ul.leftnav li { cursor:hand; float:left; clear:both; margin: 0 0 2px 0; }
					div.center ul.leftnav li a { float:left; padding: 5px 0px 6px 23px; text-decoration: none; font-size: 13px; line-height: 1.1em; color: #42658f; background: url(../_images/arrow_off.png) 0 0 no-repeat; }
					div.center ul.leftnav li a:hover { background: url(../_images/arrow_hover.png) 0 0 no-repeat; }
					
					div.center ul.leftnav li.active a { float:left; padding: 5px 0px 6px 23px; text-decoration: none; font-size: 13px; font-weight:bold; line-height: 1.1em; color: #ffffff; background: url(../_images/arrow_active.png) 0 0 no-repeat; }
					div.center ul.leftnav li.active a:hover { background: url(../_images/arrow_active.png) 0 0 no-repeat; }
						
	div#content div.middle div.center div.page { float: left; margin: 0 0 0 10px; width: 610px; }
		
			div.scrollable .copy , div.scrollable .sectionText .copy { color: #000; font-size: 14px; }
			div.scrollable .imageHolder { position:relative; margin: 15px 0 0 0; height: 100%; text-align: center; }
				div.imageHolder .labelHolder { position:absolute; margin-top:-490px; text-align: left; }
				div.imageHolder .label { position:relative; }
				.labelTitle { font-size: 12px; font-weight: bold; color: #6c6c6c;}
				.labelCopy { font-size: 12px; color: #959595; }
				.label1 { top: 38px; left: 0px; height: 100px; width: 131px; text-align:right; }
				.label2 { top: 88px; left: 0px; height: 100px; width: 115px; text-align:right; }
				.label3 { top: 115px; left: 0px; height: 100px; width: 135px; text-align:right; }
				.label4 { top: -218px; left: 455px; height: 100px; width: 135px; text-align:left; }
				.label5 { top: -188px; left: 463px; height: 100px; width: 135px; text-align:left; }


	div#content div.footer { clear: both; margin: 0 auto; padding: 30px 0 15px; font-size: 11px; color: #999; text-align: center; background: url(../_images/bg_content_bottom.png) 0 0 no-repeat; }
		div#content div.footer ul { margin: 0; }
			div#content div.footer ul li { display: inline; border-left: 1px solid #999; }
			div#content div.footer ul li.first { border: 0; }
				div#content div.footer ul li a { padding: 0 6px; color: #999; text-transform: uppercase; text-decoration: none; }
				div#content div.footer ul li a:hover { text-decoration: underline; }
		div#content div.footer p { margin: 1em 0 0; }

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.support-section {height:595px;}
div.subNavHolder { background: url(../_images/bg_content_middleTop.png) center top repeat-y; padding: 5px 0 10px 33px;}
div#content ul.subNav { position: relative;  margin: 0; list-style: none; }
		div#content ul.subNav li { float: left; padding-right:23px; }
			div#content ul.subNav li a { text-decoration: none; font-size: 12px; line-height: 1em;  color: #42658f; }
			div#content ul.subNav li a:hover { text-decoration: underline; }
			div#content ul.subNav li a.active { font-weight: bold; color: #000; }
			
ul.sorter { list-style: none; list-style-position: outside; }
/*ul.sorter li { width: 400px; }*/