/*
The background color can be modified by setting the body selector's
background-color as per the example below. The values can be a color name
(red), a RGB value (rgb(255,0,0)), or a hex number(#ff0000).
For example, for a green background enter :
 body { background-color: #00ff00}
Hex values for the basic RBG settings follow:
-------------------------------------------------
Color RGB setting Hex value
-------------------------------------------------
black 0 0 0 000000
white 255 255 255 ffffff
red 255 0 0 ff0000
orange 255 128 0 ff8000
yellow 255 255 0 ffff00
green 0 255 0 00ff00
blue 0 0 255 0000ff
violet 128 0 128 800080
-------------------------------------------------
For more advanced CSS color setting information, please refer to:
http://www.w3schools.com/css/css_colors.asp
Here is an example of how to change the default CSS set to meet your
need:
body
{
background-color: #FFFFFF;
font-family: arial,verdana,helvetica,sans-serif
}
thead
{
color: yellow
}
*/
/*
 - home_stripe
 - This is the banding of color that serves as the background of
 the page: it includes a dark blue bar at the top of the page,
 and a fading light blue band that covers the rest of the page.
 - repeat-x
 - repeat the image horizontally so it fills the entire width.
*/
body {
	background-color: #ffffff;
	color: #6c6c6c;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/home_stripe.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}
/* - Sets the default font size for the entire page */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	letter-spacing: .1em;
}
thead
{
	color: #BB0000;
	font-weight: bold;
	text-align: center
}
/* Global settings for <h1> titles. */
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #DD895B;
	letter-spacing: .1em;
	padding-top: 10px;
	text-transform: lowercase;
}
h2,h3 {
	line-height: 1.2em;
}
ul {
	line-height: 20px;
}
/* - These are order sensitive, and should appear in order: link (default),
 visited, hover, active.
*/
a {
	color: #598bb6;
	text-decoration: none;
}
a:visited {
	color: #598bb6;
	text-decoration: none;
}
a:hover {
	color: #dc8a5b;
	text-decoration: none;
}
a:active {
	color: #dc8a5b;
	text-decoration: none;
}
/* Enclosing div for the entire navigation area at the top of the page. */
#idNavContainer
{
}
/* - Enclosing div for the navigation bar
 - Preset width ensures nav bar won't wrap if browser window is small
*/
#idNav {
	margin-top: 0px;
	margin-left: 100px;
	width: 800px;
	height: 56px;
	color: #FFFFFF;
}
/* Optional header in navigation bar section */
#idNavHeader {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
}
/* Style for title within idNavHeader section */
p.medNavHeader {
	white-space: nowrap;
	text-align: center;
	color: white;
	padding: 1px 1px 5px 1px;
	margin: 0px;
	font-size: 20px;
	font-weight: 900;
}
/* - The navigation bar appears within the blue bar at the top of the screen
 (see body style). We position it so it appears at the bottom of this bar.
*/
ul.navBar {
 list-style:none;
	padding: 0;
 margin-top: 25px;
	margin-left: 0px;
 background:#FFFFFF;
}
ul.navBar li {
 display:inline;
}
/*
 The tab-based navigation bar.
 - The color of the text border (the vertical lines between the menu
 options) is chosen to be the same as the color of the top window
 background bar (home_stripe.jpg)
*/
ul.navBar li a {
 text-decoration: none;
 padding: 5px 15px;
 background: #FFFFFF;
 float: left;
 text-align: center;
 border-right: 2px solid #314A5A;
 font-size: 100%;
 font-weight: bold;
}
/* - These are order sensitive, and should appear in order: link,
 visited, hover, active.
 - The background color for a:hover is chosen to be the same
 as the blue used in the page border (home_stripe.jpg) (#D6E7F7)
*/
ul.navBar li a:link {
 color: #598BB6;
}
ul.navBar li a:visited {
 color: #598BB6;
}
ul.navBar li a:hover {
 background:#D6E7F7;
 color:#DC885B;
}
ul.navBar li a:active {
 background:#D6E7F7;
 color:#DC885B;
}
/* Enclosing div for page contents and bottom */
#idContainer {
	margin-top: 1px;
	margin-bottom: 0px;
	clear: both;
}
/* - Optional header within idHeader section, at top of idContents
 - This also sets the width of the blue area between the page
 contents and the navigation bar.
*/
#idHeader {
	height: 15px;
}
/* Inner content area
 - Blue for the border is from home_stripe.jpg
 - Margin is spacing outside the border.
 - Padding is spacing inside the border.
 */
