@charset "utf-8";/*!
 * jQuery UI CSS Framework 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*!
 * jQuery UI CSS Framework 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */
/*

 */


/* Component containers
----------------------------------*/

.ui-widget {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1.1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ url(/assets/jquery-ui/ui-bg_flat_75_ffffff_40x100-99131a96b61b349e7d6fa94df6899839.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
	color: #222222/*{fcContent}*/;
}
.ui-widget-content a {
	color: #222222/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #aaaaaa/*{borderColorHeader}*/;
	background: #cccccc/*{bgColorHeader}*/ url(/assets/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100-1bcc992f427428136f86153ac41b56a8.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
	color: #222222/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3/*{borderColorDefault}*/;
	background: #e6e6e6/*{bgColorDefault}*/ url(/assets/jquery-ui/ui-bg_glass_75_e6e6e6_1x400-d3b88828107fff66e7798551a5c502a5.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #555555/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999/*{borderColorHover}*/;
	background: #dadada/*{bgColorHover}*/ url(/assets/jquery-ui/ui-bg_glass_75_dadada_1x400-a5c5dcfab7bc34e0ae36f63ad779fdaa.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121/*{fcHover}*/;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa/*{borderColorActive}*/;
	background: #ffffff/*{bgColorActive}*/ url(/assets/jquery-ui/ui-bg_glass_65_ffffff_1x400-8addeb08faef9a79e24bb5fec7173d20.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1/*{borderColorHighlight}*/;
	background: #fbf9ee/*{bgColorHighlight}*/ url(/assets/jquery-ui/ui-bg_glass_55_fbf9ee_1x400-fd2e87d221833a83e28f1982cd9ca9bf.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/;
	color: #363636/*{fcHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a/*{borderColorError}*/;
	background: #fef1ec/*{bgColorError}*/ url(/assets/jquery-ui/ui-bg_glass_95_fef1ec_1x400-be06d6bd04dd1dab1b814b8c8a8dea1e.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/;
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_222222_256x240-e2f430890b7fecba2ee8e4c95a917805.png)/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_222222_256x240-e2f430890b7fecba2ee8e4c95a917805.png)/*{iconsHeader}*/;
}
.ui-state-default .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_888888_256x240-e5ca29608f2d8b9720c0db74b9d18ce8.png)/*{iconsDefault}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_454545_256x240-7e3f574d67b1d53499f579259fd7041e.png)/*{iconsHover}*/;
}
.ui-state-active .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_454545_256x240-7e3f574d67b1d53499f579259fd7041e.png)/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_2e83ff_256x240-d16d8e45143779a9714567c522f36e71.png)/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_cd0a0a_256x240-5dfe20e124a243580c1fbc855f05a8d0.png)/*{iconsError}*/;
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ url(/assets/jquery-ui/ui-bg_flat_0_aaaaaa_40x100-40b6e3488cedaf535f8a38d7834fb4a8.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
}
.ui-widget-shadow {
	margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
	padding: 8px/*{thicknessShadow}*/;
	background: #aaaaaa/*{bgColorShadow}*/ url(/assets/jquery-ui/ui-bg_flat_0_aaaaaa_40x100-40b6e3488cedaf535f8a38d7834fb4a8.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
	opacity: .3/*{opacityShadow}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
	border-radius: 8px/*{cornerRadiusShadow}*/;
}
/*!
 * jQuery UI Accordion 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/*


 */

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
/*!
 * jQuery UI Menu 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
/*


 */

.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
/*!
 * jQuery UI Autocomplete 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
/*



 */

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
/*!
 * jQuery UI Button 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
/*


 */

.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
/*!
 * jQuery UI Datepicker 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
/*


 */

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
/*!
 * jQuery UI Resizable 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
/*


 */

.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
/*!
 * jQuery UI Dialog 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
/*




 */

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
/*!
 * jQuery UI Progressbar 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
/*


 */

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url(/assets/jquery-ui/animated-overlay-7e47462b98d8c5089437c093142fe9f6.gif);
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
/*!
 * jQuery UI Selectable 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
/*


 */

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
/*!
 * jQuery UI Slider 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
/*


 */

.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
/*!
 * jQuery UI Spinner 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Spinner#theming
 */
/*



 */

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
/*!
 * jQuery UI Tabs 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
/*


 */

.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
/*!
 * jQuery UI Tooltip 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
/*


 */

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}
/*!
 * jQuery UI CSS Framework 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming
 */
/*















 */

/*!
 * jQuery UI CSS Framework 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming
 */
/*


 */


/* CSS Document */
/* All portal styles are prefixed by lower-case "p" */

/* header, includes everything from top of page down to the horizontal tab bar */
#pHeader {
    /*position:relative; */
    width:100%;

    /*background-color:transparent; */
    background-color:#333333;
}

div#pHeader_background {
    position:absolute;
    width:100%;
    background-color:#333333;
    height:70px;
    left:0px;
    top:0px;
    z-index:-1;
}

img#pHeader_bg {
    width:100%;
    height:100%;
}

#pHeader_infoLeft {
    float:left;
    margin-left:33px;
    margin-top:18px;
    margin-bottom:18px;


}

#pHeader_infoLeft img {
    opacity: 1.0;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    margin-top:4px;
    margin-bottom:4px;
}

#pHeader_infoRight {
    float:right;
    margin-right:10px;
    margin-top:80px;
}

/* Footer */
#pFooter {
    background: #545456; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#545456', endColorstr='#7f7f82'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#545456), to(#7f7f82)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #545456,  #7f7f82); /* for firefox 3.6+ */

    padding-top:8px;
    padding-left:40px;
    text-align:left;
    color:#ddd;
    height:50px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;

}

#pFooter a {
    color:#ccc;
    text-decoration:none;
}


/* tab bar for application menu, appears below the individual tabs */
#pTabBar {
    background: #545456; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#545456', endColorstr='#7f7f82'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#545456), to(#7f7f82)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #545456,  #7f7f82); /* for firefox 3.6+ */

    color:#ccc;
    height:26px;
    padding-top: 7px;
    padding-left:8px;

}

#pTabBar a {
    color:#ccc;
    font-size:12px;
    font-weight:bold;
    background:transparent;
    border:1px solid transparent;
    padding-left:7px;
    padding-right:7px;
}

#pTabBar a:hover {
    background-color:#639A3C;
    border: solid 1px #fff;
}

#pTabBar a.pTabBarSelected {
    background:#545456 !important;
    border: solid 1px #fff;
}

/* common styles */
h1 {
    color:#000;
    font-size:14px;
}

a {
    text-decoration:none;
    color:#0079C0;
}

a:hover {
    color:#639A3C;
}

a:visited {
    color:#5959DF;
}

div.pageContent {
    width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;
	padding:0px;
	position:relative;
    /* invalid CSS below */
	/*#min-height:80%;*/
	/*#_height:94%;*/
}

div.sectionHeader {
    font-weight:bold;
    color:#FFFFFF;
    margin-top:-4px;
    margin-left:-4px;
    _margin-right:-4px;
    width:100%;
    background-color:#4d6d86;
    padding:4px;
    border-bottom:1px solid #31506C;
}

div.contentBlock {
    border:1px solid #2F6200;
    background-color:#ffffff;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    margin-bottom:auto;
    padding:4px;
}

div.contentBlockFloater {
    float:left;
    margin-top: 0px;
    margin-right:30px;
    margin-left: 5px;
    margin-bottom: 0px;
}

div.contentBlockFloaterWide {
    float:left;
    margin-top: 5px;
    margin-right:50px;
    margin-left: 5px;
    margin-bottom: 0px;
}

div.comment {
    color: #626166;
    width:85%;
    margin-left:auto;
    margin-right:auto;
    padding:0px;
    text-align:left;
    border-bottom:dotted 1px #8B8B8B;
}

.floatRight {
    float:right;
}

.floatLeft {
    float:left;
}

.verticalAlign {
    display:table-cell;
    vertical-align:middle;
}

.heading {
    color: #0079C0;
}
/* info widget base styles */
/* line 4, ../../app/assets/stylesheets/info_widget.css.scss */
._iw_t {
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  border-collapse: collapse;
  font-size: 0.8em;
  color: #444;
}
/* line 11, ../../app/assets/stylesheets/info_widget.css.scss */
._iw_t td {
  height: 15px;
  border: 1px solid #efefef;
  padding: 2px;
}
/* search widget styles */
/* line 4, ../../app/assets/stylesheets/ish_search_widget.css.scss */
#search_container {
  width: 100%;
  background-color: #efefef;
  border: 0px solid #00f;
  margin-top: -3px;
  margin-left: -3px;
  padding-right: 5px;
  margin-bottom: 12px;
}

