/*	==============
	HTML overrides
	==============
*/

/* ============================================================================
   It is important to note that the combination of the "body" style in in the
   "phoenixmain.css" and the .ContentWindow are required to make the
   background margins and interior content windows work.   It is also 
   important to note that the margin settings for the body are what centers
   the content window.   The "body" style is maintained in a separate file
   so that this style sheet can be applied to dialog windows as well as the
   main content.   Dialog windows require a different body definition.
   ============================================================================
*/

.ContentWindow {
   z-index: 1;
   margin: 0px;
   padding-top: 0px;
   padding-bottom: 20px;
   padding-left: 50px;
   padding-right: 50px;
   background-color: white;
   color: black;
   font-size: medium;
   font-weight: normal;
}


.left {
   color: black;
   text-align: center;
   font-size: large;
   font-weight: bold;
}

.right {
   color: black;
   float: right;
   text-align: right;
   font-size: large;
   font-weight: bold;
}

.centered {
   color: black;
   text-align: center;
   font-size: large;
   font-weight: bold;
}

.box {
   border-top: 1px solid black;
	border-left: 1px solid black;
   border-right: 1px solid black;
   border-bottom: 1px solid black;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 10px;
   padding-right: 10px;
   color: black;
   background-color: white;
}

.error {
   color: red;
}

.error_hdr {
   color: red;
   font-weight: bold;
   padding-top: 0px;
   padding-bottom: 0px;
   margin-bottom: 0px;
   margin-top: 0px;
}

.link {
   color: blue;
   text-decoration: underline;
}
   


/*	==================
	Custom styles for the top banner and the menu.
	
	Phoenix yellow:  #fac81c
   Phoenix lighter yellow:  #ffe68f
	==================
*/

/*	
	Page Header
*/
.HeaderBlockTop {
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.HeaderBlockBottom {
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.BorderedTable {
   border-bottom: 1px solid black;
   border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
} 

.BorderedCell {
   border-bottom: 1px solid black;
} 

/*	
	Page-top Menus
*/

.TableHeader {
   background-color: #333333;
   color: #ffffff;
}

.TopMenuBackground {
	background-color: #fac81c;
}

.TopMenuLinkButton {
	border-left: 1px solid #656565;
	border-right: 1px solid #a0a0a0;
}

.TopMenuLinkButtonHi {
	background-color: #d0d0d0;
}

.TopMenuLink {
	text-decoration: none;
	font-weight: bold;
	color: #333333;
}

.TopMenuLink:visited {
	color: #333333;
}

.TopMenuLinkHi {
	text-decoration: none;
	font-weight: bold;
	color: #333333;
}

.TopMenuLinkHi:visited {
	color: #333333;
}

.TopSubMenu {
	text-align: right;
	font-size: smaller;
	margin-top: 5;
	margin-left: 10px;
	border-bottom: 1px solid silver;
}

.TopSubMenuLink {
	text-decoration: none;
}

.TopSubMenuLink:visited {
	color: #47578a;
}

.TopSubMenuLink:hover {
	background-color: #e0e0e0;
}


/* ===========================================================================
	Page content
   ===========================================================================
*/

h1 {
   border-top: 1px solid black;
	border-left: 1px solid black;
   border-right: 1px solid black;
   border-bottom: 1px solid black;
   margin-top: 30px;
   margin-bottom: 30px;
   font-weight: bold;
   font-size:  x-large;
   font-style: italic;
   text-align:  center;
   color: #fac81c;
   background-color: #ffffff;
}


h2 {
   clear: left;
   margin-top: 20px;
   margin-bottom: 10px;
	padding: 3px;
	font-weight: bold;
   font-size:  large;
   color: #333333;
	background-color: #ffe68f;
}

h3 {
   color: #af6011;
   margin-top: 25px;
   margin-bottom: 25px;
   font-size: large;
   font-weight: bold;
   text-align: center;
}