/*************************
How to change section colours/background:
1) Replace #000066 with the new primary colour
   (top menu background colour) 
   ONLY where it says "Section Primary Colour"
2) Replace #6699FF with the new secondary colour
   (title bar background colour) 
   ONLY where it says "Section Secondary Colour"
3) Replace frameworkBackground.gif with the
   name of the file you want to use as the background
**************************/

/*************************
Default format for base HTML tags
**************************/
/* Links */
A
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: bold;
	/* Section Primary Colour */
	color: #006300;
	text-decoration: none;
}
A:hover
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: bold;
	/* Section Secondary Colour */
	color: #ff8000;
	text-decoration: underline;
}

/* Main Body */
BODY
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	color: #000000;
	line-height: 20px;
	background-image: url(../../Desktop/frameworkBackground.gif);
	background-repeat: no-repeat;
}

/* Headings */
H1
{ 
	font-family: verdana; 
	font-size: medium;
	font-weight: bold;
	/* Section Primary Colour */
	color: #ffffff; margin: 5px 5px 20px; padding: 7px; 
}
H2
{
	font-family: verdana; 
	font-size: small;
	font-weight: bold;
	/* Section Primary Colour */
	color: #ffffff;
	margin: 5px 0px 5px 0px; padding: 8px;
}
H3
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: bold;
	/* Section Primary Colour */
	color: #ffffff;
	margin: 5px 0px 5px 0px; padding: 8px;
}
H4
{
	font-family: verdana; 
	font-size: xs-small;
	font-weight: bold;
	color: #ffffff;
	margin: 5px 0px 5px 0px; padding: 8px;
}
H5
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: bold;
	/* Section Primary Colour */
	color: #ffffff;
	margin: 4px 0px 0px 0px; padding: 8px;
}
H6
{
	font-family: verdana; 
	font-size: xs-small;
	font-weight: bold;
	color: #ffffff;
	margin: 4px 0px 3px 0px; padding: 8px;
}

/* Horizontal Line */
HR
{
	border-top: dotted 1px #666666;
	border-bottom-style:none;
	border-left-style:none;
	border-right-style:none;
	height: 0px;
}

/* Image */
IMG
{
	border: none;
}
.IMGhand
{
            border: none;
            cursor:pointer;
}

/* Data Entry */
/* Text box - single line */
/* input type=text */
.inpText
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	color: #000000;
	border: solid 1px #999999;
	padding: 3px 2px 2px 4px;
	height: 22px;
	margin: 2px 0px 6px 0px;
}
/* input type=radio */
.inpRadio
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	color: #000000;
	border: solid 1px #999999;
	padding: 3px 2px 2px 4px;
	height: 22px;
	margin: 2px 0px 6px 0px;
}
/* input type=checkbox */
.inpCheckbox
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	color: #000000;
	border: none 0px;  
	border-style:none;
	margin: 0px 2px 0px 0px;
	vertical-align: middle;
}
/* input type=file */
.inpFile
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	color: #000000;
	border: solid 1px #999999;
	padding: 3px 2px 2px 4px;
	height: 22px;
	margin: 2px 0px 6px 0px;
}
/* input type=password */
.inpPassword
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	color: #000000;
	border: solid 1px #999999;
	padding: 3px 2px 2px 4px;
	height: 22px;
	margin: 2px 0px 6px 0px;
}
/* input type=reset  */
.inpReset
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	color: #000000;
	border: solid 1px #999999;
	padding: 3px 2px 2px 4px;
	height: 22px;
	margin: 2px 0px 6px 0px;
}
/* Text box - Multiple lines */
TEXTAREA
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	color: #000000;
	border: solid 1px #999999;
	padding: 3px 2px 2px 4px;
	line-height: 20px;
	margin: 2px 0px 4px 0px;
}
/* Dropdown boxes */
SELECT
{
	padding: 3px 2px 2px 4px;
	border-style: none;
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	height: 22px;
	color: #000000;
	margin: 2px 0px 4px 0px;
}
OPTION
{
	line-height: 20px;
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	color: #000000;
}

/* Label */
LABEL
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	color: #000000;
}
/* ASP.Net Control creates a label as a span */
SPAN
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	color: #000000;
}

/* Lists */
/* List Item */
LI
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	color: #000000;
}
/* Ordered List */
OL
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	color: #000000;
}
/* Unordered List */
UL
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	color: #000000;
}

/* Paragraph */
P
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	color: #000000;
	margin: 10px 0px 0px 0px;
}

/* Tables */
TABLE
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: dotted 1px #ffffff;
}
/* Table Data Row */
TR
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: dotted 1px #ffffff;
}
/* Table Header Cell */
TH
{
	text-align: left;
	padding: 3px 3px 3px 3px;
	font-family: verdana; 
	font-size: x-small;
	font-weight: bold;
	/* Section Primary Colour */
	color: #000000;
	/* Section Secondary Colour */
	background-color: #006300;
}
/* Table Data Cell */
TD
{
	padding: 3px 3px 3px 3px;
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	color: #000000;
}
/************************
End HTML Tags 
*************************/

