/*
	CSS selector cheat sheet:
	div#Navigation	//a div tag w/ id=Navigation
	#Navigation ul	//a ul tag descending from a container w/ id=Navigation
	a.Navigation	//a a tag w/ a class=navigation
*/
/*
			 lt blue  dk blue
	[Maroon, #B4CCDE, #4275A8]
	lt brown  green	   brown
	[#EDD8AC, #909829, #b77a37]

	Defines:
	* Title
	* Accent1 (Fore- and Back- color)
	* Accent2 (Fore- and Back- color)
	* Navigation
		- Nav
		- Sel
		- hover
		-disabled
*/

body {
	margin: 0px; /*should be 0 for deployment */
	padding: 0px;
	font-size: 0.8em;
	font-family: Verdana, Sans-Serif;
}

p {
	margin: .5em 0 .5em 0;
}

ul {
	padding-left: 0;
	margin: 0 0 0 1.3em;
}

td {
	padding: 0;
	margin: 0;
}

a {
	color: #b77a37;
	text-decoration: none;
}
a:hover {
	color: #909829;
	text-decoration: underline;
}

.DataLabel {
	font-size:.8em;
}

.Title {
	background-color: #909829;
	color: white;
}
h1.Title {
	font-size: 2em;
	padding: 0;
	margin: 0;
	font-variant: small-caps;
}
h2.Title {
	font-size: 1.5em;
	padding: 0;
	margin: 0;
	font-variant: small-caps;
}
h3.Title {
	font-size: 1.25em;
	padding: 0;
	margin: 0;
	font-variant: small-caps;
}
h4.Title {
	font-size: 1em;
	padding: 0;
	margin: 0;
	font-variant: small-caps;
}
h5.Title {
	padding: 0;
	margin: 0;
}
a.Title {
	font-variant: normal;
}
a.Title:hover {
	color: #EDD8AC;
	text-decoration: underline;
}

.Accent1 {
	background-color: #b77a37;
	color: White;
	/*padding: .1em 0 .1em .25em;*/
}
h1.Accent1 {
	font-size: 2em;
	margin: 0;
}
h2.Accent1 {
	font-size: 1.5em;
	margin: 0;
}
h3.Accent1 {
	padding: .1em 0 .1em .25em;
	font-size: 1.25em;
	margin: 0;
}
h4.Accent1 {
	font-size: 1em;
	padding: 0 0 0 .2em;
	margin: 0;
}
h5.Accent1 {
	font-size: 1em;
	font-weight: normal;
	margin: 0;
}
a.Accent1 {
	color: white;
	text-decoration: none;
	font-weight: bold;
}
a.Accent1:hover {
	color: #EDD8AC;
	text-decoration: underline;
}

.Accent2 {
	background-color: #EDD8AC /*lt blue*/;
	color: #b77a37;
}
h1.Accent2 {
	font-size: 2em;
	padding: 0 0 0 .25em;
	margin: 0;
}
h2.Accent2 {
	font-size: 1.5em;
	padding: 0 0 0 .25em;
	margin: 0;
}
h3.Accent2 {
	font-size: 1.25em;
	padding: 0 0 0 .25em;
	margin: 0;
}
h4.Accent2 {
	font-size: 1em;
	padding: 0 0 0 .25em;
	margin: 0;
}
h5.Accent2 {
	font-size: 1em;
	font-weight: normal;
	padding: 0 0 0 .25em;
	margin: 0;
}
a.Accent2 {
	text-decoration: none;
	font-weight: bold;
}
a.Accent2:hover {
	text-decoration: underline;
}
td.Accent2 a {
	color: #909829;
	text-decoration: none;
	/*padding: .5em;*/
}
td.Accent2 a:hover {
	color: #909829;
	text-decoration: underline;
}
td.Accent2 a:visited {
	color: #909829;
}

div.Button {
	margin: 5px 1px;
}

div.Button a {
	padding: 2px 2px;
	border: solid 1px black;
	color: #b77a37;
	background-color: #EDD8AC /*lt blue*/;
	font-weight: bold;
}
div.Button a:hover {
	padding: 2px 2px;
	border: solid 1px black;
	color: #b77a37;
	background-color: #909829 /*dark blue*/;
	font-weight: bold;
} 
div.Button a:visited {
	color: #b77a37;
}

div.Button a.Disabled {
	border: solid 1px black;
	color: #BDBDBD;
	background-color: #E8E8E8;
}

div.Button a.Disabled:hover {
	text-decoration: none;
}

.VertNav {
	background-color: #b77a37 /*dark blue*/;
}

ul.VertNav {
	list-style: none;
	padding: 0;
	margin: 0 0 0 0;
	width: 12em;
	font-size: 1em;
	/*font-weight: bold;*/
	color: White;
}

ul.VertNav li {
	padding: 0 0 .2em .2em;
	color: White;
}

ul.VertNav a {
	width: 100%;
	color: White;
	text-decoration: none;

}
ul.VertNav a:hover {
	color: #EDD8AC /*lt blue*/;

}

