html
{
    height: 100%;
    width: 100%;
    margin: 0em;
    padding: 0em;
}
/*BaseControls.css*/
.BaseTextBox
{
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}
.BaseLabel
{
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    color: Black;
}
.BaseDropDownList
{
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}
/*calendarStyle.css*/
body, td
{
    font-family: Verdana;
}
body
{
    background: url(../../images/main_body_grad.jpg) repeat-y 50% 0%;
    background-color: #DAD9D6;
}
.picker
{
    background-color: #FFFFFF;
    border: 1px gray solid;
    font-size: 12px;
    font-weight: bold;
    font-family: "Verdana" ,monospace;
    padding: 2px;
    cursor: pointer;
}
.imgButton
{
    border: none;
    cursor: pointer;
}
.calendar td
{
    font-size: 11px;
}
.title
{
    font-weight: bold;
    background-color: #D7D7E5;
}
.day
{
    width: 25px;
    cursor: pointer;
    text-align: center;
    border-width: 1px;
    border-color: #F6F6F6;
    border-style: solid;
}
.dayhover
{
    width: 25px;
    cursor: pointer;
    text-align: center;
    text-decoration: underline;
    border-width: 1px;
    border-color: #F6F6F6;
    border-style: solid;
}
.dayheader
{
    width: 25px;
    text-align: center;
    border-width: 1px;
    border-color: white;
    border-style: solid;
    font-weight: bold;
    background-color: #FFFFFF;
}
.othermonthday
{
    color: #999999;
}
.selectedday
{
    width: 25px;
    background-color: #FBE694;
    color: #000000;
    border-width: 1px;
    border-color: #BB5503 !important;
    border-style: solid;
    font-weight: bold;
}
.calendar
{
    border-style: solid;
    border-width: 1px;
    border-color: Black;
    border-collapse: collapse;
    background-color: #FFFFFF;
    cursor: default;
}
.month
{
    background-color: #F6F6F6;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 0px;
}
.nextprev
{
    cursor: pointer;
    height: 25px;
    vertical-align: middle;
    padding: 0px 5px 0px 5px;
}
.calendarMonthPicker
{
    border-right: #000 1px solid;
    border-top: #000 1px solid;
    border-left: #000 1px solid;
    color: #000;
    border-bottom: #000 1px solid;
    background-color: #eee;
    text-align: left;
    cursor: pointer;
}
.calendarMonthPickerOver
{
    background-color: #CCC;
}

.AEGTable
{
	border-color: #000;
    border-left-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-style: solid;
    margin: 5px;
    width: 99%;
}

.AEGTable td
{
    border-color: #000;
    border-left-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    margin: 0px;
    padding: 3px;
}

.AEGTable th
{
    border-color: #000;
    border-left-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    margin: 0px;
    padding: 3px;
}


/* Navigation settings for the Calendar Tool */
.tableCalendarNavBar
{
    color: white;
}
.imgCalendarNavButton
{
    cursor: pointer;
    margin-top: 3px;
}
/* Settings for the Calendar MiniForm */
.divWorkFlowMiniForm
{
    background-color: #ffffcc;
    width: 300px;
    border: 1px #CCC solid;
}
/* Settings for the PopUp Calendar */
.headerPopUpCalendar
{
    background-color: #CCC;
    color: white;
    font-size: 10pt;
    font-weight: bold;
    font-family: Verdana;
    padding: 4px;
    vertical-align: middle;
    height: 22px;
    text-align: center;
}
.tablePopUpCalendarNavBar
{
    color: white;
    text-align: center;
}
.imgCalEvent
{
    margin-right: 4px;
    vertical-align: bottom;
    border: 0px;
    text-decoration: none;
}
.aCalEvent
{
}
/*CallBackStyle.css*/
.CallBack
{
    position: absolute;
}
/*ContainerWindow.css*/
.ContainerDiv
{
    margin-top: 5px;
    border-radius: 10px;
    -moz-border-radius: 10px;
}
.HeaderDiv
{
    background-color: #21467b;
    color: #FFF;
    margin-bottom:5px;
}
.ContentDiv
{
    height: 100%;
    border: 1px;
    border-style: solid;
    border-color: #CCC;
    overflow: visible;
    padding-left: 0px;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 0px 5px 5px 5px;
    left: -2px;
}
.HeaderLabel
{
    color: #FFF;
    text-align: left;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
}
.divContainerContentHelp
{
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    color: #0D7AC7;
    padding-top: 2px;
    padding-bottom: 2px;
    position: relative;
    top: 0px;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    padding: 5px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    margin: 5px;
    text-align:left;
}

#LoginTableDivContainer
{
    width: 50%;
    background-color: #EEE;
    position: relative;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    padding: 5px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    margin-top: 30px;
    margin-bottom: 10px;
    background: url(../../images/logon_body_grad.gif) repeat-x 50% 0%;
}
.spanHelpContent
{
    width: 90%;
    float: left;
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 5px;
}
/*Data.css*/
body, td, p, div, tr, table, input, select, textarea
{
    font-family: Verdana,Arial,Helvetica;
    font-size: 10px;
}

ul
{
    margin: 0px 0px 0px 20px;
}
a
{
    color: #dd3409;
}


/* Number */
.Type01
{
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    text-align: right;
}
/* Time */
.Type03
{
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    width: 55px;
}
.Type03btn
{
    border: 1px;
    height: 16px;
    width: 18px;
    border-top-color: #696;
    border-left-color: #696;
    border-right-color: #363;
    border-bottom-color: #363;
}
/* Wage Rate */
.Type04
{
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}
/* Duration */
.Type06
{
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}
/* Organisation - validated */
.Type07
{
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}
/* Table - validated */
.Type09
{
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    z-index: 900;
}
/* Table - validated */
.Type09Cover
{
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    width: 150px;
}
/* Table - validated */
.Type09ReadOnly
{
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    width: 150px;
}
/* Text */
.Type10
{
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    max-width:800px;
}
/* File - validated */
.Type11
{
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}
/* Number - file validated */
.Type12
{
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}
/* Date - file validated */
.Type13
{
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}
/* Account Number */
.Type14
{
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}
/* Dictionary Field */
.Type15
{
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}
/* Date - century explicit */
.Type16
{
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    width: 70px;
}
/* Date - century implied */
.Type17
{
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    width: 70px;
}
/* Date - cent. file valid */
.Type18
{
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    width: 70px;
}
/* Date - impl file valid */
.Type19
{
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    width: 70px;
}
/* File - valid. field dep. */
.Type31
{
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}
/* Button */
.Type32
{
}
/* File Lookup - filtered */
.Type33
{
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}
/* Pay Run Number */
.Type34
{
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}
/* Checkbox */
.Type35
{
    color: Black;
    margin-top: 1px;
}
/* Memo */
.Type36
{
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    resize: none;
    white-space: pre-wrap;
}
/* Memo */
.Type97
{
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}
/* Radio Button */
.Type37
{
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    width: 100%;
}
/* Radio Button */
.Type37Table
{
}
/* Data Type extra styles */
.Type34.focus
{
    background-color: Red;
}
.Type10.focus
{
    background-color: Red;
}
.TypeLabel
{
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    color: Black;
    padding-left: 4px;
}
.InnerDiv
{
    margin-bottom: 1em;
    background-color: Transparent;
}
.OuterDiv
{
    float: left;
    margin-bottom: 1em;
    background-color: Transparent;
}
.OuterArrayDiv
{
    position: relative;
    background-color: Transparent;
}
.shadowed
{
    float: right;
    background: url(images/drop-shadow.png) no-repeat bottom right !important;
    background: url(images/drop-shadow.gif) no-repeat bottom right;
    margin: 10px 0 0 10px !important;
    margin: 10px 0 0 5px;
}
.shadowed img
{
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    margin: -6px 6px 6px -6px;
    padding: 4px;
}
.Type37Label
{
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: Black;
    margin-left: 2px;
}
.Type37TextCell
{
    background-color: #EEEEEE;
}
.TypeArrayLabel
{
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: Black;
}
.TypeArrayTextCell
{
    background-color: #86b5d9;
}
.Type07btn
{
    border: 1px;
    height: 16px;
    width: 18px;
    border-top-color: #696;
    border-left-color: #696;
    border-right-color: #363;
    border-bottom-color: #363;
    cursor: pointer;
}
.tableArray
{
    margin-left: 6px;
}

.rowArrayAlt
{
    background-color: #F8F8F8;
}
.rowArrayWeekend
{
    background-color:#F7DEBD;
}
.rowArrayWeekendAlt
{
    background-color:#FFBD94;
}
.rowArrayPublicHoliday
{
    background-color:#005438;
}
.rowArrayPublicHolidayAlt
{
    background-color:green;}

