/*
 MW - Mark Watkins - Original Author
 CU - Cameron Usman - Heavily modified from Original

 Bug Fixes
 09/06/2009 - CU - Use overflow:hidden; on Parent Div to make parent height encapsulate child
                   overflow:auto; also works but can produce scrollbars depending on margins/padding etc
                   Needed in non-IE browsers like Safari, Chrome etc
 09/06/2009 - MW - Commenting out [position:relative;] Makes the drop down menu's work in older browsers
 09/08/2009 - CU - Need to set z-index for all content DIVs, make sure Header z-index is higher than other content
                   Otherwise the drop down menu's disappear even while hovering on them once down past the header enough
                   With appropriate z-index values set, it doesn't seem necessary to comment out [position: relative;]
                   maincontent_home for instance is now using [position: relative;] because that works best
                   along with [rightbox] for the "testimonial" placement
 09/10/2009 - CU - Fixes to make [widebox] work better for application screens that are abnormally wide
                   Width added to Checkbox and Radio for Safari, Firefox, etc which expect a "space" before text
                   Adding the space makes it too wide for IE. Width of 17px makes it just slightly too wide for IE.
 09/26/2009 - CU - Added .table_shaded, .row_shaded, .cell_shaded as an alternative
                   to using just .table_bg_color which wasn't allowing cells to have their background-color via their own class
 11/29/2009 - CU - .black added; .blue / .red etc given inheritance to "a"
                 - added .lightgray_row; .white_row;
 12/11/2009 - CU - added body.pdf;
 12/11/2009 - CU - added .black_border for table/td/th
 12/28/2009 - CU - added .lightyellow_row for tr/td/th
 02/01/2010 - CU - added ul.bulletoutside for list-style
 02/10/2010 - CU - added font colors
 03/09/2010 - CU - added gridY
 03/16/2010 - CU - added CTgridY
 07/10/2010 - CU - Workflow added to new site-design
                   : Workflow Directory & Call Tree
                   : Workflow Summary Reports
                   : Workflow Contract Detail - Next Action
                   : Workflow Comment
*/

@charset "UTF-8";

/* www.statcounter.com - noscript */
.statcounter
{
 height: 0px;
 overflow: hidden;
}

#iFrame_Hidden_Div
{
 height: 0px;
 overflow: hidden;
}

/* Tags */

body
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background-color: #4E84C4;
 margin: 0px;
 padding: 0px;
 font-size: 80%;
 color: #000000;
 z-index: 1;
}

body.pdf
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background-color: #FFFFFF;
 margin: 0px;
 padding: 0px;
 font-size: 80%;
 color: #000000;
 z-index: 1;
}