/* line 14, ../../app/assets/stylesheets/ish_search_widget.css.scss */
._search_widget {
  border: 0px solid #f00;
  background-color: #efefef;
  width: 100%;
  height: 100%;
  margin-right: -5px;
  font-size: 0.9em;
  color: #333;
}
/* line 24, ../../app/assets/stylesheets/ish_search_widget.css.scss */
._search_widget tr {
  vertical-align: top;
}

/* line 29, ../../app/assets/stylesheets/ish_search_widget.css.scss */
._search_widget td {
  border: 0px solid #f00;
  text-align: left;
  padding-left: 0px;
}

/* line 36, ../../app/assets/stylesheets/ish_search_widget.css.scss */
._search_widget td._c_0_0 {
  width: 22%;
  text-align: center;
  padding-left: 20px;
}

/* line 42, ../../app/assets/stylesheets/ish_search_widget.css.scss */
#_search_type_wrapper {
  border: 0px solid #0f0;
  text-align: left;
  width: 60%;
  white-space: nowrap;
  display: inline-block;
}

/* line 50, ../../app/assets/stylesheets/ish_search_widget.css.scss */
._sw_search_text {
  width: 32em;
  margin-right: 6px;
  font: inherit;
}

/* line 56, ../../app/assets/stylesheets/ish_search_widget.css.scss */
._sw_icon_button {
  vertical-align: middle;
  width: 24px;
  height: 24px;
}

/* line 62, ../../app/assets/stylesheets/ish_search_widget.css.scss */
#_search_button {
  height: 1.95em;
  padding: 0px;
  margin: 0px;
  border: 1px solid #777;
  font-size: 0.95em;
  vertical-align: middle;
}

/* line 71, ../../app/assets/stylesheets/ish_search_widget.css.scss */
._search_widget td._c_1_2 {
  height: 0.1em;
}

/* line 75, ../../app/assets/stylesheets/ish_search_widget.css.scss */
._search_widget_bulk_area {
  height: 36px;
  float: left;
}

/* line 80, ../../app/assets/stylesheets/ish_search_widget.css.scss */
._search_widget_bulk_button {
  float: left;
}

/* line 84, ../../app/assets/stylesheets/ish_search_widget.css.scss */
#search_container .ui-widget {
  font: inherit !important;
}

/* line 88, ../../app/assets/stylesheets/ish_search_widget.css.scss */
#search_container ul {
  border-radius: 0px 0px 0px 0px !important;
}

/* end search widget styles */
/* line 95, ../../app/assets/stylesheets/ish_search_widget.css.scss */
._diff_search_input_label {
  display: inline-block;
  min-width: 10em;
}

/* line 100, ../../app/assets/stylesheets/ish_search_widget.css.scss */
._isc_container {
  display: inline;
  margin-right: 18px;
}

/* line 109, ../../app/assets/stylesheets/ish_search_widget.css.scss */
#_diff_search_slider {
  display: inline-block;
  width: 8.5em;
  margin-left: 12px;
  margin-bottom: 4px;
  margin-right: 8px;
  height: 3px;
}

/* line 118, ../../app/assets/stylesheets/ish_search_widget.css.scss */
#_diff_search_slider a {
  width: 6px !important;
  margin-top: -2px !important;
  cursor: pointer;
}

/* line 124, ../../app/assets/stylesheets/ish_search_widget.css.scss */
#_search_widget_slider_label {
  display: inline-block;
}

/* line 128, ../../app/assets/stylesheets/ish_search_widget.css.scss */
#_agea_threshold_input_label {
  display: inline-block;
  padding-right: 1em;
  height: 20px;
  vertical-align: middle;
  text-align: right;
}

/* line 136, ../../app/assets/stylesheets/ish_search_widget.css.scss */
#_agea_slider_container {
  padding-top: 5px;
}

/* line 140, ../../app/assets/stylesheets/ish_search_widget.css.scss */
#_agea_search_slider {
  display: inline-block;
  width: 8em;
  margin-left: 6px;
  margin-bottom: 4px;
  margin-right: 8px;
  height: 3px;
}

/* line 149, ../../app/assets/stylesheets/ish_search_widget.css.scss */
#_agea_search_slider .ui-slider-handle {
  width: 6px !important;
  margin-top: -2px !important;
  cursor: pointer;
}

/* line 155, ../../app/assets/stylesheets/ish_search_widget.css.scss */
._agea_search_input_label {
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}

/* line 161, ../../app/assets/stylesheets/ish_search_widget.css.scss */
#_agea_search_seed_point {
  display: inline-block;
  vertical-align: middle;
  min-width: 9em;
}

/* line 167, ../../app/assets/stylesheets/ish_search_widget.css.scss */
#_agea_images_container {
  float: left;
  padding-left: 10px;
}

/* line 175, ../../app/assets/stylesheets/ish_search_widget.css.scss */
#_agea_widget_container {
  float: left;
  padding-top: 3px;
}

/* line 180, ../../app/assets/stylesheets/ish_search_widget.css.scss */
._agea_image {
  border-style: none;
}

/* line 184, ../../app/assets/stylesheets/ish_search_widget.css.scss */
#_agea_spacer {
  height: 25px;
}

/* line 188, ../../app/assets/stylesheets/ish_search_widget.css.scss */
#_agea_help_button {
  margin-right: 3px;
  margin-left: 3px;
}

/* line 193, ../../app/assets/stylesheets/ish_search_widget.css.scss */
.ui-autocomplete {
  z-index: 100 !important;
}
/* line 1, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
html {
  height: 100%;
  padding: 0px;
  margin: 0px;
}

/* line 7, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
body {
  height: 90%;
}

/* line 11, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
.pageContent {
  width: 100%;
  height: 100%;
}

/* holds the busy indicator which has id='busy_panel'
 * It has to be outside of all the dynamically generated search table stuff to ensure that it is visible
 * Note: the busy_panel in aiclient does not work correctly with Annotation Search!
 */
/* line 20, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
#busy_container {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: block;
  /* toggle to 'block' during show/hide actions, without toggle it will consume mouse events */
}

/* line 29, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
#busy_indicator {
  position: absolute;
  background-image: url(/assets/aiclient/ajax-loader-97d88df465f94753212c9278dc503e5f.gif);
  background-color: white;
  top: 0px;
  left: 0px;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  display: block;
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
}

/* search results, including table, pager & selection controls */
/* line 45, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
._top_container {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* line 51, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
#search_page_content {
  /*position: relative; */
  width: 100%;
  height: 100%;
}

/* line 57, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
._diff_search_input_label {
  display: inline-block;
  min-width: 10em;
}

/* line 62, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
._isc_container {
  display: inline;
}

/* line 66, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
#cloud_block {
  width: 90%;
  margin: auto;
  margin-top: 30px;
  border: 0px solid #f00;
}

/*  landing widget styles */
/* line 78, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
#landing_container {
  margin-top: 40px !important;
  width: 90%;
  margin: auto;
}

/* line 84, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
#landing_block {
  display: table;
  margin: auto;
  width: 99%;
}

/* _lw is the landing_widget class prefix. */
/* line 91, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
._lw {
  margin: auto;
  display: table-cell;
  padding: 18px;
}

/* line 97, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
._lw_inner {
  border: 1px solid #99b;
}

/* line 101, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
._about_class {
  width: 300px;
}

/* line 106, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
._browse_inner_class {
  width: 94%;
  text-align: center;
  margin: auto;
}

/* line 112, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
._lw_header {
  background-color: #4d6d86;
  color: #fff;
  font-weight: bold;
  min-height: 10px;
  padding: 4px;
  text-align: left;
}

/* line 121, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
._lw_container {
  min-height: 20px;
  margin: 20px;
}

/* about widget styles */
/* line 128, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
._aw_second {
  margin-top: 24px;
}

/* ---------------------- search SHOW ---------------------------*/
/* line 134, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
.expression_image {
  height: 114px;
}

/* line 138, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
.exp_summ_img_wrapper {
  border: 0px solid #00f;
}

/* line 142, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
.exp_summ_check_wrapper {
  border: 0px solid #f0f;
  float: left;
  font-size: 0.85em;
  margin-top: 9px;
  border-collapse: collapse;
}
/* line 148, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
.exp_summ_check_wrapper input {
  margin: 0;
  padding: 0;
  -ms-transform: scale(0.8);
  /* IE */
  -moz-transform: scale(0.8);
  /* FF */
  -webkit-transform: scale(0.82);
  /* Safari and Chrome */
  -o-transform: scale(0.8);
  /* Opera */
}
/* line 156, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
.exp_summ_check_wrapper td {
  height: 15px;
  border: 0px solid #f0f;
  padding: 0;
  padding-right: 1px;
}

/* multicolumn search widget styles */
/* line 165, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
.mcsort {
  text-align: left;
  padding-left: 0px;
  padding-right: 5px;
  padding-bottom: 10px;
}

/* line 172, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
.mcsort_menu {
  margin-left: 10px;
}

/* line 176, ../../../app/assets/stylesheets/microarray/search.css.scss.erb */
.mcsort_button {
  margin-left: 15px;
}
.hm_cart_button {
    height:16px;
}