#idContent {
 background-color: #FFFFFF;
	margin: 0px 100px;
	padding: 0px 25px 8px 8px;
 border-top: 5px double #D6E7F7;
 border-right: 5px double #D6E7F7;
 border-left: 5px double #D6E7F7;
	display: block;
}
/*
 - small_stripe_css.jpg is the light blue bar at the bottom of the
 screen that contains the bottom navigation bar.
 - It will have to be replaced if the combination of the button bar +
 the info line is more than 2 lines on the screen
*/
#idBottom {
	clear: both;
	background-image:url(/images/small_stripe_css.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	text-align: center;
}
/*
 The 850 width keeps things from wrapping if you shrink the page,
 but throws off the centering in Firefox unless we also
 have margin:auto
*/
#idFooter {
	clear: both;
	margin: auto;
	width: 850px;
	text-align: center;
}
#idFooter p {
	clear: both;
	margin: 0px;
	padding: 0px;
}
/* 36px ensures nothing else is in the bottom blue bar. */
#idBtnbar {
 height: 36px;
	padding-top: 15px;
}
#idInfo {
	margin: 0px;
	padding: 0px;
}
#idLogo {
	clear: both;
 margin: 0px 10px;
	padding-top: 2px;
	text-align: right;
	color: #999999;
	font-size: 10px;
}
#idLogo img {
	float: right;
}
/*
 - Style for table surrounding all page contents (auto-added
 by ihtprc.prl)
 - "height" sets a minimum height for the page layout table. Page
 will not shrink below this size.
 - The padding is necessary to workaround an IE6/7 layout bug.
 Without it text next to the margin may have the first letter
 truncated.
*/
.pageContentsTable {
	width: 100%;
	margin: 0px auto;
 padding: 0px 0px 0px 10px;
	height: 100px;
}
/* <page>_TITLE_CFG.IHT configuration:
 - Class of the enclosing <td> in page contents table.
 */
.inPageTitle {
}
/* <page>_TITLE_CFG.IHT configuration:
 - <h1> configuration for page title.
 */
h1.innerTitle {
 color:#6c6c6c;
 font-size:20px;
 font-weight:bold;
 text-transform: none;
}
.indent {
	padding-left: 25px;
}
.ltblue {
	color: #DAECF8s;
}
hr {
	color: #DAECF8;
}
span.WHEADER1 {font-weight:bold;font-size: 150%}
span.WHEADER2 {font-weight:bold;font-size: 125%}
span.WHEADER3 {font-weight:bold}
span.WHEADER4 {font-weight:bold}
span.WHEADER5 {font-weight:bold}
span.WHEADER6 {font-weight:bold}
.title_restriction_status {color: red}
.dy_errorMsgLight {
 color:#FF0000;
}
.dy_errorMsg {
 color:#FF0000;
 font-weight:bold;
}
.dy_arrow {
 font-family:courier,monospace;
 font-size:small;
}
.dy_orderRefusal {
 color:#BB0000;
}
.dy_logout_btn {
 color:red;
 font-weight:bold;
}
.dy_doc {
 font-size:small;
}
.dy_std_form_question {
 color: #000099;
 font-weight: bold;
}
.dy_std_form_header {
 color: #0000ff;
 font-size: 250%;
}
.dy_std_form_header_sm {
 color: #0000ff;
}
.dy_std_form_label {
 font-weight: bold;
}
.WPAGWIDTH{
 width: 800px;
}
.WPOPUPWIDTH{
 width: 650px;
}