body a { color: #4E84C4; text-decoration:none; }
body a:hover { color: #FF0000; text-decoration:none; }

.Action_iFrame
{
 background-color: transparent;
}

table
{
 border-color: #DDDDDD;
 margin-top: 3px;
 margin-right: 0px;
 margin-bottom: 3px;
 margin-left: 0px;
}

/* use of .table_bg_color intended for use on table level */
/* use of .table_bg_color overrides most cases of contained tr/td/th classes */
.table_bg_color table, .table_bg_color td, .table_bg_color th
{
 background-color: #F6F9FA;
}

/* use of .table_shaded intended for use on table level */
/* allows tr/td/th to have their own classes */
.table_shaded
{
 background-color: #F6F9FA;
}

/* use of .row_shaded intended for use on row level to override table class inheritance if allowed */
/* allows td/th to have their own classes */
.row_shaded
{
 background-color: #F6F9FA;
}

/* use of .cell_shaded intended for use on cell level to override table/tr class inheritance if allowed */
.cell_shaded
{
 background-color: #F6F9FA;
}

th, td
{
 min-height: 20px;
 padding-top: 1px;
 padding-right: 3px;
 padding-bottom: 1px;
 padding-left: 3px;
}

table.black_border
{
 border-collapse: collapse;
 border-width: 0px 0px 1px 1px;
 border-style: solid;
 border-color: black;
}

th.black_border
{
 border-collapse: collapse;
 border-width: 1px 1px 0px 0px;
 border-style: solid;
 border-color: black;
}

td.black_border
{
 border-collapse: collapse;
 border-width: 1px 1px 0px 0px;
 border-style: solid;
 border-color: black;
}

/* Main container fixed width layout */

#mainbox
{
 background-color: #FFFFFF;
 background-image: url(/images/backgrd900.jpg);
 background-repeat: repeat-y;
 padding: 0px;
 width: 924px;
 margin: 0px;
 z-index: 10;
}

/* Main container, resizeable layout */

#widebox
{
 background-color: #FFFFFF;
 background-image: url(/images/BkgrdLeftEdge.jpg);
 background-repeat: repeat-y;
 padding: 0px;
 min-width: 924px;
 width: 100%;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 margin-right: 0px;
 background-position: left;
 z-index: 10;
}

#widebox_right_edge
{
 background-image: url(/images/BkgrdRtEdge.jpg);
 background-repeat: repeat-y;
 padding: 0px;
 width: 100%;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 margin-right: 0px;
 background-position: right;
 z-index: 10;
}

/* Header */
#header
{
	background-image: url(/images/headerBkgrd1a.jpg);
	margin: 0px;
	padding: 0px;
	height: 98px;
	width: 900px;
	background-repeat: no-repeat;
	z-index: 100;
}
#header1
{
	background-image: url(/images/headerBkgrd3a.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	height: 98px;
	position: relative;
	z-index: 100;
}
#header2
{
	background-image: url(/images/headerBkgrd4a.jpg);
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: right;
	height: 98px;
	z-index: 100;
}

/* Footer */

#footer
{
 clear: both;
 margin-top: 0px;
 margin-right: 12px;
 margin-bottom: 0px;
 margin-left: 12px;
 background-color: #FFFFFF;
 position: relative;
 z-index: 20;
}

#footertext {
	padding: 0px;
	margin-top: 0px;
	margin-right: 24px;
	margin-bottom: 0px;
	margin-left: 24px;
	clear: both;
}
#footertext p {
	font-size: 9px;
	text-align: center;
}

.hfmatext {
	font-size: 9px;
	color: #3366CC;
}

#logos
{
	padding: 0px;
	width: 880px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 90px;
}

#logos table
{
 padding: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 12px;
 margin-left: 0px;
 background-color: #FFFFFF;
}

#logos th, #logos td
{
 background-color: #FFFFFF;
}

#footertoe {
	background-image: url(/images/footer2.jpg);
	height: 24px;
	width: 100%;
	display: block;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
#footertoe1 {
	background-image: url(/images/footer1.jpg);
	height: 24px;
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: left;
}
#footertoe2 {
	background-image: url(/images/footer3.jpg);
	height: 24px;
	width: 100%;
	background-position: right;
	display: block;
	background-repeat: no-repeat;
}

/*
#botborder {
	background-image: url(/images/footerBkgrd.jpg);
	background-repeat: no-repeat;
	height: 24px;
	width: 924px;
}
*/

/* Content Shell */

#maincontent_home
{
 width: 900px;
 padding: 0px;
 margin-top: 0px;
 margin-right: 12px;
 margin-bottom: 0px;
 margin-left: 12px;
 height: auto;
 position: relative;
 background-color: #FFFFFF;
 background-image: url(/images/greenBkgrdRtEdge200.jpg);
 background-repeat: repeat-y;
 background-position: right;
 border-top-width: 3px;
 border-bottom-width: 2px;
 border-top-style: solid;
 border-bottom-style: solid;
 border-top-color: #4E84C4;
 border-bottom-color: #4E84C4;
 z-index: 20;
}

