/* d_color.css - Color, backgrounds, borders, and so on */

#pagecontainer
{
	background-color: #FFFFFF; /*white*/
}

#header
{
	/*color: #AAAAAA;*/
	color: White;
	background-color: #13325C; /*dark blue*/
	/*background-image: url(images/header.gif);*/
	background-image: url(images/ZQheader2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#header a:link
{
	color: #777777;
}

#header a:visited
{
	/*color: #777777;*/
	color: White;
}

#header a:hover
{
	color: #13325C; /*dark blue*/
}

#subheader {
    background-color:White;
    background-image:url(images/TOP2.jpg);
    background-position:center top;
    background-repeat:no-repeat;
    color: #000000;
}

#pagecontent
{
	border: solid 15px #ECDFB9;
	background-color: #FFFFFF; /*white*/
}

/*Menu Bar*/
#navigation
{
	background: #13325C; /*dark blue*/
}

#logo
{
	/*background: url(images/eusa.png) no-repeat left;*/
}

/*Top Menu*/
#navigation #topmenu
{
	color: #FFFFFF;
}

#navigation #topmenu li a:link, #navigation #topmenu li a:visited, .logout:link, .logout:visited
{
	color: #FFFFFF; /*white*/
}

#navigation #topmenu li a:hover, .logout:hover
{
	color: #ECDFB9; /*wheat (light brown)*/
}

/*Bottom Menu*/
#navigation #bottommenu
{
	color: #13325C; /*dark blue*/
	background: #CEAC77; /*tan (dark brown)*/
}

.menu
{
	background: #CEAC77; /*tan (dark brown)*/
}

.menu a:link, .menu a:visited
{
	color: #13325C; /*dark blue*/
}

.menu a:hover
{
	color: #FFFFFF; /*white*/
	text-decoration: underline;
}

/* Footer */
#footer
{
	background-color: #FFFFFF; /*white*/
	background-image: url(images/ZQfooter2.jpg);
}

/* GridView Control Styles*/
.GridViewControlStyle
{
}

.HeaderStyle, .HeaderStyle a:link, .HeaderStyle a:visited
{
	background-color: #13325C; /*dark blue*/
	color: #FFFFFF; /*white*/ /*font-weight: bold;*/
}

.HeaderStyle a:hover
{
	color: #ECDFB9; /*wheat (light brown)*/
}

.RowStyle, .RowStyle a:link, .RowStyle a:visited
{
	color: #13325C; /*dark blue*/
	background-color: #FFFFFF /*white*/;
}

.RowStyle a:hover
{
	color: #ECDFB9; /*wheat (light brown)*/
}

.AlternatingRowStyle, .AlternatingRowStyle a:link, .AlternatingRowStyle a:visited
{
	background-color: #ECDFB9; /*wheat (light brown)*/
	color: #13325C; /*dark blue*/
}

.AlternatingRowStyle a:hover
{
	color: #FFFFFF; /*white*/
}

/*Status Indicator's for Launchpad - Remove @ Deploy */
.incomplete
{
	background-color: #FFD8D8;
}

.complete
{
	background-color: #E4FFD8;
}

.inprogress
{
	background-color: #FFF8D8;
}


/*Training Matrix*/

#TrainingMatrix, #TrainingQuickLookup, #TrainingAddPosition, #TrainingAddRequirement, #TrainingRemovePosition, #TrainingRemoveRequirement, #Distribute, #ZeroQuestChecklist, #ZeroQuestProgress
{
	background-color: #EEEEEE;
}

#TrainingQuickLookup, #TrainingAddPosition, #TrainingAddRequirement, #TrainingRemovePosition, #TrainingRemoveRequirement, #Distribute, #ZeroQuestChecklist, #ZeroQuestProgress
{
	border-top: solid 1px #CCCCCC;
}

/*Textbox Watermark Styles*/
.unwatermarked
{
	background-color: #ECDFB9; /*wheat (light brown)*/
	color: #13325C; /*dark blue*/
	border: solid 1px #BBBBBB; /*light gray*/
}

.watermarked
{
	background-color: #F0F0F0; /*light gray*/
	color: #999999; /*dark gray*/
	border: 1px solid #BEBEBE; /*gray*/
}

/*Auto Complete - Flyout */
.autocomplete_completionListElement
{
	border: solid 1px #BBBBBB;
}

/*Auto Complete - Highlighted item */
.autocomplete_highlightedListItem
{
	background-color: #13325C; /*dark blue*/
	color: #FFFFFF; /*white*/
}

/*Auto Complete - Item */
.autocomplete_listItem
{
	background-color: #ECDFB9; /*wheat (light brown)*/
}

.ModalDeleteUserPanel, .ModalEditUserPanel, .ModalPanel
{
	color: #FFFFFF; /*white*/
	background-color: #13325C; /*dark blue*/
	border: solid 1px #FFFFFF; /*white*/
}

.ModalBackground
{
	background-color: #999999; /*gray*/
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.DisabledUser
{
	color: #999999;
}

.FadingTooltip
{
	border: solid 1px darkgray;
	color: black;
	background-color: #FFFACD;
}

.Popup
{
	background-color: #ECDFB9; /*wheat (light brown)*/
	color: #13325C; /*dark blue*/
}

.PopupBlueBack
{
	background-color: #13325C; /*dark blue*/
	color: #FFFFFF; /*white*/
	margin-left:10px;
}

.collapsePanel
{
	background-color: #EEEEEE;
	border-bottom: solid 1px #CCCCCC;
}

.collapsePanelHeader
{
	color: #FFFFFF; /*white*/
	background-color: #13325C; /*dark blue*/
}

.txbEditable
{
    background-color: #eeeeee;
    border: solid 1px #666666;
}