/************************
Custom Classes 
*************************/

/* Format purposes - override default styles - no styles */
.formatOnly
{
	background-color: Transparent;
	background-image: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-style: none;
}

/* Required Field image */
.lblRequiredImage
{
	background-image: url(../../images/reqd.gif);
	background-repeat: no-repeat;
	border-style: none;
	height: 11px;
	width: 12px;
	vertical-align: top;
}

/* Date Picker image */
.lblDatePickerImage
{
	background-image: url(../../images/icon_calendar.gif);
	background-repeat: no-repeat;
	border-style: none;
	height: 17px;
	width: 20px;
	vertical-align: top;
	cursor: pointer;
}

/* Checkbox List */
.divCheckboxList
{
	background-color: white;
	height: 200px;
	width: 300px;
	overflow: auto;
	border: solid 1px #666666;
	margin: 2px 0px 4px 0px;
}

/* Background Colors with formatOnly */
/* All we are interested in is the colour, no formatting */
/* Top banner */
.background_a 
{ 
    background-color: #ffffff;
	background-image: none;
	padding: 0px;
	margin: 0px;
	border-style: none;
}
/* Top Menu */
.background_b 
{ 
	/* Section Primary Colour */
    background-color: #ffffff;
	background-image: none;
	padding: 0px;
	margin: 0px;
	border-style: none;
}
/* Title Bar */
.background_c 
{ 
	/* Section Secondary Colour */
    background-color: #272b2c;
	background-image: none;
	padding: 0px;
	margin: 0px;
	border-style: none;
}
/* Title Bar Left Nav - home page */
.background_d 
{ 
    background-color: #006300;
	background-image: none;
	padding: 0px;
	margin: 0px;
	border-style: none;
}
/* Title Bar Left Nav secondary color - home page */
.background_e 
{ 
    background-color: #E5E5E5;
	background-image: none;
	padding: 0px;
	margin: 0px;
	border-style: none;
}
/* Treenav and admin screens */
.background_treenav 
{ 
    background-color: #F7F8F5;
	background-image: none;
	padding: 0px;
	margin: 0px;
	border-style: none;
}

/* Content Editor */
.divToolbar 
{ 
    BORDER-RIGHT: lightgrey 1px solid; 
    BORDER-TOP: darkgray 1px; 
    BORDER-LEFT: lightgrey 1px solid; 
    BORDER-BOTTOM: darkgray 1px; 
    PADDING: 4px 2px 4px 2px; 
    COLOR: menutext; 
    BACKGROUND-COLOR: #EFEDDE 
}
.imgToolbar 
{ 
    BORDER: solid 1px #EFEDDE; 
    WIDTH: 24px;
    HEIGHT:24px;
}
.imgToolbarDots 
{ 
    WIDTH: 1px; 
    HEIGHT: 24px; 
}
.selDropdown 
{ 
    font-family: verdana; 
	font-size: x-small;
	font-weight: normal; 
}
.tblEditor 
{ 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    BORDER: lightgrey 1px solid; 
}

/* Top Level Menu */
.tdTopMenuDefault
{ font-family: verdana; 
	font-size: x-small;
	font-weight: bold; 
	color: #006300; 
	/* Section Primary Colour */
    background-color: #ffffff; margin: 0; padding: 0; }
.tdTopMenuOver
{ font-family: verdana; 
	font-size: x-small;
	font-weight: bold; 
	/* Section Primary Colour */
    color: #006300; background-color: #ffffff; margin: 0 0 0; padding: 0; }
.tdTopMenuSelected
{ font-family: verdana; 
	font-size: x-small;
	font-weight: bold;
	color: #006300;
    /* Section Secondary Colour */ 
    background-color: #6699ff; margin: 0; padding: 0; }

/* Right-click Menu */
.divRightClickMenu 
{ 
    BORDER: 2px outset; 
    font-family: verdana; 
	font-size: x-small;
	font-weight: normal; 
    BACKGROUND-COLOR: menu; 
    PADDING: 2px 0px 2px 0px;
    color: #000000; 
}
.divRightClickMenuItem 
{ 
    padding: 1px 20px 3px 16px; 
    font-family: verdana; 
	font-size: x-small;
	font-weight: normal; 
    color: #000000; 
    BORDER-style: none; 
}

/* Today's date: login and top banner */
.lblDate
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: bold; 
	line-height: 12pt; 
	color: #000000;
}

/* Title bar under top menu */
.lblTitleBar
{ 
	color: #FFFFFF; 
	font-family: verdana; 
	font-size: small;
	font-weight: bold;
	margin-left: 5px;
}

/* Title for pop-up windows */
.lblTitleBarPopUp
{ 
	color: #ff3300; 
	font-family: verdana; 
	font-size: large;
	font-weight: bold;
	margin-right: 15px;
}

/* Title bar of boxes on left panel */
.lblTitleBarNav
{ 
	color: #FFFFFF; 
	font-family: verdana; 
	font-size: x-small;
	font-weight: bold; 
	margin-left: 5px;
	text-transform: capitalize;
}

/* Search Label */
.lblSearch 
{ 
	color: #000000;  
	font-family: verdana; 
	font-size: x-small;
	font-weight: bold; 
	background-color: Transparent;
}

/* Home page header Label - new, current, overdue */
.divHomeNavHeaderItem
{ 
	color: #ff3300;  
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	background-color: Transparent;
	text-transform: capitalize;
}

/* Login Links */
.aLogin
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	color: #006300;
	text-decoration: none;
	line-height:20px;
}
.aLogin:hover
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	color: #ff3300;
	text-decoration: underline;
	line-height:20px;
}