#maincontent
{
 width: 900px;
 min-height: 300px;
 padding: 0px;
 margin-top: 0px;
 margin-right: 12px;
 margin-bottom: 0px;
 margin-left: 12px;
 height: auto;
 /* position: relative; */
 background-color: #FFFFFF;
 border-top-width: 3px;
 border-bottom-width: 2px;
 border-top-style: solid;
 border-bottom-style: solid;
 border-top-color: #4E84C4;
 border-bottom-color: #4E84C4;
 z-index: 20;
}

#widecontent
{
 width: auto;
 padding: 0px;
 min-height: 300px;
 margin-top: 0px;
 margin-right: 12px;
 margin-bottom: 0px;
 margin-left: 12px;
 /* position: relative; */
 background-color: #FFFFFF;
 border-top-width: 3px;
 border-bottom-width: 2px;
 border-top-style: solid;
 border-bottom-style: solid;
 border-top-color: #4E84C4;
 border-bottom-color: #4E84C4;
 z-index: 20;
}

/* Left and right column content */

#leftbox_home
{
 width: 700px;
 min-height: 200px;
 margin: 0px 200px 0px 0px;
 padding: 0px;
 background-color: #FFFFFF;
 background-image: url(/images/hpsTint.jpg);
 background-repeat: no-repeat;
 position: relative;
 z-index: 30;
}

#leftbox
{
 width: 700px;
 margin: 0px 200px 0px 0px;
 padding: 0px;
 background-color: #FFFFFF;
 /* position: relative; */
 z-index: 30;
}


#leftbox_wide
{
 min-width: 900px;
 float: left;
 background-color: #FFFFFF;
 position: relative;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 z-index: 30;
}

#rightbox
{
 padding: 0px;
 width: 200px;
 height: auto;
 /* min-height: 250px; */
 position: absolute;
 margin: 0px;
 left: 700px;
 top: 0px;
 z-index: 30;
}

#rightbox_home_variable
{
 float: right;
 padding: 0px;
 width: 22%;
 height: auto;
 min-height: 300px;
 /*min-height: 250px;*/
 /*position: absolute;*/
 margin: 0px;
 /*left: 700px;*/
 top: 0px;
 /* background-color: #00FF00; */
 background-image: url(/images/greenBkgrdRtEdge200.jpg);
 background-repeat: repeat-y;
 background-position: right;
 z-index: 30;
}

#rightbox_variable
{
 float: right;
 padding: 0px;
 width: 22%;
 height: auto;
 /*min-height: 250px;*/
 /*position: absolute;*/
 margin: 0px;
 /*left: 700px;*/
 top: 0px;
 z-index: 30;
}

.leftbox_home_content
{
 width: 600px;
 margin-top: 0px;
 margin-left: 62px;
 min-height: 270px;
 margin-right: 38px;
 list-style: inside; /* keep bullet within box */
 z-index: 40;
}

.leftbox_content
{
 width: 600px;
 margin-top: 0px;
 margin-left: 62px;
 /* min-height: 270px; */
 margin-right: 38px;
 list-style: inside; /* keep bullet within box */
 z-index: 40;
}

.leftbox_wide_content
{
 width: 770px;
 margin-top: 0px;
 margin-left: 62px;
 /* min-height: 270px; */
 margin-right: 62px;
 list-style: inside; /* keep bullet within box */
 z-index: 40;
}

.leftbox_app_content
{
 margin-top: 0px;
 margin-left: 12px;
 margin-right: 12px;
 list-style: inside; /* keep bullet within box */
 z-index: 40;
}

.content
{
 margin-top: 0px;
 margin-left: 62px;
 margin-right: 62px;
 margin-bottom: 0px;
 list-style: inside; /* keep bullet within box */
 z-index: 40;
}

p
/*
.leftbox_home_content p
, .leftbox_content p
, .leftbox_wide_content p
, .leftbox_app_content p
, .leftbox_variable_content p
, .content p
*/
{
 font-size: 14px;
 line-height: 20px;
 font-weight: normal;
 margin-top: 0.5em;
 margin-bottom: 0.5em;
}