/* TODO: GOD: Below are some non dataType styles that should be move to a separate style sheet */
/* Type Inspector styles */
.tableObjectTraceAlt
{
    background-color: #feca45;
}
.tableObjectTraceAltBold
{
    background-color: #feca45;
    font-weight: bold;
}
.tableObjectTraceBold
{
    font-weight: bold;
}
#divObjectTrace
{
    overflow: scroll;
    height: 150px;
}
#dHTMLToolTip
{
    opacity: 0.5;
    -moz-opacity: 0.5;
}
.divMenuCoverOn
{
    filter: alpha(opacity=30);
    background-color: #fff;
    opacity: 0.3;
    -moz-opacity: 0.3;
    z-index: 10000;
    margin: 0px;
    top: 0px;
    left:0px;
    position: absolute;
}
.divCalendarCoverOn
{
    filter: alpha(opacity=30);
    background-color: #CCC;
    opacity: 0.0;
    -moz-opacity: 0.0;
    z-index: 10000;
    position: absolute;
}
.divMenuCoverOff
{
    display: none;
}
.divTraceManager
{
    visibility: hidden;
    width: 0px;
    height: 0px;
    display: none;
}
.divThrobber
{
}
.divThrobberForm
{
    /* 	height:30px; 	width:30px; 	background-color:#EEEEEE; 	text-align:center; 	vertical-align:middle; 	opacity: .75; 	filter: alpha(opacity=75);	 	-moz-opacity:0.75; 	*/
    z-index: 10000;
    margin: 0px;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: white;
    opacity: .70;
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
}
.imgThrobberForm
{
    margin-top: 200px;
}
.divCalendar
{
}
.divToolTipContainer
{
    z-index: 0;
    font: 10px Verdana;
    position: absolute;
}
.divContent
{
    position: absolute;
    background-color: #eee;
    border: 1px #CCC solid;
    z-index: 2;
    padding: 3px;
    height: 70px;
    width: 150px;
    width: 200px;
    height: 250px;
    padding: 2px;
}
.divShadow
{
    position: relative;
    top: 10px;
    left: 10px;
    background-color: #CCC;
    filter: alpha(opacity=40);
    opacity: 0.0;
    -moz-opacity: 0.0;
    z-index: 1;
    border: 1px #CCC solid;
    height: 250px;
    width: 200px;
    border: 1px #CCC solid;
}
.pEvent
{
    margin: 0px;
    padding: 0px;
    text-align: left;
}
/* TODO: GOD: Below are some non dataType styles that should be move to a separate style sheet */
/* ToolBar Styles */
.divToggleVeilOn
{
    filter: alpha(opacity=0);
    background-color: #ccc;
    position: absolute;
    width: 802px;
    opacity: 0.0;
    -moz-opacity: 0.0;
    z-index: 999;
}
.divToggleVeilOff
{
}
.divToggleCover
{
}
.divCreateEvent
{
    z-index: 10000;
    display: none;
}
.divContentEvent
{
    position: absolute;
    background-color: #eee;
    border: 1px #CCC solid;
    z-index: 2;
    padding: 3px;
    width: 200px;
    height: 190px;
}
.divShadowEvent
{
    position: relative;
    top: 10px;
    left: 10px;
    background-color: #CCC;
    filter: alpha(opacity=40);
    opacity: 0.0;
    -moz-opacity: 0.0;
    z-index: 1;
    width: 200px;
    height: 190px;
    border: 1px #CCC solid;
}
.imgVerifyHidden
{
    display: none;
}
.imgVerifyVisible
{
    cursor: pointer; 
    vertical-align: top;
    z-index: 1000;
}
.divVerify
{
    width: 15px;
    height: 15px;
    margin: 0px;
    float: left;
    z-index: 1000;
    position: absolute;
    top: 0px;
}
.FieldErrorPanel
{
    position: absolute;
    z-index: 999;
    background-color: #fff;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 0px 30px 30px 10px;
    margin-top: 0em;
}
.FormErrorPanel
{
    position: absolute;
    z-index: 999;
    background-color: #fff;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 0px 30px 30px 10px;
    margin-top: 0em;
    padding: 2px;
    right: -793px;
    top: 5px;
}
.divParentMessage
{
    /* 	width:300px; 	height:200px; 	position:absolute; 	top:0px; 	left:0px; 	*/
}
.iFrameMessage
{
    position: relative;
    top: -200px;
    width: 300px;
    border: none;
    z-index: -1;
    background-color: #EEE;
    margin: 0px;
    height: 200px;
    width: 100%;
}
.divChildMessage
{
    z-index: 200;
    position: relative;
    background-color: #CCC;
    margin: 0px;
}
.divReadOnly
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 22px;
    filter: alpha(opacity=0);
    background-color: #ccc;
    opacity: 0.0;
    -moz-opacity: 0.0;
    z-index: 999; /* display:none; */
}
.spanReadOnly
{
    font-family: Verdana,Arial,Helvetica;
    font-size: 10px;
    z-index: 998;
    left: 0px;
    top: 0px;
    position: absolute;
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    display: none;
    padding-top: 1px;
    padding-left: 1px;
    padding-bottom: 0px;
    padding-right: 0px;
    overflow: hidden;
}
/* Notes Styles */
.divNotesListContainer
{
    height: 190px;
    width: 355px;
    padding: 2px;
    border: 1px solid #CCC;
    position: absolute;
    left: 200px;
    background-color: #EEE;
    z-index: 1000;
    top: 0px;
    overflow: hidden;
}
.divNotesListContent
{
    overflow: auto;
    height: 120px;
    width: 335px;
    border: 1px #CCC solid;
    margin: 2px;
}
.divNotesHeader
{
    overflow: auto;
    height: 60px;
    width: 335px;
    margin: 2px;
}
.divCloseButton
{
    width: 15px;
    height: 15px;
    position: absolute;
    right: 2px;
    top: 2px;
    cursor: pointer;
    background: no-repeat top right;
}
.inputNotes
{
    width: 200px;
}
/* Attachment Styles */
.iFrameFileUpload
{
    margin: 0px;
    height: 20px;
    border: none;
    background-color: #EEE;
    width: 250px;
}
.divAttachmentListContainer
{
    height: 130px;
    width: 355px;
    padding: 2px;
    border: 1px solid #CCC;
    position: absolute;
    background-color: #EEE;
    z-index: 100002;
    overflow: hidden;
    text-align: left;
}
.divAttachmentCover
{
    height: 135px;
    width: 360px;
    background-color: #fff;
    filter: alpha(opacity=30);
    opacity: 0.3;
    -moz-opacity: 0.3;
    margin: 0px;
    z-index: 100003;
    overflow: hidden;
    position: absolute;
}
.divAttachmentListContent
{
    overflow: auto;
    height: 100px;
    width: 335px;
    border: 1px #CCC solid;
    margin: 2px;
}
.divAttachmentHeader
{
    overflow: auto;
    height: 25px;
    width: 335px;
    margin: 2px;
}
.pnlAttach
{
    position: relative;
    text-align: left;
    height: 20px;
}
div.fileinputCover
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 250px;
    height: 20px;
    z-index: 1;
}
.fileinputCoverText
{
    position: absolute;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    top: 0px;
    left: 0px;
    width: 160px;
    height: 18px;
}
.fileinputCoverButton
{
    position: absolute;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    top: 0px;
    left: 165px;
    height: 20px;
    width: 60px;
}
.inputAttachFile
{
    position: relative;
    text-align: right;
    filter: alpha(opacity: 0);
    -moz-opacity: 0;
    opacity: 0;
    height: 20px;
    width: 220px;
    z-index: 2;
}
.inputAttachFileGadget
{
    position: relative;
    text-align: right;
    filter: alpha(opacity: 0);
    -moz-opacity: 0;
    opacity: 0;
    height: 20px;
    width: 130px;
    z-index: 2;
}
/* Help Styles */
.divHelpContainer
{
    width: 305px;
    height: 45px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    z-index: 10001;
}
.divHelpContent
{
    width: 300px;
    height: 40px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    left: 0px;
    top: 0px; /*background-color:#EEE;*/
    background-color: #ffffcc;
    z-index: 1000;
    border: 1px solid #CCC;
}
.divHelpShadow
{
    width: 300px;
    height: 40px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: #DDD;
    z-index: 999;
    filter: alpha(opacity=40);
    opacity: 0.4;
    -moz-opacity: 0.4;
}
.pHelpText
{
    margin: 2px;
    text-align: left;
}
/* Button Styles */
.button
{
    background-color: #21467b;
    border: 1px solid #8AC5EB;
    color: #FFF;
    font-family: tahoma;
    font-size: 11px;
    cursor: pointer;
    width: 90px;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
}
.buttonHover
{
    background-color: #EF8631;
    color: #FFF;
    border: 1px solid #00025C;
    font-family: tahoma;
    font-size: 11px;
    cursor: pointer;
    width: 90px;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
}
/* Message Window */
.tableMessageWindow
{
    height: 350px;
    width: 600px;
}
.tdMessageWindow
{
}
.divMessageWindow
{
    background-color: #21467b;
    border-color: #434343;
    border-style: solid;
    border-width: 1px;
    overflow-y: auto;
    height: 30px;
    width: 550px;
    color: white;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    padding-top: 5px;
}
.divMessageWindowParent
{
    background-color: White;
    border-style: solid;
    border-width: thin;
    border-color: Black;
    width: 600px;
    height: 405px;
}
.divLookupContent
{
    width: 100%;
    background-color: #EEE;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #CCC;
}
.tableLookupContent
{
    margin: 0px;
    background-color: #EEE;
    border-width: 0px 0px 0px 0px;
    border-color: #CCC;
}
/* Move to GadgetContainer.css */
.imgGadgetRefresh
{
    top: 2px;
    right: 2px;
    cursor: pointer;
}
.btnWizardNext
{
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer;
}
.btnWizardPrev
{
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
}
.btnWizardFinish
{
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer;
}
.iFrameNote
{
    height: 53px;
    visibility: visible;
    width: 208px;
}
.Type95
{
    height: 75px;
    overflow: auto;
    border: solid 1px #ddd;
    padding: 3px;
}
.Type99
{
    margin-top: 3px;
    width: 242px;
    height: 50px;
    overflow: auto;
    border: solid 1px #ddd;
    background-color: #eee;
    padding: 3px;
}
.divCompanyNews
{
    height: 300px;
    cursor: default;
    overflow: auto;
    padding: 6px;
}
.TitleColumn
{
    width: 100%;
    background-color: #86B5D9;
    color: black;
    margin: 20px;
    font-family: Verdana;
    font-weight: bold;
    font-size: 11px;
    height: 15px;
    padding-left: 6px;
}
#PANEL_SPA_SELECT
{
    background-color: #EEE;
    border-width: 1px;
    border-color: #CCC;
    border-style: solid;
    top: 130px;
    left: 440px;
    padding: 2px;
}
/*Footer.css*/
.FooterDiv
{
    height: 50px;
    margin-top: 5px;
    border: solid 1px #ffffff;
    text-align: center;
    vertical-align: middle;
}
.FooterTable
{
    background-color: #ffffff;
    border: 0;
    width: 100%;
    margin-top: 7px;
    margin-bottom: 7px;
}
.FooterLogo
{
    width: 201px;
    height: 32px;
    float: left;
}
.FooterLogoRight
{
    width: 94px;
    height: 33px;
}
.FooterCloseDiv
{
    position: absolute;
    right: 2px;
    top: 56px;
    height: 16px;
    width: 16px;
}
.FooterLabelDiv
{
    margin: 0px 20px 0px 0px;
}
.FooterLabel
{
    color: Gray;
    font-family: Verdana;
    font-size: 10px;
    cursor: pointer;
    text-decoration: underline;
}
.CopyRightLabel
{
    color: Gray;
    font-family: Verdana;
    font-size: 10px;
}
.CopyRightLabelStrapline
{
    color: Gray;
    font-family: Verdana;
    font-size: 10px;
    float: left;
    padding-top: 2px;
}
.CopyRightLabelLink
{
    color: #21467b;
}
.InfoDiv
{
    margin-top: 2px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #CCC;
    overflow: auto; /* Keep this for Opera */
    overflow-x: auto;
}
tr.d0 td
{
    background-color: #EEEEEE;
    color: black;
}
tr.d1 td
{
    background-color: #FFFFFF;
    color: black;
}
/*GadgetContainer.css*/
.GadgetContainerDIV
{
    font-family: verdana;
    font-size: 11px;
    padding: 3px;
    border: 1px solid #57566F;
    background-color: white;
    cursor: default;
    height: 195px;
    width: 180px;
    margin: 0px;
    left: 0px;
    top: 0px;
    z-index: 10;
    position: relative;
    border-radius: 10px;
    -moz-border-radius: 10px;
}
.HeaderTD
{
    height: 25px;
    background-color: #21467b;
    color: White;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
}
.ContentTD
{
    height: 160px;
    z-index: 3;
}
.ContentHolderDiv
{
    height: 160px;
    font-family: verdana;
    font-size: 11px;
    padding: 1px;
    border: 1px solid #57566F;
    border-top-width: 0px;
    background-color: white;
    cursor: default;
    position: relative;
    overflow: auto;
    z-index: 2;
}
.Links
{
    list-style-image: none;
    color: Black;
    font-size: 11px;
}
.GadgetContentDIV
{
    border: 0px;
    background-color: white;
    width: 175px;
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 1px;
    overflow: hidden;
    text-align: left;
    border-radius: 10px;
    -moz-border-radius: 10px;
}
.UPDOWNBUTTON_TD
{
    height: 10px;
}
.divListGadget
{
    height: 160px;
    width: 175px;
    overflow: auto;
}
.tableListGadget
{
    height: 175px;
    width: 100%;
}
.ulGadget
{
    margin: 0px 0px 0px 20px;
    padding: 0px;
}
.GadgetMatchingHeader
{
    color: Black;
    border-width: 1px;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
}
.DoubleGadgetContainerDIV
{
    font-family: verdana;
    font-size: 11px;
    padding: 3px;
    border: 1px solid #57566F;
    background-color: white;
    cursor: default;
    height: 195px;
    width: 360px;
    margin: 0px;
    left: 0px;
    top: 0px;
    z-index: 10;
    position: relative;
}
.DoubleGadgetContentDIV
{
    border: 0px;
    background-color: white;
    width: 350px;
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 1px;
    overflow: hidden;
    text-align: left;
}
/*GadgetWeather.css*/
.weathertdhead
{
    font-family: Verdana;
    font-weight: bold;
    font-size: 9px;
}
.weathertdrow
{
    font-family: Verdana;
    font-weight: normal;
    font-size: 9px;
}
/*gridStyle.css*/
.Grid
{
    background-color: #FFFFFF;
    border: 0px solid #7C7C94;
    border-bottom: 1px solid #7C7C94;
    font-family: Verdana;
    font-size: 10px;
    cursor: pointer;
}
.GridHeader
{
    /*background-image: url(images/grid_headerBg.gif);*/
    background-color: #21467b;
    height: 24px;
    padding-left: 3px;
    cursor: default;
}
.GridHeaderText
{
    color: #FFFFFF;
    font-family: verdana;
    font-size: 10px;
}
.GroupByText
{
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    padding-right: 5px;
}
.BannerHeaderImage
{
    
}
.HeadingRow
{
    background-color: #E0DFE3;
    background-image: url(images/header_rowBg.gif);
}
.HeadingCell
{
    background-image: url(images/header_bg.gif);
    padding: 3px;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 6px;
}
.HeadingRow td.FirstHeadingCell
{
    background-image: url(images/header1stCell_bg.gif);
}
.HeadingCellText
{
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 5px;
}
.Row
{
    background-color: #FFFFFF;
}
.Row td.DataCell
{
    padding: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 6px;
    border-bottom: 1px solid #EAE9E1;
    border-right: 1px solid #EAE9E1;
    font-family: verdana;
    font-size: 10px;
    cursor: pointer;
}
.Row td.LastDataCell
{
    background-color: #EFEFF4;
    cursor: pointer;
}
.AlternatingRow
{
    cursor: default;
    background-color: #F6F6F8;
}
.AlternatingRow td.DataCell
{
    /*background-color: #F6F6F8;*/
    cursor: pointer;
    padding: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 6px;
    border-bottom: 1px solid #EAE9E1;
    border-right: 1px solid #EAE9E1;
    font-family: verdana;
    font-size: 10px;
}
.AlternatingRow td.FirstDataCell
{
    /*background-color: #F6F6F8; */
    padding-left: 3px;
    cursor: default;
}
.HoverRow
{
    cursor: default;
}
.HoverRow td.DataCell
{
    background-color: #FFFFCC;
    padding: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 6px;
    border-bottom: 1px solid #EAE9E1;
    border-right: 1px solid #EAE9E1;
    font-family: verdana;
    font-size: 10px;
    cursor: pointer;
}
.HoverRow td.FirstDataCell
{
    padding-left: 3px;
}
.HoverRow td.LastDataCell
{
    border-right: 1px solid #9495A2;
    border-bottom: 1px solid #9495A2;
    padding-right: 2px;
}
.SortedDataCell
{
    background-color: #8AC5EB;
    cursor: pointer;
}
.SelectedRow
{
    border-right: 1px solid #EAE9E1;
}
.SelectedRow td.DataCell
{
    background-color: #FFEEC2;
    padding: 2px;
    padding-left: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 6px;
    font-family: verdana;
    font-size: 10px;
    border-bottom: 1px solid #4B4B6F;
    border-top: 1px solid #4B4B6F;
    border-right: 0px;
    cursor: pointer;
}
.SelectedRow td.FirstDataCell
{
    background-color: #FFEEC2;
    border-left: 1px solid #4B4B6F;
    border-right: 0px;
    padding-left: 2px;
    padding-right: 3px;
    cursor: pointer;
}
.SelectedRow td.LastDataCell
{
    background-color: #FFEEC2;
    border-right: 1px solid #4B4B6F;
    cursor: pointer;
}
.GroupHeading
{
    color: #706F91;
    background-color: #FFFFFF;
    font-family: verdana;
    font-weight: bold;
    font-size: 11px;
    border-bottom: 2px solid #A5A4BD;
    padding-top: 10px;
    padding-bottom: 3px;
}
.SliderPopup
{
    background-color: #FFF4D7;
    border: 1px solid #4B4B6F;
    border-top-color: #9495A2;
    border-left-color: #9495A2;
    width: 288px;
    height: 60px;
}
.GridFooter
{
    cursor: default;
    padding: 5px;
    height: 40px;
    vertical-align: bottom;
    border: 0px;
}
.GridFooterText
{
    color: #000000;
    font-family: verdana;
    font-size: 11px;
}


