/*****************************************************************************/
/* General Tag Styles
/*****************************************************************************/
BODY {
	position:absolute; 
	font-family:verdana, sans-serif; 
	font-size:0.7em; 
	margin:0px; 
	width:100%;
}

TABLE {
	border:0px; 
	border-spacing:0px;		
}

TR {
	vertical-align:top; 
	text-align:left;
}

TD {
	padding: 0px;
}

P {
	margin:0px 0px 0px 0px; 
	vertical-align:top; 
}

IMG {
	border:none 0px; 
	vertical-align: top; 
}

INPUT, TEXTAREA, SELECT, P {
	font-size:1.06em; 
	font-family:verdana, sans-serif;
}

abbr 
{
	cursor: help;
	border-bottom: 1px dotted #888;
}

form { margin:0px; }

/*****************************************************************************/
/* General Styles
/*****************************************************************************/
#BodyTable {
	margin:10px auto 10px auto; 
}
#BodyTable TD {
	text-align:left; 
}
#layout-table {
	display:block; 
	padding:0px; 	
	width:100%; 
} 
#left-panel 
{
	width:1px; 	
	float:left; 
	padding:0px; 	
}
#left-panel-min-size {
	height:400px; 	 	
	width:auto !important; 
	text-align:center; 
}
#right-panel {
	padding:10px !important; 
	width:100%;
	text-align:left; 
}

p.separator {
	border-bottom:solid 1px; 
}

p.spacing {
	height:5px; display:block; 
}

p.heading {
	padding:2px 4px 2px 4px; 
	font-size:1.2em; 
	vertical-align:middle; 	
	margin-top:8px; 	 
	white-space:nowrap;
}

.body {
	clear:left;
}

.required {
}
.required-asterisk  {
	margin-left:3px !important;
	color:#FF3300 !important;
	font-size:1.06em !important; 
	display:inline !important;
	overflow:hidden !important; width:1em !important; padding:0 !important; 
}

.dr 
{
	width:100%;
	overflow:hidden;
	clear:both;
}
.dc 
{
	vertical-align:top;
	float:left;
}

.Menu-Horizontal {
	overflow:hidden;
}

.section {
	width: 100%;
}

/*****************************************************************************/
/* Masthead
/*****************************************************************************/
.masthead 
{
	position:relative; 	
}
#ctl00_divApplicationVersion
{
	position:absolute; 
	top:77px; 
	right:10px; 
	width:78px; 
	height:23px; 	
	background-image:url(ShinyGlaze_Common/Version8.png); 
	background-repeat:no-repeat; 
	background-position:top left; 
}
* HTML #ctl00_divApplicationVersion 
{	
	background-image:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ShinyGlaze_Common/Version8.png', sizingMethod='scale'); 
}

/*****************************************************************************/
/* Control Panel Group
/*****************************************************************************/
.control-panel-content {
	position:relative; 
	top:-31px; 
	left:8px; 
	width: 800px; 
	float:left; 
	display:block; 
	text-align:left; 
	padding:5px; 
} 
.control-panel .Menu li 
{	
	float:left; 
}
.control-panel .Menu li a 
{
	padding:0px 5px 0px 5px; 
}
.control-panel .Menu li a:hover 
{
	text-decoration:underline; 
}
.control-panel .Menu-NonLink span
{
	padding:0px 10px 0px 0px; 
	font-size:1.1em; 
	font-weight:bold; 
	color:white; 
} 

/*****************************************************************************/
/* Control Panel Menu
/*****************************************************************************/

/*****************************************************************************/
/* Site Map Path 
/*****************************************************************************/
.site-map-path 
{	
	font-size:1em; 
	margin-bottom:14px; 
	position: relative;
	display: block;
	width: auto;
	float:left;
}

#ctl00_mnuRelatedLinks
{
	width: 160px;
	border: 1px solid Black;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	float: right;	
	z-index: 1000;
	background: white;	
}

#ctl00_mnuRelatedLinks ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#ctl00_mnuRelatedLinks ul li
{
	width: 100%;
}
#ctl00_mnuRelatedLinks .Menu-NonLink SPAN
{
	padding:  2px 2px 2px 6px;
	display: block;
	margin: 0;
}
#ctl00_mnuRelatedLinks .Menu-Link SPAN
{
	padding: 2px 2px 2px 6px;
	display: block;
	margin: 0;
}

/*****************************************************************************/
/* Message Center
/*****************************************************************************/
.message-center .bottom-left DIV {
	padding:3px 3px 3px 3px; 
	margin:0px 0px 5px 0px; 
	border:solid 1px; 
}
.message-center IMG {
	margin:0px 5px 2px 0px; 
}
.message-center .message-box 
{
	clear:left;
	padding:0px 0px 10px 10px; 	
	width:720px; /* Max width of messages */
}
.message-center .message-box .top-right 
{
	position:relative; 
	float:left; 
	margin:0px 0px 0px 0px; 
	padding:0px 10px 0px 0px; 
	background-image:url(ShinyGlaze_Common/Message-Box.gif); 
	background-repeat:no-repeat; 
	background-position:top right; 
}
.message-center .message-box .top-left 
{
	position:relative; 
	float:left; 
	margin:0px 0px 0px -10px; 
	padding:0px 0px 0px 10px; 
	background-image:url(ShinyGlaze_Common/Message-Box.gif); 
	background-repeat:no-repeat; 
	background-position:top left; 
}
.message-center .message-box .bottom-right 
{
	position:relative; 
	float:left; 
	margin:10px -10px -10px 0px; 
	padding:0px 0px 0px 0px; 
	background-image:url(ShinyGlaze_Common/Message-Box.gif); 
	background-repeat:no-repeat; 
	background-position:bottom right; 
}
.message-center .message-box .bottom-left 
{
	position:relative; 
	float:left; 
	margin:0px 10px 0px -10px; 
	padding:0px 0px 10px 10px; 
	background-image:url(ShinyGlaze_Common/Message-Box.gif); 	
	background-repeat:no-repeat; 
	background-position:bottom left; 
}