.hm_cart_button .ui-button-text {
	font-size: .8em;
	padding: 0px 0px !important;
    width: 8em;
}

.hm_cart_button_container {
	float: left
}

.hm_cart_table {
	border: 1px solid #9999BB;
	margin: 0px auto;
	font-size: 11px;
}

.hm_cart_table_header {
	padding: 5px;
}

.hm_cart_table_label {
	text-align: left;
	background-color: black;
	color: white;
	position: absolute;
	top: 0px;
}

.hm_cart_table_error {
	width: 800px;
	height: 100px;
	font-size: 20pt;
	text-align: center;
}

.hm_cart_table_widget {
	margin: 0px;
	background-color: black;
	position: relative;
}

.hm_cart_table_row_wrapper {
    position: relative;
}

.hm_cart_table_row {
    background-color: black;
}

.hm_cart_button_box {
	margin: 5px auto;
}

.hm_cart_controls {
	font-size: .88em;
	margin: 5px auto;
}

.hm_cart_pagination_anchor {
	padding: 0 .4em;
	color: black;
}

.hm_cart_pagination_label {
	margin: 2px 2px 2px 10px;
	font-size: .88em;
	float: right;
}

.pagination {
	float: right;
	margin-right: -3px;
}

.pagination a {
    text-decoration: none;
	border: solid 1px #C3C3C3;
	color:black;
}

.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 0.0em 0.1em;
    margin-right: 3px;
	margin-bottom: 0px;
	min-width:1em;
	text-align:center;
}

.pagination .current {
    background: #C3C3C3;
    color: #fff;
	border: solid 1px #C3C3C3;
}

.pagination .current.prev, .pagination .current.next{
	color:black;
	border-color:#C3C3C3;
	background:#fff;
}

/* heatmap viewer scaffolding */

  .scaffold_table {
    width:100%;
    height:100%;
    border:0px solid #0f0;
    border-collapse:collapse;
    padding:0px;
    table-layout:fixed;
    background-color:#fff;
  }

  .upper_scaffold_row {
    border:0px solid #0f0;
    overflow:hidden;  
  }

  .lower_scaffold_row {
    position: relative;        /* latest change */
    border:0px solid #0ff;
    margin:6px;
  }
  .thumbnail_cell {
    width:164px;
    height:160px;
     border:0px solid #dedede;
     text-align:center;
     float:left;
  }

  .detail_cell {
      position:relative;
      overflow:hidden;
      border:0px solid #00f;
      display:block;
      height:100px;
  }

  .meta_table_cell {
    border:1px solid #99b;
    width:90%;
    overflow:hidden !important;
    background-color:#fff;

  }

  .status_row {
    height:20px;
    border:0px solid #99b;
  margin-left:6px;
    margin-right:6px;
    margin-top:-5px;
    background-color:#fff;

    font-size: 1em;
    /* font-size:0.88em;   Guangyu: it's interesting that this font-size will impact the computed font size in ramp_label_box, etc. 0.88em will make the font size there too small. */

  }

  .upper_status_row {
      height:14px;
      width:100%;
      border:0px solid #99b;
    margin-left:6px;
    margin-right:6px;
    margin-top:-2px;
    display:inline-block;
  }
  
/* heatmap containers */

  .heatmap_container {
    position:absolute;
    /*top:318px; */   /* was this before latest change */
    top:0px !important;  /* latest change */
    left:191px;
    width:962px;
    height:387px;
/*    border:0px solid #f00; */
    overflow:hidden; 
    background-color:#fff;
    border:0px solid #00b;
    margin-top:0px;
  }

  .header_image_container {
    position:relative;
    top:0px;
    left:0px;
    width:100%;
    height:24px;
    border:0px solid #0f0;
    margin:0px;
    z-index:0;
    background-color:#fff;
  }

  .tile_window_container {
   position:relative;
    top:0px;
    left:0px;
    width:100%;
    height:100%; /* this should be measured as 100% of container - height of header image container */
    border:0px solid #f00;
    z-index:0;
    background-color:#fff;
    overflow:hidden;  
  }



/* end heatmap containers */
/* end heatmap scaffold */


/* thumbnail widget */
.thumbnail_widget {
  width:90%;
  height:98%;
  overflow:hidden;
  position:relative;
  background-color:#fff;
  border:1px solid #dedede;
  margin:6px;
  padding:0px;
}

.thumbnail_img {
  position:relative;
  top:0px;
  border:1px solid #000;
    image-rendering: -moz-crisp-edges;            /* Firefox */
    image-rendering: -webkit-optimize-contrast;   /* chrome and safari */
    image-rendering: -o-crisp-edges;   /* Opera */
    image-rendering: crisp-edges;
    -ms-interpolation-mode:nearest-neighbor;  /* IE */
  margin:auto;
  margin-top:0px;
  vertical-align:middle;
  border:1px solid #333;
}

.image_wrapper {
    position:relative;
    height:80%;
    overflow:hidden;
  border:0px solid #000;
  margin:auto;
  margin-top:20px;
  background-color:#ccc;
}

.roi_box {
  position:absolute;
  top:0;
  left:0;
  width:40px;
  height:40px;
  border:1px solid #f00;
  z-index:100;
  cursor:move;
}


.thumb_scroll_wrapper {
    background-color: #000;
    position:absolute;
}
/* end thumbnail widget styles */


/* tiled image window */
.tiled_image_window {
  width:100%;
  height:100%;
  border:0px solid #00f;
  overflow:hidden; 
  background-color:#333;
  cursor:default;
  z-index:1;
}

.tiled_image_canvas {
  position:relative;
  top:0px;
  left:0px;
  display:inline;
  border:0px solid #00f;
  margin:auto;
  float:left;
/*  overflow:hidden; */
  z-index:1;
}

.img_tile {
  position:absolute;
  display:block;
  border:0px solid #fff;
  z-index:1;
    image-rendering: -moz-crisp-edges;            /* Firefox */
    image-rendering: -webkit-optimize-contrast;   /* chrome and safari */
    image-rendering: -o-crisp-edges;   /* Opera */
    image-rendering: crisp-edges;
    -ms-interpolation-mode:nearest-neighbor;  /* IE */
}

  .vert_scroll {
    width:7px;
    height:100px;
    border:0px solid #f00;
  }

  .horiz_scroll {
    width:100px;
    height:8px;
  }

/* end tiled image window */


/* header image widget styles */

.header_image_wrapper {
   position:relative;
     top:0px;
     left:0px;
     height:24px;
     background-color:#333;
     border:0px solid #f00;
     overflow:hidden;
}

.header_image {
   position:relative;
   height:100%;
    image-rendering: -moz-crisp-edges;
    -ms-interpolation-mode:nearest-neighbor;
}

.header_marker {
  position:absolute;
  top:0px;
  left:0px;
  border:0px solid #000;
}
/* end header image widget styles */



/* detail info widget */


/* end detail info widget */



/* data table widget */
.data_table_wrapper {
  width:100%;
  height:100%;
  overflow:hidden;
  border:0px solid #00f;
  margin:0px;
}

.data_table {
  width:100%;
  height:100%;
  table-layout:fixed;
  border-collapse:collapse;
  padding:0px;
  border:0px solid #f0f;
  margin-left:0px;
}

.data_table tr {
  color:#000;
  padding:0px;
}

.highlighted {
  background-color:#ccc;
  border:0px solid #99b;
}

.selected_row {
  background-color:#ccf;
}

.data_table td {
  border-right:0px solid #00f;
  white-space:nowrap;
  padding:0px;
  text-align:center;
  overflow:hidden;
  padding-right:10px;
}

.data_header_row td {
  border:0px solid #f00;
  height:24px;
  font-size:9px;
  font-weight:bold;
  padding:0px;
  background-color:#f7f7ff;
  border-bottom:0px solid #99b;
}

.data_header_column { 
  text-align:center;
}

.column_button {
    width:99%;
    height:22px;
    font-size:0.88em !important;
    padding-top:0px !important;
    background-image:none !important;
    background-color:#f7f7ff !important;
}