/* No Space Horizontal Line */
.divNoSpaceTopLine
{
	border-top: dotted 1px #666666;
	border-bottom-style:none;
	border-left-style:none;
	border-right-style:none;
	height: 0px;
	font: normal 0px verdana;
}
.divNoSpaceBottomLine
{
	border-bottom: dotted 1px #666666;
	border-top-style:none;
	border-left-style:none;
	border-right-style:none;
	height: 0px;
	font: normal 0px verdana;
}

/* Admin forms */
/* Background and padding for admin screens */
.divAdminForm
{ 
    background-color: #F7F8F5;
	background-image: none;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	border-style: none;
}

/* Label for admin author form */
.lblAdminLabel
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	color: #666666;
}

/* Display data for admin author form */
.divAdminData
{
	border: solid 1px #999999;
	background-color: #FFFFFF;
	padding: 3px 2px 2px 4px;
	margin: 3px 0px 8px 0px;
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	color: #666666;
}
.divAdminNoData
{
	border: solid 1px #999999;
	background-color: #F7F8F5;
	padding: 3px 2px 2px 4px;
	margin: 3px 0px 8px 0px;
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	color: #666666;
}

/* Admin Button face (Edit) */
.inpAdminButtonActive
{
	height: 15px;
	font: normal 8px verdana;
	letter-spacing: 2px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	cursor: pointer;
}
.inpAdminButtonInactive
{
	height: 15px;
	font: normal 8px verdana;
	letter-spacing: 2px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	cursor: pointer;
}
/* Admin Tables */
.tblAdmin
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-style: none;
	background-color: #F7F7F5;
}
/* Table Data Row */
.trAdmin
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-style: none;
	background-color: #F7F7F5;
}
/* Table Header Cell */
.thAdmin
{
	text-align: left;
	padding: 3px 5px 3px 5px;
	margin: 0px 0px 0px 0px;
	font: bold 11px verdana;
	color: #FFFFFF;
	background-color: #000066;
	border-right: solid 3px #FFFFFF;
}
/* Table Data Cell */
.tdAdmin
{
	padding: 3px 5px 3px 5px;
	margin: 0px 0px 0px 0px;
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	color: #000066;
	border-right: solid 3px #FFFFFF;
	background-color: #F7F7F5;
}
.tdAdminAlternate
{
	padding: 3px 5px 3px 5px;
	margin: 0px 0px 0px 0px;
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	color: #000066;
	border-right: solid 3px #FFFFFF;
	background-color: #E5E6E1;
}

/* Admin Links */
.aAdmin
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: bold;
	color: #000066;
	text-decoration: none;
}
.aAdmin:hover
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: bold;
	color: #6699FF;
	text-decoration: none;
}
.aAdminHeader
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.aAdminHeader:hover
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
/* Admin Text box - single line - inside table*/
.inpAdmin
{
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	color: #000066;
	border: solid 1px #999999;
	padding: 2px 0px 0px 2px;
	margin: 0px 0px 0px 0px;
	height: 18px;
	width: 300px;
}

/* Debug only - grey on white in case of coloured background */
.greyOnWhite
{
	color: #666666;
	font-family: verdana; 
	font-size: x-small;
	font-weight: normal;
	background-color: #FFFFFF;
}

/* Caption for various modal dialogs */
.lblBannerCaption 
{ 
	color: #ff8000; 
	font-family: verdana; 
	font-size: x-large;
	font-weight: normal;
	letter-spacing: 0.2em; 
}

