/*************************
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: helvetica;
        font-size: x-small;
        font-weight: bold;
        /* Section Primary Colour */
        color: #0092cf;
        text-decoration: none;
}
A:hover
{
        font-family: helvetica;
        font-size: x-small;
        font-weight: bold;
        /* Section Secondary Colour */
        color: #0092cf;
        text-decoration: underline;
}

/* Main Body */
BODY
{
        font-family: helvetica;
        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: helvetica;
        font-size: medium;
        font-weight: bold;
        /* Section Primary Colour */
        color: #ffffff; margin: 5px 5px 15px; padding: 5px;
}
H2
{
        font-family: helvetica;
        font-size: small;
        font-weight: bold;
        /* Section Primary Colour */
        color: #ffffff;
        margin: 5px 0px 5px 0px; padding: 8px;
}
H3
{
        font-family: helvetica;
        font-size: x-small;
        font-weight: bold;
        /* Section Primary Colour */
        color: #ffffff;
        margin: 5px 0px 5px 0px; padding: 8px;
}
H4
{
        font-family: helvetica;
        font-size: xs-small;
        font-weight: bold;
        color: #ffffff;
        margin: 5px 0px 5px 0px; padding: 8px;
}
H5
{
        font-family: helvetica;
        font-size: x-small;
        font-weight: bold;
        /* Section Primary Colour */
        color: #ffffff;
        margin: 4px 0px 0px 0px; padding: 8px;
}
H6
{
        font-family: helvetica;
        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: helvetica;
        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: helvetica;
        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: helvetica;
        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: helvetica;
        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: helvetica;
        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: helvetica;
        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: helvetica;
        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: helvetica;
        font-size: x-small;
        font-weight: normal;
        height: 22px;
        color: #000000;
        margin: 2px 0px 4px 0px;
}
OPTION
{
        line-height: 20px;
        font-family: helvetica;
        font-size: x-small;
        font-weight: normal;
        color: #000000;
}

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

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

/* Paragraph */
P
{
        font-family: helvetica;
        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;
        border: dotted 1px #ffffff;
}
/* Table Header Cell */
TH
{
        text-align: left;
        padding: 3px 3px 3px 3px;
        font-family: helvetica;
        font-size: x-small;
        font-weight: bold;
        color: #ffffff;
        background-color: #183F4F;
}
/* Table Data Cell */
TD
{
        padding: 3px 3px 3px 3px;
        font-family: helvetica;
        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: #0092cf;
        background-image: none;
        padding: 0px;
        margin: 0px;
        border-style: none;
}
/* Top Menu */
.background_b
{
        /* Section Primary Colour */
    background-color: #333333;
        background-image: none;
        padding: 0px;
        margin: 0px;
        border-style: none;
}
/* Title Bar */
.background_c
{
        /* Section Secondary Colour */
    background-color: #0092cf;
        background-image: none;
        padding: 0px;
        margin: 0px;
        border-style: none;
        vertical-align:middle;
}
/* Title Bar Left Nav - home page */
.background_d
{
    background-color: #0092cf;
        background-image: none;
        padding: 0px;
        margin: 0px;
        border-style: none;
        vertical-align:middle;
}
/* 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: helvetica;
        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: helvetica;
        font-size: x-small;
        font-weight: bold;
        color: #ffffff;
        /* Section Primary Colour */
    background-color: #333333; margin: 0; padding: 0; }