/*
  the table header cells have a class attribute header_column_x, where
   x is the id of the column, as defined by the table_schema
*/
.header_column_fixed_100 {
    width:100px;
    border:1px solid #f00;
}

.header_column_gene_symbol {
    width:110px;
    border:1px solid #f00;
}

.header_column_probe_name {
    width:140px;
    border:1px solid #0f0;
}

.header_column_r {
    width:60px;
    border:1px solid #00f;
}

.header_column_p {
    width:60px;
    border:1px solid #00f;
    text-align:center;
}

.header_column_fold_change {
    width:86px;
    border:1px solid #00f;
}


.header_column_checkbox {
    width:30px;
}


/* 
  the cells in the data table have class name dtc_x,
  where x is the id for the column, as supplied in the table_schema
*/

td {
}

td.dtc_gene_symbol {
  text-align:right;
}

td.dtc_gene_symbol_grayed {   /* grayed gene symbol in special case */
    font-size:8px;
    color:#bbb;
}

td.dtc_p {
  text-align:center;
}

td.dtc_probe_name {
  text-align:right;
}

td.dtc_r {
}

/* aren't these part of the detail pane? */
  #gene_symbol_header {
    width:110px;
  }

  #gene_family_header {
    width:60px;
  }

  span.soft_check {
      float:left;
      margin-left:12px;
      cursor:pointer;
      font-weight:bold;
  }

  .soft_check_cell {
      width:30px;
      background-color:#fff;
  }

/* end data table widget */


/* status bar widget */

    .status_text_box {
        float:right;
        text-align:left;
        display:inline-block;
        vertical-align:middle;
        font-size:0.8em;
        padding-left:4px;
        border:0px solid #f00;;
        border-left:10px solid #fff;
        overflow:hidden;
        white-space:nowrap;
        margin-top:5px;
    }

    .status_label {
        font-size:0.7em;
        color:#777;
        float:left;
        margin-left:20px;
        margin-top:6px;
        font-size:1em;
    }

    .header_marker_symbol {
      float:right;
      margin-top:4px;
      /*position:absolute;
      top:0px;
      left:0px;
      border:0px solid #000; */
    }
/*
    #status_wide_text_box {
        width:25%;
    }

    #status_narrow_text_box {
        width:30px;
    }

    #status_first_text_box {
        width:100px;
    }

    #status_wide_text_box_0 {
        width:35%;
    }

    #status_label_text_box_0 {
        float:left;
        margin-left:20px;
        margin-top:6px;
        font-size:1em;
    }

*/
    /* ahba original setting
    #status_narrow_text_box_0 {
        width:30px;
    }
    */
 /*
    #status_narrow_text_box_0 {
        width:50px;
        border-left:0px !important;
        margin-right:20px;
    }

    #status_first_text_box_0 {
        width:100px;
    }


    #status_label_text_box_1 {
        float:left;
        margin-left:20px;
        margin-top:6px;
        font-size:1em;
    }

    #status_wide_text_box_1 {
        width:35%;
    }

    #status_narrow_text_box_1 {
        width:60px;
    }

    #status_first_text_box_1 {
        width:100px;
    }
*/
    .status_wide_text_box {
        width:35%;
    }

    .status_narrow_text_box {
        width:60px;
        border-left:0px !important;
        margin-right:20px;
    }

    .status_first_text_box {
        width:100px;
    }

    .status_real_first_text_box {
        width:280px;
        float:right;
        text-align:left;
        display:inline-block;
        vertical-align:middle;
        font-size:0.8em;
        padding-left:4px;
        border:0px solid #f00;;
        border-left:0px solid #fff;
        overflow:hidden;
        white-space:nowrap;
        margin-top:5px;
    }
/* end status bar widget */


/* control bar widget */



    .status_zoom_box {
        height:50%;
        border:0px solid #0f0;
        display:inline-block;
        text-align:center;
        margin-right:5px;
        margin-left:5px;
        float:right;
      width:166px;
    }

    .zoom_label_box {
        font-size:0.88em;
        margin-right:7px;
        margin-top:2px;
        display:inline-block;
    }

    .status_zoom_track {
       display:inline-block;
       width:100px;
       position:relative;
       height:11px;
       margin-top:4px;
       background-image:url(/assets/heatmap_ui/heatmap_track_small.png);
       background-repeat:no-repeat;
    }

    .status_zoom_handle {
       width:12px;
       position:absolute;
       height:12px;
       margin-top:-1px;
       cursor:pointer;
       background-image:url(/assets/heatmap_ui/zoom_handle.png);
       background-repeat:no-repeat;
   }

   .zoom_button {
       cursor:pointer;
       border:1px solid #aaa;
       display:inline;
   }

   .left_button {
       margin-top:0px;
   }

   .right_button {
       margin-top:0px;
   }

   .resolution_box {
       font-size:0.88em;
       border:0px solid #f00;
       width:155px;
       float:right;
   }

   .resolution_label_box {
       border:0px solid #00f;       
       float:left;
       margin-top:3px;
   }

   .resolution_select {
     font-size:1em;
         width:100px;
        height:17px;
        float:right;
   }

   .button_box {
       float:left;
       border:0px solid #f00;
       margin-top:0px;
    }
/*
    .hm_control_button {
        font-size:0.88em !important;
        height:16px;
        width:100px !important;
        padding-top:0px !important;
    }
*/

    .hm_control_button {
        height:20px;
    }

  .hm_control_button .ui-button-text {
    font-size: .73em;
    padding: 0px 3px !important;
  }

/* domain restriction */
    .domain_box {
       float:right;
       margin-right:10px;
       margin-top:0px;
       font-size:0.88em;
       border:0px solid #f00;
       width:150px;
       padding-top:4px;
    }

    .domain_label_box {
        border:0px solid #00f;
        float:left;
        display:inline;
        margin-top:0px;
     }

    .domain_button_set {
       border:0px solid #0f0;
        /* float:right;  */  /* changed for the new display filtering implementation */
        display:inline;
        height:14px;
        /*margin:0px !important; */
        margin-left:5px;
        margin-right:6px;
        margin-top:-2px !important;
        padding:0px !important;
    }

    .domain_label {
        font-size:0.85em !important;
        height:14px !important;
    }

    .domain_label span {
        padding-top:1px !important;
    }
/* end control bar widget */

/* display filtering, this replaces domain restriction */
    #restriction_container {
        font-size:0.88em !important;
        float:right;
        margin-right:5px;
        margin-top:0px;
        border:0px solid #f00;
        height:16px;
        padding:0px;
    }

    .display_filtering_buttons_checkbox {
        font-size:0.88em;
        padding-bottom:3px  !important;
        height:14px   !important;
        border-radius: 2px !important;
    }

    .display_filtering_buttons {
        font-size:0.88em;
        height:19px   !important;
        border-radius: 2px !important;
    }

    #filter_button {
        margin-right:0px !important;
    }

    #filter_settings_button {
        margin-left:0px !important;
        width:26px;
        padding-left:0px !important;
    }

    .display_filter_description {
        margin-bottom: 10px;
        margin-left: 2px;
        margin-right: 2px;
        color: #333333;


    }
    .display_filtering_desc {
        margin-bottom: 0px;
        margin-top: 8px;
        margin-left: 15px;
        color: #333333;


    }

    .display_filter_ui {
        margin-top: 25px;
        margin-bottom: 25px;
        margin-left: 15px;
        margin-right: 15px;
    }

    #display_domain_popup {
        width:490px;
    }

/* end display filtering */

