/*************************
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: bold 12px verdana;
        /* Section Primary Colour */
        color: #59227e;
        text-decoration: none;
}
A:hover
{
        font: bold 12px verdana;
        /* Section Secondary Colour */
        color: #86cfaf;
        text-decoration: underline;
}

/* Main Body */
BODY
{
        font: normal 12px verdana;
        color: #000000;
        line-height: 20px;
        background-image: url();
        background-repeat: no-repeat;
}

/* Headings */
H1
{
        font: bold 16px verdana;
        /* Section Primary Colour */
        color: #59227e;
        margin: 0px 0px 10px 0px;
}
H2
{
        font: bold 14px verdana;
        /* Section Primary Colour */
        color: #59227e;
        margin: 5px 0px 5px 0px;
}
H3
{
        font: bold 12px verdana;
        /* Section Primary Colour */
        color: #59227e;
        margin: 5px 0px 5px 0px;
}
H4
{
        font: bold 12px verdana;
        color: #59227e;
        margin: 5px 0px 5px 0px;
}
H5
{
        font: bold 10px verdana;
        /* Section Primary Colour */
        color: #59227e;
        margin: 4px 0px 0px 0px;
}
H6
{
        font: bold 10px verdana;
        color: #59227e;
        margin: 4px 0px 3px 0px;
}

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

/* Image */
IMG
{
        border: none;
}

/* Data Entry */
/* Text box - single line */
/* input type=text */
.INPTEXT
{
        font: normal 12px verdana;
        color: #000066;
        border: solid 1px #999999;
        padding: 3px 2px 2px 4px;
        height: 22px;
        margin: 2px 0px 6px 0px;
}
/* input type=radio */
.INPRADIO
{
        font: normal 12px verdana;
        color: #000066;
        border: solid 1px #999999;
        padding: 3px 2px 2px 4px;
        height: 22px;
        margin: 2px 0px 6px 0px;
}
/* input type=checkbox */
.INPUTCHECKBOX
{
        font: normal 12px verdana;
        color: #000066;
        border: solid 1px #999999;
        padding: 3px 2px 2px 4px;
        height: 22px;
        margin: 2px 0px 6px 0px;
}
/* input type=file */
.INPFILE
{
        font: normal 12px verdana;
        color: #000066;
        border: solid 1px #999999;
        padding: 3px 2px 2px 4px;
        height: 22px;
        margin: 2px 0px 6px 0px;
}
/* input type=password */
.INPPASSWORD
{
        font: normal 12px verdana;
        color: #000066;
        border: solid 1px #999999;
        padding: 3px 2px 2px 4px;
        height: 22px;
        margin: 2px 0px 6px 0px;
}
/* input type=reset  */
.INPRESET
{
        font: normal 12px verdana;
        color: #000066;
        border: solid 1px #999999;
        padding: 3px 2px 2px 4px;
        height: 22px;
        margin: 2px 0px 6px 0px;
}
/* Text box - Multiple lines */
TEXTAREA
{
        font: normal 12px verdana;
        color: #59227e;
        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: normal 12px verdana;
        height: 22px;
        color: #59227e;
        margin: 2px 0px 4px 0px;
}
OPTION
{
        line-height: 20px;
        font: normal 12px verdana;
        color: #59227e;
}

/* Label */
LABEL
{
        font: normal 12px verdana;
        color: #59227e;
}
/* ASP.Net Control creates a label as a span */
SPAN
{
        font: normal 12px verdana;
        color: #59227e;
}

/* Lists */
/* List Item */
LI
{
        font: normal 12px verdana;
        color: #000000;
}
/* Ordered List */
OL
{
        font: normal 12px verdana;
        color: #000000;
}
/* Unordered List */
UL
{
        font: normal 12px verdana;
        color: #000000;
}

/* Paragraph */
P
{
        font: normal 12px verdana;
        color: #000000;
        margin: 10px 0px 0px 0px;
}

/* Tables */
TABLE
{
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        border: dotted 1px #000000;
}
/* Table Data Row */
TR
{
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        border: dotted 1px #000000;
}
/* Table Header Cell */
TH
{
        text-align: left;
        padding: 3px 3px 3px 3px;
        font: bold 12px verdana;
        /* Section Primary Colour */
        color: #000066;
        /* Section Secondary Colour */
        background-color: #6699FF;
}
/* Table Data Cell */
TD
{
        padding: 3px 3px 3px 3px;
        font: normal 12px verdana;
        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: 20px;
        width: 22px;
        vertical-align: top;
        cursor: pointer;
}

/* Checkbox List */
.divCheckboxList
{
        background-color: white;
        height: 200px;
        width: 300px;
        overflow: auto;
        border: solid 1px #000000;
        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: #59227e;
        background-image: none;
        padding: 0px;
        margin: 0px;
        border-style: none;
}
/* Title Bar */
.background_c 
{ 
        /* Section Secondary Colour */
    background-color: #ff9900;
        background-image: none;
        padding: 0px;
        margin: 0px;
        border-style: none;
}
/* Title Bar Left Nav - home page */
.background_d 
{ 
    background-color: #B2B2B2;
        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: normal 12px verdana; 
}
.tblEditor 
{ 
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    BORDER: lightgrey 1px solid; 
}

