/* ================================
	DEFAULT STYLES
    ================================ */ 
body {
	background-color:#ffffff; color:#000000;
	font-family:verdana,tahoma,tahoma,arial; font-size:8pt; font-weight:normal;
	margin-top:0px;margin-left:0px;margin-right:0px;margin-bottom:1px;
	scrollbar-bar-face:#dddddd;
	scrollbar-track-color:#eeeeee;
	scrollbar-arrow-color:#333333;
      	scrollbar-shadow-color:#999999;
      	scrollbar-darkshadow-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-3dlight-color:#dddddd;
}
body a {
	color:#A2C5E1;text-decoration:none;
 cursor: hand
; font-family: Verdana, Tahoma, Arial; 
}
body a:hover {
	color:#cc0000;text-decoration:none;
; cursor: hand
}
body a.link:hover {
	color:#cc0000;cursor:hand;text-decoration:underline;
}
table {
	font-family:verdana, tahoma, arial;font-size:8pt;font-weight:normal;
}


/* ================================
	CONTAINER STYLES
    ================================ */ 
.cpHeader {
	background-image: url(../images/header.gif); color:#ffffff;
 padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px
; font-family: verdana, tahoma, arial; font-weight: normal; clip:    rect(   ); background-repeat: no-repeat
}
.cpBack {
	/*background-image:url(../images/tile_backgrey.gif);*/
	background-color:#eeeeee; color:#000000;
; font-family: Verdana, Tahoma, Arial; font-size: 8pt
; text-align: justify
}
.cpBackEdge {
	background-color:#A2C5E1; color:#ffffff; 
}
.cpBackAlt {
	background-color:#ffffff; color:#000000; 
}
.cpBackAltEdge {
	background-color:#A2C5E1; color:#000000; 
}
.cpTabLayer {
	background-color:#A2C5E1; color:#ffffff; 
}
.cpTab {
	background-color:#A2C5E1; color:#ffffff; font-weight:normal;
	border:1px #A2C5E1 solid; padding: 2px 8px 2px 8px; cursor:hand;
 font-family: verdana, Tahoma, Arial
; font-size: 8pt
}
.cpTabSel {
	background-color:#A2C5E1; color:#ffff33; font-weight:bold;
	border:1px #A2C5E1 solid; padding: 2px 6px 2px 6px; cursor:hand;
}
.cpTabSubLayer {
	background-color:#ffffff; color:#666666; 
}
.cpTabSub {
	background-color:#ffffff; color:#666666; font-weight:medium; font-size:90%;
	border:solid #ffffff 1px; padding: 2px 6px 2px 6px; cursor:hand;
}
.cpTabSubSel {
	background-color:#ffffff; color:#A2C5E1; font-weight:bold; font-size:90%;
	border:solid #ffffff 1px; padding: 2px 4px 2px 4px; cursor:hand;
}
.cpTabLink {
	color:#ffffff;cursor:hand;text-decoration:none;
; font-family: Verdana, Tahoma, Arial
; font-size: 8pt
}
.cpTabLink:hover {
	color:#ffff66;cursor:hand;text-decoration:none;
}
.cpTabLinkSel {
	color:#ffff33;cursor:hand;text-decoration:none;
 font-family: Verdana, Tahoma, Arial; font-size: 8pt
}
.cpTabLinkSel:hover {
	color:#ffff66;cursor:hand;text-decoration:none;
font-family: verdana, Tahoma, Arial
}
.cpTabSubLink {
	color:#666666;cursor:hand;text-decoration:none;
 font-family: verdana, Tahoma, Arial; font-size: 8pt;
}
.cpTabSubLink:hover {
	color:#A2C5E1;cursor:hand;text-decoration:none;
}
.cpTabSubLinkSel {
	color:#A2C5E1;cursor:hand;text-decoration:none;
 font-family: verdana, Tahoma, Arial; font-size: 8pt;
}
.cpTabSubLinkSel:hover {
	color:#A2C5E1;cursor:hand;text-decoration:none;
}

/* ================================
	MODULE STYLES
    ================================ */
