/*	Application Colors - create your color scheme, document here, 
		then search and replace the existing color scheme.

                                      REPLACEMENT      EXISTING
		Primary colors:                   Code          Color
			Background                   #e6e6cb        Taupe																																		
			Text                         #935403        custom brown																									

		Login:
			Login control                #f6e3b4        custom "peach"															

		Navigation bar and breadcrumb colors:
			Current node                 #833b00        Molly Brown															
			Root node                    #002871		Fort Worth Blue													
			Dynamic menu				

		Message box:
			Modal Background             #af9876		Taupe 2

		Other links:
			Hover																				
			Various links                #002871		Fort Worth Blue													

		Grid:
			Row                          #cde1f4		custom light blue												
			Alternate row                #f1f8ff		pale blue																
			Selected row                 #71b2f1		Blue 5																	
			Border                       #002871		Fort Worth Blue													
			Various                      #6a85ac		Bright Blue															
			Grid links                   #043476		Blue																		

		Labels:
			Warning                      #ff0000		Red
			Info/Inst                    #8b0000		Dark red

Here are some colors you may want to use to customize your application
		Taupe           #e6e6cb
		Taupe2          #af9876
		Taupe3          #efefdd
		cfwBrown        #7a522e
		cfwPeach        #e6d8cc
		cfwBlue         #043476
		FortWorthBlue   #002871
		BrightBlue      #6a85ac
		Blue4           #cde1f4
		Blue5           #71b2f1
		PaleBlue        #f1f8ff
		BlueGray        #dae1eb
		MollyBrown      #833b00
		cfwGreen        #183013
		cfwRed          #b31403
*/ 
body, div, p, h1, h2, h3, h4, ul, li, table
{
	margin: 0;
	padding: 0;
	border: none;
}
h1
{
	color: #e6e6cb;
	text-align: center;
}
body
{
	background: #ffffff url(images/body_bg.gif) repeat left top;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 75%;
}
/*	The Hidden class works great with the modal pop-ups or for keeping panels with  
		AJAX components hidden until you want them displayed.  Unlike Visibility it does  
		not break the AJAX component and for the modal pop-up, it keeps it from flashing  
		when you load the page when it is not suppose to be visible.  

		One warning - if you apply it in display mode, you can't select the control
		with a mouse click.  */
.Hidden             
{
	visibility: hidden;
}

/* Links */
a.linkButton, a.linkButton:link, a.linkButton:visited, a.linkButton:active
{
 font-size: large;
 font-weight: normal;
 color: #002871;
 cursor: hand;
}
a, a:link, a:visited, a:active, .spanLink
{
	text-transform: none;
	/*text-decoration: none; */
	font-size: small;
	font-weight: normal;
	color: #002871;
	cursor: hand;
}
a:hover, .spanLink:hover
{
	text-decoration: underline;
}
td a:visited
{
	color: #7a522e;  /* cfwBrown */
}
td a:hover 
{
	color: #7a522e;  /* cfwBrown */
	text-decoration: underline; 
}

/* User Controls */
/* Header control */
.cfwHeader
{
	background-image: url(images/cfw_cityScapeOrig3.jpg);
	background-repeat: repeat-x;
	border-bottom: #e6e6cb 3px solid;
	border: 0;
	color: #813b00;
	font-size: x-large;
	font-variant: small-caps;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	width: 100%;	
}
.lblAppTitle
{
	color: #813b00;
}
/* Footer control */
.cfwFooter
{
	background-color: #813b00;
	color: #ffffff;
	font-family: Tahoma;
	font-size: x-small;
	font-weight: bold;
}
.lblEnvironment
{
	color: #ff0000;
	font-size: xx-large;
	font-weight: bold;
	text-align: left;
}