/* Top Level Menu */
.tdTopMenuDefault
{
    font: bold 12px Verdana; 
    color: #FFFFFF; 
        /* Section Primary Colour */
    background-color: #59227e;
    padding-left:10px;
    padding-right:10px;
}
.tdTopMenuOver
{
    font: bold 12px Verdana; 
        /* Section Primary Colour */
    color: #59227e; 
    background-color: #FFFFFF;
    padding-left:10px;
    padding-right:10px;
}
.tdTopMenuSelected
{ 
    font: bold 12px Verdana; 
    color: #FFFFFF;
    /* Section Secondary Colour */ 
    background-color: #86cfaf;
    padding-left:10px;
    padding-right:10px;
}

/* Right-click Menu */
.divRightClickMenu 
{ 
    BORDER: 2px outset; 
    FONT: normal 11px Verdana; 
    BACKGROUND-COLOR: menu; 
    PADDING: 2px 0px 2px 0px;
    color: #000000; 
}
.divRightClickMenuItem 
{ 
    padding: 1px 20px 3px 16px; 
    FONT: normal 11px Verdana; 
    color: #000000; 
    BORDER-style: none; 
}

 
 
 

/* Today's date: login and top banner */
.lblDate
{
        font: bold 12px Verdana; 
        line-height: 12pt; 
        color: #59227e;
}

/* Title bar under top menu */
.lblTitleBar
{ 
        color: #FFFFFF; 
        font: bold 16px Verdana; 
        margin-left: 5px;
}

/* Title for pop-up windows */
.lblTitleBarPopUp
{ 
        color: #59227e; 
        font: normal 30px Verdana; 
        margin-right: 15px;
}

/* Title bar of boxes on left panel */
.lblTitleBarNav
{ 
        color: #FFFFFF; 
        font: normal 12px Verdana; 
        margin-left: 5px;
        text-transform: capitalize;
}

/* Search Label */
.lblSearch 
{ 
        color: #59227e;  
        font: bold 12px Verdana; 
        background-color: Transparent;
}

/* Home page header Label - new, current, overdue */
.divHomeNavHeaderItem
{ 
        color: #FF0000;  
        font: bold 12px Verdana; 
        background-color: Transparent;
}

/* Checkboxes */
.inpCheckbox
{
        font: normal 12px verdana;
        color: #000066;
        border: none 0px;  
        border-style:none;
        margin: 0px 2px 0px 0px;
        vertical-align: middle;
}

/* Login Links */
.aLogin
{
        font: normal 10px verdana;
        color: #000000;
        text-decoration: none;
        line-height:20px;
}
.aLogin:hover
{
        font: normal 10px verdana;
        color: #000066;
        text-decoration: none;
        line-height:20px;
}

/* No Space Horizontal Line */
.divNoSpaceTopLine
{
        border-top: dotted 1px #000000;
        border-bottom-style:none;
        border-left-style:none;
        border-right-style:none;
        height: 0px;
        font: normal 0px verdana;
}
.divNoSpaceBottomLine
{
        border-bottom: dotted 1px #000000;
        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: normal 12px verdana;
        color: #000000;
}

/* 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: normal 12px verdana;
        color: #000000;
}
.divAdminNoData
{
        border: solid 1px #999999;
        background-color: #F7F8F5;
        padding: 3px 2px 2px 4px;
        margin: 3px 0px 8px 0px;
        font: normal 12px verdana;
        color: #000000;
}

/* 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: normal 11px verdana;
        color: #000066;
        border-right: solid 3px #FFFFFF;
        background-color: #F7F7F5;
}
.tdAdminAlternate
{
        padding: 3px 5px 3px 5px;
        margin: 0px 0px 0px 0px;
        font: normal 11px verdana;
        color: #000066;
        border-right: solid 3px #FFFFFF;
        background-color: #E5E6E1;
}

/* Admin Links */
.aAdmin
{
        font: bold 11px verdana;
        color: #000066;
        text-decoration: none;
}
.aAdmin:hover
{
        font: bold 11px verdana;
        color: #6699FF;
        text-decoration: none;
}
.aAdminHeader
{
        font: bold 11px verdana;
        color: #FFFFFF;
        text-decoration: none;
}
.aAdminHeader:hover
{
        font: bold 11px verdana;
        color: #FFFFFF;
        text-decoration: underline;
}
/* Admin Text box - single line - inside table*/
.inpAdmin
{
        font: normal 11px verdana;
        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
{
        font: normal 12px #000000;
        background-color: #FFFFFF;
}

/* Caption for various modal dialogs */
.lblBannerCaption 
{ 
        color: #59227e; 
        font: normal 25px Verdana; 
        letter-spacing: 0.2em; 
}

/* Error display */
.lblErrorMessage
{
        color: red;
}
.lblErrorBody
{
        color:Red;
        font-size:x-small;
}
/* Copyright label */
.lblcopyRight
{
   font: normal 9px verdana;
   color: #000000;
   text-decoration: none;
}


/* Sub Record */
.divSubRecordCommentWrapper
{
        margin: 0px 0px 0px 20px;
        display: none;
}
.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: hand;
}
.divSubRecordCommentBar
{
        background-color: #EEEEEE;
        margin: 5px 0px 5px 0px;
        padding: 3px 0px 3px 3px;
        font: bold 10px Verdana;
        cursor: hand;
}



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



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