/* colors */
.sLite { background-color:#EDF6FF;}
.sWhite{ background-color:#FFFFFF;}
.sDark { background-color:#639ACE;}
.sLite2 { background-color:#E0F2FF;}
/* body */
body,table,p,div,blockquote,ol,li {
color : #000000;
font-family : Verdana, Arial, sans-serif;
}
/* anchor */
a {
color : navy;
text-decoration : none;
}
a:active {
text-decoration : underline;
}
a:hover {
text-decoration : underline;
}
a.tabs {
color : 050547;
text-decoration : underline;
}
a:hover.tabs {
color : 000000;
text-decoration : underline;}
/* table elements */
/* rows */
tr {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; color: #000000;	
}
tr.dividerLite {
background-color : #CEE7FF; /* Lt Blue */
}
tr.dividerWhite {
background-color : #FFFFFF; /* White */
}
tr.dividerDark {
background-color : #639ACE; /* Blue 639ACE*/
}
tr.dividerRed {
background-color : #991139; /* Red */
}
tr.dividerGrey { 
/* background-image:url(http://www.bluepointstudio.com/Image/bg/bg_9380.gif); 
background-position:top; 
background-repeat:no-repeat; */
background-color : #999999; /* Grey */
}
tr.content {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; color: #000000;	
background-color : #EDF6FF; /* Liter Blue*/
}
tr.contentLight {
background-color : #F0F8FA; /*#F6F6EE */
}
tr.contentDark {
background-color : #CEE7FF; /* Lite Blue*/
}
tr.contentWhite {
background-color : #FFFFFF; /* White*/
}
tr.contentError {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; color: #000000;	
background-color : #FF9999;
}
tr.header { /* Font: s4cB*/
color: #FFFFFF;	
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
background-color : #639ACE; /* Blue*/
}
tr.headerDark { /* Font: s4cB*/
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; color: #FFFFFF;	
background-color : #006699; /* Dark Blue*/
}
tr.legend { /* Font: s4cB*/
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; color: #FFFFFF;	
background-color : #CEE7FF; /* Blue*/
vertical-align: middle;
}
tr.contentNew {
background-color : #EDF6FF; /* Default:EDF6FF ;Lite Red:F7B7B7; Lite Purple:E6D1F5; Purple:CCCCFF; Hotmail:FFF7E7*/
}
/* header */
th {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; color: #FFFFFF;	
font-weight : normal;
background-color : #639ACE; /* Blue*/
}
/* cells */
td {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; color: #000000;	
}
td.header { 
color: #FFFFFF;	
background-color : #639ACE; /* Blue*/
}
td.content { /* Font: s4cB*/
font-size: 10px;
vertical-align: middle;
}
td.contentWhite { 
background-color : #FFFFFF; /* White*/	
}
td.contentDark { /* Font: s4cB*/
font-size: 10px;
vertical-align: middle;
}
td.contentNew {
font-size: 11px;
font-weight : bold;
}
tr.contentGreen {
color : #008800;
font-style : italic;
}
td.legend { /* Font: s4cB*/
font-size: 13px; color: #000000;
vertical-align: middle;	
}
td.contentHelp {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; color: #006699;	
}
td.contentMessage
{
font-weight: bold;
font-size: 10px;
color: #0066cc;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #ffff99;
}
td.headerAccent {
background-color: #006699;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size: 14px; 
color: #ffffff;	
}
td.contentAccent {
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size: 13px; 
color: #000000;	
}
TD.headerCenter {
FONT-VARIANT:small-caps;
FONT-SIZE:9;
FONT-WEIGHT:bold;
TEXT-ALIGN:center;
COLOR:#FFFFFF;
BACKGROUND-COLOR: #639ace
}
td.contentGreen {
FONT-SIZE: 10px;
COLOR: ForestGreen;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
td.contentBoldBlue {
BACKGROUND-COLOR:#CEE7FF;
}
td.bkgndYellow{
BACKGROUND-COLOR:#FFEE44;
}
td.contentBlue {
COLOR: #0050FF;
}
td.contentTab {
font-family:tahoma,sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;
}
td.contentTabClickable {
font-family:tahoma,sans-serif;
font-size:11px;
color:#005090;
font-weight:bold;
text-decoration:none;
cursor : hand;
}
td.contentButtonClickable {
font-family:tahoma,sans-serif;
font-size:11px;
color:#005090;
text-decoration:none;
cursor : hand;
}
td.dividerWhite {
background-color : #FFFFFF; /* White */
}
/* table frame */
table{
color:transparent;
}
table.fixed{
table-layout:fixed;
}
/* this should be removed later */
.sTreeReportPref{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;table-layout:fixed; width=270}
/* text */
.alignRight {
text-align : right;
}
.relatedCode {
color : FFFFFF;
font-family : "Courier New", monospace;;
font-size : 8pt;
}
/* screen elements */
.buttons {
font-family:tahoma,sans-serif;
font-size:11px;
color:#006699;
text-decoration:none;
border-top: 1px ridge #EDF6FF;
border-left: 1px ridge #EDF6FF;
border-bottom: 1px ridge #006699;
border-right: 1px ridge #006699;
background: #CEE7FF; /* background:#D6E7EF*/
height:19px;
cursor: hand;
width: auto;
}
.buttonNext {
font-family:tahoma,sans-serif;
font-size:11px;
border-bottom:1px solid #104A7B;
border-right:1px solid #104A7B;
border-left:1px solid #AFC4D5;
border-top:1px solid #AFC4D5;
color:#000066;
height:19px;
text-decoration:none;
text-align:left;
background:#CEE7FF; /*D6E7EF*/
cursor:hand;
background-image:url(images/buttonNext.gif);
background-position:right;
background-attachment:fixed;
background-repeat:no-repeat;
}
.buttonSearch {
font-family:tahoma,sans-serif;
font-size:11px;
border-bottom:1px solid #104A7B;
border-right:1px solid #104A7B;
border-left:1px solid #AFC4D5;
border-top:1px solid #AFC4D5;
color:#000066;
height:19px;
text-decoration:none;
background:#CEE7FF; /*D6E7EF*/
cursor:hand;
background-image:url(images/Next.gif);
background-position:right;
background-attachment:fixed;
background-repeat:no-repeat;
}
.buttonSearchArchive {
font-family:Verdana, Arial;
font-size:9pt;
font-weight:bold;
color:000000;
background:cccccc;
cursor:hand;
background-image : url(images/Next.gif);
background-position : right;
background-attachment : fixed;
background-repeat : no-repeat;
width : 140px;
}
.buttonUpdate {
font-family:Verdana, Arial;
font-size:9pt;
font-weight:bold;
color:000000;
background: cccccc; /* #CEE7FF */
cursor:hand;
/* width : 100px; */
}
.buttonPayment {
font-family:Verdana, Arial;
font-size:9pt;
font-weight:normal;
color:000000;
background:cccccc;
cursor:hand;
width : 100px;
}
.active {
border: 1px ridge #006699;
color : #006699;
font-family:verdana,tahoma,san-serif;font-size:11px;
background-color:#CEE7FF;
width : inherit;
height : inherit;
}
.activechange {
border: 1px ridge #006699;
color : #FF0000;
font-family:verdana,tahoma,san-serif;font-size:11px;
background-color:#CEE7FF;
width : inherit;
height : inherit;
}
.blur {
border: 1px ridge #FFFFFF;
color : gray;
font-family:verdana,tahoma,san-serif;font-size:11px;
background: transparent;
height: 18px;
width: inherit;
}
input.active {
border: 1px ridge #006699;
color: #006699;
font-family: verdana,tahoma,san-serif;font-size:11px;
background-color: #CEE7FF;
height: 18px;
width: inherit;
text-align: inherit; /* right */
vertical-align: middle;
}
input.blur {
border: 1px ridge #FFFFFF;
color : gray;
font-family:verdana,tahoma,san-serif;font-size:11px;
background: transparent;
height: 18px;
width: inherit;
text-align: inherit; /* right */
vertical-align: middle;
}
input.readonly {
border: 0px;
color : black;
font-family:verdana,tahoma,san-serif;font-size:11px;
background: transparent;
height: 18px;
width: inherit;
text-align: inherit; /* right */
vertical-align: middle;
}
input.boldreadonly {
border: 0px;
color : black;
font-family:verdana,tahoma,san-serif;font-size:11px;
font-weight:bold;
background: transparent;
height: 18px;
width: inherit;
text-align: inherit; /* right */
vertical-align: middle;
}
input.changed {
border: 1px ridge #639ACE;
color : red;
font-family:verdana,tahoma,san-serif;font-size:11px;
background: transparent;
height: 18px;
width: inherit;
}
select.active {
background: #CEE7FF;
border: 1px ridge #006699;
color : #006699;
width : inherit;
/* height: 18px; */
font-family:verdana,tahoma,san-serif;font-size:11px;
}
select.blur {
background: #EDF6FF;	/* transparent */
border: 1px ridge #FFFFFF;
color : gray;
width : inherit;
/* height: 18px; */
font-family:verdana,tahoma,san-serif;font-size:11px;
white-space : nowrap;
}
/* textarea */
textarea.normal{
background: #CEE7FF;
border: 1px ridge #006699;
color : #006699;
width : 547px;
font-family:verdana,tahoma,san-serif;
font-size:11px;
/* display : list-item; */
/* white-space : nowrap; */
/* list-style-type : upper-alpha; */
}
textarea.small{
background: #CEE7FF;
border: 1px ridge #006699;
color : #006699;
width : 378px;
font-family:verdana,tahoma,san-serif;
font-size:11px;
display : list-item;
list-style-type : upper-alpha;
/* white-space : nowrap; */
}
textarea.smallpostit{
background: #FFFFE7;
background-color : #FFFFE7;
border: 1px ridge #006699;
color : #006699;
width : 300px;
font-family:verdana,tahoma,san-serif;
font-size:11px;
display : list-item;
list-style-type : upper-alpha;
}
textarea.tiny{
background: #CEE7FF;
border: 1px ridge #006699;
color : #006699;
width : 260px;
font-family:verdana,tahoma,san-serif;
font-size:11px;
display : list-item;
list-style-type : upper-alpha;
}
textarea.announcement{
background: #CEE7FF;
border: 1px ridge #006699;
width : 265;
color : #006699;
font-family:verdana,tahoma,san-serif;
font-size:12px;
white-space : pre;
overflow : visible;
padding : 2;
}	
textarea.multiline {
color: #000000;	
font-family: verdana, arial, helvetica, sans-serif;	
font-weight: normal; 
font-size: 11px; height: 88px; width: 300px;
white-space : normal;
}
/* checkbox */
input[type=checkbox]:active {
/*	background: transparent;
border: 1px inset black;
color : 9999CC;
width : 12px;
*/
}
input[type=checkbox]:blur 
{
/*	
background: transparent;
border: 1px inset black;
color : 9999CC;
width : 12px;
*/
}

input[type=text]:active
{
	border: 1px ridge #006699;
	color: #006699;
	font-family: verdana,tahoma,san-serif;font-size:11px;
	background-color: #FFFFFF;
	height: 18px;
	width: inherit;
	text-align: inherit; /* right */
	vertical-align: middle;
}
input[type=text]:blur
{
	border: 1px ridge silver;
	color: #006699;
	font-family: verdana,tahoma,san-serif;font-size:11px;
	background-color: silver;
	height: 18px;
	width: inherit;
	text-align: inherit; /* right */
	vertical-align: middle;
}


/* Menu(s) */
.Menu {
color: white;
background-color: #000000;
cursor: hand;
font-family: verdana;
font-size: 10;
font-weight: bold;		
text-decoration: none;		
}
.MenuOver {
color: black;
background-color: #ffcc00;
cursor: hand;
font-family: verdana;
font-size: 10;
font-weight: bold;
text-decoration: none;
}
.MenuSelected {
color: #ffcc00;
background-color: #000000;
cursor: hand;
font-family: verdana;
font-size: 10;
font-weight: bold;
text-decoration: none;		
}
/* Toolbar */
.Tool {
background-color: #ffffff;
color: black;
cursor: hand;
font-family: verdana;
font-size: 10;
font-weight: bold;		
border : 1px solid #eeeeee;
}
.ToolOver {
background-color: #eeeeee;
color: #ffffff;
cursor: hand;
font-family: verdana;
font-size: 10;
font-weight: bold;
border : 1px solid #9999cc;
}
.ToolSelected {
background-color: #eeeeee;
color: #000000;
cursor: hand;
font-family: verdana;
font-size: 10;
font-weight: bold;
}
.ToolDisable {
background-color: #ffffff;
color: silver;
cursor: hand;
font-family: verdana;
font-size: 10;
font-weight: bold;
border : 1px solid #eeeeee;
}
/* Layers and iFrames */
.sLayerR {
position: relative;
}
.sLayerA {
top:50; left:50; width:760; height:400;
frameborder:no; 
scrolling:auto;
background-color:#FFFFFF;
}
.sIFrame {
/* width: 760px; height: 400px; */
background-color: white;
top: 0;	left: 0;
topmargin: 0;	leftmargin: 10;
overflow: auto;
scrolling: auto;
text-align: right;
frameborder: no;
}
.divDrag	{
position:relative; 
left:0; top:0; clip:rect(0,200,200,0); 
background-color:silver; 
layer-background-color:silver
}
label.required{
/*font-weight:bold;*/ color:#991139;
}
label{
font-weight:normal;
}

.box {border-style: solid; border-color: 639ACE; border-width: 1px; background-color: EDF6FF;framewidth:%100;}
/* fonts */
b, strong 		{font-family: Verdana, Arial, Helvetica, sans-serif; /*font-size:  9pt;*/font-weight: bold;}
.smallerText 	{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:  8pt;font-weight: normal;color: #000000;}
.copyright		{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-weight: normal;color: #999999;}
.error				{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color: #FF3300;}
.announcement	{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 16px;font-weight: normal;color: #000000;background : #639ACE;}
.monospace 		{font-family: "Andale Mono","Lucida Console",Courier,monospace; font-size: 12px;}
.narrow 			{font-family: Tahoma, "Arial Narrow", Sans-serif; font-size: 12px;	color: #000000;}
.webcarecontent{font-family: Arial,Helvetica;	font-size: smaller;	color: Black;	background-color : White; }
.line 			{font-family: Sans-serif; font-size: 1px; color: #999999;}
.s0cA {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #000000;}
.s1cA {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000;}
.s1cB {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; font-weight: lighter;}
.s1cC {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; font-weight: bold;}
.s1cD {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #006699;}
.s2cA {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;}
.s2cAB {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: bold;}
.s2cAI {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-style: italic;}
.s2cABI {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-style: italic; font-weight: bold; }
.s3cA {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;vertical-align: middle;font-weight: lighter;}
.s3cB {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;vertical-align: middle;font-weight: bold;}
.s4cA {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;vertical-align: middle;}
/* same as s4cA - no vertical-align (Netscape change) */
.s4cN {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
.s4cB {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}
.s4cABI {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-style: italic; font-weight: bold;}
.s4cAB {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold;}
.s4cAI {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-style: italic;}
.s4cD {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: navy;}
.s5cA {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #000000;}
.s5cB {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #FF3300;}
.s6cA {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #000000;font-weight: bold;}.EReceiptMain {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: bold;
color: #000000;
}
.tip {font:10px/12px Arial,Helvetica,sans-serif; border:solid 1px #666666; width:250px; 
padding:1px; position:absolute; z-index:100; visibility:hidden; color:#333333;
top:20px; left:90px; background-color:#ffffcc; layer-background-color:#ffffcc; 
align:left;}
div.float {
float: left; 
padding-left:5px; padding-right:5px;
/*width: 70px;*/ 
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;
text-align: center;
}
div.container {
}
div.spacer {
clear: both;
}
a.tool {
background-color: #991139;
color: #ffffff;
cursor: hand;
font-family: verdana;
font-size: 12px;
font-weight: bold;		
border : 1px solid #991139;
padding-left:5px; 
padding-right:5px;
}
a.toolOver {
background-color: #ffffff;
color: black;
cursor: hand;
font-family: verdana;
font-size: 12px;
font-weight: bold;		
border : 1px solid #eeeeee;
padding-left:5px; 
padding-right:5px;
}
a.toolSelected {
background-color: #000000;
color: #ffffff;
cursor: hand;
font-family: verdana;
font-size: 12px;
font-weight: bold;		
border : 1px solid #ffffff;
padding-left:5px; 
padding-right:5px;
}
a.toolDisable {
background-color:#991139;
color: silver;
cursor: hand;
font-family: verdana;
font-size: 12px;
font-weight: bold;		
border : 1px solid #991139;
}

/* product title */
