/* NOTE: Please make sure you styles are cross browser compatiable for        */
/* Microsoft IE 4 & up and Netscape Navigator 4 & up for both Window and      */
/* Macintosh for the correct style sheet.  Not sure?, then please review from */
/* the link below... http://webreview.com/style/css1/charts/mastergrid.shtml  */

/* Global Body: Body Style(s) */
/* Defines the styles for the applications body/content sections */
/* ie: Text, Links, etc... */

TD, UL, OL, LI {
   font-family: 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 9pt;
   color: #000000;
   text-decoration: none;
}

   
TEXTAREA {
   font-family: 'Arial', 'Helvetica';
   font-size: 9pt;
}

INPUT {
   font-family: 'Arial', 'Helvetica';
   font-size: 9pt;
}

INPUT.button { 
    border-left: 1px solid #666666; 
    border-top: 1px solid #666666; 
    border-right: 1px solid #333333; 
    border-bottom: 1px solid #333333; 
    font-family: 'Arial', 'Helvetica'; 
    font-weight: bold; 
    font-size: 8pt; 
    color: #FFFFFF; 
    cursor: hand; 
    background-color: #666666; 
	margin-top:1px;
	margin-right:1px;
	padding:2px;
  /* add added by Micky Sahote to fix width of buttons */
    width:auto;
    overflow:visible;
}

SELECT {
   font-family: 'Arial', 'Helvetica';
   font-size: 9pt;
}

/* Body font bolded */
.bodyBold {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 9pt;
   color: #000000;
   text-decoration: none;
}

A:link.bodyBold {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 9pt;
   color: #000000;
   text-decoration: none;
}

/* Body font small */
.bodySmall {
   font-family: 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 8pt;
   color: #000000;
   text-decoration: none;
}

A:link.bodySmall {
   font-family: 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 8pt;
   color: #000000;
   text-decoration: none;
}

/* Body font small bolded */
.bodySmallBold {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 8pt;
   color: #000000;
   text-decoration: none;
}

A:Link.bodySmallBold {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 8pt;
   color: #000000;
   text-decoration: none;
}

/* Greyed out link */
.greyedLink {
   font-family: 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 9pt;
   color: #666666;
   text-decoration: none;
}

/* Body font super small */
.bodySuperSmall {
   font-family: 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 7pt;
   color: #000000;
   text-decoration: none;
}

A:link.bodySuperSmall {
   font-family: 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 7pt;
   color: #000000;
   text-decoration: none;
}

/* Body font super small bold */
.bodySuperSmallBold {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 7pt;
   color: #000000;
   text-decoration: none;
}

A:link.bodySuperSmallBold {
   font-family: 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 7pt;
   color: #000000;
   text-decoration: none;
}

/* Body font grey */
.greyBold {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 9pt;
   color: #666666;
}


/* COLORS: WHITE */
/* Body font - Note: The corispoding black font is defined in the TD style. */
.bodyWhite {
   font-family: 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 9pt;
   color: #FFFFFF;
   text-decoration: none;
}

A:link.bodyWhite {
   font-family: 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 9pt;
   color: #FFFFFF;
   text-decoration: none;
}


/* Body font bolded */
.bodyBoldWhite {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 9pt;
   color: #FFFFFF;
   text-decoration: none;
   	text-indent: 1px;
}

A:link.bodyBoldWhite {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 9pt;
   color: #FFFFFF;
   text-decoration: none;
}

.bodyBoldYellow {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 9pt;
   color: #FFCC33;
   text-decoration: none;
}

A:link.bodyBoldYellow {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 9pt;
   color: #FFCC33;
   text-decoration: none;
}


/* Body font bolded */
.bodySmallWhite {
   font-family: 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 8pt;
   color: #FFFFFF;
   text-decoration: none;
}

A:link.bodySmallWhite {
   font-family: 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 8pt;
   color: #FFFFFF;
   text-decoration: none;
}