/* to have one ul style specified, will need to make sure the header drop-down menu nor footer nav-menu are compromised
   i.e. those should have a specific class specified and the "norm" can then be set for everything else
*/
/* used on http://www.healthcarepayment.com/jobs.cfm */
ul.bulletoutside
{
 padding-left: 1em;
 list-style-position: outside;
}

.leftbox_home_content ul
, .leftbox_content ul
, .leftbox_wide_content ul
, .leftbox_app_content ul
, .leftbox_variable_content ul
, .content ul
{
 font-size: 14px;
 line-height: 20px;
 font-weight: normal;
 margin-top: 0em;
 margin-bottom: 0.5em;
 margin-left: 12px;
}

h3
/*
.leftbox_home_content h3
, .leftbox_content h3
, .leftbox_wide_content h3
, .leftbox_app_content h3
, .leftbox_variable_content h3
, .content h3
*/
{
 font-size: 16px;
 font-weight: bold;
 color: #003366;
 margin-top: .5em;
 margin-right: 0px;
 margin-bottom: .5em;
 margin-left: 0px;
}

hr
/*
.leftbox_home_content hr
, .leftbox_content hr
, .leftbox_wide_content hr
, .leftbox_app_content hr
, .leftbox_variable_content hr
, .content hr
*/
{
 border: 0;
 background-color: #4E84C4;
 height: 1px;
 width: 100%;
 align: center;
}

/* Flash on home page */

#flashBox1
{
 background-image: url(/images/flashBkgrd1.jpg);
 background-repeat: no-repeat;
 margin: 0px;
 padding: 0px;
 float: left;
 height: 160px;
 width: 700px;
 z-index: 30;
}

#flashBox
{
 padding: 0px;
 height: 160px;
 width: 900px;
 margin-top: 0px;
 margin-right: 12px;
 margin-bottom: 0px;
 margin-left: 12px;
 position: relative;
 z-index: 20;
}

#flashBox2
{
 background-image: url(/images/flashBkgrd2.jpg);
 padding: 0px;
 height: 160px;
 width: 200px;
 position: relative;
 margin: 0px;
 z-index: 30;
 float: right;
}

/* Testimonial */

.testimonial
{
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}

.testimonial p
{
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: .5em;
	line-height: 18px;
}

.testimonial p.left
{
	text-align: left;
}

.testimonial p.center
{
	text-align: center;
}