.Row td.AttachmentDataCell
{
    padding: 0 0 0 0;
    text-align: center;
}
.Row td.AttachmentDataCell div
{
    width: 20px !important;
}
.Row td.AttachmentDataCell span
{
    text-align: center;
    padding: 3px 6px;
}
.Row td.AttachmentDataCell img
{
    text-align: center;
    vertical-align: middle;
}
.AlternatingRow td.AttachmentDataCell
{
    padding: 0 0 0 0;
    text-align: center;
}
.AlternatingRow td.AttachmentDataCell div
{
    width: 20px !important;
}
.AlternatingRow td.AttachmentDataCell span
{
    text-align: center;
    padding: 3px 6px;
}
.AlternatingRow td.AttachmentDataCell img
{
    text-align: center;
    vertical-align: middle;
}
.HoverRow td.AttachmentDataCell
{
    padding: 0 0 0 0;
    text-align: center;
}
.HoverRow td.AttachmentDataCell div
{
    width: 20px !important;
}
.HoverRow td.AttachmentDataCell span
{
    text-align: center;
    padding: 3px 6px;
}
.HoverRow td.AttachmentDataCell img
{
    text-align: center;
    vertical-align: middle;
}
.SelectedRow td.AttachmentDataCell
{
    padding: 0 0 0 0;
    text-align: center;
}
.SelectedRow td.AttachmentDataCell div
{
    width: 20px !important;
}
.SelectedRow td.AttachmentDataCell span
{
    text-align: center;
    padding: 3px 6px;
}
.SelectedRow td.AttachmentDataCell img
{
    text-align: center;
    vertical-align: middle;
}

/* .DataCell_Freeze and .HeadingCell_Freeze never seem to get used in the application, and they use the deprecated & slow expressions. */
/*Login.css*/
body
{
    margin: 0;
    padding: 0;
    text-align: center;
}
#LoginContainerDiv
{
    margin: 0 auto;
    border-style: solid;
    border-width: 1px;
    border-color: #21467b;
    height: 502px;
    width: 815px;
    text-align: left;
}
#LoginDivMaster
{
    margin: 0 auto;
    border-style: solid;
    border-width: 1px;
    border-color: #21467b;
    margin-top: 30px;
    text-align: center;
    vertical-align: middle;
    height: 200px;
    width: 400px;
}
#LoginDivColour1
{
    margin: 0 auto;
    height: 25px;
    width: 815px;
    background-color: #21467b;
}
#LoginDivColour2
{
    margin: 0 auto;
    height: 25px;
    width: 815px;
    background-color: #21467b;
}
#LoginTable
{
    margin-top: 50px;
}
#LogoDiv
{
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: auto;
    vertical-align: middle;
    height: 80px;
    width: 200px;
}
.LogoLabel
{
    color: Gray;
    font-family: Verdana;
    font-size: 9px;
}
#CopyrightDiv
{
    text-align: center;
    vertical-align: middle;
}
/*menuStyle.css*/
.TopMenuCellLeft
{
    background-image: url(images/sub_menu/left.jpg);
    background-position:right;
    background-repeat:no-repeat;
}
.TopMenuCellRight
{
    background-image: url(images/sub_menu/right.jpg);
    background-position:left;
    background-repeat:no-repeat;
}