ul.VertNav li.NavSel {
	background-color: #EDD8AC /*lt blue*/;
	color: #b77a37;
}
ul.VertNav li.NavSel a {
	width: 100%;
	color: #b77a37;
	text-decoration: none;

}
ul.VertNav li.NavSel a:hover {
	color: black /*lt blue*/;

}

ul.VertNav li.NavDisabled {
	color: Gray;
}

div.ValidationInfo {
	font-size: .7em;
}
div.ValidationError {
	font-size: .7em;
	color: Red;
	/*background-color: White;*/
}
div.ValidationError a {
	color: Red;
	text-decoration: none;
}
div.ValidationError a:hover {
	color: Red;
	text-decoration: none;
}

div.TextData {
	border: black 1px solid;
	font-size: .8em;
}

.DataGrid {
	margin: 5px 20px 1px 1px;
}

.PopUp {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	/*font-size:.75em;*/
	/*position: absolute;*/ /*see PopUp JS: IE error setting position: 'inherit'*/
	left: 15em;
	top: 3em;
	z-Index: 1000;
	visibility: hidden;
	border: 3px solid #b77a37;
	background-color: white;
}

div.PopUp table.Title a {
	color: white;
}

.id_Bubble {
}
span.id_Bubble {
	background-color: #909829;
	color: #EDD8AC;
	/*background-image: url("./images/BubbleBackground.jpg");
	background-repeat: repeat;*/
	position: absolute;
	border: 1px solid #b77a37;
	padding: 5px;
	width: 300px;
	/*height: 49px;*/
	top: 0px;
	left: 0em;
	text-align: left;
	font-size: .85em;
	z-index: 2;
	display: none;
}

	.util-helper-reset {
		margin: 0; padding: 0; border: 0; outline: 0;
		text-decoration: none; font-size: 100%;
		list-style: none;
	}
	.util-helper-clearfix {display: inline-block;}

	/* Corner radius */
	.util-corner-all, .util-corner-top, .util-corner-left, .util-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
	.util-corner-all, .util-corner-top, .util-corner-right, .util-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
	.util-corner-all, .util-corner-bottom, .util-corner-left, .util-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
	.util-corner-all, .util-corner-bottom, .util-corner-right, .util-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }

	.util-widget-header {
		border: 1px solid #909829/*{borderColorHeader}*/;
		background: #b77a37/*{bgColorHeader}*/;
		color: #b77a37/*{fcHeader}*/; font-weight: bold;
	}
	.util-widget-frame {
		border: 1px solid #909829/*{borderColorHeader}*/;
	}

	.util-tabs {
		position: relative; padding: .01em; zoom: 1;
	} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	.util-tabs .util-tabs-nav {
		margin: 0; padding: .1em .2em 0;
	}
	.util-tabs .util-tabs-nav li {
		list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0;
		font-weight: normal;
		padding: 0; white-space: nowrap;
		background-color: #e6e6e6; /*lt grray, same as used for alt rows */
		border-bottom: 0 !important;
	}
	.util-tabs .util-tabs-nav li a {
		float: left; padding: .25em 1em; text-decoration: none;
	}
	.util-tabs .util-tabs-nav li.util-tabs-selected {
		margin-bottom: 0; padding-bottom: 1px;
		font-weight: bold;
		background-color: #ffffff; color: #000000;
	}
	.util-tabs .util-tabs-nav li.util-tabs-selected a,
	.util-tabs .util-tabs-nav li.util-state-disabled a,
	.util-tabs .util-tabs-nav li.util-state-processing a {
		cursor: default;
	}
	.util-tabs .util-tabs-nav li a,
	.util-tabs.util-tabs-collapsible .util-tabs-nav li.util-tabs-selected a {
		cursor: pointer;
	} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-sortable {list-style-type: none; margin: 0; padding: 0; border: 0px solid black; }
.ui-sortable li { margin: 0; padding: 0;}
.ui-icon {width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); border: 0;}
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-state-placeholder { height: 1.5em; line-height: 1.2em; background-color: #FFFF99; }

/* min: 7x7 */
.ui-icon-triangle-0deg  { background-position: 0px -16px; }
.ui-icon-triangle-90deg  { background-position: -37px -21px; } /*32,16*/
.ui-icon-triangle-180deg  { background-position: -69px -21px; } /*64,16*/

/* min: 10x10 */
.ui-icon-mag-plus  { background-position: -131px -116px; } /*128,112*/
.ui-icon-mag-minus  { background-position: -147px -116px; } /*144,112*/

/* min: 7x7 */
.ui-icon-plus-tiny  { background-position: -5px -213px; } /*0,208*/
.ui-icon-minus-tiny  { background-position: -21px -213px; } /*16,208*/

/* min: 8x8 */
.ui-icon-nav-xsys  { background-position: -36px -84px; } /*32,80*/

.ParagraphNoMargin p {
	/*color: Red;*/
	margin: 0
}

/* must be used in a container w/ a fixed width, cannot be used in a TD*/
.FixedWidthOverflowHide {
	/*padding-right: 1em;*/
	white-space: nowrap;
	overflow: hidden;
	/*text-overflow:ellipsis;*/
}