.tdTopMenuOver
{ font-family: helvetica;
        font-size: x-small;
        font-weight: bold;
        /* Section Primary Colour */
    color: #0092cf; background-color: #ffffff; margin: 0 0 0; padding: 0; }
.tdTopMenuSelected
{ font-family: helvetica;
        font-size: x-small;
        font-weight: bold;
        color: #0092cf;
    /* Section Secondary Colour */
    background-color: #ffffff; margin: 0; padding: 0; }

/* Right-click Menu */
.divRightClickMenu
{
    BORDER: 2px outset;
    font-family: helvetica;
        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: helvetica;
        font-size: x-small;
        font-weight: normal;
    color: #000000;
    BORDER-style: none;
}

/* Today's date: login and top banner */
.lblDate
{ font-family: helvetica; font-size: xx-small; font-weight: bold; color: #000000; vertical-align: text-top; }

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

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

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

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

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

/* Login Links */
.aLogin
{
        font-family: helvetica;
        font-size: x-small;
        font-weight: normal;
        color: #0092cf;
        text-decoration: none;
        line-height:20px;
}
.aLogin:hover
{
        font-family: helvetica;
        font-size: x-small;
        font-weight: normal;
        color: #0092cf;
        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 helvetica;
}
.divNoSpaceBottomLine
{
        border-bottom: dotted 1px #666666;
        border-top-style:none;
        border-left-style:none;
        border-right-style:none;
        height: 0px;
        font: normal 0px helvetica;
}

/* 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: helvetica;
        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: helvetica;
        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: helvetica;
        font-size: x-small;
        font-weight: normal;
        color: #666666;
}

/* Admin Button face (Edit) */
.inpAdminButtonActive
{
        height: 15px;
        font: normal 8px helvetica;
        letter-spacing: 2px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        cursor: pointer;
}
.inpAdminButtonInactive
{
        height: 15px;
        font: normal 8px helvetica;
        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 helvetica;
        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: helvetica;
        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: helvetica;
        font-size: x-small;
        font-weight: normal;
        color: #000066;
        border-right: solid 3px #FFFFFF;
        background-color: #E5E6E1;
}

/* Admin Links */
.aAdmin
{
        font-family: helvetica;
        font-size: x-small;
        font-weight: bold;
        color: #003366;
        text-decoration: none;
}
.aAdmin:hover
{
        font-family: helvetica;
        font-size: x-small;
        font-weight: bold;
        color: #0099ff;
        text-decoration: underline;
}
.aAdminHeader
{
        font-family: helvetica;
        font-size: x-small;
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
}
.aAdminHeader:hover
{
        font-family: helvetica;
        font-size: x-small;
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: underline;
}
/* Admin Text box - single line - inside table*/
.inpAdmin
{
        font-family: helvetica;
        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: helvetica;
        font-size: x-small;
        font-weight: normal;
        background-color: #FFFFFF;
}

/* Caption for various modal dialogs */
.lblBannerCaption
{
        color: #ffffff;
        font-family: helvetica;
        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: helvetica;
        font-size: xx-small;
        font-weight: normal;
   color: #000000;
   text-decoration: none;
}
.pageTitle
{
        background-color: #0092cf;
        background-image: url(../images//titleTile2.jpg);
        background-repeat: repeat;
        padding: 0px;
        margin: 0px;
        vertical-align:middle;
}


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


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

/* START Sub Record */
/* START Suffy */

.divSubRecordCommentWrapper
{
        margin: 0px 0px 0px 20px;
        display: none;
}
.divSubRecordMemberCommentWrapper
{
        margin: 0px 0px 0px 20px;
        display: none;
}
.divSubRecordTitleBar
{
        background-color: #cccccc;
        margin: 5px 0;
        padding: 3px 0 3px 3px;
        font-family: helvetica;
                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: helvetica;
                font-size: xx-small;
                font-weight: bold;
        cursor: hand;
}
.divSubRecordLatestUpdateTitle
{
              color: #6699FF;
              font-family: helvetica;
                font-size: x-small;
                font-weight: normal;
              background-color: Transparent;
              text-transform: capitalize;
}
/* END Sub Record */
/* END Suffy */


/* tree report style */
.treeReportSectionTitle
{
margin: 2px 0px 0px 4px;
font-family: helvetica;
font-size: x-small;
font-weight: bold;
color: #666666;
cursor: pointer;
display: block;
}
.treeReportNodeTitle
{
width:260px;
font-family: helvetica;
font-size: x-small;
font-weight: normal;
/* Section Primary Colour */
color: #000066;
margin: 2px 0px 0px 4px;
}
/* END tree report style */

.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;
}


/* CUSTOM CLASSES FOR AUTHORED CONTENT */
.bapoTable {}
.bapoTable td {font-size: inherit; color: #2e3569; background-color: #E6E6FA;  vertical-align: top; padding: 5px; border: 5px solid #ffffff;}
.bapoTable th {font-size: inherit; color: #ffffff; background-color: #2e3569; vertical-align: top; padding: 5px 5px 5px 5px;}