.TopMenuGroup
{
    background-color: #21467b;
    border-right: 0px;
}
.TopMenuGroupImg
{
    background-color: #21467b;
}
.TopGroup
{
    background-color: #FFF;
    border: 1px #21467b solid;
    cursor: default;
}
.TopMenuItem
{
    background-color: #21467b;
    color: white;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    border: 1px #21467b solid;
    cursor: default;
}
.TopMenuItemHover
{
    background-image: url(images/top_item_bg.gif);
    background-color: #8AC5EB;
    color: white;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    border: 1px #DFE2E5 solid;
    cursor: default;
}
.MenuGroup
{
    background-color: #99ccff;
    border: 1px #000 solid;
    border-style: solid;
    cursor: default;
}
.MenuItem
{
    border: 1px solid #99ccff;
    color: black;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    cursor: default;
}
.MenuItemHover
{
    background-image: url(images/item_bg.gif);
    background-color: #6699ff;
    color: #de6f1d;
    border: 1px solid #00025C;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}
.MenuBreak
{
    width: 100%;
    height: 2px;
}
.imgMenuLink
{
    cursor: pointer;
}
.spanMenuLink
{
    cursor: pointer;
}
.ulLinkButtonContainerHorizontalTab01
{
    clear: both;
}
.ulLinkButtonContainerHorizontalTab01 ul
{
    margin: 0.3em auto 0.3em 0px;
    padding-left: 0;
    white-space: nowrap;
}
.ulLinkButtonContainerHorizontalTab01 ul li
{
    font-weight: bold;
    display: inline;
    list-style-type: none;
    white-space: nowrap;
    margin-left: 2px;
    font-family: tahoma;
    font-size: 12px;
}
.ulLinkButtonContainerHorizontalTab01 ul li.tabLabel
{
    padding-right: 10px;
    color: #21467b;
}
.ulLinkButtonContainerHorizontalTab01 ul li a
{
    padding: 0.3em 10px;
}
.ulLinkButtonContainerHorizontalTab01 ul li a:link
{
    color: white;
    background-color: #21467b;
    text-decoration: none;
}
.ulLinkButtonContainerHorizontalTab01 ul li a:visited
{
    color: white;
    background-color: #21467b;
    text-decoration: none;
}
.ulLinkButtonContainerHorizontalTab01 ul li a:hover
{
    color: white;
    background-color: #8AC5EB;
    text-decoration: none;
    background-image: url(images/top_item_bg.gif);
}
.ulLinkButtonContainerHorizontalTab01 ul li a:active
{
    color: white;
    background-color: #21467b;
    text-decoration: none;
}
.ulLinkButtonContainerHorizontalTab01 ul li.selected a
{
    cursor: default;
    font-weight: bold;
}
.ulLinkButtonContainerHorizontalTab01 ul li.selected a:link
{
    color: white;
    background-color: #8AC5EB;
    background-image: url(images/top_item_bg.gif);
}
.ulLinkButtonContainerHorizontalTab01 ul li.selected a:visited
{
    color: white;
    background-color: #8AC5EB;
    background-image: url(images/top_item_bg.gif);
}
.ulLinkButtonContainerHorizontalTab01 ul li.selected a:hover
{
    color: white;
    background-color: #8AC5EB;
    background-image: url(images/top_item_bg.gif);
}
.ulLinkButtonContainerHorizontalTab01 ul li.selected a:active
{
    color: white;
    background-color: #8AC5EB;
    background-image: url(images/top_item_bg.gif);
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
a.ovalbutton
{
    background: transparent url('images/oval_tab_left.gif') no-repeat top left;
    display: block; /*float:left;*/
    font: bold 13px Tahoma; /* Change 13px as desired */
    line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    height: 24px; /* Height of button background height */
    padding-left: 11px; /* Width of left menu image */
    text-decoration: none;
    cursor: pointer;
}
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton
{
    color: #21467b; /*button text color*/
}
a.ovalbutton span
{
    background: transparent url('images/oval_tab_right.gif') no-repeat top right;
    display: block;
    padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
    cursor: pointer;
}
a.ovalbutton:hover
{
    /* Hover state CSS */
    background-position: bottom left;
}
a.ovalbutton:hover span
{
    /* Hover state CSS */
    background-position: bottom right;
    color: black;
}
.buttonwrapper
{
    /* Container you can use to surround a CSS button to clear float */
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
    width: 100%;
}
.buttonspan
{
    /*width:180px;*/
    text-align: center;
    white-space: nowrap;
}
td.selected a:link.ovalbutton, td.selected a:visited.ovalbutton, td.selected a:active.ovalbutton
{
    color: black;
}
td.selected a.ovalbutton
{
    background: transparent url('images/oval_tab_selected_left.gif') no-repeat top left;
    cursor: default;
}
td.selected a.ovalbutton span
{
    background: transparent url('images/oval_tab_selected_right.gif') no-repeat top right;
    cursor: default;
}
td.selected a.ovalbutton:hover
{
    background-position: top left;
}
td.selected a.ovalbutton:hover span
{
    background-position: top right;
    color: black;
}
/*ModalDialog.css*/
.modalWrap
{
    border: 2px #ffffcc inset;
    background: #ffffcc;
    margin: 5px;
}
/* transparency support for Opera */
.modalOpera
{
    background-image: url("maskBg.png") !important;
}
.DialogWindow
{
    border: 1px #FFFFFF outset;
    width: 550px;
    display: none;
    background: #FFFFFF;
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0;
}
/* dialog content */
.DialogContent
{
    float: right;
    width: 100%;
    height: 150px;
    display: block;
}
/* icon */
.DialogIcon
{
    padding: 10px;
    float: left;
}
.DialogHeader
{
    border-bottom: 1px #00449E outset;
    background: #00449E;
    text-align: right;
    height: 25px;
}
.DialogTitle
{
    float: left;
    padding: 8px;
    color: #FFFFFF;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
}
.DialogMessage
{
    font-family: Verdana;
    font-size: 12px;
}
.DialogActionButton
{
    font-family: Verdana;
    font-size: 12px;
    width: 75px;
}
.DialogActionBtn
{
    z-index: 10;
}
.ModalBG
{
    width: 100%;
    display: none;
    background-color: #333333;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000px;
    z-index: 999;
    opacity: .40;
    filter: alpha(opacity=40);
}
/* From ModalPopup.css */
.modalBackground
{
    background-color: White;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
/*ParentDetail.css*/
.DetailLabel
{
    color: Black;
    text-align: left;
    font-family: Tahoma;
    font-size: 14px;
    margin: 5px;
}
.imgFlag
{
    border-style: solid;
    border-width: 1px;
    border-color: black;
}
.spanParentInfo
{
    font-size: 12px;
    padding: 1px;
}
.spanParentInfoStaff
{
    font-size: 12px;
    background-color: #ffffcc;
    border: solid 1px #ddd;
    padding: 1px;
    display: block;
}
.ParentInfo
{
    margin-right: 3px;
    text-decoration: none;
}
.ParentInfoBold
{
    font-weight: bold;
    margin-right: 6px;
    text-decoration: none;
}
.ParentInfoBoldSelf
{
    font-weight: bold;
    margin-right: 6px;
    text-decoration: underline;
    cursor: pointer;
}
/*plannerStyle.css*/
.divCalendarHeader
{
    background-color: #383838;
}
.calendarFtrCal
{
}
.monthFtrCal
{
    border-collapse: collapse;
    border: solid 1px black;
    width: 802px;
    width: 640px;
}
#ctl00_ctl26_ContentDIVCalendar
{
    height: 540px;
}
.dayFtrCal
{
    width: 90px;
    height: 70px;
    text-align: right;
    vertical-align: top;
    font-family: Arial;
    font-size: 11px;
    color: Black;
    background-color: #FFFFFF;
    border: solid 1px #C6C1AC;
    padding: 0px;
    text-align: right;
}
.dayhoverFtrCal
{
    width: 90px;
    height: 70px;
    text-align: right;
    vertical-align: top;
    font-family: Arial;
    font-size: 11px;
    color: Black;
    background-color: #ffeec2;
    border: solid 1px #C6C1AC;
}
.dayFtrCalHoliday
{
    width: 90px;
    height: 70px;
    text-align: right;
    vertical-align: top;
    font-family: Arial;
    font-size: 11px;
    color: Black;
    background-color: #FFC3CE;
    border: solid 1px #C6C1AC;
}
.dayFtrCalRoster
{
    width: 90px;
    height: 70px;
    text-align: right;
    vertical-align: top;
    font-family: Arial;
    font-size: 11px;
    color: Black;
    background-color: #FFFFDE;
    border: solid 1px #C6C1AC;
}
.dayFtrCalNonRoster
{
    width: 90px;
    height: 70px;
    text-align: right;
    vertical-align: top;
    font-family: Arial;
    font-size: 11px;
    color: Black;
    background-color: #DEFFDE;
    border: solid 1px #C6C1AC;
}
.dayFtrCalRosterToday
{
    width: 90px;
    height: 70px;
    text-align: right;
    vertical-align: top;
    font-family: Arial;
    font-size: 11px;
    color: Black;
    background-color: #FFDFBD;
    border: solid 1px #C6C1AC;
}
.dayFtrCalNonRosterToday
{
    width: 90px;
    height: 70px;
    text-align: right;
    vertical-align: top;
    font-family: Arial;
    font-size: 11px;
    color: Black;
    background-color: #BDDFBD;
    border: solid 1px #C6C1AC;
}
.othermonthdayFtrCal
{
    background-color: #F5F3E5;
    width: 90px;
    height: 70px;
    text-align: right;
    vertical-align: top;
    font-family: Arial;
    font-size: 11px;
    color: Black;
    border: solid 1px #C6C1AC;
    padding: 0px;
    text-align: right;
}
.dayheaderFtrCal
{
    background-color: #E3E0CD;
    background-image: url(images/planner/header_bg.gif);
    color: #504C39;
    font-family: Verdana;
    font-size: 11px;
    text-align: center;
    border-top: solid 1px #FFFFFF;
    border-left: solid 1px #FFFFFF;
    border-bottom: solid 1px #ACA899;
    border-right: solid 1px #C6C1AC;
    padding: 4px;
}
.titleFtrCal
{
    background-color: #7D9459;
    background-image: url(images/planner/title_bg.gif);
    border: 1px solid black;
    border-bottom-width: 0px;
}
.titleFtrCal TD
{
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    color: White;
    padding-top: 1px;
    padding-bottom: 1px;
}
.nextprevFtrCal
{
    cursor: pointer;
}
.FtrCalRosterInfo
{
    display: none;
}
.ulCalendar
{
    text-align: left;
    margin-left: 20px;
    margin-top: 10px;
    padding: 0px;
    margin: 7px;
    list-style: none;
}
#divCalendarLegend
{
    background-color: #eee;
    z-index: 2;
    padding: 3px;
}
#tableCalendarLegend
{
}
.Type16Disabled
{
    color: Black;
    border-color: silver;
    border-width: 1px;
    border-style: solid;
    width: 70px;
    float: left;
    background-color: #CCC;
}
.divCalMenu
{
    height: 100%;
    width: 140px;
    padding: 0px;
    z-index: 0;
    border-style: solid;
    border-color: Black;
    border-width: 1px;
    background-color: #21467b;
}
.divCalMenuHeader
{
    background-color: #21467b;
    color: white;
    cursor: pointer;
    margin: 0px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #EEE;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #EEE;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #CCC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCC;
    padding: 0px;
    z-index: 0;
}
.divCalMenuContent
{
    background-color: #EEE;
    margin: 0px;
    height: 430px;
    z-index: 0;
    color: #383838;
}
.divDaySelected
{
    background-color: gold;
    z-index: 999;
    filter: alpha(opacity=20);
    opacity: 0.2;
    -moz-opacity: 0.2;
}
.headerCalendar
{
    background-color: #21467b;
    color: white;
    font-size: 10pt;
    font-weight: bold;
    font-family: Verdana;
    text-align: left;
    padding: 4px;
    vertical-align: middle;
    height: 22px;
    text-align: center;
}
.headerCalendarContainer
{
    width: 250px;
    margin-top: 5px;
}
.headerCalendarDate
{
    float: right;
    font-size: 12px;
    cursor: pointer;
}
.headerbuttonCalendar
{
    font-size: 10pt;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
}
.divLegendColour
{
    height: 15px;
    width: 20px;
    margin: 0px;
}
.tablePlannerLegend
{
    border-right: #ccc 1px solid;
    border-top: #ccc 1px solid;
    margin-left: 5px;
    margin-bottom: 10px;
    border-left: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
    background-color: #eee;
}
.tdPlannerLegendEnd
{
    padding-right: 7px;
    border-right: solid 1px #ccc;
}
#divCalendarEvents
{
    height: 434px;
}

#divCalendarRequests
{
    height: 434px;
}
.StaffPlanner_Navigate_Separator
{
    margin-left: 2px;
    margin-right: 2px;
}
/*printStyle.css*/
body, td, p, div, tr, table, input, select, textarea
{
    font-family: Verdana,Arial,Helvetica;
    font-size: 10px;
}

.divHeading
{
    background-color: #EEE;
    border: 1px solid #CCC;
    width: 100%;
    text-align: left;
    padding: 2px;
    margin-bottom: 5px;
    font-family: Verdana,Arial,Helvetica;
    font-size: 12px;
    font-weight: bold;
}
/*reportStyle.css*/
/*
.Grid 
{
	background-color: #FFFFFF; 
	border: 1px solid #7C7C94; 
	border-bottom: 2px solid #7C7C94; 
	font-family: Verdana; 
	font-size: 10px; 
	cursor: pointer;
}
.GridHeader
{
	background-image: url(images/grid_headerBg.gif); 
	background-color: #8988A5; 
	height: 24px;
	padding-left: 3px;
	cursor: default;
}

.GridHeaderText
{
	color: #FFFFFF;
	font-family: verdana; 
	font-size: 10px; 
}

.GroupByText
{
	color: #FFFFFF; 
	font-size: 11px;
	font-weight: bold; 
	padding-right: 5px;
}

.HeadingRow 
{
	background-color: #E0DFE3; 
	background-image: url(images/header_rowBg.gif);
}

.HeadingCell 
{
	background-image: url(images/header_bg.gif);
	padding: 3px; 
	padding-top: 2px; 
	padding-bottom: 1px; 
}

.HeadingRow td.FirstHeadingCell
{
	background-image: url(images/header1stCell_bg.gif); 
}

.HeadingCellText
{
	font-family: verdana; 
	font-size: 10px; 
	font-weight: bold; 
	text-align: left;
	padding-top: 3px;
	padding-bottom: 5px;
}
.Row 
{
	background-color: #FFFFFF; 
}
.Row td.DataCell 
{
	cursor: pointer;
	padding: 3px; 
	padding-top: 2px; 
	padding-bottom: 1px; 
	border-bottom: 1px solid #EAE9E1; 
	border-right:1px solid #EAE9E1; 
	font-family: verdana; 
	font-size: 10px; 
}
.SortedDataCell 
{
	background-color: #8AC5EB; 
	cursor:pointer;
}
.Row td.LastDataCell
{
	background-color: #EFEFF4; 
	cursor:pointer;
}
.SelectedRow
{
	border-right:1px solid #EAE9E1; 
}
.SelectedRow td.DataCell
{
	background-color: #FFEEC2; 
	padding: 2px; 
	padding-left: 3px; 
	padding-top: 1px; 
	padding-bottom: 1px; 
	font-family: verdana; 
	font-size: 10px; 
	border-bottom: 1px solid #4B4B6F; 
	border-top: 1px solid #4B4B6F; 
	border-right: 0px; 
	cursor:pointer;
}
.SelectedRow td.FirstDataCell
{
	background-color: #FFEEC2; 
	border-left: 1px solid #4B4B6F; 
	border-right: 0px; 
	padding-left: 2px; 
	padding-right: 3px; 
	cursor:pointer;
}
.SelectedRow td.LastDataCell 
{
	background-color: #FFEEC2; 
	border-right: 1px solid #4B4B6F; 
	cursor:pointer;
}
.GroupHeading
{
	color: #706F91; 
	background-color: #FFFFFF; 
	font-family: verdana; 
	font-weight: bold;
	font-size: 11px; 
	border-bottom: 2px solid #A5A4BD; 
	padding-top: 10px;
	padding-bottom: 3px;
}
.SliderPopup
{
	background-color: #FFF4D7; 
	border: 1px solid #4B4B6F; 
	border-top-color: #9495A2; 
	border-left-color: #9495A2; 
	width: 288px;
	height: 60px;
}
.GridFooter
{
	cursor: default;
	padding: 5px;
}
.GridFooterText
{
	color: #000000;
	font-family: verdana;
	font-size: 11px;
}
*/

.StaffDetails .FormDetails .header
{
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: center;
    background-color: #21467b;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#1F65AE),to(#21467b));
    background-image: -moz-linear-gradient(top,#1F65AE,#21467b);
    background-image: linear-gradient(top,#1F65AE,#21467b);
    color: white;
    font-weight: bold;
}
/*SiteMap.css*/
.SiteMap
{
    border: 0px solid #CCC;
    background-color: white;
    font-family: verdana;
    font-size: 10px;
}
.SiteMapTableCell
{
    padding: 1px;
}
.RootNode
{
    color: black;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    padding-left: 5px;
}
.RootNode a
{
    color: black;
    text-decoration: none;
}
.RootNode a:hover
{
    color: black;
    text-decoration: underline;
}
.ParentNode
{
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    padding-left: 5px;
}
.ParentNode a
{
    color: black;
    text-decoration: none;
}
.ParentNode a:hover
{
    color: black;
    text-decoration: underline;
}
.LeafNode
{
    color: #DD3409;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    padding-left: 1px;
}
.LeafNode a
{
    color: #DD3409;
    text-decoration: none;
}
.LeafNode a:hover
{
    color: #DD3409;
    text-decoration: underline;
}
/*SliderContent.css*/
.SliderHoldDiv
{
    position: relative;
    overflow: hidden;
    width: 755px;
    height: 210px;
    z-index: 100;
    text-align: left;
}
.SliderWNDiv
{
    position: relative;
    left: 0px;
    top: 0px;
    width: 755px;
    height: 210px;
    clip: rect(0px, 755px, 210px, 0px);
    overflow: hidden;
    z-index: 1000;
    text-align: left;
}
#SliderContentTableDiv
{
    width: 755px;
}
#SliderContentTableDiv td
{
    width: 755px;
    vertical-align: top;
    text-align: center;
}
.SliderButtonTD
{
    width: 20px;
    background-color: #21467b;
    border: 1px solid #57566F;
}
.SliderContentContainerDiv
{
    background-color: White;
    height: 210px;
    width: 2000px;
    border: 1px solid #57566F;
    overflow: hidden;
    position: relative;
    z-index: 100;
}
/*snapStyle.css*/
.SnapHeader
{
    color: #ffffff;
    background-color: #21467b;
    background-image: url(images/snap_headerBg.gif);
    border: 1px solid #57566F;
    font-family: Tahoma;
    font-weight: bold;
}
.SnapNews
{
    height: 170px;
    width: 100%;
    border: 0px;
    background-color: white;
    cursor: default;
    overflow-y: scroll;
    overflow-x: hidden;
}
.SnapNewsHeader
{
    font-family: verdana;
    font-size: 9px;
}
.SnapNewsContent
{
    font-family: verdana;
    font-size: 9px;
}
.SnapHeaderCollapsed
{
    color: #777777;
    background-color: #21467b;
    background-image: url(images/snap_headerCollapsedBg.gif);
    border: 1px solid #777777;
    font-family: Tahoma;
    font-weight: bold;
}
.SnapContent
{
    font-family: verdana;
    font-size: 11px;
    padding: 3px;
    border: 1px solid #57566F;
    border-top-width: 0px;
    background-color: white;
    cursor: default;
}
.Dock
{
    padding: 5px;
    border: #AFAFAF 1px solid;
    background-color: #D1D1D1;
}
.Links
{
    list-style-image: none;
    color: Black;
    font-size: 11px;
}
/*StaffPlanner.css*/
.StaffPlannerOuterDiv
{
    height: 290px;
    width: 975px;
    text-align: left;
}
.StaffPlannerNormalRow
{
    background-color: White;
    cursor: pointer;
    height: 30px;
    height: 17px;
}
.StaffPlannerHighlightRow
{
    background-color: Red;
    cursor: pointer;
    height: 30px;
}
.StaffPlannertable
{
    border-collapse: collapse;
    position: relative;
    border-width: 1px 1px 1px 1px;
    border-spacing: 0;
    border-color: #DDD;
    border-style: solid;
}
.StaffPlannerth
{
    font-weight: bold;
    border-width: 1px 1px 1px 1px;
    border-spacing: 0;
    border-color: #DDD;
    border-style: solid;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
    height: 16px;
}
.StaffPlannerspacer
{
    border-width: 1px 1px 1px 1px;
    border-spacing: 0;
    border-color: #DDD;
    border-style: solid;
    text-align: center;
    font-family: Arial;
    font-size: 1px;
    font-weight: normal;
    white-space: nowrap;
}
.StaffPlannerthlocked_left
{
    font-weight: bold;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-color: #DDD;
    border-style: solid;
    font-family: Arial;
    font-size: 12px;
    width: 150px;
    height: 16px;
}
.StaffPlannertdlocked_left
{
    font-weight: normal;
    border-width: 1px 1px 1px 1px;
    border-spacing: 0;
    border-color: #DDD;
    border-style: solid;
    font-family: Arial;
    font-size: 10px;
    height: 29px;
    height: 15px;
}
.StaffPlannertd
{
    border-width: 1px 1px 1px 1px;
    border-spacing: 0;
    border-color: #DDD;
    border-style: solid;
    text-align: center;
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    height: 30px;
    white-space: nowrap;
    height: 15px;
}
.StaffPlannertable_container_left
{
    width: 188px;
    height: 224px;
    position: relative;
    overflow: hidden;
    float: left;
    border-left-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-color: #DDD;
    border-style: none;
}
.StaffPlannertable_container_right
{
    width: 785px;
    height: 240px;
    overflow-x: scroll;
    overflow-y: auto;
    float: left;
    position: relative;
    top: 0px;
}
.StaffPlannertable_container_right_print
{
    height: 240px;
    overflow-x: scroll;
    overflow-y: auto;
    float: left;
    position: relative;
    top: 0px;
}
.StaffPlannertable_container_rightScrollBar
{
/*    width: 600px;*/
    height: 240px;
    overflow-x: scroll;
    overflow-y: auto;
    float: left;
    position: relative;
    top: 0px;
}
.StaffPlannertable_container_Topleft
{
    width: 188px;
    height: 50px;
    position: relative;
    overflow: hidden;
    float: left;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 1px;
    border-color: #DDD;
    border-style: solid;
}
.StaffPlannertable_container_Topright
{
    width: 785px;
    height: 50px;
    overflow: hidden;
    float: left;
    position: relative;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 1px;
    border-color: #DDD;
    border-style: solid;
}
.StaffPlannertable_container_Topright_print
{
    height: 50px;
    overflow: hidden;
    float: left;
    position: relative;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 1px;
    border-color: #DDD;
    border-style: solid;
}
.StaffPlannertable_container_ToprightScrollBar
{
/*    width: 583px;*/
    height: 51px;
    overflow: hidden;
    float: left;
    position: relative;
}
/*sub_menu.css*/
.Sub_Menu
{
    background-color: #8AC5EB;
    color: #FFF;
    border: solid 1px #646464;
    cursor: default;
}
.Sub_MenuItem
{
    height: 20px;
    border: solid 1px #8AC5EB;
    color: #FFF;
}
.Hover_Sub_MenuItem
{
    height: 20px;
    border: solid 1px #A8A8A8;
    background-position: center center;
    background-repeat: repeat-x;
    background-color: #EF8631;
    color: #FFF;
}
.Sub_menu_TD
{
    background-color: #21467b;
    color: #FFF;
}
/*sub_toolbar.css*/
.sub_toolbar
{
    border: solid 1px #B4CED8;
    background-position: center center;
    background-repeat: repeat-x;
    height: 25%;
    border-style: none;
    background-color: #21467b;
    color: white;
}
.sub_toolbar_separator
{
    width: 30%;
}
/* calendar */
.sub_toolbar_calendar
{
    font-family: Verdana;
    color: white;
    font-style: normal;
    font-size: 11px;
    padding: 1px;
    margin-right: 5px;
}
.sub_toolbar_calendar TABLE TR TD.ca_tb_txt
{
    padding-right: 6px;
}

.hover_sub_toolbar_calendar
{
    font-family: Verdana;
    color: white;
    font-style: normal;
    font-size: 11px;
    padding: 1px;
    margin-right: 5px;
}
.hover_sub_toolbar_calendar TABLE TR TD.ca_tb_txt
{
    background-image: url(images/sub_toolbar/sub_toolbar_btn_calendar_txt_bg.gif);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 6px;
    height: 25%;
    border-style: none;
}
/* gadget */
.sub_toolbar_gadget
{
    font-family: Verdana;
    color: white;
    font-style: normal;
    font-size: 11px;
    padding: 1px;
    margin-right: 5px;
}
.sub_toolbar_gadget TABLE TR TD.ca_tb_txt
{
    padding-right: 6px;
}
.hover_sub_toolbar_gadget
{
    font-family: Verdana;
    color: white;
    font-style: normal;
    font-size: 11px;
    padding: 1px;
    margin-right: 5px;
}
.hover_sub_toolbar_gadget TABLE TR TD.ca_tb_txt
{
    background-image: url(images/sub_toolbar/sub_toolbar_btn_gadget_txt_bg.gif);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 6px;
    height: 25%;
    border-style: none;
}
/* maximize */
.sub_toolbar_maximize
{
    font-family: Verdana;
    color: white;
    font-style: normal;
    font-size: 11px;
    padding: 1px;
    margin-right: 5px;
}
.sub_toolbar_maximize TABLE TR TD.ca_tb_txt
{
    padding-right: 6px;
}
.hover_sub_toolbar_maximize
{
    font-family: Verdana;
    color: white;
    font-style: normal;
    font-size: 11px;
    padding: 1px;
    margin-right: 5px;
}
.hover_sub_toolbar_maximize TABLE TR TD.ca_tb_txt
{
    background-image: url(images/sub_toolbar/sub_toolbar_btn_maximize_txt_bg.gif);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 6px;
    height: 25%;
    border-style: none;
}
/* minimize */
.sub_toolbar_minimize
{
    font-family: Verdana;
    color: white;
    font-style: normal;
    font-size: 11px;
    padding: 1px;
    margin-right: 5px;
}

.sub_toolbar_minimize TABLE TR TD.ca_tb_txt
{
    padding-right: 6px;
}

.hover_sub_toolbar_minimize
{
    font-family: Verdana;
    color: white;
    font-style: normal;
    font-size: 11px;
    padding: 1px;
    margin-right: 5px;
}
.hover_sub_toolbar_minimize TABLE TR TD.ca_tb_txt
{
    background-image: url(images/sub_toolbar/sub_toolbar_btn_minimize_txt_bg.gif);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 6px;
    height: 25%;
    border-style: none;
}
/* Drop Down Interface Options*/
.views
{
    font-family: Verdana;
    color: white;
    font-style: normal;
    font-size: 11px;
}
.views TABLE TR TD.ca_tb_txt
{
    padding-left: 4px;
    padding-right: 4px;
}
.hover_views
{
    font-family: Verdana;
    color: white;
    font-style: normal;
    font-size: 11px;
}
.hover_views TABLE TR TD.ca_tb_txt
{
    background-image: url(images/sub_toolbar/hover_views_txt_bg.gif);
    background-position: center center;
    background-repeat: repeat-x;
    padding-left: 4px;
    padding-right: 4px;
}
/*SystemMessages.css*/
.SystemMessagesHeaderTD
{
    background: url('images/navbar_40px.png') repeat-x scroll 0 0 transparent;
    line-height: 40px;
    background-color: #21467b;
    color: White;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
}
.SystemMessagesDIV
{
    border-color: Black;
    border-style: solid;
    border-width: 1px;
    overflow-y: auto;
    height: 300px;
    width: 550px;
    background-color: White;
}
.SystemMessagesInfoDIV
{
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
}
.SystemMessagesWarnDIV
{
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
}
.SystemMessagesErrorsDIV
{
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
}
.divMessageWindowClose
{
    margin-top: 2px;
    margin-right: 2px;
}
.spanMessageHeading
{
    margin-left: 60px;
}
/*toolbar.css*/
.toolbar
{
    background-image: url(images/toolbar/toolbar.png);
    background-repeat: no-repeat;
    margin-left: 5px;
    width: 273px;
}
.itemCell
{
    border: none;
    text-align: center;
    font-family: Verdana;
    color: black;
    padding-bottom: 2px;
}
.item
{
    border: none;
    font-family: Verdana;
    color: black;
    cursor: pointer;
}
.itemDisabled
{
    border: none;
    font-family: Verdana;
    color: black;
    cursor: default;
}
.itemHover
{
    border-width: 1px;
    border-style: solid;
    border-color: #0A246A;
    padding: 1px;
    background-color: #B6BDD2;
    background-image: none;
    font-family: Verdana;
    color: black;
    cursor: pointer;
}
.itemActive
{
    border-width: 1px;
    border-style: solid;
    border-color: #0A246A;
    padding: 1px;
    background-color: #8592B5;
    background-image: none;
    font-family: Verdana;
    color: white;
    cursor: pointer;
}
.itemChecked
{
    border-width: 1px;
    border-style: solid;
    border-color: #0A246A;
    padding: 1px;
    background-color: #D4D5D8;
    background-image: none;
    font-family: Verdana;
    color: black;
    cursor: pointer;
}
/*treeStyle.css*/
.TreeNodeRow
{
    background-color: White;
    font-family: arial, verdana;
    font-size: 12px;
    padding-left: 1px;
    padding-right: 1px;
    border: 1px;
    border-color: gray;
    border-style: none;
    cursor: default;
}
.MultipleHighlight
{
    font-family: arial, verdana;
    font-size: 12px;
    background-color: #F66;
    border: 1px;
    border-color: #AAA;
    border-style: solid;
    cursor: default;
    border-left-width: 0px;
}
.TreeView
{
    font-family: arial, verdana;
    font-size: 12px;
    border-radius: 10px;
    background-color: white;
    cursor: default;
    border: 1px;
    border-color: #DDD;
    border-style: solid;
}
.TreeNode
{
    font-family: arial, verdana;
    font-size: 12px;
    padding: 1px;
    cursor: pointer;
    background-color: #FFF;
    border: 1px solid #FFF;
}
.HoverTreeNode
{
    font-family: arial, verdana;
    font-size: 12px;
    padding: 1px;
    cursor: pointer;
    background-color: #ffffcc;
    border: 1px solid #DDD;
}
/*WorkFlowinBox.css*/
.WFINGrid
{
    border: 1px solid #57566F;
    border-bottom: 2px solid #57566F;
    background-color: #FFFFFF;
    cursor: pointer;
}
.WFINGridHeader
{
    background-image: url(images/WorkFlowinBox/grid_headerBg.gif);
    background-color: #21467b;
    border-bottom: 1px solid #57566F;
    height: 28px;
    padding-left: 3px;
    cursor: default;
    color: #FFFFFF;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    vertical-align: middle;
}
.WFINGridHeaderText
{
    color: #FFFFFF;
    font-family: verdana;
    font-size: 10px;
}
.WFINGridFooter
{
    cursor: default;
    padding: 5px;
    height: 48px;
    vertical-align: bottom;
}
.WFINGridFooterText
{
    color: #000000;
    font-family: verdana;
    font-size: 11px;
}
.WFINHeadingRow
{
    background-color: #E9E9EB;
    background-image: url(images/WorkFlowinBox/header_rowBg.gif);
}
.WFINHeadingCell
{
    background-image: url(images/WorkFlowinBox/header_bg.gif);
    background-color: #E9E9EB;
    padding: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.WFINHeadingCellHover
{
    background-image: url(images/WorkFlowinBox/header_hoverBg.gif);
    background-color: #F6F6F7;
}
.WFINHeadingCellActive
{
    background-image: url(images/WorkFlowinBox/header_activeBg.gif);
    background-color: #F6F6F7;
}
.WFINHeadingRow td.FirstHeadingCell
{
    background-image: url(images/WorkFlowinBox/header_bg.gif);
}
.WFINHeadingCellText
{
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 5px;
}
.WFINRow
{
    background-color: #FFFFFF;
    cursor: default;
}
.WFINRow td.WFINDataCell
{
    padding: 3px;
    padding-top: 2px;
    padding-bottom: 1px;
    border-bottom: 1px solid #EAE9E1;
    font-family: verdana;
    font-size: 10px;
}
.WFINSortedDataCell
{
    background-color: #8AC5EB;
}
.WFINRow td.LastDataCell
{
    background-color: #EFEFF4;
}
.WFINSelectedRow
{
}
.WFINSelectedRow td.WFINDataCell
{
    background-color: #FFEEC2;
    padding: 2px;
    padding-left: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-family: verdana;
    font-size: 10px;
    border-bottom: 1px solid #4B4B6F;
    border-top: 1px solid #4B4B6F;
    border-right: 0px;
}
.WFINSelectedRow td.FirstDataCell
{
    background-color: #FFEEC2;
    border-left: 1px solid #4B4B6F;
    border-right: 0px;
    padding-left: 2px;
    padding-right: 3px;
}
.WFINSelectedRow td.LastDataCell
{
    background-color: #FFEEC2;
    border-right: 1px solid #4B4B6F;
}
.WFINGroupHeading
{
    color: #706F91;
    background-color: #FFFFFF;
    font-family: verdana;
    font-weight: bold;
    font-size: 11px;
    border-bottom: 2px solid #A5A4BD;
    padding-top: 10px;
    padding-bottom: 3px;
    text-align: left;
}
.WFINGroupByCell
{
    cursor: pointer;
}
.WFINGroupByText
{
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    padding-right: 5px;
}
.WFINSliderPopup
{
    background-color: #FFF4D7;
    border: 1px solid #4B4B6F;
    border-top-color: #9495A2;
    border-left-color: #9495A2;
    font-size: 11px;
    width: 150px;
    height: 30px;
}
/*==============================
  start newfile001.css
==============================*/
/* basic 2 column container*/
.columnContainer_basic
{
    width: 100%;
    text-align: left;
}
.columnContainer_basic .column
{
    float: left;
    margin-left: 0;
}
.numColumn_2 .column
{
    width: 49%;
}
.columnContainer_basic:after
{
    clear: both;
    content: '&nbsp';
    display: block;
    height: 0;
    visibility: hidden;
}
.columnContainer_basic
{
    display: inline-block;
}
/*\*/
.columnContainer_basic
{
    display: block;
}

/* list style 01*/
/*ul.listMenu01 li
{
    list-style-image:url(images/col.gif);
}

ul.listMenu01 li.expanded
{
    list-style-image:url(images/exp.gif);
}

ul.listMenuItem01 li
{
    list-style-image:url(images/arrow.gif);
}*/

ul.listMenu01
{
    margin: 0;
    padding: 0;
}
ul.listMenu01
{
    margin-left: 3em;
}

ul.listMenu01 ul
{
    margin: 0;
    padding: 0;
}
ul.listMenu01 ul
{
    margin-left: 3em;
}

ul.listMenu01 li.collapsed
{
    list-style-image: url(images/col.gif);
}
ul.listMenu01 li.expanded
{
    list-style-image: url(images/exp.gif);
}
ul.listMenu01 li.expanded ul
{
    display: block;
}
ul.listMenu01 li.collapsed ul
{
    display: none;
}
ul.listMenuItem01 li
{
    list-style-image: url(images/arrow.gif);
}
ul.listMenu02 .listitemicon { background-image: url(images/ui-icons_000000_256x240.png); background-position: -32px -16px; }
ul.listMenu02 li.collapsed > a .listitemicon { background-position: -16px -128px; }
ul.listMenu02 li.expanded > a .listitemicon { background-position: -48px -128px; }

.WorkFlowSelfRequestSection .disabled a, .WorkFlowSelfRequestSection .disabled a:link, .WorkFlowSelfRequestSection .disabled a:visited, .WorkFlowSelfRequestSection .disabled a:hover
{
    color: gray;
    text-decoration: none;
    cursor: default;
}
.WorkFlowServiceViewFieldContainer .OuterDiv
{
    text-align: left;
}
.WorkFlowServiceViewFieldContainer .OuterDiv .TypeLabel
{
}
.WorkFlowRecordViewContainer .GridHeader
{
    background: #d3d3d3 url(images/header_bg.gif) repeat-x;
    color: black;
}
.WorkFlowRecordViewContainer .GridHeaderText
{
    color: black;
}
.WorkFlowRecordViewContainer .WFINGridHeaderText
{
    color: black;
}
/*==============================
  end newfile001.css
==============================*/
/*==============================
  start newfile002.css
==============================*/
/*
    style for toolbar:
    <td class="ToolBarContainerCell">
        <div class="ToolBarContainerDiv">
            <table class="toolbar" />
        </div>
    </td>
*/
.ToolBarContainerCell
{
    white-space: nowrap;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 2px;
}
.ToolBarContainerDiv
{
    height: 25px;
    margin-top: auto;
    margin-bottom: auto;
}
.TextToolBarContainerDiv
{
    clear: both;
    height: 31px;
    margin-top: auto;
    margin-bottom: auto;
    border-color: Black;
    border-style: solid;
    border-width: 0px;
    vertical-align: middle;
    padding: 3px;
}
.toolbar
{
    height: 100%;
}
.toolbar img
{
    vertical-align: middle;
}
/*==============================
  end newfile002.css
==============================*/
/*==============================
  Rounded Border DIV Boxes With Headers
==============================*/
.OuterRoundedBox
{
    background: transparent;
}
.OuterRoundedBoxtop, OuterRoundedBoxbottom
{
    display: block;
    background: transparent;
    font-size: 1px;
}
.xb1, .xb2, .xb3, .xb4
{
    display: block;
    overflow: hidden;
}
.xb1, .xb2, .xb3
{
    height: 1px;
}
.xb2, .xb3, .xb4
{
    background: #40597D;
    border-left: 1px solid #40597D;
    border-right: 1px solid #40597D;
}
.xb1
{
    margin: 0 5px;
    background: #40597D;
}
.xb2
{
    margin: 0 3px;
    border-width: 0 2px;
}
.xb3
{
    margin: 0 2px;
}
.xb4
{
    height: 1px;
    margin: 0 1px;
}
.OuterRoundedBoxcontent
{
    display: block;
    background: #FFFFFF;
    border: 0 solid #40597D;
    border-width: 0 1px;
    color: #FFFFFF;
    line-height: 1.5em;
}
.OuterRoundedBoxheader
{
    background: url('images/navbar_40px.png') repeat-x scroll 0 0 transparent;
    background-color: #21467b;
    line-height: 40px;
    font-size: 18px;
}
/*==============================
  Rounded Border DIV Boxes With Headers
==============================*/
/*==============================
  dropdown Boxes type 09
==============================*/
.DropDowncombo
{
}
.DropDowncombo_ListContainer
{
    /*background: #ffffff url('images/progress/spinner.gif') no-repeat;*/
    background-color: #ffffff;
    background-position: 3px 2px;
    border-right: 0px solid white;
    margin: 0px;
    float: left;
    padding-left: 3px;
    padding-top: 2px;
    padding-bottom: 0px;
    margin: 0px;
    border: 1px solid #769CCB;
}

.DisplayDropDowncombo_TextBox
{
    border-style: none;
    padding: 0px;
    border: 0px;
    top: 0px;
    left: 0px;
    outline: 0 none;
    height:100%;
}
.DropDowncombo ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0px solid black;
}

.DropDowncombo li
{
    /*position: relative; This causes the content to go outside the combo-box in IE7 */
}
.DropDowncombo li a
{
    color: black;
    display: block;
    width: auto;
    padding-left: 2px;
    text-decoration: none;
}
.DropDowncombo li a:hover
{
    background-color: Blue;
    color: White;
}
.DropDowncombo_Span
{
    cursor: pointer;
    float: left;
    width: 12px;
    height: 17px;
}

.DropDowncombo_Button
{
    vertical-align: text-bottom;
    width: 12px;
    height: 16px;
    background: url("images/button.gif");
}
.DropDowncombo_Button-over
{
    background: url("images/button_hl.gif");
}
.DropDowncombo_ListDiv
{
    overflow: auto;
    display: none;
    clear: both;
    border-color: Black;
    border-width: 1px;
    border-style: solid;
    max-height: 200px;
    height: auto;
    background-color: White;
    z-index: 999999;
}
/*==============================
  End dropdown Boxes type 09
==============================*/
/*==============================
  Text Tool Bar
==============================*/

.ToolbarRoundedDiv
{
    clear: both; /*background-color:#FFFFCC ;*/
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    vertical-align: middle; /*  border-width:1px;     border-style:solid;     border-color:Gray; */
}
.ePerformanceFormHead .ToolbarRoundedDiv { margin-left: 0; }

.OuterToolbarRoundedDiv
{
    /*clear: both;    
    background-color: #FFFFFF;
    margin-left: 100px;
    margin-right: 100px;
    height: 26px;
    text-align: center;
    vertical-align: middle;
    padding: 1px;
    padding-left: 1.5px;*/
}

.ToolbarRoundedDivBorder
{
    border-width: 1px;
    border-style: solid;
    border-color: #D8D8D8;
}
.ToolbarRoundedIEPadding
{
    padding-top: 1px;
    position: absolute;
    top: 1px;
}
.TextToolbarButton
{
    padding-left: 10px;
    color: Black;
}
.TextToolbarButton:hover
{
    color: Black;
}
.TextToolbarButton:visited
{
    color: Black;
}
.TextToolbarButton[disabled]
{
    color: #565959;
    text-decoration: none;
    cursor: default;
}
/*==============================
  End Text Tool Bar
==============================*/
/*==============================
  Read Only
==============================*/

.ReadonlyDataType
{
    border-style: none;
}
/*==============================
  End Read Only
==============================*/

/* CSS3 Settings for buttons start */
.orange
{
    color: black;
    border: solid 1px #5898fa;
    background: #B9D3FB;
    background: -webkit-gradient(linear, left top, left bottom, from(#B9D3FB), to(#5898fa));
    background: -moz-linear-gradient(top,  #B9D3FB,  #5898fa);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B9D3FB', endColorstr='#5898fa');
}
.orange:hover
{
    background: #B9D3FB;
    background: -webkit-gradient(linear, left top, left bottom, from(#85b2f8), to(#498ffb));
    background: -moz-linear-gradient(top,  #85b2f8,  #498ffb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85b2f8', endColorstr='#498ffb');
}
.orange:active
{
    color: #4b6181;
    background: -webkit-gradient(linear, left top, left bottom, from(#85b2f8), to(#498ffb));
    background: -moz-linear-gradient(top,  #85b2f8,  #498ffb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85b2f8', endColorstr='#498ffb');
}

.button
{
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display:inline;
vertical-align:baseline;
margin:02px;
outline:none;
cursor:pointer;
text-align:center;
text-decoration:none;
text-shadow: 01px 1px rgba(0,0,0,.3);
-webkit-border-radius:.5em;
-moz-border-radius:.5em;
border-radius:.5em;
-webkit-box-shadow:01px 2px rgba(0,0,0,.2);
-moz-box-shadow:01px 2px rgba(0,0,0,.2);
box-shadow:01px 2px rgba(0,0,0,.2);
}
.button:hover
{
    text-decoration: none;
}
.button:active
{
    position: relative;
    top: 1px;
}
input[disabled].orange, input[disabled].orange:hover, input[disabled].orange:active { color: graytext; background-color: buttonface; opacity: .65; filter:Alpha(Opacity=65); background-image: none; }
input[disabled].button:active { top: 0; }

/* CSS3 Settings for buttons end */

.headerEndCell
{
    background-image: url(images/form_head_right.gif);
    background-position:left;
    background-repeat:no-repeat;
    background-color:White;
}

.ftr-BreadCrumbContainer { margin: 0px; margin-left: 5px; margin-right: 5px; }
.ftr-BreadCrumbContainer, .ftr-BreadCrumbContainer a { color: #0D7AC7; }
.ftr-BreadCrumbContainer .BreadCrumbInnerContainer {}
.ftr-BreadCrumbContainer .BreadCrumbsLink { word-spacing: 5px; }
.ftr-BreadCrumbContainer .MoreBreadCrumbsButton { padding-right: 5px; }
.ftr-BreadCrumbContainer .BreadCrumbHistoryContainer { clear: both; width: 99%; text-align: left; word-spacing: 5px; }
.ftr-BreadCrumbContainer .BreadCrumbHistoryContainer .BreadCrumbHistoryLink {}

.TextReport
{
    font-size:10px;font-style:normal;font-family:'courier new';position:relative;top:50px;left:5px;
}

.ReportViewerDiv
{
    position:relative;
    width:95%;
    margin:5px;
}

.ReportBreak
{
    page-break-before:always;
}

.ftr-hidden { display: none; }

/* Custom HTS form */
.HTSheader
{
    background-color: #86B5D9;
    border-color: Black;
}
.HTSheaderB
{
    background-color: #86B5D9;
    border-color: Black;
    font-weight: bold;
}
.HTSodd
{
    background-color: #FFF;
}
.HTSeven
{
    background-color: #DDD;
}
.HTSButton
{
    width: 100px;
}

.GreenRow
{
    background-color: #77BF90;
}
.GreenRow td.DataCell
{
    padding: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 6px;
    border-bottom: 1px solid #EAE9E1;
    border-right: 1px solid #EAE9E1;
    font-family: verdana;
    font-size: 10px;
    cursor: pointer;
}
.GreenRow td.LastDataCell
{
    background-color: #77BF90;
    cursor: pointer;
}
.GreenRow td.AttachmentDataCell
{
    padding: 0 0 0 0;
    text-align: center;
}
.GreenRow td.AttachmentDataCell div
{
    width: 20px !important;
}
.GreenRow td.AttachmentDataCell span
{
    text-align: center;
    padding: 3px 6px;
}
.GreenRow td.AttachmentDataCell img
{
    text-align: center;
    vertical-align: middle;
}

.RedRow
{
    background-color: #FF9999;
}
.RedRow td.DataCell
{
    padding: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 6px;
    border-bottom: 1px solid #EAE9E1;
    border-right: 1px solid #EAE9E1;
    font-family: verdana;
    font-size: 10px;
    cursor: pointer;
}
.RedRow td.LastDataCell
{
    background-color: #FF9999;
    cursor: pointer;
}
.RedRow td.AttachmentDataCell
{
    padding: 0 0 0 0;
    text-align: center;
}
.RedRow td.AttachmentDataCell div
{
    width: 20px !important;
}
.RedRow td.AttachmentDataCell span
{
    text-align: center;
    padding: 3px 6px;
}
.RedRow td.AttachmentDataCell img
{
    text-align: center;
    vertical-align: middle;
}

.AmberRow
{
    background-color: #FFBF00;
}
.AmberRow td.DataCell
{
    padding: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 6px;
    border-bottom: 1px solid #EAE9E1;
    border-right: 1px solid #EAE9E1;
    font-family: verdana;
    font-size: 10px;
    cursor: pointer;
}
.AmberRow td.LastDataCell
{
    background-color: #FFBF00;
    cursor: pointer;
}
.AmberRow td.AttachmentDataCell
{
    padding: 0 0 0 0;
    text-align: center;
}
.AmberRow td.AttachmentDataCell div
{
    width: 20px !important;
}
.AmberRow td.AttachmentDataCell span
{
    text-align: center;
    padding: 3px 6px;
}
.AmberRow td.AttachmentDataCell img
{
    text-align: center;
    vertical-align: middle;
}

.GreyRow
{
    background-color: #D3D3D3;
}
.GreyRow td.DataCell
{
    padding: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 6px;
    border-bottom: 1px solid #EAE9E1;
    border-right: 1px solid #EAE9E1;
    font-family: verdana;
    font-size: 10px;
    cursor: pointer;
}
.GreyRow td.LastDataCell
{
    background-color: #D3D3D3;
    cursor: pointer;
}
.GreyRow td.AttachmentDataCell
{
    padding: 0 0 0 0;
    text-align: center;
}
.GreyRow td.AttachmentDataCell div
{
    width: 20px !important;
}
.GreyRow td.AttachmentDataCell span
{
    text-align: center;
    padding: 3px 6px;
}
.GreyRow td.AttachmentDataCell img
{
    text-align: center;
    vertical-align: middle;
}

.tblUnfilledVacancies td
{
    border: 1px solid #777777;
    padding: 3px 7px 2px 7px;
    margin: 0px;
    text-align:left;
}

.applicantRating_RatingBar
{
    background-color: #CCCCCC;
}
.applicantRating_Resume
{
    
}
.applicantRating_ApplicantCards
{
    background-color: #CCCCCC;
}
.applicantRating_Details
{
    text-align: left;
}
.applicantRating_Details table
{
    text-align: left;
    border-style: solid
}
.applicantRating_Details th
{
    text-align: left;
}
.tableLabel
{
    font-size: 16px;
    width: 98%;
    text-align: center;
    background-color: #21467B;
    color: #FFFFFF;
    display: block;
}
.applicantRating_VacancyDescription
{
    font-size: 16px;
    margin-bottom: 0px;
    font-weight: bold;
}
.applicantRating_Links
{
    background: none;
    background-color: #21467b;
    color: #FFF;
}
.applicantRating_Button 
{
    border-style: solid;
    border-width: 1px !important; 
    height: 32px;
    width: auto;
}
.applicantRating_GoodButton 
{
    border-style: solid;
    border-width: 1px !important; 
    height: 26px;
    width: auto;
}
.applicantRating_BadButton 
{
    border-style: solid;
    border-width: 1px !important; 
    height: 26px;
    width: auto;
}
.applicantRating_er21datatable 
{
    width: 98%;
}

.VacancyManagement_GridHeader { font-weight: bold; }

.VacancyManagement_CampaignHeader { font-weight: bold; }

.VacancyManagement_VacancyHeader { }
.VacancyManagement_VacancyHeader_Counts { text-align:center !important;}
.VacancyManagement_VacancyHeader_Counts:Hover { text-align:center; background: yellow; }
.VacancyManagement_AdvertisingChannel { }
.VacancyManagement_AdvertisingChannel_Counts { text-align:center !important; }
.VacancyManagement_AdvertisingChannel_Counts:Hover { text-align:center; background: yellow; }

th.filter
    {
     background: url(../../images/filter.png) right center no-repeat;
     cursor:pointer;
    }
.Clickablegraph {
    font-weight: bold;
    font-size: 14px;
}
.HeadingRow th a 
    {
     text-decoration:none;
     color:black;     
    }
.ManagementHeaderRow {
    color:white;
    font-weight:bold;
}
.selectall {
    font-weight:bold;
}

/* EXP FIX */
.ContainerWindowEXP .OuterDiv{
    max-height: 500px;
    width: 100%;
    overflow: auto;
}

.ContainerWindowEXP .OuterDiv.ValueContainer{
    overflow: hidden;
    width: 250px!important;
}

.OuterDiv.RequiredLabelContainer {
    overflow: hidden;
}