/* Error display */
.lblErrorMessage
{
	color: red;
}
.lblErrorBody
{
	color:Red;
	font-size:x-small;
}
/* Copyright label */
.lblCopyRight
{
  font-family: verdana; 
	font-size: xx-small;
	font-weight: normal;
   color: #000000;
   text-decoration: none;
}
.pageTitle 
{
	background-color: #ff8000;
	background-image: url(../images/titleTile.gif);
	background-repeat: repeat;
	padding: 0px;
	margin: 0px;
	vertical-align:middle;
}

/* Sub Record */
/*suffy*/
.divSubRecordCommentWrapper
{
	margin: 0px 0px 0px 20px;
	display: block;
}
.divSubRecordMemberCommentWrapper
{
	margin: 0px 0px 0px 20px;
	display: none;
}
.divSubRecordTitleBar
{
	background-color: #CCCCCC;
	margin: 5px 0px 5px 0px;
	padding: 3px 0px 3px 3px;
	font: bold 12px Verdana;
	cursor: pointer;
}
.divSubRecordCommentBar
{
	background-color: #EEEEEE;
	margin: 3px 0px 3px 0px;
	padding: 3px 0px 3px 3px;
	font: bold 10px Verdana;
	cursor: pointer;
}
.divSubRecordLatestUpdateTitle
{ 
	color: #6699FF;  
	font: normal 11px Verdana; 
	background-color: Transparent;
	text-transform: capitalize;
}

.lblLargest
{
    font-family: verdana; 
    font-size: medium;
    font-weight: bold;
      /* Section Primary Colour */
      color: #000066;
      margin: 4px 0px 0px 0px;
}
.lblLarger
{
      font-family: verdana;       
      font-size: small;	
      font-weight: bold;
      /* Section Primary Colour */
      color: #000066;
      margin: 4px 0px 0px 0px;
}
.lblNormal
{
      font-family: verdana; 
	font-size: x-small;	
	font-weight: bold;
      /* Section Primary Colour */
      color: #000066;
      margin: 4px 0px 0px 0px;
}
.lblSmaller
{
      font-family: verdana;     
	font-size: xx-small;	
	font-weight: bold;
      /* Section Primary Colour */
      color: #000066;
      margin: 4px 0px 0px 0px;
}


.lblLargest
{
    font-family: verdana; 
    font-size: medium;
    font-weight: bold;
      /* Section Primary Colour */
      color: #000066;
      margin: 4px 0px 0px 0px;
}
.lblLarger
{
      font-family: verdana;       
      font-size: small;	
      font-weight: bold;
      /* Section Primary Colour */
      color: #000066;
      margin: 4px 0px 0px 0px;
}
.lblNormal
{
      font-family: verdana; 
	font-size: x-small;	
	font-weight: bold;
      /* Section Primary Colour */
      color: #000066;
      margin: 4px 0px 0px 0px;
}
.lblSmaller
{
      font-family: verdana;     
	font-size: xx-small;	
	font-weight: bold;
      /* Section Primary Colour */
      color: #000066;
      margin: 4px 0px 0px 0px;
}
/* Sub Record */
.divSubRecordCommentWrapper
{
        margin: 0px 0px 0px 20px;
        display: block;
}
.divSubRecordMemberCommentWrapper
{
        margin: 0px 0px 0px 20px;
        display: none;
}
.divSubRecordTitleBar
{
        background-color: #cccccc;
        margin: 5px 0;
        padding: 3px 0 3px 3px;
        font-family: verdana; 
		font-size: x-small;
		font-weight: bold;
        cursor: hand;
}
.divSubRecordCommentBar
{
        background-color: #EEEEEE;
        margin: 5px 0px 5px 0px;
        padding: 3px 0px 3px 3px;
        font-family: verdana; 
		font-size: xx-small;
		font-weight: bold;
        cursor: hand;
}
.divSubRecordLatestUpdateTitle
{
      	color: #6699FF;
      	font-family: verdana; 
		font-size: x-small;
		font-weight: normal;
      	background-color: Transparent;
      	text-transform: capitalize;
}



.background_tr
{ 
    background-color: #F7F8F5;
	background-image: none;
	padding: 0px;
	margin: 0px;
	border-style: none;
}
.background_td 
{ 
    background-color: #F7F8F5;
	background-image: none;
	padding: 0px;
	margin: 0px;
	border-style: none;
}
.background_div_m 
{ 
    background-color: #F7F8F5;
	background-image: none;
	padding: 0px;
	margin: 0px;
	border-style: none;
}

.aWelcomeBarLink
{
        font: normal 10pt verdana;
        color: #FFFFFF;
        text-decoration: none;
}
.aWelcomeBarLink:hover
{
        font: normal 10pt verdana;
        color: #FFFFFF;
        text-decoration: underline;
}
.lblUpdateDate
{
     font-family: helvetica;
     font-size: x-small;
     font-weight: bold;
     color: #FF9900;
     margin: 4px 0px 0px 0px;
}