/* color ramp widget */
    .windowRangeDisplay { float:right; margin-right:1em }

    .windowLevelContainer {
        display:inline-block;
        float:right;
        margin:auto;
        margin-left:5px;
        margin-right:5px;
        margin-top:0px;
        text-align:center;
        width:158px;
        height:16px !important;
        border:0px solid #f00;
        border-right:none;
        padding-left:3px;
    }

    .colormap_ramp_box {
         border:0px solid #0f0;
         width:80px;
         margin-top:4px;
         float:right;
    }

    .ramp_label_box {
        float:left;
        font-size:0.88em;
        margin-top:2px;
        vertical-align:middle;
        border:0px solid #0f0;
    }

    .windowLevelBox { position:relative; height:6px !important; border:1px solid #000000 }
    .windowLevelMiddle { position:absolute; height:6px !important; }
    .windowLevelEnds { position:absolute;  height:6px !important; }
    .windowLevelRangeText { margin-top:0.5em; border:1px solid #00f; display:none;}
    .windowLevelHandle {
            position:absolute; z-index:2;
            left:0px; width:6px; height:14px; margin-top:-4px; margin-left:-4px;
            background-image: url(/assets/heatmap_ui/windowLevelHandle_small.png); background-repeat:no-repeat;
            cursor:col-resize;
            border:0px solid #f00;
    }
    .windowLevelEnds {height:6px !important;}
    .expressionScaleOption { padding:2px; margin-right:2px; cursor:pointer }
    .expressionScaleSelected { border-bottom:2px solid #00a7ff }
    .expressionScaleOption:hover { border-bottom:2px solid #00d9ff }


    .colormap_select_container {
        border:1px solid #66c;
        width:102px;
        float:right;
    }

    .colormap_chooser_button {
        float:right;
        width:17px;
        height:14px;
        background-image:url(/assets/heatmap_ui/dropup_squat.png); background-repeat:no-repeat;
        margin-top:0px;
        border:1px solid #ccc;
    }

    .colormap_select_box {
        position:absolute;
        border:1px solid #333;
        border-bottom:none;
        width:102px;
        background-color:#fff;
        z-index:200;    
    }

    .open_top {
        border-top:1px solid #fff;
    }

    .colormap_select_list {
        height:100%;
        width:60px;
        list-style-type:none;
        cursor:pointer;
        border:0px solid #0f0;
        margin:0px;

        text-align:center;
        /* IE sauce */
        width/*\**/:100px\9;
    }

    .colormap_select_item {
        height:30px;
        width:100px !important;
        border:0px solid #f00;
        margin-left:-40px;
        margin-bottom:10px;
        font-style:italic;
        font-size:0.88em;
        padding-top:6px;
        padding-left:0px;
    }


    .colormap_select_img {
        width:80px;
        height:6px;
        border:1px solid #000;        
        margin-left:auto;
        margin-right:auto;
        margin-top:0px;
        margin-bottom:0px;
    }

    .colormap_select_item:hover {
        background-color:#ddd;
    }
    
/* end color ramp widget */

/* grouping widget */

    .grouping_switcheroo {
        width:14px !important;
        height:24px;
/*        background-image:url(images/switcheroo.png); background-repeat:no-repeat; */
        position:absolute !important;
        z-index:1;
        margin-left:0px;
        margin-top:-1px;
        top:0px !important;  /* latest change */
    }

    .button_down {
       background-image:url(/assets/heatmap_ui/switcheroo_down.png); background-repeat:no-repeat;
     }

/* end grouping widget */




.shadow {
        -moz-box-shadow: 2px 2px 2px #666;
        -webkit-box-shadow: 2px 2px 2px #666;
        box-shadow: 2px 2px 2px #666;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
        /* For IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}


/* Originally scroller.css stuff */

div.scroller_track {
    border:0px solid #0f0;
    background-color:#dedede;
    display:inline-block;
    float:left;
}

div.vertical_scroller_handle {
    width:14px;
}

div.horizontal_scroller_handle {
    height:14px;
}

.wrapper_scroll_vertical {
    width:100%;
    height:100% !important;
    border:0px solid #f00;
}

.wrapper_scroll_horizontal {
    width:100%;
    height:100%;
    border:0px solid #f00;
}

.button_scroll_horizontal {
    height:14px ;
    width:16px !important;
    padding:0px !important;
    background-color:#dedede !important;
    display:inline;
    border:1px solid #f00;
    float:left;
}

.button_scroll_vertical {
    height:16px !important;
    width:14px !important;
    padding:0px !important;
    background-color:#dedede !important;

}

/* end of scroller.css stuff */

/* download stuff */

.download_block {

    border:0px dotted #f00;
    width:100px;
    font-size:0.88em;
    color:#00f;
    cursor:pointer;
    margin-left:8px;
}

.download_block :hover {


}


#download_dialog_wrapper {
   width:120px;
}

.download_dialog {

    border: 0px solid #0ff;

    z-index:10;
    background-color:#fff;
    font-size:0.8em;

}

.ui-dialog .ui-button-text {

    height:1.2em;
    font-size:0.8em !important;
    padding-top:0px;
}

.download_download_input_container .ui-spinner .ui-spinner-buttons {
    font-size:1.1em !important;
    height:16px !important;
    border: 0px solid #f00;
}

.download_download_input_container .ui-spinner-button {
    height:7px !important;
}

.download_dialog_text {
    width:90%;
    padding:6px;
    margin:auto;
    margin-top:20px;
    display:inline;
}

.download_download_input_container {

    width:100%;
    text-align:center;
    margin-top:20px;
}

.download_spinner_input {

    width:6em;
}

.download_end_spinner_container {

    margin-left:24px;
}

#download_button_container {
    width:90%;
    border: 0px solid #f00;
    padding:6px;
    margin:auto;
    margin-top:16px;
    clear:both;
}

#download_ok {
    float:right;
}

#download_dialog_header {
    width:100%;
    margin-top:8px;
}

#download_header_text {
    width:100%;
    text-align:center;
    display:block;
}

/* override the title bar color set in .ui-widget-header */
.ui-dialog-titlebar {
    background-color:#4d6d86 !important;
    background:#4d6d86 !important;
    color: #ffffff !important;
}

/* heatmap viewer scaffolding */

  .scaffold_table {
    width:100%;
    height:100%;
    border:0px solid #0f0;
    border-collapse:collapse;
    padding:0px;
    table-layout:fixed;
    background-color:#fff;
  }

  .upper_scaffold_row {
    border:0px solid #0f0;
    overflow:hidden;  
  }

  .lower_scaffold_row {
    position: relative;        /* latest change */
    border:0px solid #0ff;
    margin:6px;
  }
  .thumbnail_cell {
    width:164px;
    height:160px;
     border:0px solid #dedede;
     text-align:center;
     float:left;
  }

  .detail_cell {
      position:relative;
      overflow:hidden;
      border:0px solid #00f;
      display:block;
      height:100px;
  }

  .meta_table_cell {
    border:1px solid #99b;
    width:90%;
    overflow:hidden !important;
    background-color:#fff;

  }

  .status_row {
    height:20px;
    border:0px solid #99b;
  margin-left:6px;
    margin-right:6px;
    margin-top:-5px;
    background-color:#fff;

    font-size: 1em;
    /* font-size:0.88em;   Guangyu: it's interesting that this font-size will impact the computed font size in ramp_label_box, etc. 0.88em will make the font size there too small. */

  }

  .upper_status_row {
      height:14px;
      width:100%;
      border:0px solid #99b;
    margin-left:6px;
    margin-right:6px;
    margin-top:-2px;
    display:inline-block;
  }
  
/* heatmap containers */

  .heatmap_container {
    position:absolute;
    /*top:318px; */   /* was this before latest change */
    top:0px !important;  /* latest change */
    left:191px;
    width:962px;
    height:387px;
/*    border:0px solid #f00; */
    overflow:hidden; 
    background-color:#fff;
    border:0px solid #00b;
    margin-top:0px;
  }

  .header_image_container {
    position:relative;
    top:0px;
    left:0px;
    width:100%;
    height:24px;
    border:0px solid #0f0;
    margin:0px;
    z-index:0;
    background-color:#fff;
  }

  .tile_window_container {
   position:relative;
    top:0px;
    left:0px;
    width:100%;
    height:100%; /* this should be measured as 100% of container - height of header image container */
    border:0px solid #f00;
    z-index:0;
    background-color:#fff;
    overflow:hidden;  
  }



/* end heatmap containers */
/* end heatmap scaffold */


/* thumbnail widget */
.thumbnail_widget {
  width:90%;
  height:98%;
  overflow:hidden;
  position:relative;
  background-color:#fff;
  border:1px solid #dedede;
  margin:6px;
  padding:0px;
}

.thumbnail_img {
  position:relative;
  top:0px;
  border:1px solid #000;
    image-rendering: -moz-crisp-edges;            /* Firefox */
    image-rendering: -webkit-optimize-contrast;   /* chrome and safari */
    image-rendering: -o-crisp-edges;   /* Opera */
    image-rendering: crisp-edges;
    -ms-interpolation-mode:nearest-neighbor;  /* IE */
  margin:auto;
  margin-top:0px;
  vertical-align:middle;
  border:1px solid #333;
}

.image_wrapper {
    position:relative;
    height:80%;
    overflow:hidden;
  border:0px solid #000;
  margin:auto;
  margin-top:20px;
  background-color:#ccc;
}

.roi_box {
  position:absolute;
  top:0;
  left:0;
  width:40px;
  height:40px;
  border:1px solid #f00;
  z-index:100;
  cursor:move;
}


.thumb_scroll_wrapper {
    background-color: #000;
    position:absolute;
}
/* end thumbnail widget styles */