.cpPartFrame {
	border: 1px solid #A2C5E1;
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	color: #000000;
	background-color: #FFFFFF;
}
.cpPartFrame2{
	border: 1px solid #ffcc66;
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	color: #000000;
	background-color: #FFFFFF;
}
.cpPartFrame3 {
	border: 1px solid #009966;
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	color: #000000;
	background-color: #FFFFFF;
}
.cpPartFrameAlt {
	border: #ffffff 1px solid;
}
.cpPartTitle {
	background-color:#A2C5E1;font-weight:bold;color:#ffffff;
	font-family: verdana, tahoma, arial; font-size:8pt;
}
.cpPartTitleAlt {
	background-color:#ffffff;font-weight:bold;color:#000000;
	font-family: Verdana, Tahoma, Arial; font-size: 8pt;
}
.cpPartBody {
	background-color:#FFFBFF;
; font-family: Verdana, Tahoma, Arial; font-size: 8pt; font-style: normal
}
.cpPartBodyAlt {
	background-color:#dddddd;
}
.cpPartFieldTitle {
	color:#A2C5E1;text-decoration:none;
; font-family: Verdana, Tahoma, Arial; font-size: 8pt
}    
.cpPartFieldTitleAlt {
	color:#999999;text-decoration:none;
; font-family: Verdana, Tahoma, Arial; font-size: 8pt; font-weight: bold
}    
.cpPartTab {
	background:#eeeeee;
; font-family: Verdana, Tahoma, Arial; font-size: 7pt
}

/* ================================
	INPUT STYLES
    ================================ */ 
.cpInput {
	color:#A2C5E1;font-family:verdana, tahoma, arial; font-size:8pt; font-weight:normal;
	border:1pt #666666 solid;
	text-align: justify
; width: 98%; clip:  rect(   )
}
.cpInputDr {
	color:#A2C5E1;font-family:verdana, tahoma, arial; font-size:8pt; font-weight:normal;
	border:1pt #666666 solid;
 text-align: justify
; width: 99%; clip:  rect(   )
}
.cpButton {
	color:#000066;font-family:verdana,tahoma,arial; font-size:8pt; font-weight:normal;
	border:solid #666666 1px; text-decoration:none;
	width: 187px;
}
.spcButton
{
	BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 8pt; BORDER-LEFT: #666666 1px solid; WIDTH: 155px; COLOR: #ffffff; BORDER-BOTTOM: #666666 1px solid; FONT-FAMILY: verdana,tahoma,arial; HEIGHT: 18px; BACKGROUND-COLOR: teal; TEXT-DECORATION: none
	}
.cpInputAlt {
	color:#666666;font-family:verdana,tahoma,arial; font-size:8pt; font-weight:normal;
	border:solid #666666 1px; text-decoration:none;
}
.cpButtonAlt {
	color:#666666;font-family:verdana,tahoma,arial; font-size:8pt; font-weight:normal;
	border:solid #666666 0px; text-decoration:none;cursor:hand;
}
.cpInputNav {
	color:#A2C5E1;font-family:verdana, tahoma, arial; font-size:8pt; font-weight:normal;
	width:150px;height:auto; border:solid #666666 1px; text-decoration:none;
}
.cpInputEdit {
	color:#333333;font-family:verdana,tahoma,arial; font-size:8pt; font-weight:normal;
	width:100%;line-height:8pt;text-decoration:none;border:solid #cccccc 1px;
}

/* ================================
	CONTENT STYLES
    ================================ */
.cpNorm {
	color:#dddddd; font-family:verdana, tahoma; font-size:8pt;
}
.cpNormHigh {
	color:#ff0000; font-family:verdana,tahoma; font-size:8pt;
}
.cpNormAlt {
	color:#999999; font-family:verdana,tahoma; font-size:8pt;
}
.cpTitle {
	color:#FFFFFF; font-family:verdana, tahoma; font-size:14pt; font-weight:bold;
}
.cpTableHeader {
	background-color:#999999;color:#ffffff;
	font-family:verdana,tahoma,arial;font-size:8pt;font-weight:bold;line-height:14pt;
}
.cpTableRow {
	background-color:white;
}
.cpTableRowAlt {
	background-color:#eeeeee;
}
.cpTableEdge {
	background-color:#A2C5E1;
}
.cpTableSpacer {
	background-color:#eeeeee;
}
.cpErrorTitle {
	color:#ff0000; font-family:verdana,tahoma,arial; font-size:10pt; font-weight:bold;line-height:14pt;
}
.cpErrorText {
	color: Blue; font-family:verdana, tahoma, arial; font-size:8pt; font-weight:normal;
}
.cpTextTitle {
	color:#FFFFFF; font-family:verdana, tahoma, arial; font-size:10pt; font-weight:bold;line-height:normal;
}