/* Body font bolded */
.bodySmallBoldWhite {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 8pt;
   color: #FFFFFF;
   text-decoration: none;
}

A:link.bodySmallBoldWhite {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 8pt;
   color: #FFFFFF;
   text-decoration: none;
}

.bodySmallGrey {
   font-family: 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 8pt;
   color: #666666;
   text-decoration: none;
}

A:link.bodySmallGrey {
   font-family: 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 8pt;
   color: #666666;
   text-decoration: none;
}

.bodySmallBoldGrey {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 8pt;
   color: #666666;
   text-decoration: none;
}

A:link.bodySmallBoldGrey {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 8pt;
   color: #666666;
   text-decoration: none;
}

/* Page Tile at the top of each main page */
.hubLogo {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 13pt;
   color: #663300;
   text-decoration: none;
}

.pageTitle {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 11pt;
   color: #000000;
   text-decoration: none;
}


/* Section (module) Tile at the top of each section */
.moduleTitle {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 11pt;
   color: #000000;
   text-decoration: none;
}

/* User message */
/* NOTE: For error messages use "errorMsg" below */
.userMsg {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 8pt;
   color: #990000;
}


/* Global Body Fonts: Table Style(s) */
/* Defines the styles for the applications tables */
/* ie: Overview Pages, List Pages, Releasted Lists, etc... */


/* Column Heading White */
.columnHeadInactiveWhite {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 9pt;
   color: #FFFFFF;
}

.columnHeadActiveWhite {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 9pt;
   color: #FFFFFF;
   text-decoration: underline;
}

A:link.columnHeadActiveWhite {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 9pt;
   color: #FFFFFF;
   text-decoration: underline;
}

A:hover.columnHeadActiveWhite {
   color: #FFFFFF;
}


/* Column Heading Black */
.columnHeadInactiveBlack {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 9pt;
   color: #000000;
}

.columnHeadActiveBlack {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 9pt;
   color: #000000;
   text-decoration: underline;
}

A:link.columnHeadActiveBlack {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 9pt;
   color: #000000;
   text-decoration: underline;
}

A:hover.columnHeadActiveBlack {
   color: #000000;
}

/* Action links */
.actionLink {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 9pt;
   color: #000000;
}

A:link.actionLink {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 9pt;
   color: #000000;
}

.tableRowWhite{
   font-family: 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 9pt;
   color: #000000;
   background-color: #EEEEEE;
}

.tableRowGrey{
	font-family: 'Arial', 'Helvetica';
	font-weight: normal;
	font-size: 9pt;
	color: #DDDDDD;
	background-color: #DDDDDD;
	height:20px;
	vertical-align: top;
}

/* Global Body Fonts: Data Detail Style(s) */
/* Defines the styles for the applications Data Detail */
/* ie: Detail Pages, Edit Pages, etc... */

/* Displaying Address Book */
.addressBookCompany {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 9pt;
   color: #666666;
   text-align: left;
   line-height: 16px;
   background-color: #FFFF99;
}

.addressBookPerson {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 9pt;
   color: #000000;
   text-align: left;
   line-height: 16px;
   background-color: #DDDDDD;
}

/* Data Label Fonts & BGCOLOR */
.dataLabel {
   font-family: 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 9pt;
   color: #000000;
   text-align: right;
   line-height: 16px;
   background-color: #DDDDDD;
}

.dataSmallLabel {
   font-family: 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 8pt;
   color: #000000;
   text-align: right;
   line-height: 14px;
   background-color: #DDDDDD;
}

/* Data field fonts & BGCOLOR */
.dataField {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 9pt;
   color: #000000;
   text-align: left;
   line-height: 16px;
   background-color: #EEEEEE;
}

/* Required field for the '*' */
.Required {
   font-family: 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 9pt;
   color: #990000;
}