/*****************************************************************************/
/* Login Box
/*****************************************************************************/
.login-box {
	border:solid 1px; 
	width:511px; 
	margin:20px 0px 20px 50px; 
}
.login-box-middle {
	border-top:solid 1px; 
	border-bottom:solid 1px; 
	width:500px; 
	height:180px; text-align:right; 
	padding:8px 8px 3px 3px; 
}
.login-box-top {
	padding:3px 3px 3px 3px; 
}
.login-box-bottom {
	padding:3px 3px 3px 3px; 
}
.login-box-middle p {
	margin:0px 0px 10px 0px; 
}
.login-box-middle .standard-field INPUT, 
DIV.login-box-middle .standard-field SPAN, 
DIV.login-box-middle .standard-field SELECT,
.login-box-middle .dropdown-field INPUT, 
DIV.login-box-middle .dropdown-field SPAN, 
DIV.login-box-middle .dropdown-field SELECT {
	width:280px; 
}
.login-box-middle .standard-field LABEL {
	margin-right:14px; 
}
.login-box-middle .image-link-button 
{
	margin-top: 8px;
	float:right;
}
/*****************************************************************************/
/* Dynamic Tabs
/*****************************************************************************/
.dynamic-tabs 
{	
	clear:both; 
	width:100%; 
	margin:9px 0px 0px 0px; 
}
.dynamic-tabs:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
}
.dynamic-tabs .Menu li a, .dynamic-tabs .Menu SPAN.Menu-NonLink 
{
	float:left; 	
	margin:-2px 1px 0px 2px; 	
	vertical-align:middle; 
	padding:5px 0px 4px 5px; 	
}
.dynamic-tabs .Menu li a SPAN, .dynamic-tabs .Menu SPAN.Menu-NonLink SPAN
{  
	padding:5px 5px 4px 0px; 	 	
}

/*****************************************************************************/
/* Main Dynamic 
/*****************************************************************************/
.main-dynamic 
{
	margin-top:8px; 
	width:100%; 	
}
.main-dynamic .two-column p {
	width:390px; 
}
.main-dynamic TD {
	padding:1px 10px 1px 3px; 
}
.main-dynamic a.image-link:hover {
	text-decoration:underline; 
}
.main-dynamic DIV.standard-grid-border {
	height:234px; 
}
.main-dynamic DIV.standard-grid {
	overflow:auto; 
	height:300px; 
}

/*****************************************************************************/
/* Search Dynamic 
/*****************************************************************************/
.search-dynamic 
{
	margin-top:8px; 
	width:100%; 
}
.search-dynamic .two-column p {
	width:390px; 
}
.search-dynamic DIV.standard-grid-border {
	height:234px; 
}
.search-dynamic DIV.standard-grid {
	overflow:auto; 
	height:300px; 
}

/*****************************************************************************/
/* Search Results
/*****************************************************************************/
.search-results 
{
	margin-top:8px; 
	width:100%; 
}
td.search-results {
	padding:10px 0px 0px 0px; 
}

/*****************************************************************************/
/* Image-link Button Style
/*****************************************************************************/
.image-link-button 
{	
	border: 2px outset #DFDFDF; 
	background-color: #eeeeee;
	background-image: url(ShinyGlaze_Common/Image-Button.gif);
	text-align: left;
	color: Blue;
}
.image-link-button:Hover
{
    border: 2px outset #FFCC33; 
    background-image: url(ShinyGlaze_Common/Image-Button-Highlight.gif);
}
.image-link-button:Hover .text {
	text-decoration:underline;
}
.image-link-button .link 
{
	cursor: pointer;
	display:block;
	text-decoration:none;
	padding: 2px 14px 2px 12px;
} 
.image-link-button .image {
	vertical-align: middle;
} 
.image-link-button .text 
{	
	margin-left: 4px;
}

.image-link-button-disabled
{
    border: 2px outset #DFDFDF !important; 
    background-color: #eeeeee;
	background-image: url(ShinyGlaze_Common/Image-Button.gif) !important;
	text-align: left;
	color: gray;
	cursor: default;	
}
.image-link-button-disabled TD {
	padding: 2px 14px 2px 12px !important;
}
.image-link-button-disabled .text {
	text-decoration:none!important;
}

/*****************************************************************************/
/* Detail Dynamic
/*****************************************************************************/
.detail-dynamic 
{
	width:100%; 
}
.detail-dynamic .two-column p {
	width:390px; 
}
.detail-dynamic .two-column {
	width:50%; 
}
.detail-dynamic TD.two-column {
	padding:1px 12px 1px 3px; 
}

/*****************************************************************************/
/* MSDS Query Designer 
/*****************************************************************************/
.query-condition
{
	padding-bottom:3px;
	padding-top:3px;
	margin-bottom:5px;
	border-bottom: solid 3px #eaeaea;
	background: #f9f9f9;
}

.query-data
{
	margin-left:30px;
	margin-bottom:10px;
}

.query-conjunction
{
	width:90px;
	margin-top:3px;
	margin-bottom:3px;
	margin-right:4px;
	border-right: solid 2px #eaeaea;
	padding-right:4px;
	vertical-align:middle;
}
.query-conjunction span 
{
	padding-left:5px;
	font-size:130%;
	font-weight:bold;
	color:green;
	line-height:20px;
}
.query-operand
{
	width:280px;
	margin-top:3px;
	margin-bottom:3px;
	margin-right:4px;
	border-right: solid 2px #eaeaea;
	padding-right:4px;
}
.query-operand span
{
	padding-left:5px;
	color:blue;
	font-size:120%;
	line-height:20px;
}
.query-operand select
{
	color:blue;
	width:280px;
	height:22px;
	font-size:110%;
}
.query-operator
{
	width:275px;
	margin-top:3px;
	margin-bottom:3px;
	margin-right:4px;
	padding-right:4px;
}
.query-operator span
{
	padding-left:5px;
	font-size:120%;
	color:#b85220;
	line-height:20px;
}
.query-operator select
{
	color:#b85220;
	width:275px;
	height:22px;
	font-size:110%;
}
.query-button .image-link-button
{
	margin-top: 1px;
	width:105px;
}