/* ================================
	REPORT STYLES
    ================================ */
.rptNorm {
	color:#000000; font-family:tahoma; font-size:8pt;
}
.rptNormHigh {
	color:#ff0000; font-family:tahoma; font-size:8pt;
}
.rptNormAlt {
	color:#999999; font-family:tahoma; font-size:8pt;
}
.rptContainer {
	color:#000066;font-family:tahoma; font-size:8pt; font-weight:normal;
	border:solid #999999 1px;
}
.rptContainerAlt {
	color:#000066;font-family:tahoma; font-size:8pt; font-weight:normal;
	border:solid #ffffff 0px;
}
.rptColumn {
	color:#000066;font-family:tahoma; font-size:8pt; font-weight:normal;
}
.rptColumnDetail {
	color:#999999;font-family:tahoma; font-size:90%; font-weight:normal;
}
.rptColumnButton {
	color:#000066;font-family:tahoma; font-size:85%; font-weight:normal;
}
.rptEditColumn {
	background-color:lightyellow; color:#000000;font-family:tahoma; font-size:8pt; font-weight:normal;
	border:solid #eeeeee 1px;
 width: 100pt
}
.rptLine {
	background-color:#999999;
}
.rptInput {
	color:#000066;font-family:tahoma; font-size:8pt; font-weight:normal;
	border:solid #999999 1px; text-decoration:none;
 width: 95%
}
.rptOption {
	color:#000066;font-family:tahoma; font-size:8pt; font-weight:normal;
	text-decoration:none;
}
.rptButton {
	color:#000066;font-family:tahoma; font-size:8pt; font-weight:normal;
	border:solid #999999 1px; text-decoration:none;
}
.rptVwTitle {
	color:#000033;font-family:Times New Roman; font-size:14pt; font-weight:bold;
}
.rptVwHeader {
	background-color: #b2d1b2; color:#000000;font-family:verdana; font-size:8pt; font-weight:bold;
}
.rptVwFooter {
	background-color:#333333; color:#ffffff;font-family:tahoma; font-size:8pt; font-weight:normal;
}
.rptVwRow {
	background-color:#ffffff; color:#000000;font-family:tahoma; font-size:8pt; font-weight:normal;
}
.rptVwRowAlt {
	background-color:#eeeeee; color:#000000;font-family:tahoma; font-size:8pt; font-weight:normal;
}
.rptVwPaging {
	background-color:#ffffff; color:#000000;font-family:tahoma; font-size:8pt; font-weight:normal;
}
span {  font-family: verdana, tahoma, arial; font-size: 10pt; font-style: normal}
.cpLogText {  font-family: verdana, tahoma, arial; font-size: 9pt; color: #000000; text-align: justify; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin}
.cpTextField {  font-family: verdana, tahoma, arial; font-size: 10pt; border-style: outset}
.cpTextAlignBody {  font-family: verdana, tahoma, arial; font-size: 10pt; text-align: justify; margin-top: 10pt; margin-right: 10pt; margin-left: 10pt; letter-spacing: normal; word-spacing: normal; vertical-align: top}
.cpBodyText {  font-family: verdana, tahoma, arial; font-size: 8pt}
.cpHeaderWelcome { color:#000000;  padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px ; font-family: verdana, tahoma, arial; font-weight: bold; clip: rect( ); background-repeat: no-repeat ; font-size: 9pt}
.cpHeaderDate { color:#000000; ; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px ; font-family: verdana, tahoma, arial; font-weight: normal; clip: rect( ); background-repeat: no-repeat ; font-size: 9pt}
.cpBodyAlert { color:#A2C5E1; ; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px ; font-family:  tahoma, arial; font-weight: normal; clip: rect( ); background-repeat: no-repeat ; font-size: 14pt}
.cpBodyAlertLink { color:#666666;cursor:hand ; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px ; font-family:  tahoma, arial; font-weight: normal; clip: rect( ); background-repeat: no-repeat ; font-size: 14pt}
.cpBodyAlertLink:hover { color:#999933;cursor:hand ; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px ; font-family:  tahoma, arial; font-weight: normal; clip: rect( ); background-repeat: no-repeat ; font-size: 14pt}

.cpBodyLink { color: #DC847A; ; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px ; font-family:  tahoma, arial; font-weight: bold; clip: rect( ); background-repeat: no-repeat ; font-size: 11px}

.cpErrorAlert { color:#ff0000; ; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px ; font-family:  tahoma, arial; font-weight: normal; clip: rect( ); background-repeat: no-repeat ; font-size: 14pt}

.cpMainHeading { color:#000000; ; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px ; font-family: "Times New Roman", Verdana, Tahoma, Arial; font-weight: bold; clip: rect( ); background-repeat: no-repeat ; font-size: 18pt}
.cpSubHeading { color:#000000; ; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px ; font-family:  "Times New Roman", Verdana, Tahoma, Arial; font-weight: normal; clip: rect( ); background-repeat: no-repeat ; font-size: 16pt}
.cpSignoff {  font-family: "Times New Roman", Tahoma, Arial; font-size: 12pt; font-style: italic; font-weight: bold; color: #FFFFFF}
.cpSignoff:hover { font-family: "Times New Roman", Tahoma, Arial; font-size: 12pt; font-style: italic; font-weight: bold; color: #FF0000}
.cpInputEditForm { color:#333333;font-family:verdana, tahoma, arial; font-size:8pt; font-weight:normal; width:75%;line-height:8pt;text-decoration:none;border:1px #cccccc solid; ; text-align: right}
.cpHelpTabLink { background-color:#eeeeee; color:#C1C1C1; font-weight:bold; border:1px #eeeeee solid; padding: 2px 8px 2px 8px; cursor:hand; ; font-family: verdana, Tahoma, Arial ; font-size: 8pt }
.cpHelpTabLinkSel { background-color: #b2d1b2; color:#333333; font-weight:bold; border: 1px solid #b2d1b2; padding: 2px 8px 2px 8px; cursor:hand; ; font-family: verdana, Tahoma, Arial ; font-size: 8pt }
.cpSecondaryTab { background-color:#A2C5E1; color:#333333; font-weight:bold; border:1px solid #b2d1b2; padding: 2px 8px 2px 8px; ; font-family: verdana, Tahoma, Arial ; font-size: 8pt; cursor: default }
.cpSecondaryTab2 { background-color:#ffcc66; color:#333333; font-weight:bold; border:1px solid #ffcc66; padding: 2px 8px 2px 8px; ; font-family: verdana, Tahoma, Arial ; font-size: 8pt; cursor: default }
.cpBodyLinkSel { color:#5B9CC4; ; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px ; font-family: tahoma, arial; font-weight: bold; clip: rect( ); background-repeat: no-repeat ; font-size: 11px }
.cpInputOpen { color:#000066;font-family:verdana, tahoma, arial; font-size:8pt; font-weight:normal; border:#666666 none; text-align: justify; width: 100%; ; clip: rect( ) }
.cpTabBorder { font-weight:bold; border: 3px solid #b2d1b2; padding: 2px 8px 2px 8px; ; font-family: verdana, Tahoma, Arial ; font-size: 8pt; cursor: default }
.cpBodySmall {  font-family: Verdana, Tahoma, Arial; font-size: 7pt; color: #333333}
.cpTabBorderThin { font-weight:bold; border: 1px solid #b2d1b2; padding: 2px 8px 2px 8px; ; font-family: verdana, Tahoma, Arial ; font-size: 8pt; cursor: default }
.cpPartFieldTitleLight { color:#999999;text-decoration:none; ; font-family: Verdana, Tahoma, Arial; font-size: 8pt; font-weight: normal}
.cpTextAll {font-family: Verdana, Tahoma, Arial; font-size: 8pt; color: #000000}
.cpTextAll1 {font-family: Verdana, Tahoma, Arial; font-size: 8pt; color: #ffffff}
.cpWhiteBorder { border:1pt #FFFFFF solid; padding: 2px 8px 2px 8px; ; cursor: default }
.cpTextAllColor { border: #ffffff 1px solid;  font-family: Verdana, Tahoma, Arial; font-size: 8pt; color: #A2C5E1}
.cpInputNoBorder { color:#003399;font-family:verdana, tahoma, arial; font-size:8pt; font-weight:normal; border:none; text-align: right; width: 100%; ; clip: rect( ) }
.cpInputEditNoBorder { color:#333333;font-family:verdana, tahoma, arial; font-size:8pt; font-weight:normal; width:100%;line-height:8pt;text-decoration:none;border:none; }
.cpUnderline {
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A2C5E1;
}
.cpUnderlineBig {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #A2C5E1;
	font-weight: bold;
}
.cpUnderlineGrey {
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C2D0FE;
	background-color: #eeeeee;
}
.cpSecondaryTabLite {
background-color: #b2d1b2; color:#333333; font-weight:normal; border:1px solid #b2d1b2; padding: 2px 8px 2px 8px; ; font-family: verdana, Tahoma, Arial ; font-size: 8pt; cursor: default
}
.cpULink {
	color:#000000;cursor:hand;text-decoration:underline;
 font-family: verdana, Tahoma, Arial
}
.cpULink:hover{
	color:#003399;cursor:hand;text-decoration:underline;
 font-family: verdana, Tahoma, Arial;
 }
.cpTertiaryTab {
background-color: #E0ECE0; color:#333333; font-weight:bold; border:1px solid #E0ECE0; padding: 2px 8px 2px 8px; ; font-family: verdana, Tahoma, Arial ; font-size: 8pt; cursor: default
}
.cpTertiaryTabLite {

background-color:#E0ECE0; color:#333333; font-weight:normal; border:1px solid #E0ECE0 padding: 2px 8px 2px 8px; ; font-family: verdana, Tahoma, Arial ; font-size: 8pt; cursor: default
}
.cpTextPending
{
	padding-right: 6px;
	padding-left: 6px;
	font-weight: normal;
	padding-bottom: 2px;
	color: #ff9900;
	font-family: Verdana, Tahoma, Arial;
	padding-top: 2px;
	background-color: transparent;
	
}
.cpTextCompleted
{
	padding-right: 6px;
	padding-left: 6px;
	font-weight: normal;
	padding-bottom: 2px;
	cursor: hand;
	color: #000099;
	font-family: Verdana, Tahoma, Arial;
	padding-top: 2px;
	background-color: transparent;
}
.cpTextCancelled
{
	padding-right: 6px;
	padding-left: 6px;
	font-weight: normal;
	padding-bottom: 2px;
	cursor: hand;
	color: #ff0000;
	padding-top: 2px;
	background-color: transparent;
}

.rptEditColumnHeader {
	background-color:lightyellow; color:#000000;font-family:tahoma; font-size:8pt; font-weight:normal;
	border:1px #eeeeee solid;
}
.rptTextHeader {
	background-color:lightyellow; color:#000000;font-family:tahoma; font-size:8pt; font-weight:normal;
	
}
.HLine {
	background-repeat: repeat-x;
	background-position: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2B555E;
}
.VLine {
	background-image: url(../images/verline.jpg);
	background-repeat: repeat-y;
	background-position: center;
}
.bottomline {
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	text-decoration: none;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: center;
}
.Input {
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	width: 46%;
	border: 1px solid #999999;
}
.leftlineh {
	font-family: Tahoma, Verdana, Arial;
	font-size: 8px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C3DBC3;
}
.boxgreen {
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	font-weight: normal;
	border: solid #C3DBC3 1px ;
	width: 100%
}
.boxframe {
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	font-weight: normal;
	border: solid #C3DBC3 1px 
}
.boxnc {

	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	font-weight: normal;
	border: 1px solid;
	width: 90%
}
.button {
	font-family: Tahoma, Verdana, "Times New Roman";
	font-size: 7pt;font-weight: bold;
	 background-image:url(img/ButtonBarBackground.gif);
	  background-repeat: repeat-x;
	border: 1px solid #996600;
}
.boldtext {
	font-family: Tahoma, Verdana, "Times New Roman";
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
}
.boxframe {
	font-family: Tahoma, Verdana, "Times New Roman";
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #2B555E;
}
.greyh {
	font-family: Tahoma, Verdana, "Times New Roman";
	font-size: 8pt;
	color: #FFFFFF;
	background-color: #666666;
}
.wlink {
	font-family: Tahoma, Verdana, "Times New Roman";
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #2B555E;
}
.wlink:hover {
	font-family: Tahoma, Verdana, "Times New Roman";
	font-size: 8pt;
	font-weight: bold;
	color: #eeeeee;
	background-color: #2B555E;
}


/* 
CALENDAR GREEN -CSS for the Calendar Control.
*/
/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #565;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #efe;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
  background: #676;
  color: #fff;
  font-size: 90%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  padding: 2px;
  background: #250;
  color: #efa;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #565;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background: #afa;
  color: #000;
  border: 1px solid #084;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background: #7c7;
  padding: 2px 0px 0px 2px;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #dfb;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #564;
  text-align: right;
  padding: 2px 4px 2px 2px;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #dfb;
}

.calendar tbody .rowhilite td {
  background: #dfd;
}

.calendar tbody .rowhilite td.wn {
  background: #efe;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #efd;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #dec;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #f8fff8;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { font-weight: bold; color: #0a0; }

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #565;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  padding: 2px;
  background: #250;
  color: #efa;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #afa;
  border: 1px solid #084;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #7c7;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #565;
  background: #efd;
  color: #000;
  font-size: smaller;
}

.combo .label {
  width: 100%;
  text-align: center;
}

.combo .hilite {
  background: #af8;
}

.combo .active {
  border-top: 1px solid #6a4;
  border-bottom: 1px solid #6a4;
  background: #efe;
  font-weight: bold;
}


.lightback2 {
	font-family: Verdana, Tahoma, Arial;
	font-size: 7pt;
	background-color: #E0ECE0;
}
.mnuStyle
{
	BORDER-RIGHT: #000000 1px solid; 
	BORDER-TOP: #000000 1px solid; 
	BORDER-LEFT: #000000 1px solid; 
	CURSOR:hand; 
	BORDER-BOTTOM: #000000 1px solid
	}
.THband {
	font-family: Arial, Tahoma, Arial;
	font-size: 10pt;
	font-weight: bold;
	background-image: url(../Images/grad-title.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	color: #ffffff;
	border: 1px solid #51A2A2;
	}
.mnTitleBand
{
	background-color:#cccccc;
	font-family: Arial, Tahoma;
	font-size: 8pt;
	font-weight:normal;
	color: #000000;
 }
 .mnTitleBandBig
{
	background-color:#cccccc;
	font-family: Arial, Tahoma;
	font-size: 10pt;
	font-weight:bold;
	color: #ffffff;
 }
.BigTitleBar
{
	background-image:url(../Images/menu_bk.gif);
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px;
	COLOR: #ffffff; 
	FONT-FAMILY: arial,helvetica,sanserif; 
	WHITE-SPACE: nowrap; height:20px;
	}
.cBigTitleBar
{
	background-image:url(../Images/menu_bk.gif);
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px;
	COLOR: #ffffff; 
	FONT-FAMILY: arial,helvetica,sanserif; 
	WHITE-SPACE: nowrap;
	cursor:hand;
	}
.SmallTitleBar
{
	background-image:url(../Images/menu_bk.gif);
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	height:20px;
	COLOR: #ffffff; 
	FONT-FAMILY: arial,helvetica,sanserif; 
	WHITE-SPACE: nowrap;
	}
.cpPartFramex {
	border: 1px solid #ccccc;
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	color: #000000;
}
.smtextDotted3 {
	font-family: Arial,Verdana, Tahoma ;
	font-size: 8pt;
	font-weight:normal;
	color:#000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color:#000000;
}
.smtextDotted4 {
	font-family: Arial,Verdana, Tahoma ;
	font-size: 8pt;
	font-weight:normal;
	color:#000000;
}

.cpListHeader {
	background-color:#996600;color:#ffffff;
	font-family:verdana,tahoma,arial;font-size:8pt;font-weight:bold;line-height:14pt;
}

.cpListRowAlt 
{
	background-color:#A2C5E1;
}

.cpRowBg
 {
	background-color:#f0f8ff; color:#000000;
	font-family:verdana,tahoma,arial;font-size:7pt;font-weight: normal;
}

.modalBackground
{background-color:Gray;filter:alpha(opacity=70);opacity:0.7;}