/* tiled image window */
.tiled_image_window {
  width:100%;
  height:100%;
  border:0px solid #00f;
  overflow:hidden; 
  background-color:#333;
  cursor:default;
  z-index:1;
}

.tiled_image_canvas {
  position:relative;
  top:0px;
  left:0px;
  display:inline;
  border:0px solid #00f;
  margin:auto;
  float:left;
/*  overflow:hidden; */
  z-index:1;
}

.img_tile {
  position:absolute;
  display:block;
  border:0px solid #fff;
  z-index:1;
    image-rendering: -moz-crisp-edges;            /* Firefox */
    image-rendering: -webkit-optimize-contrast;   /* chrome and safari */
    image-rendering: -o-crisp-edges;   /* Opera */
    image-rendering: crisp-edges;
    -ms-interpolation-mode:nearest-neighbor;  /* IE */
}

  .vert_scroll {
    width:7px;
    height:100px;
    border:0px solid #f00;
  }

  .horiz_scroll {
    width:100px;
    height:8px;
  }

/* end tiled image window */


/* header image widget styles */

.header_image_wrapper {
   position:relative;
     top:0px;
     left:0px;
     height:24px;
     background-color:#333;
     border:0px solid #f00;
     overflow:hidden;
}

.header_image {
   position:relative;
   height:100%;
    image-rendering: -moz-crisp-edges;
    -ms-interpolation-mode:nearest-neighbor;
}

.header_marker {
  position:absolute;
  top:0px;
  left:0px;
  border:0px solid #000;
}
/* end header image widget styles */



/* detail info widget */


/* end detail info widget */



/* data table widget */
.data_table_wrapper {
  width:100%;
  height:100%;
  overflow:hidden;
  border:0px solid #00f;
  margin:0px;
}

.data_table {
  width:100%;
  height:100%;
  table-layout:fixed;
  border-collapse:collapse;
  padding:0px;
  border:0px solid #f0f;
  margin-left:0px;
}

.data_table tr {
  color:#000;
  padding:0px;
}

.highlighted {
  background-color:#ccc;
  border:0px solid #99b;
}

.selected_row {
  background-color:#ccf;
}

.data_table td {
  border-right:0px solid #00f;
  white-space:nowrap;
  padding:0px;
  text-align:center;
  overflow:hidden;
  padding-right:10px;
}

.data_header_row td {
  border:0px solid #f00;
  height:24px;
  font-size:9px;
  font-weight:bold;
  padding:0px;
  background-color:#f7f7ff;
  border-bottom:0px solid #99b;
}

.data_header_column { 
  text-align:center;
}

.column_button {
    width:99%;
    height:22px;
    font-size:0.88em !important;
    padding-top:0px !important;
    background-image:none !important;
    background-color:#f7f7ff !important;
}

/*
  the table header cells have a class attribute header_column_x, where
   x is the id of the column, as defined by the table_schema
*/
.header_column_fixed_100 {
    width:100px;
    border:1px solid #f00;
}

.header_column_gene_symbol {
    width:110px;
    border:1px solid #f00;
}

.header_column_probe_name {
    width:140px;
    border:1px solid #0f0;
}

.header_column_r {
    width:60px;
    border:1px solid #00f;
}

.header_column_p {
    width:60px;
    border:1px solid #00f;
    text-align:center;
}

.header_column_fold_change {
    width:86px;
    border:1px solid #00f;
}


.header_column_checkbox {
    width:30px;
}


/* 
  the cells in the data table have class name dtc_x,
  where x is the id for the column, as supplied in the table_schema
*/

td {
}

td.dtc_gene_symbol {
  text-align:right;
}

td.dtc_gene_symbol_grayed {   /* grayed gene symbol in special case */
    font-size:8px;
    color:#bbb;
}

td.dtc_p {
  text-align:center;
}

td.dtc_probe_name {
  text-align:right;
}

td.dtc_r {
}

/* aren't these part of the detail pane? */
  #gene_symbol_header {
    width:110px;
  }

  #gene_family_header {
    width:60px;
  }

  span.soft_check {
      float:left;
      margin-left:12px;
      cursor:pointer;
      font-weight:bold;
  }

  .soft_check_cell {
      width:30px;
      background-color:#fff;
  }

/* end data table widget */


/* status bar widget */

    .status_text_box {
        float:right;
        text-align:left;
        display:inline-block;
        vertical-align:middle;
        font-size:0.8em;
        padding-left:4px;
        border:0px solid #f00;;
        border-left:10px solid #fff;
        overflow:hidden;
        white-space:nowrap;
        margin-top:5px;
    }

    .status_label {
        font-size:0.7em;
        color:#777;
        float:left;
        margin-left:20px;
        margin-top:6px;
        font-size:1em;
    }

    .header_marker_symbol {
      float:right;
      margin-top:4px;
      /*position:absolute;
      top:0px;
      left:0px;
      border:0px solid #000; */
    }
/*
    #status_wide_text_box {
        width:25%;
    }

    #status_narrow_text_box {
        width:30px;
    }

    #status_first_text_box {
        width:100px;
    }

    #status_wide_text_box_0 {
        width:35%;
    }

    #status_label_text_box_0 {
        float:left;
        margin-left:20px;
        margin-top:6px;
        font-size:1em;
    }

*/
    /* ahba original setting
    #status_narrow_text_box_0 {
        width:30px;
    }
    */
 /*
    #status_narrow_text_box_0 {
        width:50px;
        border-left:0px !important;
        margin-right:20px;
    }

    #status_first_text_box_0 {
        width:100px;
    }


    #status_label_text_box_1 {
        float:left;
        margin-left:20px;
        margin-top:6px;
        font-size:1em;
    }

    #status_wide_text_box_1 {
        width:35%;
    }

    #status_narrow_text_box_1 {
        width:60px;
    }

    #status_first_text_box_1 {
        width:100px;
    }
*/
    .status_wide_text_box {
        width:35%;
    }

    .status_narrow_text_box {
        width:60px;
        border-left:0px !important;
        margin-right:20px;
    }

    .status_first_text_box {
        width:100px;
    }

    .status_real_first_text_box {
        width:280px;
        float:right;
        text-align:left;
        display:inline-block;
        vertical-align:middle;
        font-size:0.8em;
        padding-left:4px;
        border:0px solid #f00;;
        border-left:0px solid #fff;
        overflow:hidden;
        white-space:nowrap;
        margin-top:5px;
    }
/* end status bar widget */


/* control bar widget */



    .status_zoom_box {
        height:50%;
        border:0px solid #0f0;
        display:inline-block;
        text-align:center;
        margin-right:5px;
        margin-left:5px;
        float:right;
      width:166px;
    }

    .zoom_label_box {
        font-size:0.88em;
        margin-right:7px;
        margin-top:2px;
        display:inline-block;
    }

    .status_zoom_track {
       display:inline-block;
       width:100px;
       position:relative;
       height:11px;
       margin-top:4px;
       background-image:url(/assets/heatmap_ui/heatmap_track_small.png);
       background-repeat:no-repeat;
    }

    .status_zoom_handle {
       width:12px;
       position:absolute;
       height:12px;
       margin-top:-1px;
       cursor:pointer;
       background-image:url(/assets/heatmap_ui/zoom_handle.png);
       background-repeat:no-repeat;
   }

   .zoom_button {
       cursor:pointer;
       border:1px solid #aaa;
       display:inline;
   }

   .left_button {
       margin-top:0px;
	 }

   .right_button {
       margin-top:0px;
   }

   .resolution_box {
       font-size:0.88em;
       border:0px solid #f00;
       width:155px;
       float:right;
   }

   .resolution_label_box {
       border:0px solid #00f;       
       float:left;
       margin-top:3px;
   }

   .resolution_select {
     font-size:1em;
         width:100px;
        height:17px;
        float:right;
   }

   .button_box {
       float:left;
       border:0px solid #f00;
       margin-top:0px;
    }
/*
    .hm_control_button {
        font-size:0.88em !important;
        height:16px;
        width:100px !important;
        padding-top:0px !important;
    }
*/

    .hm_control_button {
        height:20px;
    }

  .hm_control_button .ui-button-text {
    font-size: .73em;
    padding: 0px 3px !important;
  }

/* domain restriction */
    .domain_box {
       float:right;
       margin-right:10px;
       margin-top:0px;
       font-size:0.88em;
       border:0px solid #f00;
       width:150px;
       padding-top:4px;
    }

    .domain_label_box {
        border:0px solid #00f;
        float:left;
        display:inline;
        margin-top:0px;
     }

    .domain_button_set {
       border:0px solid #0f0;
        /* float:right;  */  /* changed for the new display filtering implementation */
        display:inline;
        height:14px;
        /*margin:0px !important; */
        margin-left:5px;
        margin-right:6px;
        margin-top:-2px !important;
        padding:0px !important;
    }

    .domain_label {
        font-size:0.85em !important;
        height:14px !important;
    }

    .domain_label span {
        padding-top:1px !important;
    }