.testimonial p.by_center
{
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

.testimonial p.by_right
{
	font-size: 10px;
	font-weight: bold;
	text-align: right;
}

/* Misc Layout styles */

#pageTitle
{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	position: relative;
	margin-bottom: 0px;
}

#pageTitle H1
{
	font-size: 24px;
	font-weight: bold;
}

#separator
{
 width: 100%;
 height: 1px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #4E84C4;
 clear: both;
}

#separator_noline
{
 width: 100%;
 height: 1px;
 clear: both;
}

#logoff_bar
{
 width: 900px;
 position: relative;
 padding: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 3px;
 margin-left: 0px;
/* better choice to add line below
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #4E84C4;
*/
 overflow:hidden;
 z-index: 20;
}

#logoff_bar_lefticon
{
 float: left;
 position: relative;
 padding-top: 4px;
 padding-bottom: 0px;
 padding-right: 0px;
 padding-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 12px;
 z-index: 30;
}

#logoff_bar_leftbox
{
 float: left;
 position: relative;
 padding-top: 6px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 12px;
 font-size: 120%;
 font-weight: bold;
 z-index: 30;
}

#logoff_bar_rightbox
{
 float: right;
 position: relative;
 text-align: right;
 padding-top: 9px;
 padding-bottom: 0px;
 padding-right: 0px;
 padding-left: 0px;
 margin-top: 0px;
 margin-right: 12px;
 margin-bottom: 0px;
 margin-left: 0px;
 z-index: 30;
}

#main_bar
{
 width: 876px;
 display: block;
 position: relative;
 padding: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
/*
 border-width: 1px;
 border-style: solid;
 border-color: #4E84C4;
*/
 overflow:hidden;
 z-index: 20;
}

#main_bar_leftbox
{
 max-width: 550px;
 float: left;
 padding-top: 3px;
 padding-right: 3px;
 padding-bottom: 3px;
 padding-left: 3px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 border-width: 1px;
 border-style: solid;
 border-color: #4E84C4;
 background-color: #F6F9FA;
 list-style: inside; /* keep bullet within box */
 z-index: 30;
}

#main_bar_rightbox
{
 width: 300px;
 float: right;
 text-align: right;
 padding-top: 3px;
 padding-bottom: 3px;
 padding-right: 3px;
 padding-left: 3px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 border-width: 1px;
 border-style: solid;
 border-color: #4E84C4;
 background-color: #F6F9FA;
 list-style: inside; /* keep bullet within box */
 z-index: 30;
}

.searchbox
{
 padding: 0px;
 margin-right: 12px;
 margin-left: 12px;
}

.clearall
{
 clear: both;
 height: 0px;
 width: 900px;
}

/* Bottom Menu */

#menubot
{
	background-color: #FFFFFF;
	background-image: url(/images/botmenuBkgrd.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	height: 25px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4E84C4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4E84C4;
}
.menutext2 {
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 62px;
	width: 600px;
	margin-right: 38px;
}
.menutext2 a:visited , .menutext2 a:link{
	color: #FFFFFF;
	text-decoration: none;
}
.menutext2 a:hover {
	color: #99FF00;
	text-decoration: underline;
}

/*
#fullbox {
	min-height: 200px;
	margin: 0px 62px 0px 12px;
	padding: 0px;
	background-image: url(/images/hpsTint.jpg);
	background-repeat: no-repeat;
	position: relative;
	background-color: #FFFFFF;
}
*/

/* To high-light current field "row" */
select
{
 color: #000000;
 background-color: #FFFFFF;
 border: solid 1px #4E84C4;
 font-size: 13px;
 padding: 1px;
}

select:focus
, select:hover
{
 color: #000000;
 background-color: #CCFFCC;
 border: solid 1px #4E84C4;
 font-size: 13px;
 padding: 1px;
}

input[type="text"], input[type="password"], textarea
{
 border: solid 1px #4E84C4;
 font-size: 13px;
 padding: 2px;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus
/*, input[type="text"]:hover, input[type="password"]:hover, textarea:hover */
{
 color: #000000;
 background-color: #CCFFCC;
 border: solid 1px #4E84C4;
 padding: 2px;
}

input[type="checkbox"], input[type="radio"]
{
 /* border: solid 1px #4E84C4; */ /* border looks ugly on checkbox and radio buttons */
 padding: 3px;
 width: 17px;
 /* height: 15px; */
}

input[type="checkbox"]:focus, input[type="radio"]:focus
, input[type="radio"]:hover, input[type="checkbox"]:hover
{
 background-color: #CCFFCC;
}

input[type="submit"], input[type="button"]
{
 color: #003399;
 font-size: 13px;
 font-weight: bold;
 background-color:#BED2FF;   
 border: 1px solid;
 border: solid 1px #4E84C4;
 padding: 3px;
 filter:progid:DXImageTransform.Microsoft.Gradient   
  (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffBED2FF'); 
}

input[type="reset"]
{
 color: #003399;
 font-size: 13px;
 font-weight: bold;
 background-color:#FFFFFF;   
 border: 1px solid;
 border: solid 1px #4E84C4;
 padding: 3px;
}

input[type="submit"]:focus, input[type="submit"]:hover
, input[type="button"]:focus, input[type="button"]:hover
, input[type="reset"]:focus, input[type="reset"]:hover
{
 color: #003399;
 font-size: 13px;
 font-weight: bold;
 background-color: #CCFFCC;
 border: solid 1px #4E84C4;
 filter:progid:DXImageTransform.Microsoft.Gradient   
  (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffCCFFCC'); 
}

/* Used by JQuery code */
.activeField
{
 color: #000000;
 background-color: #CCFFCC;
 border: solid 1px #4E84C4;
}

.idle
{
 border: solid 1px #4E84C4;
}

/* Additional Generic Use style-sheet components */

.required_indicator
{
 font-size: 10px;
 font-weight: bold;
 color: red;
}

th.required_indicator, td.required_indicator
{
 vertical-align: text-top;
 text-align: center;
}

.paragraphstart
{
	font-size: 18px;
	font-weight: bold;
	color: #3366CC;
}
.fontsize13 {font-size: 13px}

/* Added equivalent style-sheet components from Prior Site-Design */

#back_to_top
{
 width: 100%;
 font-size: 80%;
 text-align: right;
 border-bottom-width: thin;
 border-bottom-style: solid;
 border-bottom-color: #4E84C4;
 margin-bottom: 5px;
}

#back_to_top_noline
{
 width: 100%;
 font-size: 80%;
 text-align: right;
 margin-bottom: 5px;
}

.Login_Box
{
 font-size: 16px;
 color: #FFFFFF;
 background: #4E84C4; 
 text-decoration: none;
}

.Message, .Message P
{  
 font-size: 10px; 
 color: red; 
 text-decoration: none;
}

.SmallText, .SmallText P
{  
 font-size: 10px;
}

.subheading
{
 font-size: 120%;
 font-weight: bold;
 /* color: #4E4E4E; */
}

/* Legacy - Replaced by main_bar_rightbox within main_bar */
#selected_application
{
 float: right;
 width: 260px;
 margin-left: 0px;
 margin-right: 0px;
 margin-bottom: 5px;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 3px;
 padding-right: 3px;
 border-width: thin;
 border-style: solid;
 border-color: #4E84C4;
 background-color: #F6F9FA;
}

.section_header_row tr
, .section_header_row td
, .section_header_row th
{
 color: #FFFFFF;
 background-color: #4E84C4;
 font-weight: bold;
 min-height: 25px;
 height: 25px;
 vertical-align: text-middle;
}

.header_row
{
 font-weight: bold;
 background-color: #F6F9FA;
}

.empty_column tr
, .empty_column td
, .empty_column th
{
 background-color: transparent;
 /* background-color: #FFFFFF; */
 font-size: 100%;
}

/* font colors */
.orange, .orange a {color: #FF7F00;}
.red, .red a {color: #FF0000;}
.lightgreen, .lightgreen a {color: #33CC33;}
.green, .green a {color: #009900;}
.darkgreen, .darkgreen a {color: #006600;}
.lightblue, .lightblue a {color: #6666FF;}
.blue, .blue a {color: #467a99;}
.darkblue, .lightblue a {color: #000066;}
.lightviolet, .lightviolet a {color: #CC99FF;}
.violet, .violet a {color: #9966CC;}
.darkviolet, .violet a {color: #663399;}
.lightgray, .lightgray a {color: #999999;}
.black, .black a {color: #000000;}
.darkgray, .darkgray a {color: #444444;}

.active_row tr
, .active_row td
, .active_row th
{
 background-color: #F6F9FA;
 /* color: #666666; */
}

.readonly_cell
{
 background-color: transparent;
 border-style: none;
 border-width: 0px;
}

.active_readonly_cell
{
 background-color: #F6F9FA;
}

.inactive_row tr
, .inactive_row td
, .inactive_row th
, .inactive_row input[type="text"]
, .inactive_row input[type="password"]
, .inactive_row textarea
, .inactive_row select
{
 background-color: #FFFFFF;
 color: #CCCCCC;
}

.inactive_readonly_cell tr
, .inactive_readonly_cell td
, .inactive_readonly_cell th
{
 background-color: #DFDFDF;
}

/* HTML Color Reference Source: http://www.astrodigital.org/digital/htmlcolors.html */
.thistle_row tr
, .thistle_row td
, .thistle_row th
{
 background-color: #D8BFD8;
}

.quartz_row tr
, .quartz_row td
, .quartz_row th
{
 background-color: #D9D9F3;
}

.lightyellow_row tr
, .lightyellow_row td
, .lightyellow_row th
{
 background-color: #FFFFBB;
}

.lightgray_row tr
, .lightgray_row td
, .lightgray_row th
{
 background-color: #EEEEEE;
}

.white_row tr
, .white_row td
, .white_row th
{
 background-color: #FFFFFF;
}

TD.locked
{
 background: url('/images/lockicon.gif') bottom right;
 background-repeat: no-repeat;
}

TD.unlocked
{
 background: url('/images/unlockicon.gif') bottom right;
 background-repeat: no-repeat;
}

TD.accept
{
 background: url('/images/accept.gif') bottom right;
 background-repeat: no-repeat;
}

TD.cancel
{
 background: url('/images/cancel.gif') bottom right;
 background-repeat: no-repeat;
}

.borderfull
{
 border-style: solid;
 border-color: #DDDDDD;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-right-width: 1px;
}

.redcell
{
 background-color: red;
 color: white;
 border-style: solid;
 border-color: #DDDDDD;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-right-width: 1px
}

.greencell
{
 background-color: green;
 color: black;
 border-style: solid;
 border-color: #DDDDDD;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-right-width: 1px
}

.graycell
{
 background-color: #CCCCCC;
 color: black;
 border-style: solid;
 border-color: #DDDDDD;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-right-width: 1px
}

.whitecell
{
 background-color: #FFFFFF;
 color: black;
}

.rpt_redcell {
	background-color: #FF3333;
	color: white;
	border-color: black;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
}

.rpt_darkorangecell {
	background-color:#FF7F00;
	color: black;
	border-color: black;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px
}

.rpt_yellowcell {
	background-color: #FFFF99;
	color: black;
	border-color: black;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px
}

.rpt_lightgreencell {
	background-color:#98DB98;
	color: black;
	border-color: black;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px
}

.text
{  
 font-family: verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 font-style: normal; 
 line-height: normal; 
 font-weight: normal; 
 font-variant: normal; 
 text-transform: none; 
 color: #000000; 
 text-decoration: none;
}

/*********************************** START *****************************************/
/************************* Workflow Directory & Call Tree **************************/
.wf_directory table
{
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
}

.wf_directory th, .wf_directory td
{
 min-height: 0px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
}

.gridY1
{
 color: black;
 background-color: #8170D8; /* MediumPurple 9170D8 modified */
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
}

a.gridY1:link {color:#024973; text-decoration:none; font-weight:bold;}
a.gridY1:visited {color:#024973; text-decoration:none; font-weight:bold;}
a.gridY1:hover {color:red; text-decoration:none; font-weight:bold;}
a.gridY1:active {color:red; text-decoration:none; font-weight:bold;}

.gridY2
{
 color: black;
 background-color: #ADD8E6; /* LightBlue */
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
}

a.gridY2:link {color:#024973; text-decoration:none; font-weight:bold;}
a.gridY2:visited {color:#024973; text-decoration:none; font-weight:bold;}
a.gridY2:hover {color:red; text-decoration:none; font-weight:bold;}
a.gridY2:active {color:red; text-decoration:none; font-weight:bold;}

.gridY3
{
 color: black;
 background-color: #98DB98; /* PaleGreen 98FB98 modified */
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
}

a.gridY3:link {color:#024973; text-decoration:none; font-weight:bold;}
a.gridY3:visited {color:#024973; text-decoration:none; font-weight:bold;}
a.gridY3:hover {color:red; text-decoration:none; font-weight:bold;}
a.gridY3:active {color:red; text-decoration:none; font-weight:bold;}

.gridY4
{
 color: black;
 background-color: #EEE8AA; /* PaleGoldenRod */
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
}

a.gridY4:link {color:#024973; text-decoration:none; font-weight:bold;}
a.gridY4:visited {color:#024973; text-decoration:none; font-weight:bold;}
a.gridY4:hover {color:red; text-decoration:none; font-weight:bold;}
a.gridY4:active {color:red; text-decoration:none; font-weight:bold;}

.CTgridY1
{
 color: black;
 background-color: #8170D8; /* MediumPurple 9170D8 modified */
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
}

a.CTgridY1:link {color:#024973; text-decoration:none; font-weight:bold;}
a.CTgridY1:visited {color:#024973; text-decoration:none; font-weight:bold;}
a.CTgridY1:hover {color:red; text-decoration:none; font-weight:bold;}
a.CTgridY1:active {color:red; text-decoration:none; font-weight:bold;}

.CTgridY2
{
 color: black;
 background-color: #ADD8E6; /* LightBlue */
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
}

a.CTgridY2:link {color:#024973; text-decoration:none; font-weight:bold;}
a.CTgridY2:visited {color:#024973; text-decoration:none; font-weight:bold;}
a.CTgridY2:hover {color:red; text-decoration:none; font-weight:bold;}
a.CTgridY2:active {color:red; text-decoration:none; font-weight:bold;}

.CTgridY3
{
 color: black;
 background-color: #98DB98; /* PaleGreen 98FB98 modified */
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
}

a.CTgridY3:link {color:#024973; text-decoration:none; font-weight:bold;}
a.CTgridY3:visited {color:#024973; text-decoration:none; font-weight:bold;}
a.CTgridY3:hover {color:red; text-decoration:none; font-weight:bold;}
a.CTgridY3:active {color:red; text-decoration:none; font-weight:bold;}

.CTgridY4
{
 color: black;
 background-color: #EEE8AA; /* PaleGoldenRod */
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
}

a.CTgridY4:link {color:#024973; text-decoration:none; font-weight:bold;}
a.CTgridY4:visited {color:#024973; text-decoration:none; font-weight:bold;}
a.CTgridY4:hover {color:red; text-decoration:none; font-weight:bold;}
a.CTgridY4:active {color:red; text-decoration:none; font-weight:bold;}
/************************* Workflow Directory & Call Tree **************************/
/************************************ END ******************************************/

/*********************************** START *****************************************/
/**************************** Workflow Summary Reports *****************************/
.wf_cyancell {
	background-color: #CCFFFF;
	color: black;
	border-color: black;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px
}

.wf_bluecell {
	background-color: #6699CC;
	color: black;
	border-color: black;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px
}

.wf_orangecell {
	background-color: #FFCC99;
	color: black;
	border-color: black;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px
}

.wf_yellowcell {
	background-color: #FFFF99;
	color: black;
	border-color: black;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px
}

.wf_graycell {
	background-color: #CCCCCC;
	color: black;
	border-color: black;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px
}

.wf_whitecell {
	background-color: #FFFFFF;
	color: black;
	border-color: black;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px
}
/**************************** Workflow Summary Reports *****************************/
/************************************ END ******************************************/

/*********************************** START *****************************************/
/**************************** Workflow Contract Detail *****************************/
/****************************        Next Action       *****************************/
.current_row
{
 background-color: #F6F9FA;
 color: #666666;
}

.future_row
{
 background-color: #F6F9FA;
 color: #666666;
}

.old_row
{
 background-color: #FCFAB4;
 color: #666666;
}

.past_row
{
 background-color: #FCFAB4;
 color: #666666;
}
/**************************** Workflow Contract Detail *****************************/
/************************************ END ******************************************/


/*********************************** START *****************************************/
/****************************     Workflow Comment     *****************************/
.highlight_row
{
 background-color: #FCFAB4;
 color: #666666;
}
/****************************     Workflow Comment     *****************************/
/************************************ END ******************************************/