/* saba Style Sheet, 26APR01 */

/*====================================================================*/
/*============================= TEXT ==================================*/
/*====================================================================*/


/*--------------------------------- (22px new) ---------------------------------*/

/* xlarge title */
.xlargetitle {font-family: Arial; font-size: 22px; color: #66cc00;}


/*--------------------------------- (19px new) ---------------------------------*/

/* page title */
.pagetitle {font-family: Arial;	font-size: 19px; color: #666666;}
.boldtitle {font-family: Arial;	font-weight: bold; font-size: 19px; color: #000000;}

.pagetitleblack {font-family: Arial;	font-size: 19px; color: #000000;}

/* title - level 1 */
.textlevelone {font-family: Arial; font-size: 19px; color: #66CC00;}


/*--------------------------------- (17px new) ---------------------------------*/

/* title - level 2 */
.textleveltwo {font-family: Arial; font-size: 17px; color: #336699;}

/* title - level 2 white */
.textleveltwowhite {font-family: Arial; font-size: 17px; color: #FFFFFF;}

/* table title text white */
.tabletitle6 {font-family: Arial; font-size: 17px; color: #333333;}


/*--------------------------------- (15px new) ---------------------------------*/

/* title - level 3 */
.textlevelthree {font-family: Arial; font-size: 15px; color: #66CC00;}


/*--------------------------------- (12px new) ---------------------------------*/


/* table title text */
.tabletitle4 {font-family: Arial; font-size: 12px; font-weight: bold; color: #FF6600;}

/* table title text white */
.tabletitle5 {font-family: Arial; font-size: 12px; font-weight: bold; color: #FFFFFF;}

/* normal body text + table descriptive text*/
.bodytext0 {font-family: Arial; font-size: 12px;}

/* body text green */
.bodytext1 {font-family: Arial; font-size: 12px; color: #66CC00;}

/* body text gray */
.bodytext3 {font-family: Arial; font-size: 12px; color: #666666;}

/* body text orange*/
.bodytext4 {font-family: Arial; font-size: 12px; color: #FF6600;}

/* body text white*/
.bodytext5 {font-family: Arial; font-size: 12px; color: #FFFFFF;}


/*--------------------------------- (11px new) ---------------------------------*/

/* table title text purples*/
.tabletitle2 {font-family: Arial; font-size: 11px; color: #336699;}

.bodytext2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
}

.smalltext0 {font-family: Arial; font-size: 11px;}

/* small green text */
.smalltext1 {font-family: Arial; font-size: 11px; color: #66CC00;}

/* small purple text */
.smalltext2 {font-family: Arial; font-size: 11px; color: #336699;}

/* small grey text */
.smalltext3 {font-family: Arial; font-size: 11px; color: #666666;}

/* small orange text */
.smalltext4 {font-family: Arial; font-size: 11px; color: #FF6600;}

/* small red text */
.smalltext6 {font-family: Arial; font-size: 11px; color: #CC0000;}

/* small white nav text */
.smalltext7 {font-family: Arial; font-size: 11px; color: #ffffff;}


/* small black nav text */
.navtext0 {font-family: Arial; font-size: 11px;}

/* small purple nav text */
.navtext2 {font-family: Arial; font-size: 11px; color: #336699;}

/*----------------------------------- (Other) -----------------------------------*/
/* small black text */
.smalltext {font-family: Arial; font-size: 9px; color: #666666;}
.term {font-family: Georgia, Arial, Helvetica, Verdana; font-size: 7px; color: #000000;}

/* strikethrough text */
.strike {text-decoration: line-through;}


/*====================================================================*/
/*============================= LINKS =================================*/
/*====================================================================*/


/* default links

A:link	{text-decoration: none; color: #333333;}
A:visited {text-decoration: none; color: #333333;}
A:hover	{text-decoration: underline; color: #336699;}
A:active {text-decoration: none; color: #333333;} */

/*  Class for ALL Hyperlinks */
a {border:0px #336699 solid; color: #333333; font: 11px Arial, Helvetica}
a:hover {border:0px #336699 solid; color: #336699; font: 11px Arial, Helvetica}


a.TopLink:link, a.TopLink:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: underline;
}

a.TopLink:hover, a.TopLink:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}

/*  Class for Button Bar Hyperlinks */
a.link:link, a.link:visited{
   font-size:12px;
   color: #333333;
   text-decoration : none;
   font-family: Arial, Helvetica, sans-serif;
   font-weight : normal;
   background-color : transparent
}

a.link:hover, a.link:active{
   font-size:12px;
   color: #000000;
   text-decoration : none;
   font-family: Arial, Helvetica, sans-serif;
   font-weight : normal;
   background-color : transparent
}

a.linkw:link, a.linkw:visited, a.linkw:hover, a.linkw:active
{
   font-size:12px;
   color: #ffffff;
   text-decoration : none;
   font-family: Arial, Helvetica, sans-serif;
   font-weight : normal;
   background-color : transparent;
}

.SectionTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #336699;
}

a.SectionTitle:link,a.SectionTitle:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #336699;
}

a.SectionTitle:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #3366cc;
}

a.th:link,a.th:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
}

a.th:hover, a.th:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #3366cc;
}

a.sabaw {
	border:0px #336699 solid;
	color: #333333;
	font: 11px Arial, Helvetica
}
a.sabap {
	border:0px #336699 solid;
	color: #333333;
	background:#D2E4FC;
	font: 11px Arial, Helvetica
}

a.calendar:link,a.calendar:visited {
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
}

a.calendar:hover, a.calendar:active {
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

.a:link
{
	color:#336699;
	text-decoration: underline
}

.a:hover
{
	color:#66CC00;
	text-decoration: underline;
}

/* pagetitle links */
A.pagetitle:link {text-decoration: underline; color: #336699;}
A.pagetitle:visited {text-decoration: underline; color: #336699;}
A.pagetitle:active {text-decoration: underline; color: #336699;}
A.pagetitle:hover {text-decoration: none; color: #336699;}

/* textlevelone links */
A.textlevelone:link {text-decoration: underline; color: #66CC00;}
A.textlevelone:visited {text-decoration: underline; color: #66CC00;}
A.textlevelone:active {text-decoration: underline; color: #66CC00;}
A.textlevelone:hover {text-decoration: none; color: #66CC00;}

/* textleveltwo links */
A.textleveltwo:link {text-decoration: underline; color: #336699;}
A.textleveltwo:visited {text-decoration: underline; color: #336699;}
A.textleveltwo:active {text-decoration: underline; color: #336699;}
A.textleveltwo:hover {text-decoration: none; color: #336699;}

/* tabletitle2 links */
A.tabletitle2:link {text-decoration: underline; color: #336699;}
A.tabletitle2:visited {text-decoration: underline; color: #336699;}
A.tabletitle2:active {text-decoration: underline; color: #336699;}
A.tabletitle2:hover	{text-decoration: none; color: #336699;}

/* tabletitle5 links */
A.tabletitle5:link {text-decoration: underline; color: #FFFFFF;}
A.tabletitle5:visited {text-decoration: underline; color: #FFFFFF;}
A.tabletitle5:active {text-decoration: underline; color: #FFFFFF;}
A.tabletitle5:hover	{text-decoration: none; color: #FFFFFF;}

/* bodytext0 links */
A.bodytext0:link {text-decoration: underline;}
A.bodytext0:visited {text-decoration: underline;}
A.bodytext0:active {text-decoration: underline;}
A.bodytext0:hover	{text-decoration: none;}

/* bodytext1 links */
A.bodytext1:link {text-decoration: underline; color: #66CC00;}
A.bodytext1:visited {text-decoration: underline; color: #66CC00;}
A.bodytext1:active {text-decoration: underline; color: #66CC00;}
A.bodytext1:hover	{text-decoration: none; color: #66CC00;}

/* bodytext2 links */
A.bodytext2:link {text-decoration: underline; color: #336699;}
A.bodytext2:visited {text-decoration: underline; color: #336699;}
A.bodytext2:active {text-decoration: none; color: #336699;}
A.bodytext2:hover	{text-decoration: none; color: #000000;}

/* bodytext4 links */
A.bodytext4:link {text-decoration: none; color: #FF6600;}
A.bodytext4:visited {text-decoration: none; color: #FF6600;}
A.bodytext4:hover {text-decoration: underline; color: #FF6600;}
A.bodytext4:active {text-decoration: none; color: #FF6600;}

/* navtext2 nav links */
A.navtext2:link {text-decoration: none; color: #336699;}
A.navtext2:visited {text-decoration: none; color: #336699;}
A.navtext2:hover {text-decoration: underline; color: #336699;}
A.navtext2:active {text-decoration: none; color: #336699;}

/* smalltext0  links */
A.smalltext0:link {text-decoration: underline; color: #000000;}
A.smalltext0:visited {text-decoration: underline; color: #000000;}
A.smalltext0:active {text-decoration: underline; color: #000000;}
A.smalltext0:hover	{text-decoration: none; color: #000000;}

/* smalltext2  links */
A.smalltext2:link {text-decoration: underline; color: #336699;}
A.smalltext2:visited {text-decoration: underline; color: #336699;}
A.smalltext2:active {text-decoration: underline; color: #336699;}
A.smalltext2:hover	{text-decoration: none; color: #336699;}

/* smalltext2  links */
A.smalltext3:link {text-decoration: underline; color: #666666;}
A.smalltext3:visited {text-decoration: underline; color: #666666;}
A.smalltext3:active {text-decoration: underline; color: #666666;}
A.smalltext3:hover	{text-decoration: none; color: #666666;}

/* errormessage links */
A.errormessage:link, A.errormessage:visited
{
	text-decoration: underline;
	font-size: 8pt;
	font-weight: bold;
	color: #FF0000;
}
A.errormessage:hover, A.errormessage:active
{
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
	color: #FF0000;
}

/*====================================================================*/
/*============================= BACKGROUNDS ===========================*/
/*====================================================================*/



/* bgcolor for table light green */
.bgtbllgreen {background: #CCFF99 none;}

/* bgcolor for table green */
.bgtblgreen {background: #66CC00 none;}

/* bgcolor for table light purple */
.bgtbllpurple {background: #dbd0e2 none;}

/* bgcolor for table light blue */
.bgtblightblue {background: #cceeff none;}

/* bgcolor for table purple */
.bgtblmpurple {background: #B6A2C5 none;}

/* bgcolor for table purple */
.bgtblpurple {background: #336699 none;}

/* bgcolor for table black */
.bgtblblack {background: #000000 none;}

/* bgcolor for table gray */
.bgtblgray {
	background: #CCCCCC none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
}

/* bgcolor for table midgray */
.bgtblmidgray {background: #999999 none;}

/* bgcolor for table darkgray */
.bgtbldarkgray {background: #666666 none;}

/* bgcolor for table white */
.bgtblwhite {background: #FFFFFF none;}

/* bgcolor for table lime */
.bgtbllime {background: #EEFFCC none;}

/* bgcolor for table orange */
.bgtblorange {background: #FF6600 none;}

.bgtbllgraygreen {background: #CCFFCC none;}

.bgtbllseagreen {background: #669966 none;}

/*====================================================================*/
/*============================= STRUCTURAL ============================*/
/*====================================================================*/


/* paragraph */
p {font-family: Arial; font-size: 12px; font-weight: normal;}

/* blockquote */
BLOCKQUOTE, PRE	{font-family: Arial; font-size: 12px; font-weight: normal;}

/* list bullet points */
UL { margin: 2px 0px 5px 0px; padding-top: 0px; padding-left: 13px;}
UL LI {font-family: Arial; font-size: 11px; list-style-type: square; line-height: 150%;}

UL LI LI {font-family: Arial; font-size: 12px; list-style-type: disc;}

UL LI LI LI {font-family: Arial; font-size: 12px; list-style-type: circle;}

OL LI	{font-family: Arial; font-size: 11px; list-style-type: decimal;}

/* list alphabetical markers */
OL OL LI {font-family: Arial; font-size: 12px; list-style-type: lower-alpha;}

/* list number markers */
OL OL OL LI {font-family: Arial; font-size: 12px; list-style-type: lower-roman;}

/* saba Style Sheet, 26APR01, Luis V. Aguila, Rebellium.com */.bgtblyellow {  background-color: #FFCC66}

.errormessage
{font-family: "Helvetica", Arial, San Serif;
        font-size: 8pt;
        color: #FF0000;
        font-weight: bold;
        background-color: #FFFFFF;
        vertical-align: baseline;
        margin-top: 0pt;
        margin-bottom: 0pt;
        margin-left: 0cm;
        margin-right: 0pt;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
    /*    text-align: left; */
        text-indent: 0cm;
       }
.warning
{font-family: "Helvetica", Arial, San Serif;
        font-size: 8pt;
        color: #FF0000;
        font-weight: bold;
        background-color: #FFFFFF;
        vertical-align: baseline;
        margin-top: 0pt;
        margin-bottom: 0pt;
        margin-left: 0cm;
        margin-right: 0pt;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
    /*    text-align: left; */
        text-indent: 0cm;
       }
.note
{font-family: "Helvetica", Arial, San Serif;
        font-size: 8pt;
        color: #000000;
        background-color: #FFFFFF;
        vertical-align: baseline;
        margin-top: 2pt;
        margin-bottom: 2pt;
        margin-left: 0cm;
        margin-right: 2pt;
        padding-top: 2pt;
        padding-bottom: 2pt;
        padding-left: 2pt;
        padding-right: 2pt;
        text-align: left;
        text-indent: 0cm;
        width: 100%;
       }

table.saba {
	border-collapse:collapse;
	font: 11px Arial, Helvetica;
}

table.saba td, table.saba th {
	line-height: 120%;
	padding: 0px;
	margin: 0px;
}

table.rate {
	border-collapse:collapse;
	font: 10px Arial, Helvetica;
}

table.rate td, table.rate th {
	line-height: 120%;
	padding: 0px;
	margin: 0px;
}

table.title td, table.title th {
	padding: 0px;
	margin: 0px;
}
TD.title {
	padding: 0px;
	width: 85%;
	border:1px #666666 solid;
	color: #333333;
	background:#dddddd;
	font: 12px Arial, Helvetica;
	text-align: center;
}

TR.calendarw, TR.calendarw td {border:1px #333333 solid; color: #333333; background:#ffffff; font: 11px Arial, Helvetica}
TR.calendarp, TR.calendarp td {border:1px #333333 solid; color: #333333; background:#D2E4FC; font: 11px Arial, Helvetica}

TD.sabaw {border:0px #336699 solid; font: 11px Arial, Helvetica}
TD.sabap {border:0px #336699 solid; color: #333333; background:#D2E4FC; font: 11px Arial, Helvetica}

TR.sabaw {border:0px #336699 solid; color: #333333; background:#ffffff; font: 11px Arial, Helvetica}
TR.sabap {border:0px #336699 solid; color: #333333; background:#D2E4FC; font: 11px Arial, Helvetica}
TR.sabap:hover, TR.sabaw:hover
 {border:0px #336699 solid; color: #333333; background:#FCE4D2; font: 11px Arial, Helvetica}

TH.saba  {border:1px #336699 solid; font: bold 12px Arial, Helvetica; color: #336699; background:#dbd0e2;}
.sabadark  { font: bold 12px Arial, Helvetica; color: #FFFFFF; background:#336699;}
.sheet  {border: 0px #999 solid; text-align:center; background:#dddddd;}


TD.sabadkg {border:0px #336699 solid; color: #FFFFFF; background:#2266cc; font:bold 12px Arial, Helvetica}
TD.sabag {border:0px #336699 solid; color: #336699; background:#CCFF99; font: 12px Arial, Helvetica}

TD.sabawl {border:1px #B6A2C5 solid; font: 12px Arial, Helvetica}
TD.sabapl {border:1px #B6A2C5 solid; font: 12px Arial, Helvetica; background:#dbd0e2}

TD.period {font: 12px Arial, Helvetica; border-left:1px solid #336699; border-right:1px solid #336699; border-top:0; border-bottom:0}
TD.periodend {font: 12px Arial, Helvetica; border-left:1px solid #336699; border-right:1px solid #336699; border-top:0; border-bottom:1px solid #336699}
TD.periodp {font: 12px Arial, Helvetica; background-color:#B6A2C5;border-left:1px solid #336699; border-right:1px solid #336699; border-top:0; border-bottom:1px solid #336699}
/*
TD.bodytext2 {font-family: Arial; font-size: 12px; text-align:right; color: #49166D;}
TD.bodytext2left {font-family: Arial; font-size: 12px; text-align:left; color: #49166D;}
*/

td.bgblack {
	background: #333333 none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

TD.bodytext2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
}

TD.bodytext2left {
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
}

.sectionhead {font: bold 12px Arial, Helvetica; color: #336699; background:#dbd0e2; vertical-align: middle}
.sectionheadgreen {font: bold 12px Arial, Helvetica; color: #336699; background:#CCFF99; vertical-align: middle}

.navtitle2
{
 	color: #336699;
	font-family:arial,helvetica,geneva;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

.bodytitle
{
 	color: #336699;
	font-family:arial,helvetica,geneva;
	font-size: 14px;
	font-weight: bold;
}

.tdb1
{
    color: white;
    background-color: #336699;
}

.tdc2
{
    color: black;
    background-color: #dbd0e2;
}

.tdwhite
{
	background-color: #ffffff;
}

.bodytitlereg
{
 	color: #336699;
	font-family:arial,helvetica,geneva;
	font-size: 10pt;
}

.checkbox	/* add by Chris to apply to new style */
{
	margin: 0px 5px;
	padding: 0px;
	vertical-align: middle;
	border: 0px solid #336699;
	background-color: transparent;
	font-size: 11px;
}

input,select	/* add by Chris to apply to new style */
{
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #999999;
	font-size: 11px;
	background-color: #F7F7F7;
}

option {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #F7F7F7;
}

input.clrbtn	/* add by Chris to apply to new style */
{
	font-family: Arial, Helvetica, sans-serif;
	border: 1px outset #999999;
	font-size: 11px;
	background-color: #cceeff;
	height: 18px;
}

input.clrbtn:hover	/* add by Chris to apply to new style */
{
	font-family: Arial, Helvetica, sans-serif;
	border: 1px inset #999999;
	font-size: 11px;
	background-color: #cceeff;
}

input.showonlyright
{
	border: 0px solid #ffffff;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: right;
}

input.showonlygrey
{
	border: 1px solid #999999;
	background-color: #F7F7F7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
}

input.showonly
{
	border: 0px solid #ffffff;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: left;
}
/*------------------- Layout ----------------------*/
.title {
	margin: 5px;
	background-color: #ffffff;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #336699;
}
.content {
	margin: 5px;
	padding: 5px;
	width: 98%;
	border:0px #999999 dotted;
	color: #555555;
	background:#eeeeee;
	font: 11px Arial, Helvetica;
	text-align: left;
}


.titlelit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #336699;
}
/* default body background color */
body, .body {
	background: #FFFFFF none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
}
.bodyright {
	background: #FFFFFF none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: left;
}
.textFiledMandatory {
	border: 1px solid #999999;
	background-color: #F7F7F7;
}

.textFieldNonMandatory {

	border: 1px solid #999999;
	background-color: #FFFFFF;
}


/* Class for Button Bar Cells */

TD.button {
    BORDER-RIGHT: #666666 1px solid;
    BORDER-BOTTOM: #666666 1px solid;
    BORDER-TOP: #666666 1px solid;
    BORDER-LEFT: #666666 1px solid;
    width: 75;
    Height: 23;
    PADDING-LEFT : 4px;
    FONT: 12px Verdana,Arial,Helvetica, sans-serif;
    COLOR: #333333;
}

hr {
	background-color: transparent;
	height: 1px;
	text-align: center;
}

.dotcol {
	background: url("../images/dotcol.gif") #fff repeat-y center center;
}

.bg {
	clear:left;
	width: 100%;
	height: 100%;
	font-size: 8pt;
	padding: 0 2px;
	margin-top: 0px;
	z-index:1500;
}

.closediv {
	float:right;
	width:12px;
	height: 12px;
	line-height: 150%;
	font-size: 6pt;
	cursor: pointer;
	text-align: center;
	background: #eeeeee;
	border: 1px solid #999;
	padding: 0px;
	margin: 2px 2px 4px 4px;
}