.query
{
	border: solid 5px #eaeaea;
	/*padding: 3px;*/
	margin-bottom: 10px;
	width:auto;
}
.query:hover
{
	border-color: #e1e1e1;
	background-color: #f1f1f1;
}
.query-alt
{
	border: solid 5px #eaeaea;
	background-color: #f5f5f5;
	/*padding: 3px;*/
	margin-bottom: 10px;
	width:auto;
}
.query-alt:hover
{
	border-color: #e1e1e1;
	background-color: #f1f1f1;
}

.query-add-condition
{
	border: solid 5px #D0FFCF;
	background-color: #EEFFED;	
	padding-bottom:3px;
	margin-bottom:5px;
	width:auto;	
}
.query-add-condition:hover
{
	background-color: #E4FFE3;
	border: solid 5px #B3FFB0;
}
.query-add .query-conjunction select 
{
	color:green;
	width:90px;
	height:22px;
	font-size:130%;
	font-weight:bold;
}
.query-add .query-conjunction 
{
	margin-left: 3px;
}
.query-add .query-conjunction, .query-add .query-operand
{
	border-right: solid 2px #D0FFCF;
}

/*****************************************************************************/
/* Google Map */
/*****************************************************************************/
.google-map 
{
	border: solid 1px black;
	width: 398px;
	height: 250px;
}

.one-column .google-map 
{
	width: 850px;
	height: 350px;
}

.two-column .google-map 
{
	width: 398px;
	height: 250px;
}


/*****************************************************************************/
/* Footer */
/*****************************************************************************/
.footer {
	font-size:0.8em; 
	padding:10px 50px 10px 50px; 
	background-repeat:no-repeat; 
	height:35px; 
	padding:10px 0px 0px 0px; 
}
.footer-min-width {
}
.footer p 
{
	margin:5px 0px 0px 20px; 
}
.footer a {
	padding:0px 6px 0px 6px; 
}

/*****************************************************************************/
/* Grid Styles
/*****************************************************************************/
.standard-grid
{
	width:100%; 
}
.standard-grid .row, .wide-grid .row {	
	background-color:white; 
}
.standard-grid .row-alternate, .wide-grid .row-alternate {
	background-color:#e6e6e6; 	/* alternate row background color */
}
.standard-grid .grid-header, .wide-grid .grid-header 
{
	height:18px; 
	vertical-align:middle; 
	text-align:left; 
	background-color:#cecece; 	/* grid column headers background color */
}

/* Empy Grid */
.empty-grid TD
{
	color: Maroon; 
	font-size:1.3em; 
	padding:12px 0px 12px 30px !important; 
}

/* Wide Grid */
.wide-grid 
{
	width:1000px; 	
}
.wide-grid TD
{
	padding-right: 2px !important;
}

/* Grid Tool Bars */
DIV.grid-toolbar 
{	
	border:solid 1px #e6e6e6; 
	background-color:White; 
	padding:2px; 
}
.grid-toolbar IMG 
{
	margin-right:2px; 
}
.grid-toolbar A
{
	padding:0px 3px 0px 0px; 
	font-size:.85em; 
	cursor:pointer; 
}
.grid-toolbar A IMG
{
	margin:0px 3px 0px 0px; 
}

/* Scrollable Grids */
DIV.scroll-grid .table-container DIV
{
	height:350px; overflow:scroll; 
	width:100%; 
}
DIV.short-scroll-grid .table-container DIV
{
	width:100%; 
	height:200px; 
	overflow:scroll; 
}

/* grid pager */
DIV.pager { width:100%; background-color:White; height:auto !important; overflow: auto !important; }
.pager TABLE.pager { margin-left:auto;  margin-right: auto; }
.pager TABLE.pager TR TD { vertical-align:middle; padding-left: 1px; }
.pager INPUT {width:27px;}

