/*************************
Default format for base HTML tags
**************************/
/* Links */
A
{
        font-family: helvetica;
        font-size: x-small;
        font-weight: bold;
        /* Section Primary Colour */
        color: #847c79;
        text-decoration: none;
}
A:hover
{
        font-family: helvetica;
        font-size: x-small;
        font-weight: bold;
        /* Section Secondary Colour */
        color: #847c79;
        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; 
        background-color: #847c79;
        margin: 5px 5px 20px; 
        padding: 7px;
}
H2
{
        font-family: helvetica;
        font-size: small;
        font-weight: bold;
        /* Section Primary Colour */
        color: #ffffff;
        background-color: #847c79;
        margin: 5px 0px 5px 0px; 
        padding: 8px;
}
H3
{
        font-family: helvetica;
        font-size: x-small;
        font-weight: bold;
        /* Section Primary Colour */
        color: #ffffff;
        background-color: #847c79;
        margin: 5px 0px 5px 0px; 
        padding: 8px;
}
H4
{
        font-family: helvetica;
        font-size: x-small;
        font-weight: bold;
        color: #ffffff;
        background-color: #847c79;
        margin: 5px 0px 5px 0px; 
        padding: 8px;
}
H5
{
        font-family: helvetica;
        font-size: x-small;
        font-weight: bold;
        /* Section Primary Colour */
        color: #ffffff;
        background-color: #847c79;
        margin: 4px 0px 0px 0px; 
        padding: 8px;
}
H6
{
        font-family: helvetica;
        font-size: x-small;
        font-weight: bold;
        color: #ffffff;
        background-color: #847c79;
        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-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;
        /* Section Primary Colour */
        color: #000000;
        /* Section Secondary Colour */
        background-color: #0099FF;
}
/* Table Data Cell */
TD
{
        padding: 3px 3px 3px 3px;
        font-family: helvetica;
        font-size: x-small;
        font-weight: normal;
        color: #000000;
}
/************************
End HTML Tags
*************************/

/************************
Site Specific Classes
*************************/


.cmsTable
    {
    BORDER-COLLAPSE: collapse; 
    BORDER-BOTTOM: #847c79 2px solid; 
    BORDER-LEFT: #847c79 2px solid; 
    BORDER-TOP: #847c79 2px solid; 
    BORDER-RIGHT: #847c79 2px solid
    }

.cmsTable thead
    {
    background-color: #847c79; 
    color: #ffffff;
    }

.cmsTable tbody
    {
    background-color: #E5E5E5;
    color: #ffffff;
    }
    
.cmsTable td
    {
    BORDER-BOTTOM: #847c79 2px solid;
    }
    




/************************
NOW.net 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: #847c79;
        background-image: none;
        padding: 0px;
        margin: 0px;
        border-style: none;
}
/* Top Menu */
.background_b
{
        /* Section Primary Colour */
    background-color: #f6b10b;
        background-image: none;
        padding: 0px;
        margin: 0px;
        border-style: none;
}
/* Title Bar */
.background_c
{
        /* Section Secondary Colour */
    background-color: #847c79;
        background-image: none;
        padding: 0px;
        margin: 0px;
        border-style: none;
        vertical-align:middle;
}
/* Title Bar Left Nav - home page */
.background_d
{
    background-color: #847c79;
        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: #f6b10b; margin: 0; padding: 0; }
.tdTopMenuOver
{ font-family: helvetica;
        font-size: x-small;
        font-weight: bold;
        /* Section Primary Colour */
    color: #f6b10b; background-color: #ffffff; margin: 0 0 0; padding: 0; }
.tdTopMenuSelected
{ font-family: helvetica;
        font-size: x-small;
        font-weight: bold;
        color: #f6b10b;
    /* 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: x-small;
        font-weight: bold;
        line-height: 12pt;
        color: #ffffff;
}

/* 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: #58574b;
        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: #003366;
        text-decoration: none;
        line-height:20px;
}
.aLogin:hover
{
        font-family: helvetica;
        font-size: x-small;
        font-weight: normal;
        color: #0099ff;
        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: #003366;
        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: #847c79;
        padding: 0px;
        margin: 0px;
        vertical-align:middle;
}



.lblLargest
{
    font-family: helvetica;
    font-size: medium;
    font-weight: bold;
      /* Section Primary Colour */
      color: #000066;
      margin: 4px 0px 0px 0px;
}
.lblLarger
{
      font-family: helvetica;
      font-size: small;
      font-weight: bold;
      /* Section Primary Colour */
      color: #000066;
      margin: 4px 0px 0px 0px;
}
.lblNormal
{
      font-family: helvetica;
        font-size: x-small;
        font-weight: bold;
      /* Section Primary Colour */
      color: #000066;
      margin: 4px 0px 0px 0px;
}
.lblSmaller
{
      font-family: helvetica;
        font-size: xx-small;
        font-weight: bold;
      /* Section Primary Colour */
      color: #000066;
      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: 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;
}