/* Required field fonts & BGCOLOR */
.requiredInput {
   font-family: 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 9pt;
   color: #FFFFFF;
   text-align: right;
   line-height: 16px;
   background-color: #990000;
}

/* User error message */
.errorMsg {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 8pt;
   color: #990000;
}


/* Global Body Fonts: Calendar Style(s) */
/* Defines the styles for the applications Calendar */
/* ie: Small Home Cal, Large Cal, etc... */

/* Calendar month title font */
.calTitle {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 9pt;
   color: #FFFFFF;
   text-align: center;
   text-decoration: none;
}

/* Calendar day of week font */
.calDays {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 8pt;
   color: #FFFFFF;
   text-align: center;
   text-decoration: none;
}

/* Active calendar day font */
.calActive {
   font-family: 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 8pt;
   color: #000000;
   text-decoration: underline;
}

/* Calendar inactive days (previous/next month) */
.calInactive {
   font-family: 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 8pt;
   color: #999999;
   text-decoration: underline;
}

/* Today */
.calToday {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 8pt;
   color: #000000;
   text-decoration: underline;
}

/* Add Event */
.calAddEvent {
   font-family: 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 8pt;
   color: #000000;
   text-align: right;
   text-decoration: underline;
}

/* Calendar Motif */
.calMotif {
   font-family: 'Arial', 'Helvetica';
   color: #FFFFFF;
   background-color: #003366;
}

/* Overdue Tasks */
.overdueTask {
   font-family: 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 9pt;
   color: #990000;
   text-decoration: none;
}


/* Global Body Fonts: Background & Line Style(s) */
/* Defines the styles for the applications Horizonal Lines */

.blackLine {
   background-color: #000000;
}

.moduleLine {
   background-color: #336699;
}

.tableDiv {
   background-color: #666666;
}


/* Global Body Fonts: Wizard Style(s) */
/* Defines the styles for the applications Wizards */

.wizardTitle {
   font-family: 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 13pt;
   color: #FFFFFF;
   text-decoration: none;
}

.wizardTitleBold {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 10pt;
   color: #000000;
   text-decoration: none;
}

.wizardTitleBoldWhite {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 10pt;
   color: #FFFFFF;
   text-decoration: none;
}

.wizardProgress {
   font-family: 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 7pt;
   color: #666666;
   text-decoration: underline;
}

tr.d {
   background-color: #eeeeee;
}

tr.l {
   background-color: #ffffff;
}

.tableMargin {
	margin-top:5px;
	padding: 1px;
	margin-bottom: 5px;
}




/* Added by Micky Sahote */




.tableMargin2 {
	/*margin:5px;*/
	padding:2px;
	margin-top:5px;
	/*margin-right:1px;*/
	/*margin:0px;
	padding:0px;*/
}

.tipText {
   font-family: 'Arial', 'Helvetica';
   font-size: 8pt;
   color: #cccccc;
   text-decoration: none;
}

.tabLink {font-weight:normal; text-decoration:underline}
.tabLinkActive {font-weight:bold; text-decoration:none; color:#669900}

.resultLink {font-weight:normal; text-decoration:underline;}
.resultLinkActive {font-weight:bold; text-decoration:underline}

/* Body font small */
.bodySmallDarkGrey {
   font-family: 'Arial', 'Helvetica';
   font-weight: normal;
   font-size: 8pt;
   color: #444444;
   text-decoration: none;
}

.tableRowGreyEmptyRow{
	font-family: 'Arial', 'Helvetica';
	font-weight: normal;
	font-size: 9pt;
	color: #DDDDDD;
	background-color: #DDDDDD;
	height:7px;
	vertical-align: top;
}

.scrollPane{
	width:100%;
	height:400px;
	overflow : scroll; 
}

.bodyBoldRed {
   font-family: 'Arial', 'Helvetica';
   font-weight: bold;
   font-size: 9pt;
   color: #FF0000;
   text-decoration: none;
}