/* drop grid */
.drop-grid {vertical-align:top; height:200px; width:auto;}
a.select-grid-data {width:336px; min-width:336px; height:90px; display:block; color:black; text-decoration:none;}
a.select-grid-data::hover {background-color:#0033ff; color:white;}
DIV.drop-scroll-grid {width:355px; height:90px; overflow:scroll; border:solid 1px black;}
DIV.scroll-grid-drop {width:376px; height:350px; overflow:scroll;}
p.drop-spacer {height:8px;}

/* Field Styles */
.number-field { 
	text-align:right !important; 
	padding-right: 12px;	
}

/*****************************************************************************/
/* Menu Style
/*****************************************************************************/
.mnuToolbar, .mnulist, .menuSearchToolbar
{
	padding:3px 3px 3px 3px; 
	margin:0px 0px 2px 0px; 
} 

/*****************************************************************************/
/* Control Styles
/*****************************************************************************/
/* CSS Menu Control */
ul.Menu, ul.Menu ul {margin:0; padding:0;}
ul.Menu li {position:relative; list-style:none; float:left;}
ul.Menu li a {text-decoration:none;}
ul.Menu li a {white-space:nowrap;}

/* message section */
DIV.message-section {width:800px;}
.message-section dd {color:blue;}
.message-section p {margin:10px 0px 8px 0px;}
DIV.message-section IMG {margin:0px 7px 1px 0px;}

/* INPUT Buttons */
INPUT.button {padding:2px 5px 2px 5px;}

/* Image links */
p.image-link {margin:10px 0px 10px 0px; font-size:1.2em;}
p.image-link a {text-decoration:none;}
div.image-link {margin:10px 0px 10px 0px; font-size:1.2em;}
div.image-link a {text-decoration:none;}
.image-link IMG {margin:0px 3px 0px 0px;}

/* Field Captions */
p.field-min-width 
{
	width:260px; height:0px; 
}
LABEL.field-caption 
{
	float:left; 
	width:200px; 
	padding:0px; 
	border:none 0px; 
	font-weight:bold;
	font-size:1.06em; 
}
td.drop-spacer 
{
	width:203px; 
}

/* Standard Fields */
p.standard-field, div.standard-field {margin:3px 0px 3px 0px}
.standard-field INPUT {width:370px; margin:0px;}
.standard-field SELECT {width:376px; margin:0px;}
.standard-field TEXTAREA, .multi-field TEXTAREA, .drop-multi-field TEXTAREA {width:370px; margin:0px; height:110px;}
.standard-field nobr SPAN.readonly, .standard-field SPAN.readonly {text-align: left; font-size:1.06em; display:block; overflow:hidden; width:370px; min-height:1.4em; padding:0.1em 2px 0.1em 2px; max-height:110px; border:solid 1px #7f7f7f; background-color:#f5f5f5;}
.standard-field nobr SPAN.empty-select {font-size:1.06em; border:solid 1px #7f7f7f; background-color:Transparent;}
div.standard-field {overflow:hidden}
div.control-container {width:374px; padding-bottom:4px; float:left;}


/* Multi Fields */
p.multi-field {margin:3px 0px 3px 0px;}
.multi-field NOBR SPAN, .multi-field SPAN.readonly, .drop-multi-field NOBR SPAN  {
font-size:1.06em; display:block; overflow:scroll; 	
width:370px; height:110px;
padding:0.1em 2px 0.1em 2px; 
border:solid 1px #7f7f7f; 
background-color:#f5f5f5;
}
p.drop-multi-field {margin:3px 0px 0px 0px;}

/* Range Fields */
p.range-field, p.postfix-field, p.postfix-readonly-field {margin:3px 0px 3px 0px;}
.postfix-field nobr {display:block; float:left;}
.range-field INPUT, .postfix-field INPUT {width:180px; margin:0px 2px 0px 0px;}
.range-field SPAN.readonly, .postfix-field SPAN, .postfix-readonly-field SPAN 
{
	display:block; 
	overflow:hidden; 
	margin:0px 2px 0px 0px; 
	width:182px; 
	min-height:1.3em; 
	padding:0.1em 2px 0.1em 2px; 
	max-height:110px; 
	border:solid 1px #7f7f7f; 
	background-color:#f5f5f5; 
}
SPAN.borderless 
{
	display:inline-block; 
	background-color:Transparent; 
	border:none 0; 
	overflow:visible; 
}

/* DropDown Fields */
DIV.dropdown-field {margin:3px 0px 3px 0em;}
DIV.dropdown-field SELECT, DIV.dropdown-field INPUT {font-size:1.12em; width:376px; margin:0px;}
DIV.dropdown-field TEXTAREA, .drop-multi-field TEXTAREA {width:370px; margin:0px; height:110px;}
DIV.dropdown-field SPAN {font-size:1.06em; display:block; overflow:hidden; width:370px; height:1.4em; min-height:1.4em; padding:0.1em 2px 0.1em 2px; max-height:110px;}
DIV.dropdown-field SPAN.readonly {border:solid 1px #7f7f7f; background-color:#f5f5f5;}
DIV.dropdown-field NOBR SPAN.single-item-select {border:solid 1px #7f7f7f; background-color:Transparent;}
DIV.dropdown-field NOBR SPAN.empty-select {border:dotted 1px #7f7f7f; background-color:Transparent;}

/* Option Fields */
p.option-field 
{ 
	margin:3px 0px 3px 0px; 
}
.option-field INPUT 
{
	width:12px; 
	margin:0px 1px 0px 4px; 
}
.option-field nobr LABEL 
{ 
	margin:0px; 
	font-size:.75em; 
}

/* Tree View */
DIV.scroll-treeview {width:390px; height:500px; overflow:scroll; border:solid 1px black;}
DIV.scroll-treeview a.treeview-link {text-decoration:underline; color:black; margin-left:12px; vertical-align:middle;}
DIV.scroll-treeview a.treeview-link:hover {color:blue;}
DIV.hidden-treeview-control-panel {background-color:white; visibility:hidden; display:none; position:absolute; left:0px; top:0px;}

/* Show/Hide Section Header */
.showHideSectionHeader {
	padding:2px 4px 2px 4px; 
	font-size:1.2em; 
	vertical-align:middle; 	
	margin-top:8px; 	 
	white-space:nowrap;
	font-size: 1.2em;
	font-weight: bold;
	height: 18px;    
}
.showHideSectionHeader IMG 
{
	float: left;	
}
.showHideSectionHeader LABEL 
{
	float: left;	
}
.showHideSectionHeader .link 
{
	margin-right: 8px;
	float: right;	
}
.showHideSectionHeader .link A
{
	font-size: .8em;
	cursor: pointer;
	text-decoration: underline;
	color:white;
}


/* Main Menu Heading */
SPAN.mainMenuheading 
{
	vertical-align:top;
	display: block;
	background-image: url(ShinyGlaze_Common/grayheaderbg.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 62px;
	margin-top: 15px;
}
SPAN.mainMenuheading P.mainMenuheading
{	
	padding-top: 5px;
	margin-left: 10px;
	font-family:"trebuchet MS",arial,sans-serif;
	font-size: 1.8em;
	font-weight:bold;
	border: none;
	color: #444;
}
SPAN.mainMenuheading P.mainMenuheading IMG
{	
	height: 64px;
}

/*Quick Search*/
.quicksearch
{
	padding: 0px !important;
	margin-top: -5px;
}
.quicksearch a
{
	border: none !important;
	padding: 0px !important;
}
.quicksearch input
{
	border: solid 1px gray;
	font-size: .9em;
}
.quicksearch IMG
{
	width: 16px;
	vertical-align:text-top;
}

/*****************************************************************************/
/* JQuery 
/*****************************************************************************/

/* showhide-section */
.showhide .heading-grip {	
	padding:2px 4px 2px 4px; 
	font-size:1.2em; 
	vertical-align:middle; 	
	margin-top:8px; 	 
	white-space:nowrap;
	font-size: 1.2em;
	font-weight: bold;
	height: 18px;  
	cursor: pointer;
}

.showhide .heading-grip IMG 
{
	float: left;	
}
.showhide .heading-grip LABEL 
{
	float: left;
	cursor: pointer;	
}
.showhide .heading-grip #StateIndicator {
	margin: 1px 6px 0px 0px;
	float: right;	
	width: 16px;
	height: 16px;
	background-repeat:no-repeat; 
	background-position:top left; 	
}
.showhide .heading-grip .expanded 
{
	background-image:url(ShinyGlaze_Common/showhide-collapse.gif); 
}
.showhide .heading-grip .collapsed 
{	
	background-image:url(ShinyGlaze_Common/showhide-expand.gif); 
}

.showhide .heading-grip .link A
{
	font-size: .8em;
	cursor: pointer;
	text-decoration: underline;
	color:white;
}

.showhide .heading-container {
}

.showhide .heading-content {
	width:auto;
	border-color: #CCC;
	border-style: Solid;
	border-width: 0px 4px 4px 4px;
	padding: 12px;
} 

/* showhide-checkbox */

.showhide .checkbox-grip {
	cursor: pointer;
}

.showhide .checkbox-container, .showhide .yesno-container {
	clear:both;
}

.showhide .yesno select
{
	margin-bottom:4px;
}

.showhide .checkbox-content, .showhide .yesno-content {
    width:auto;
	border-color: #E7E7E7;
	border-style: Solid;
	border-width: 2px 2px 2px 2px;
	padding: 12px;
}

/* .resizable-textarea  */
.resizable-textarea {
	overflow: hidden;
	margin-bottom: 3px;
	/*display: inline-block; /* IE6 Fix */
}

.resizable-textarea textarea {
  margin:0;
  padding: 2px 2px;
}

.resizable-textarea textarea:focus {
  background:#FFFFFF none repeat scroll 0 0;
  border:1px solid #AAA;
  color:#333333 !important;
}

.resizable-textarea .grippie {
  background-color:#EEEEEE !important;
  border-style:none solid solid;
  border-width:medium 1px 1px;
}

.resizable-textarea .grippie {
  background:#EEEEEE url(ShinyGlaze_Common/grippie.png) no-repeat scroll center 2px;
  border-color:#DDDDDD;
  border-style:solid;
  border-width:0 1px 1px;
  cursor:s-resize;
  height:9px;
  overflow:hidden;
}

/*****************************************************************************/
/* Date Picker #EAF3F9 #D0E3F1 #01325D #134776
/*****************************************************************************/
.datepicker-button {
    width:17px;
    height:17px;
    background:url(../App_Graphics/datepicker.gif) no-repeat scroll center;
    cursor:pointer;
    position: absolute;
    display:inline;
    overflow:hidden;
    margin-left: -19px;
    margin-top:3px;
}
.calendar-wrapper {
    border: solid 4px #01325D !important;
}
table.calender 
{ 
    background-color: White;
    border: 0 !important;
    width: 222px;  
}
.calender a { display: block; text-decoration: none !important; height: 20px !important; font-size: 11px !important; }
.calender a:hover { display: block; }
.calender .title 
{
    color: White !important;
    background-color: #134776 !important;
    font-size: 14px !important; 
    font-weight: bold !important;
}

.calender .next-prev a { color: White !important; font-weight: bold !important; padding: 0px 3px 0px 3px; }

.calender .day-header {  background-color: silver !important; font-size: 11px !important; }

.calender .other-month-day { background-color: #EAF3F9 !important; }
.calender .other-month-day a { color: #82B0D9 !important; }
.calender td.other-month-day:hover { background-color: #134776 !important; }
.calender td.other-month-day:hover a { color: #EAF3F9 !important; }

.calender .day a { color: #01325D !important; font-weight: bold !important; }
.calender td.day:hover { background-color: #134776 !important; }
.calender td.day:hover a { color: #EAF3F9 !important; }

.calender .today-day a { color: red !important; font-weight: bold !important; }  
.calender td.today-day:hover { background-color: #134776 !important; }
.calender td.today-day:hover a { color: #EAF3F9 !important; }

.calender .selected-day { background-color: #134776 !important; }
.calender .selected-day a { font-weight: bold !important; }

.calender .weekend-day { background-color: #D0E3F1 !important; }
.calender .weekend-day a { color: #0C6DB3 !important; }
.calender td.weekend-day:hover { background-color: #134776 !important; }
.calender td.weekend-day:hover a { color: #EAF3F9 !important; }

/*****************************************************************************/
/* session-dialog
/*****************************************************************************/
.session-dialog {
    background-color: White;
    border: solid 1px black;
    padding: 20px;
    width: 360px;
}

.session-dialog h1 {
    color: #336699;
    font-size: 18px;
    border-bottom: solid 1px #ccc;
    margin: 0px 0px 12px 0px;
    padding: 0px 0px 8px 0px;
}

.session-dialog h2 {
    font-size: 12px;  
    padding: 0px 0px 8px 0px;
    border-bottom: solid 1px #ccc;
}

.session-dialog a {
    display: block;  
    margin: 0px 0px 4px 0px;
    cursor: pointer;
    text-decoration: underline;
    padding-left: 18px; 
    height:20px;
}

.session-dialog-ok 
{
    background-image: url(../App_Graphics/ok_16.gif);
    background-repeat: no-repeat;
}

.session-dialog-cancel
{
    background-image: url(../App_Graphics/Cancel.gif);
    background-repeat: no-repeat;
}


/*****************************************************************************/
/* tags
/*****************************************************************************/

UL.tag-list {
    margin-left: 0;
	padding-left: 0;
	display: inline;
	
}

UL.tag-list li {
    list-style: none;
    display: inline;
    padding-right: 5px;
}

.tag-map {
    margin-bottom: 6px;
}

.remove-tag {
    height: 9px;
    width: 9px;
    text-indent: 10000px;
    overflow: hidden;
    background: url(../App_Graphics/mini-remove.gif) top left no-repeat;
    display: inline-block;
    margin-left:2px;
}

A.remove-tag:hover 
{
    background:url(../App_Graphics/mini-remove-hover.gif) top left no-repeat;
}

SELECT.tag-dropdown { width: auto; margin-top: 2px;}

/*****************************************************************************/
/* Can't find the MSDS you're looking for?
/*****************************************************************************/
div.search-tip 
{
	width:750px;
}

#ctl00_placeBody_spanTipCantFindMSDS 
{
	color:#666666;
	font-size:1.8em;
	font-family:Helvetica,sans-serif;	
	font-weight:bold;
}

#ctl00_placeBody_trSearchResultsTips td 
{
	border: solid 12px #FFFAD3;
	padding: 15px 15px 8px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	background-color:#FFFDF4;
}

#ctl00_placeBody_trSearchResultsTips td ul 
{
	margin:8px;
	padding:0;
} 

#ctl00_placeBody_trSearchResultsTips td li 
{
	list-style-type:none;
	list-style-image:url(../App_Graphics/li_arrow.gif);
	margin-left:16px;
	margin-top: 4px;
	margin-bottom: 4px;
}


/*****************************************************************************/
/* dropdown
/*****************************************************************************/
.drop-button {
    width:17px;
    height:17px;
    background:url(../App_Graphics/dropdown.gif) no-repeat scroll center;
    cursor:pointer;
    position: absolute;
    display:inline;
    overflow:hidden;
    margin-left: -19px;
    margin-top:3px;
}

/*****************************************************************************/
/* Alternate Heading Colors
/*****************************************************************************/
p.heading-red, .heading-red .heading-grip
{
	padding:2px 4px 2px 4px !important; 
	font-size:1.2em !important; 
	vertical-align:middle !important; 	
	margin-top:8px !important; 	 
	white-space:nowrap !important;
	background-image: url(ShinyGlaze_Crimson/HeaderBG.png) !important;	
	background-position:top left !important; 
	background-repeat: repeat-x !important;	
	background-color:#6F2426 !important;
	color:white !important;
	font-weight: bold !important;
	height: 18px !important; 
	border: 1px solid #B83437 !important;   
}
p.heading-green, .heading-green .heading-grip
{
	padding:2px 4px 2px 4px !important; 
	font-size:1.2em !important; 
	vertical-align:middle !important; 	
	margin-top:8px !important; 	 
	white-space:nowrap !important;
	background-image: url(ShinyGlaze_ForrestGreen/HeaderBG.png) !important;	
	background-position:top left !important; 
	background-repeat: repeat-x !important;	
	background-color:#127531 !important;
	color:white !important;
	font-weight: bold !important;
	height: 18px !important;
	border: 1px solid #4f7c5f !important;    
}
p.heading-blue, .heading-blue .heading-grip
{
	padding:2px 4px 2px 4px !important; 
	font-size:1.2em !important; 
	vertical-align:middle !important; 	
	margin-top:8px !important; 	 
	white-space:nowrap !important;
	background-image: url(ShinyGlaze_DodgerBlue/HeaderBG.png) !important;	
	background-position:top left !important; 
	background-repeat: repeat-x !important;	
	background-color:#007BD4 !important;
	color:white !important;
	font-weight: bold !important;
	height: 18px !important;    
	border: 1px solid #5092CA !important;
}

/*****************************************************************************/
/* One Column Formatting
/*****************************************************************************/
.one-column DIV.scroll-grid, .one-column DIV.short-scroll-grid {width:840px;}
DIV.wide-grid, table.wide-grid {width:1000px;}
TD.one-column {padding:9px 0px 9px 0px;}

/*****************************************************************************/
/* Two Column Formatting
/*****************************************************************************/
.two-column DIV.grid-toolbar {width:382px;}
.two-column DIV.scroll-grid, .two-column DIV.short-scroll-grid {width:410px;}
.two-column TD.drop-spacer {width:0px;}
.two-column LABEL.field-caption {width:370px; min-width:370px; float:none; display:block;}
.two-column p.standard-field SPAN, .two-column p.postfix-readonly-field SPAN, .two-column p.postfix-field INPUT {float:left;}
TD.two-column {padding:5px 32px 4px 0px;}

/*****************************************************************************/
/* Browser Hacks 
/*****************************************************************************/
.clearfix:after, p:after, DIV.dropdown-field:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
}

.clearfix, p, DIV.dropdown-field {display:inline-block;} /* IE-Mac Hack */

/* Hides from IE-mac \*/
* HTML .clearfixw, * HTML p, * HTML DIV.dropdown-fieldw {height:1%;}
.clearfix, p, DIV.dropdown-field {display:block;}
/* End hide from IE-mac */



/*****************************************************************************/
/* JQuery Context Menu Button
/*****************************************************************************/
.context-menu-button .menu-vista
{
    background-image: url(../App_Graphics/dropdown-light.gif);
    float: right;
    height: 16px;
    width: 16px;
}


.context-menu-button .menu-vista:hover
{
    background-image: url(../App_Graphics/dropdown.gif);
    cursor: pointer;
}

.context-menu-button-noitems .menu-vista
{
    float: right;
    height: 16px;
    width: 16px;
}

.context-menu-button
{
    overflow: hidden;
    width: 16px;
    float: right;
}

.context-menu-button:hover
{
    background-image: url(../App_Graphics/cmenu-vista-menu-item-hover.gif);
}

/*****************************************************************************/
/* JQuery Context Menu
/*****************************************************************************/
.context-menu-theme-vista
{
    background:#FAFAFA url(../App_Graphics/cmenu-vista-bg.gif) repeat-y left top;
    border:1px solid #868686;
}
.context-menu-theme-vista .context-menu-item
{
    text-align:left;
    cursor:pointer;
    color:black;
    font-family:Tahoma,Arial;
    font-size:11px;
}

.context-menu-theme-vista .context-menu-separator
{
    margin:0px 0px 0px 32px;
    font-size:0px;
    border-top:1px solid #C5C5C5;
    border-bottom:1px solid #F5F5F5;
}

.context-menu-theme-vista .context-menu-item-hover
{
    background:transparent url(../App_Graphics/cmenu-vista-menu-item-hover.gif) repeat-x left center;
    border:1px solid #D7D0B3;
}

.context-menu-theme-vista .context-menu-item .context-menu-item-inner
{
    padding:4px 16px 4px 35px;
    margin-left:1px;
    background-color:none;
    background-repeat:no-repeat;
    background-position:3px center;
    background-image:none;
}

.context-menu-theme-vista .context-menu-item-hover .context-menu-item-inner
{
    padding:3px 15px 3px 35px;
    margin-left:0px;
}

.context-menu-theme-vista .context-menu-item-disabled
{
    color:#A7A7A7;
}


/*****************************************************************************/
/* JQuery Tree View
/*****************************************************************************/
.tree-view { overflow:auto; border:1px solid #CCCCCC; background-color:White; }        
.tree-view ul { clear:both; }        
.tree-view ul li ul { padding-left:18px; }
.tree-view li { clear:both; }      
.tree-view ul { background: transparent url(/App_Graphics/tree-line.gif) repeat-y; }
.tree-view ul.last { background-image: none; }       
.tree-view li { background: transparent url(/App_Graphics/tree-tee.gif) no-repeat; }
.tree-view li.last { background: transparent url(/App_Graphics/tree-elbow.gif) no-repeat; }
.tree-view li.root { background: transparent url(/App_Graphics/tree-root.gif) no-repeat; }
.tree-view .expanded .expander { background: transparent url(/App_Graphics/tree-expanded.gif) no-repeat; cursor:pointer; } 
.tree-view .collapsed .expander { background: transparent url(/App_Graphics/tree-collapsed.gif) no-repeat; cursor:pointer; }
.tree-view .leaf .expander { background: transparent url(/App_Graphics/tree-leaf.gif) no-repeat; cursor: default; }
/* Layout */
.tree-view td { margin:0px; padding:0px; white-space:nowrap; }
.tree-view .expander { width:18px; height:18px; margin-left:18px; }

.tree-view .desc { font-style:normal; line-height:12px; padding:2px 2px 2px 3px }
.tree-view .hover .desc{ border: solid 1px #ddd; background-color:#eee; padding:1px 2px 2px 2px }
.tree-view .item .desc { float:left;}

.tree-view a.tool1 { color: white !important; margin-left:8px; font-size:.85em; display:block; float:left; line-height:18px;}
.tree-view .hover a.tool1 { color: #333 !important;  }
.tree-view .inactive .item { color: #777; font-style:italic }
.tree-view .inactive .item a.desc { color: #777; font-style:italic }

.tree-view-dialog label.field-caption { width:130px; font-size:1em; }
.tree-view-dialog .standard-field input, 
	.tree-view-dialog .tree-view-dialog div.dropdown-field select, 
	.tree-view-dialog .standard-field textarea, 
	.tree-view-dialog .multi-field textarea, 
	.tree-view-dialog .drop-multi-field textarea,
	.tree-view-dialog .standard-field span.readonly,
	.tree-view-dialog div.dropdown-field span { width:345px; }
.tree-view-dialog .message-center .message-box { width:470px; }


.dropdown-buttons { overflow:hidden; margin-bottom:4px; height:1%;}
.dropdown-button {  float:left; margin-right:4px; background-image:url(ShinyGlaze_Common/Image-Button.gif); background-position:center center; }
.dropdown-button h2 { margin:0; padding:4px 19px 4px 6px; font-size: 1em; color:#333; border:2px outset #DFDFDF; background:url(../App_Graphics/dropdown.gif) no-repeat center right; cursor:pointer; -moz-border-radius:2px;}
.dropdown-button ul { display:none; position:absolute; border:solid 1px #555;                
                 background-color: #eee; -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px; }
.dropdown-button ul.hover { display:block; }
.dropdown-button li {  }
.dropdown-button li:hover { background-color:#d9d9d9; }
.dropdown-button li a { display:block; padding:4px; white-space:nowrap; }

.submit a.submitted { color: Gray; cursor: default; }

.wiki-view { position:relative; }
.wiki-doc .edit-button { background-color:#FFFFCC; border:1px solid #BBBB00; padding:2px 4px; position:absolute; right:0px; top:0px;  }


.wiki-doc .wiki-edit {  }
.wiki-doc .wiki-edit .mnuEditToolbar { padding:4px;  }
.wiki-doc .wiki-edit textarea { width:100%; height: 350px; display:block;}

.wiki-content ul, .nicEdit-main ol { margin-left:0; padding-left:40px; }
.wiki-content ul li { list-style-type: disc; }
.wiki-content ol li { list-style-type:decimal; }

.textbox-error input, .textbox-error select, .textbox-error textarea, input.textbox-error { border: solid 2px red; }

#results-list, #selected-results-list, .results-list {
	background-color:#FCFCFC;
	border:1px solid #555555;
	overflow:scroll;
	overflow-y:scroll;
	overflow-x: hidden;
	padding:2px;	
}

#results-list {
	height:210px;	
}

#selected-results-list {
	height:150px;
}


.record-row {
	margin:4px;
	overflow:hidden;
}

.record-item {
	color: #333;
	padding: 2px;
	border: solid 1px #888;
	background-color:#eee;
	float:left;
	margin:2px;
	width:460px;
	padding-left:4px;
}

#results-list .add-hover {
	background-color:#DDF1DD;
	border: solid 1px #507150
}

#results-list .remove-hover {
	background-color:#DDF1DD;
	border: solid 1px #507150;
}

.record-item  a.more{
	display:block;
	float:right;
	height:18px;
	margin-left:4px;
	text-align:center;
	text-decoration:none;
	width:19px;
	background:transparent url(/App_Graphics/silk_expand.png) no-repeat 50% 50%;
	text-indent:20000px;
}

.record-item .action {
	margin-right:4px;
}

.record-item  a.add{
	background:transparent url(/App_Graphics/silk_add.png) no-repeat 50% 50%;	
	display:block;
	float:left;
	height:18px;
	text-align:center;
	text-decoration:none;
	width:19px;
}

.record-item  a.remove{
	background:transparent url(/App_Graphics/silk_delete.png) no-repeat 50% 50%;	
	display:block;
	float:left;
	height:18px;
	text-align:center;
	text-decoration:none;
	width:19px;
}

.ajax-loader {
	background:transparent url(/App_Graphics/ajax-loader.gif) no-repeat;
	padding-left:18px;
	height:16px;	
}
span.ajax-loader {
	display:block;
}
.highlight {
	font-weight:bold;
}

/*****************************************************************************/
/* Regulation Search Field
/*****************************************************************************/
.filter-tab
{
	float:right;
	padding:4px 10px 5px 10px;
	border-bottom:none;	
	margin-bottom:-4px;
	margin-left:8px;
	position:absolute;
	z-index:10000;
}
.dropped .filter-tab
{
	float:right;
	padding:4px 10px 10px 10px;
	border:solid 4px #CCCCCC;
	-moz-border-radius-topleft:8px; 
	-moz-border-radius-topright:8px;
	border-bottom:none;
	margin-top:-4px;
	margin-bottom:-4px;
	margin-left:4px;
	background-color:White;
	position:absolute;
	z-index:10000;
}
.dropped .filter-container { overflow:hidden; padding: 8px; border:solid 4px #CCCCCC; -moz-border-radius:5px; clear:right; background-color:White;
                       -moz-box-shadow:1px 1px 2px #888; /* Firefox */
		-webkit-box-shadow:1px 1px 2px #888;
		}
.selected-filters { overflow:hidden; margin-bottom:3px; }
.filter-container hr { border:0; border-top:dotted 1px gray; margin-bottom:6px; margin-top:3px;  }
.filter-group { overflow:hidden; }
.group-label { text-decoration:none; z-index:1; margin-bottom:-1px; color:white; background-color:#999; font-size:10px;
               padding:2px 6px; 
               -moz-border-radius-topleft:3px; 
               -moz-border-radius-topright:3px;
               float:left; 
               text-shadow:1px 1px 0 #55;

               }
.tags { overflow:hidden; padding: 5px 5px 2px 5px; border:solid 1px #aaa; margin-bottom:6px; margin-right: 2px; clear:left;
         -moz-border-radius-topright:3px; 
         -moz-border-radius-bottomright:3px;
         -moz-border-radius-bottomleft:3px;
         background:white URL(/App_Graphics/gradient-background.png) repeat-x;
         -moz-box-shadow:1px 1px 2px #888; /* Firefox */
		-webkit-box-shadow:1px 1px 2px #888;
 }
         
.tags ul { overflow:hidden; }
.tags li { float:left; padding-right:5px; }
.tag { display:block; /* border:solid 1px #CCCCCC; -moz-border-radius:5px;*/ margin-bottom:3px; text-decoration:none; padding: 1px 0px 2px 0px; }
.tag span { padding: 4px 5px 4px 24px;  }
.tags .add { background:url(/App_Graphics/tag-blue-add.gif) no-repeat; color:#144477; border-right:solid 1px #3F658F; }
.tags .add span { display:block; border-right:solid 1px #A2BBD4;white-space:nowrap; }
.tags .remove { background:url(/App_Graphics/tag-blue-remove.gif) no-repeat; color:#7F6621; border-right:solid 1px #AC8B2C; }
.tags .remove span { display:block; border-right:solid 1px #E6CF96; }
.tags .more { display:block; padding-top:5px; }

.floated-menu 
{
	z-index:1000;
	position:fixed;
	background-color:#eee;
	border:solid 1px #ddd;
	border-top:none;
	 -moz-box-shadow:1px 2px 6px #888;
	 -mox-border-radius-bottomRight:3px;
	 -mox-border-radius-bottomLeft:3px;
	margin:0!important;
}

.max-width { width:92%;  }
.small-input { width:45px; margin-right:3px }

.doperator { width:100px; }

.webgridmultiedit input { width: 92% }

/* APhrase Control */

.aphrase-header {
	border:solid 1px #999; overflow:hidden;
	border-bottom:none;
	background-color:#eee;
	width:374px;
}

.aphrase-header .aphrase-code { padding:3px; float:left; font-weight:bold; }

.aphrase-header .dropdown-button { float:right; margin:0; border-left:solid 1px #999; }

.aphrase-result { margin: 3px; border:solid 1px #ccc; padding:3px; cursor:pointer; height:60px; overflow-y:auto }
.aphrase-result:hover {
	background-color:#DDF1DD;
	border: solid 1px #507150;
	color: #405A40;
}

.aphrase-result .phrase { display:inline; vertical-align:top; }

.aphrase-result span { font-weight:bold; margin-right: 3px; float:left; border:solid 1px #999; padding:0px 4px; }
.aphrase-result:hover span { border: solid 1px #507150 }

.aphrase-header a.quick-search-for-aphrase {
	float:right;
	height:16px;
	text-indent:-20000px;
	width:16px;
	background:transparent url(../App_Graphics/silk_magnifier.png);
	margin-right:5px;
	margin-top:5px;
}

.aphrase-popup label {
	display:block;
	font-weight:bold;
	margin-top:3px;
}

.aphrase-popup textarea { width:420px; height:90px; margin-bottom:3px; }
.aphrase-popup button { margin:0px; }

.overwritten textarea { border:solid 2px #555 }