/*
	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;
}

.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;
}

.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;
}
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;
} 

.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;
}

.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); }
.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; }

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

.FixedWidthOverflowHide {
	/*padding-right: 1em;*/
	white-space: nowrap;
	overflow: hidden;
	/*text-overflow:ellipsis;*/
}