/************************* Default format for base HTML tags **************************/

BODY { font-family: verdana; font-size: x-small; font-weight: normal; color: #000000; line-height: 20px;}

A { font-family: verdana; font-size: x-small; font-weight: bold; color: #8eb2c0; text-decoration: none;}
A:hover { font-family: verdana; font-size: x-small; font-weight: bold; color: #8eb2c0; text-decoration: underline;}

H1 { font-family: verdana; font-size: medium; font-weight: bold; color: #757575; margin: 0px 0px 10px 0px;}
H2 { font-family: verdana; font-size: small; font-weight: bold; color: #757575; margin: 5px 0px 5px 0px;}
H3 { font-family: verdana; font-size: x-small; font-weight: bold; color: #757575; margin: 5px 0px 5px 0px;}
H4 { font-family: verdana; font-size: x-small; font-weight: bold; color: #757575; margin: 5px 0px 5px 0px;}
H5 { font-family: verdana; font-size: x-small; font-weight: bold; color: #757575; margin: 4px 0px 0px 0px;}
H6 { font-family: verdana; font-size: x-small; font-weight: bold; color: #757575; margin: 4px 0px 3px 0px; }

HR { border-top: dotted 1px #666666; border-bottom-style:none; border-left-style:none; border-right-style:none; height: 0px; }
IMG { border: none; }
.IMGhand { border: none; cursor: pointer; }

/* Data Entry */
/* 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 */
.INPUTCHECKBOX { 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; }
/* Checkboxes */
.inpCheckbox { font-family: verdana; normal font-size: x-small verdana; color: #000066; 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 */
LI { font-family: verdana; font-size: x-small; font-weight: normal; color: #000000; }
OL { font-family: verdana; font-size: x-small; font-weight: normal; color: #000000; }
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; }
TR { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: dotted 1px #666666; }
TH { text-align: left; padding: 3px 3px 3px 3px; font-family: verdana; font-size: x-small; font-weight: normal; color: #ffffff; background-color: #0F3968; }
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: 11px; font-size: x-small; 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 #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: #506d41; background-image: none; padding: 0px; margin: 0px; border-style: none; background-image: url(../images/headBack.jpg); background-repeat: repeat-x;}
/* Top Menu */
.background_b { background-color: #ffffff; background-image: none; padding: 0px; margin: 0px; border-style: none; }
/* Title Bar */
.background_c {background-color: #8eb2c0; background-image: none; padding: 0px; margin: 0px; border-style: none; }
/* Title Bar Left Nav - home page */
.background_d { background-color: #8eb2c0; 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: #022957; background-color: #ffffff; padding-left:10px; padding-right:10px; }
.tdTopMenuOver { font-family: verdana; font-size: x-small; font-weight: bold;  color: #ffffff; background-color: #5889bb; padding-left:10px; padding-right:10px; }
.tdTopMenuSelected { font-family: verdana; font-size: x-small; font-weight: bold; color: #ffffff; background-color: #5889bb; padding-left:10px; padding-right:10px; }

/* 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 12px; 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: #ffffff; vertical-align: top;}

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

/* Title for pop-up windows */
.lblTitleBarPopUp { color: #ffffff; 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: #ffffff; font-family: verdana; font-size: x-small; font-weight: bold; background-color: Transparent; }
#imgSearch { vertical-align: middle;}

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

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

/* No Space Horizontal Line */
.divNoSpaceTopLine { border-top: dotted 1px #999999; border-bottom-style:none; border-left-style:none; border-right-style:none; height: 0px; font-family: verdana; normal 0px verdana; }
.divNoSpaceBottomLine { border-bottom: dotted 1px #999999; border-top-style:none; border-left-style:none; border-right-style:none; height: 0px; font-family: verdana; 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-family: verdana; font-weight:normal; font-size: 8px; letter-spacing: 2px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; cursor: pointer;}
.inpAdminButtonInactive { height: 15px; font-family: verdana; font-weight:normal; font-size: 8px; 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-family: verdana;

        font-size: x-small;

        font-weight: bold;

        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: normal;

        color: #000066;

        text-decoration: none;

}

.aAdmin:hover

{

        font-family: verdana;

        font-size: x-small;

        font-weight: bold;

        color: #6699FF;

        text-decoration: underline;

}

.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; normal 11px verdana;

        color: #000066;

        border: solid 1px #999999;

        padding: 2px 0px 0px 2px;

        margin: 0px 0px 0px 0px;

        height: font-size: medium;

        width: 300px;

}



/* Debug only - grey on white in case of coloured background */

.greyOnWhite

{

        font-family: verdana; normal font-size: x-small #666666;

        background-color: #FFFFFF;

}



/* Caption for various modal dialogs */

.lblBannerCaption

{

        color: #FFFFFF;

        font-family: verdana; normal 25px verdana;

        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;

}

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

}

.divSubRecordLatestUpdateTitle

{

      color: #6699FF;

      font: normal 11px Verdana;

      background-color: Transparent;

      text-transform: capitalize;

}