/* end control bar widget */

/* display filtering, this replaces domain restriction */
    #restriction_container {
        font-size:0.88em !important;
        float:right;
        margin-right:5px;
        margin-top:0px;
        border:0px solid #f00;
        height:16px;
        padding:0px;
    }

    .display_filtering_buttons_checkbox {
        font-size:0.88em;
        padding-bottom:3px  !important;
        height:14px   !important;
        border-radius: 2px !important;
    }

    .display_filtering_buttons {
        font-size:0.88em;
        height:19px   !important;
        border-radius: 2px !important;
    }

    #filter_button {
        margin-right:0px !important;
    }

    #filter_settings_button {
        margin-left:0px !important;
        width:26px;
        padding-left:0px !important;
    }

    .display_filter_description {
        margin-bottom: 10px;
        margin-left: 2px;
        margin-right: 2px;
        color: #333333;


    }
    .display_filtering_desc {
        margin-bottom: 0px;
        margin-top: 8px;
        margin-left: 15px;
        color: #333333;


    }

    .display_filter_ui {
        margin-top: 25px;
        margin-bottom: 25px;
        margin-left: 15px;
        margin-right: 15px;
    }

    #display_domain_popup {
        width:490px;
    }

/* end display filtering */

/* color ramp widget */
    .windowRangeDisplay { float:right; margin-right:1em }

    .windowLevelContainer {
        display:inline-block;
        float:right;
        margin:auto;
        margin-left:5px;
        margin-right:5px;
        margin-top:0px;
        text-align:center;
        width:158px;
        height:16px !important;
        border:0px solid #f00;
        border-right:none;
        padding-left:3px;
    }

    .colormap_ramp_box {
         border:0px solid #0f0;
         width:80px;
         margin-top:4px;
         float:right;
    }

    .ramp_label_box {
        float:left;
        font-size:0.88em;
        margin-top:2px;
        vertical-align:middle;
        border:0px solid #0f0;
    }

    .windowLevelBox { position:relative; height:6px !important; border:1px solid #000000 }
    .windowLevelMiddle { position:absolute; height:6px !important; }
    .windowLevelEnds { position:absolute;  height:6px !important; }
    .windowLevelRangeText { margin-top:0.5em; border:1px solid #00f; display:none;}
    .windowLevelHandle {
            position:absolute; z-index:2;
            left:0px; width:6px; height:14px; margin-top:-4px; margin-left:-4px;
            background-image: url(/assets/heatmap_ui/windowLevelHandle_small.png); background-repeat:no-repeat;
            cursor:col-resize;
            border:0px solid #f00;
    }
    .windowLevelEnds {height:6px !important;}
    .expressionScaleOption { padding:2px; margin-right:2px; cursor:pointer }
    .expressionScaleSelected { border-bottom:2px solid #00a7ff }
    .expressionScaleOption:hover { border-bottom:2px solid #00d9ff }


    .colormap_select_container {
        border:1px solid #66c;
        width:102px;
        float:right;
    }

    .colormap_chooser_button {
        float:right;
        width:17px;
        height:14px;
        background-image:url(/assets/heatmap_ui/dropup_squat.png); background-repeat:no-repeat;
        margin-top:0px;
        border:1px solid #ccc;
    }

    .colormap_select_box {
        position:absolute;
        border:1px solid #333;
        border-bottom:none;
        width:102px;
        background-color:#fff;
        z-index:200;    
    }

    .open_top {
        border-top:1px solid #fff;
    }

    .colormap_select_list {
        height:100%;
        width:60px;
        list-style-type:none;
        cursor:pointer;
        border:0px solid #0f0;
        margin:0px;

        text-align:center;
        /* IE sauce */
        width/*\**/:100px\9;
    }

    .colormap_select_item {
        height:30px;
        width:100px !important;
        border:0px solid #f00;
        margin-left:-40px;
        margin-bottom:10px;
        font-style:italic;
        font-size:0.88em;
        padding-top:6px;
        padding-left:0px;
    }


    .colormap_select_img {
        width:80px;
        height:6px;
        border:1px solid #000;        
        margin-left:auto;
        margin-right:auto;
        margin-top:0px;
        margin-bottom:0px;
    }

    .colormap_select_item:hover {
        background-color:#ddd;
    }
    
/* end color ramp widget */

/* grouping widget */

    .grouping_switcheroo {
        width:14px !important;
        height:24px;
/*        background-image:url(images/switcheroo.png); background-repeat:no-repeat; */
        position:absolute !important;
        z-index:1;
        margin-left:0px;
        margin-top:-1px;
        top:0px !important;  /* latest change */
    }

    .button_down {
       background-image:url(/assets/heatmap_ui/switcheroo_down.png); background-repeat:no-repeat;
     }

/* end grouping widget */




.shadow {
        -moz-box-shadow: 2px 2px 2px #666;
        -webkit-box-shadow: 2px 2px 2px #666;
        box-shadow: 2px 2px 2px #666;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
        /* For IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}


/* Originally scroller.css stuff */

div.scroller_track {
    border:0px solid #0f0;
    background-color:#dedede;
    display:inline-block;
    float:left;
}

div.vertical_scroller_handle {
    width:14px;
}

div.horizontal_scroller_handle {
    height:14px;
}

.wrapper_scroll_vertical {
    width:100%;
    height:100% !important;
    border:0px solid #f00;
}

.wrapper_scroll_horizontal {
    width:100%;
    height:100%;
    border:0px solid #f00;
}

.button_scroll_horizontal {
    height:14px ;
    width:16px !important;
    padding:0px !important;
    background-color:#dedede !important;
    display:inline;
    border:1px solid #f00;
    float:left;
}

.button_scroll_vertical {
    height:16px !important;
    width:14px !important;
    padding:0px !important;
    background-color:#dedede !important;

}

/* end of scroller.css stuff */

/* download stuff */

.download_block {

    border:0px dotted #f00;
    width:100px;
    font-size:0.88em;
    color:#00f;
    cursor:pointer;
    margin-left:8px;
}

.download_block :hover {


}


#download_dialog_wrapper {
   width:120px;
}

.download_dialog {

    border: 0px solid #0ff;

    z-index:10;
    background-color:#fff;
    font-size:0.8em;

}

.ui-dialog .ui-button-text {

    height:1.2em;
    font-size:0.8em !important;
    padding-top:0px;
}

.download_download_input_container .ui-spinner .ui-spinner-buttons {
    font-size:1.1em !important;
    height:16px !important;
    border: 0px solid #f00;
}

.download_download_input_container .ui-spinner-button {
    height:7px !important;
}

.download_dialog_text {
    width:90%;
    padding:6px;
    margin:auto;
    margin-top:20px;
    display:inline;
}

.download_download_input_container {

    width:100%;
    text-align:center;
    margin-top:20px;
}

.download_spinner_input {

    width:6em;
}

.download_end_spinner_container {

    margin-left:24px;
}

#download_button_container {
    width:90%;
    border: 0px solid #f00;
    padding:6px;
    margin:auto;
    margin-top:16px;
    clear:both;
}

#download_ok {
    float:right;
}

#download_dialog_header {
    width:100%;
    margin-top:8px;
}

#download_header_text {
    width:100%;
    text-align:center;
    display:block;
}

/* include the stylesheets in this gem

*/
/* include the stylesheets from gem heatmap_ui

*/
/*
<style>
  .notice {
    border:1px solid #f00;
    margin-top:60px;
    text-align:center;
  }

  #page_block {
    width:90%;
    margin:auto;
    margin-top:6px;
    border:1px solid #99b;
  }

  #detail_view_container {
    width:100%;
    margin:auto;
    margin-top:6px;
    border:0px solid #99b;
  }

  #heatmap_view_container {
    width:100%;
    height:400px;
    margin:auto;
    margin-top:8px;
    border:0px solid #99b;
  }

  #cart_view_container {
    width:100%;
    margin:auto;
    margin-top:10px;
    border:0px solid #99b
  }

  #here_and_there_img {
    position:absolute;
    top:100px;
    left:100px;
  }

  #here_and_there_img img {
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/click_here_see_there.png");
  }

*/
/* override the status bar age display text box width for ahba app *//*

  #status_narrow_text_box_0 {
      width:30px;
  }

  #status_narrow_text_box_1 {
      width:30px;
  }

</style>
*/