/* Classes used exclusively on master pages */
/*Modal Popup*/
.container
{
}
.container img {
    border: none;
}
.InfoMsg, .SuccessMsg, .WarningMsg, .ErrorMsg, .validation {
    border: 1px solid;
    margin: 10px 0px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.InfoMsg {
    color: #00529B;
    background-color: #BDE5F8;
}
.SuccessMsg {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.WarningMsg {
    color: #9F6000;
    background-color: #FEEFB3;
}
.ErrorMsg {
    color: #D8000C;
    background-color: #FFBABA;
}
.InfoMsg p, .SuccessMsg p, .WarningMsg p, .ErrorMsg p {
    padding: 0px 50px;
}
.InfoMsg a, .SuccessMsg a, .WarningMsg a, .ErrorMsg a {
    float: right;
    padding: 10px;
    cursor:pointer;
}

.modalBackground
{
	background-color: #af9876;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalError
{
	background: #ffe4e1;
	background-color: #ffe4e1;
	border-right: #ff0000 3px solid;
	border-top: #ff0000 3px solid;
	border-left: #ff0000 3px solid;
	border-bottom: #ff0000 3px solid;
	width: 33%;
}

/* Classes used exclusively on a specific content page */			
/* AccessDenied.aspx */
.lblIssue
{
	color: #e6e6cb;
	font-size: large;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
.lblDenied
{
	color: #ff0000;
	font-size: x-large; 
	font-weight: bold;
	text-align: center;
	width: 100%;
}
/* Default.aspx */
.hlButtons
{
	font-size: medium;
}
/* Login.aspx */
.pgLogin
{
	background-color: #e6e6cb;
	color: #935403;
	font-weight: bold;
	text-align: left;
	border-right: #f6e3b4 3px ridge;
	border-top: #f6e3b4 3px ridge;
	border-left: #f6e3b4 3px ridge;
	border-bottom: #f6e3b4 3px ridge;
}
.lblFailure
{
	color: #ff0000;
}
.lblInfo
{
	color: #8b0000;
	font-size: x-small;
}
.lblLogin
{
	color: #8b0000;
	font-weight: bold;
}
/* Unavailable.aspx */
.lblUnavailable
{
 color: #833b00;
 font-size: medium; 
 font-weight: bold;
 vertical-align: middle;
}
/* Controls - may be used anywhere */
/* Labels */
.lblBasicTitle
{
	font-size: small;
	font-weight: bold;
	color: #002871;
}
/* Validation Summary blocks */
.lblVS
{
	font-size: small;
	color: #ff0000;
}
/* Warning labels */
.lblWarning
{
	color: #b31403;
	font-size: medium;
	font-weight: bold;
	text-align: center;
}
/* Menu Bar - first row of the navigation bar */
/* Set the background color on mnuBar, most others have no affect */
.mnuBar
{
	background-color: #e6e6cb;

}
/* Controls the overall look of the menu items below the top level */
.mnuDynamic
{
	background-color: #e6e6cb;
	color: #935403;
	border-right: #f0fff0 1px solid;
	border-top: #f0fff0 1px solid;
	border-left: #f0fff0 1px solid;
	border-bottom: #f0fff0 1px solid;
	font-style: normal;
	font-size: larger;
	font-size: 105%;
}
/* Applies to items below the top level menu items, adds to .mnuDynamic settings  */
a.mnuDynamic, a.mnuDynamic:link, a.mnuDynamic:visited, a.mnuDynamic:active
{
	background-color: #e6e6cb;
	color: #935403;
	font-size: larger;
	font-weight: bolder;

}
/* This style controls the top level menu items.*/
.mnuItem
{
    color: #935403;
    font-size: large;
    font-weight: bolder;

}
/* Set the color on a.mnuDynamic. 
   This pertains to the formatting of any link to another page within the site */
a.mnuItem, a.mnuItem:link, a.mnuItem:visited, a.mnuItem:active
{
	color: #935403;
	font-size: large;
    font-weight: bolder;
    

}
/* mnuCurrentNode has a limited affect as it only pertains to non-link items, most will use the a.mnuCurrentNode setting */
.mnuCurrentNode
{
    background-color: #e6e6cb;
    color: #833b00;
    font-weight: bold;
    font-size: larger;
    font-size: 120%;


}
a.mnuCurrentNode, a.mnuCurrentNode:link, a.mnuCurrentNode:visited, a.mnuCurrentNode:active
{
	color: #833b00;
	font-weight: bold;
	font-size: larger;
	font-size: 120%;

}

.navBar
{
  background-color : #e6e6cb;   
}
/* Bread crumbs - second row of the navigation bar */

.navBar2ndRow
{
	background-color: #cde1f4;
}
.navNode
{
	background-color: #cde1f4;
	color: #b31403;
	font-weight: bold;
}
a.navNode, a.navNode:link, a.navNode:visited, a.navNode:active
{
	color: #b31403;
	font-weight: bold;
}
.navCurrentNode
{
	background-color: #cde1f4;
	color: #183013;
	font-size: medium;
	font-weight: bold;
	font-style: italic;
}
.navPathSeparator
{
	background-color: #cde1f4;
	color: #935403;
	font-weight: bold;
}
.navRootNode
{
	background-color: #cde1f4;
	color: #002871;
	font-weight: bold;
}
a.navRootNode, a.navRootNode:link, a.navRootNode:visited, a.navRootNode:active
{
	color: #002871;
	font-weight: bold;
}



/* Lines */	
.lnLarge
{
	color: #2d8b57;
	font-size: 5px;
	font-weight: bold;
}
.lnSmall
{
	color: #2d8b57;
	font-weight: bold;
	height: 2px;
	width: 100%;
}
/* Grid layout */
.btnLink
{
  font-weight: bold;
}
.gridBasic {
	background-color: #6a85ac;	
	border-color: #002871;
	border-style: outset;	
	border-width: thin;
	clear: both;
	color: #002871;
	direction: ltr;
	display: block;
	float: none;
	font-size: small;
	font-weight: bold;
	overflow: auto;
	page-break-after: auto;
	table-layout: auto;
 	text-align: center;	 
 	text-transform: uppercase; 
 	vertical-align: middle;
}
a.gridBasic, a.gridBasic:link, a.gridBasic:visited, a.gridBasic:active
{
	text-transform: none;
	text-decoration: none;
	font-size: small;
	font-weight: normal;
	color: #043476;
}
.gridRow
{
	color: #002871;
	background-color: #cde1f4;
	border-color: #002871;
	font-size: small;
	font-weight: normal;
	vertical-align: middle;
	text-align: center;
}
a.gridRow, a.gridRow:link, a.gridRow:visited, a.gridRow:active
{
	text-transform: none;
	text-decoration: none;
	font-size: small;
	font-weight: normal;
	color: #043476;
}
.gridAlternateRow
{
	color: #002871;
	background-color: #f1f8ff;
	font-size: small;
	font-weight: normal;
	vertical-align: middle;
	text-align: center;
	border-left-color: #002871;
	border-bottom-color: #002871;
	border-top-style: solid;
	border-top-color: #002871;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #002871;
	border-bottom-style: solid;
}
a.gridAlternateRow, a.gridAlternateRow:link, a.gridAlternateRow:visited, a.gridAlternateRow:active
{
	text-transform: none;
	text-decoration: none;
	font-size: small;
	font-weight: normal;
	color: #043476;
}
.gridSelectedRow
{
	color: #e6e6cb;
	font-size: small;
	font-weight: bold;
	background-color: #71b2f1;
}
a.gridSelectedRow, a.gridSelectedRow:link, a.gridSelectedRow:visited, a.gridSelectedRow:active
{
	text-transform: none;
	text-decoration: none;
	font-size: small;
	font-weight: normal;
	color: #043476;
}
.gridFooter {
	background-color: #6a85ac;
	border-color: #002871;
	font-weight: bold;
  font-size: small;
  color: #935403;	
}
.gridHeader
{
	background-color: #935403;
	color: #e6e6cb;
	font-weight: bold;
	font-size: small;
	vertical-align: middle;
	text-align: center;
}
a.gridHeader, a.gridHeader:link, a.gridHeader:visited, a.gridHeader:active
{
	text-transform: none;
	text-decoration: none;
	font-size: small;
	font-weight: normal;
	color: #043476;
}
.gridPagerStyle {
	background-color: #6a85ac;	
	border-color: #002871;
	color: #935403;
	font-size: small;
	text-align: right;
}
a.gridPagerStyle, a.gridPagerStyle:link, a.gridPagerStyle:visited, a.gridPagerStyle:active
{
	text-transform: none;
	text-decoration: none;
	font-size: small;
	font-weight: normal;
	color: #043476;
}

.indent
{ margin-left: 10px;
}