/* detail info widget */


  .detail_table {

    width:100%;
    height:100%;
    padding-right:0px;
    border:0px solid #000;
    table-layout:fixed;
    font-size:0.88em;
  }

  .detail_table td {
    border:1px solid #0f0;
  }

.structure_item {
  border:0px solid #00f;;
  border-left:10px solid #fff;
  white-space:nowrap;
}

#hm_s0 {
  font-weight:bold;
}

#hm_s1 {
  padding-left:12px;
}


#hm_s2 {
  padding-left:24px;
}


#hm_s3 {
  padding-left:36px;
}

#hm_s4 {
  padding-left:48px;
}


#hm_s5 {
  padding-left:60px;
}

#hm_s6 {
  padding-left:72px;
}

#hm_s7 {
  padding-left:84px;
}

#hm_s8 {
  padding-left:96px;
}

#hm_s9 {
  padding-left:96px;
}

#hm_s10 {
  padding-left:108px;
}

div.detail_item {
  padding-left:12px;
  white-space:nowrap;
  color:#555;
  font-weight:normal;
}

div.item_label {
  font-weight:bold;
  padding-left:0px;
  color:#000;
}


  .detail_table td {
     font-size:0.9em;
    border:1px solid #eee;
    padding:6px;
    padding-bottom:0px;
   }

   .gene_fam {
       padding-left:12px;
       font-style:italic;
   }

   .structure_info_cell {
       overflow:hidden;

   }

   .gene_info_cell {
       overflow:hidden;

    }

    div.soft_link {
        display:inline;
        color:#06f;
        cursor:pointer;
    }

    div.soft_link:hover {
        color:#00f;
    }


    .squishifier {
        border:1px solid #777;
        padding:0px;
        padding-left:16px;
        padding-right:16px;
        cursor:pointer;
        background-color:#ccc;
        float:right;
    }

    .squishifier:hover {
        background-color:#777;
    }

    img.related_data_img {
        cursor:pointer;
        vertical-align:middle;
        height:14px;
    }

    .fat_border {
        border:none;
        border-left:10px solid #fff;
        padding-left:8px;

    }

   .threed_cell {
        width:260px !important;
        padding:0px !important;
    }

    .brain_explorer_button_label {
        border:1px solid #000;
        height:1em;
        width:98px;
    }

    .brain_explorer_button {
        border:1px solid #00f;
        height:20px;
    }

    .mri_img_container {
        border:0px solid #f00;
        margin-top:-8px;
        float:right;
        display:inline;
        width:80px;
    }

    .mri_img_label {
        border:0px solid #000;
        width:100%;
        display:none;
    }

    .planar_image {
       display:block;
       margin:auto;
       width:80px;
       height:82px;
       border:0px solid #f00;
    }



    .link_table {
        border:0px solid #f0f !important;
        height:90%;
        width:100%;
        background-color:#f7f7fa;
    }

    .link_table td {
        border:none;
    }

    td.link_cell {
        border:0px solid #f00;
        width:50%;
    }


    td.neuroblast_cell {
        border:0px solid #f0f;
        background-color:#f7f7fa;
        width:50%;
        height:90%;
        margin-bottom:6px;
    }

    .be_container {
        border:0px solid #f00;
        width:100px;
    }

    .planar_anchor {
       margin-top:6px;
       width:100px;
        border:0px solid #f00
    }

    .planar_anchor img {
       width:100px;
        border:0px solid #f00
    }

    .planar_container {
        border:0px solid #f00;
        width:100px;
        margin-top:6px;
    }

    .be_img {
        height:36px;
        width:100%;
        width:100px;
    }

    .be_label {
        text-align:center;
        border:1px solid #ddd;
        width:98px;
    }

    .brain_explorer_anchor img {
        border:0px solid #00f;
        height:32px;
        width:100px !important;
    }

    .link_label {
        height:1em;
        font-size:0.88em;
        width:98%;
        margin:auto;
    }




.correlation_info {
    width:180px;
}

.correlation_table {
    width:100%;;
    border:none;
}

.correlation_table td {
    width:100%;
    border:none;
    padding:0px !important;
    font-size:9px;
}

.correlation_table tr {
    height:21px;
    border:1px solid #00f !important;
    margin-top:2px !important;
    margin-bottom:2px !important;

}

.corr_cell {
    text-align:center;
    /*width:160px; */
    vertical-align:middle;

}

.correlation_button {
    height:20px;
    width:190px;
    float:left;
    margin-left:0px;
    display:inline;
}

.correlation_help_button {
    height:20px;
    display:inline;
    float:left;
    margin:0px !important;
}

.correlation_select {
    width:100%;
    z-index:500;

}

.correlation_input {
    font-size:1.2em !important;
    /*width:102px;*/
    float:right;
}

.correlates_select_wrapper {
    /*float:left;*/
 /*   width:220px; */
}

._sw_search_text_correlation {
    width:83%;
    /*float:right; */

}
/* end detail info widget */

._ov_wrapper_ul {
   list-style-type:none;
   white-space:nowrap;
   font-size:0.92em;
}

/*
._ov_wrapper_inner {
    position:relative;
    overflow:scroll;
    top:40px;
    border:1px solid #000;

}
*/
._ov_li {
   margin-left:-40px;
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
   padding-top:3px;
   border:1px solid #fff;
   cursor:pointer !important;
}
 /*
._ov_li:hover {
   border:1px solid #ccc;
   cursor:pointer;
   background-color:#ddd !important;
   border-radius:3px 3px 3px 3px !important;
}

._ov_highlight {
   border:1px solid #ccc;
   background-color:#ddd !important;
   border-radius:3px 3px 3px 3px !important;
}
*/
._ov_chk_cont {
    height:20px;
    width:22px;
    float:left;
    margin-right:4px;
}

._ov_chk_chk {
    height:12px;
    width:12px;
    border:1px solid #444;
 /*   background:url(/assets/images/small_uncheck.png); */
}

._ov_unchecked {
 /*   background:url(/assets/images/small_uncheck.png);  */
}

._ov_checked {
 /*   background:url(/assets/images/small_block_check.png) !important;   */
}

._ov_selected {
    background-color:#ccf !important;
}

._ov_li_content {
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
   max-height:1.2em;
   cursor:pointer !important;
}


._ov_li_spacer {
    height:8px;
    float:left;
  /*  border-bottom:1px dashed #ddd;*/
}

.tag_cloud_wrapper {
    width:100%;
    margin:auto;
    border:1px solid #ddd;

}

.cloud_header {
    width:100%;
    height:24px;
    padding:0px;

}

.cloud_header_title {
   float:left;
   margin-top:3px;
   margin-left:3px;
   display:inline;

}

.cloud_container {
    width:94%;
    text-align:center;
    margin:auto;
    padding:12px;

    border:0px solid #00f;
}

.cloud_tag {
    display:inline;
    margin:4px;
    cursor:pointer;
    border:0px solid #000;
}
.cloud_tag:hover {
    background-color:#ccc;
}
.cloud_link:hover {
    background-color:#ccc;
}
/** Simple modifications needed for DropDownCheckList to take advantage of ThemeRoller settings */

.ui-dropdownchecklist .ui-widget-content
, .ui-dropdownchecklist .ui-widget-header {
	border: none;
}
.ui-dropdownchecklist-indent {
	padding-left: 7px;
}
/* Font size of 0 on the -selector and an explicit medium on -text required to eliminate 
   descender problems within the containers and still have a valid size for the text */
.ui-dropdownchecklist-selector-wrapper
, .ui-widget.ui-dropdownchecklist-selector-wrapper {
	vertical-align: middle;
	font-size: 0px;
}
.ui-dropdownchecklist-selector {
	padding: 1px 2px 2px 2px;
	font-size: 0px;
}
.ui-dropdownchecklist-text {
	font-size: 8pt;
}
.ui-dropdownchecklist-item
, .ui-dropdownchecklist-item input {
    vertical-align: middle;
}
.ui-dropdownchecklist-group {
	padding: 1px 2px 2px 2px;
}
.ui-spinner {position: relative; border: 0px solid white; }
.ui-spinner-buttons {position: absolute}
.ui-spinner-button {overflow: hidden}
p#vtip {
    display: none;
    position: absolute;
    padding: 10px;
    left: 5px;
    font-size: 0.8em;
    background-color: #FFFFE1; /* yellow used by default tooltip */
    border: 1px solid #a6c9e2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 9999
}

p#vtip #vtipArrow {
    position: absolute;
    top: -10px;
    left: 5px
}
/*
 * (require jquery-ui-1.8.10.custom.css)



 *
 * (search panel, widgets and plugins styles)

 *
 *
 * (search results)

 *







*/