/*Assessment Builder*/
.ABLeftHeader
{
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    color: #1c4e7a;
    vertical-align: middle;
}
.ABMiddleHeader
{
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    color: #a6aeb8;
    vertical-align: middle;
}
.ABRightHeader
{
    font-family: Arial;
    font-weight: bold;
    font-size: 10px;
    color: #1c4e7a;
    vertical-align: middle;
}
.ABDropDownStyle
{
    font-family: Arial;
    font-weight: bold;
    font-size: 10px;
    color: #1c4e7a;
    vertical-align: middle;
}

.ABLeftDownRepeat
{
    background-image: url('Images/eAssess/LeftDownRepeat.jpg');
    background-repeat: repeat-y;
}
.ABRightDownRepeat
{
    background-image: url('Images/eAssess/RightDownRepeat.jpg');
    background-repeat: repeat-y;
}
.ABTopRepeat
{
    background-image: url('Images/eAssess/TopRepeat.jpg');
    background-repeat: repeat-x;
}
.ABBottomRepeat
{
    background-image: url('Images/eAssess/BottomRepeat.jpg');
    background-repeat: repeat-x;
}
/*End - Assessment Builder*/
/*Document Format*/
.DFLeftBackground
{
    background-image: url('Images/LearningGuides/DocumentFormat/Left.gif');
    background-repeat: no-repeat;
    width: 5px;
    height: 20px;
}
.DFRightBackground
{
    background-image: url('Images/LearningGuides/DocumentFormat/Right.gif');
    background-repeat: no-repeat;
    width: 5px;
    height: 20px;
}
.DFBackground
{
    background-image: url('Images/LearningGuides/DocumentFormat/Back.gif');
    background-repeat: repeat-x;
    height: 20px;
    font-size: 10px;
}
/*End - Document Format*/
/*Manage Events*/
.MEPlannedEvent
{
    background-image: url('Images/EventManagement/ManageEvents/MEPlannedEvent.gif');
    background-repeat: no-repeat;
    width: 114px;
    height: 55px;
    cursor: pointer;
}
.MEPlannedEventHover
{
    background-image: url('Images/EventManagement/ManageEvents/MEPlannedEventHover.gif');
    background-repeat: no-repeat;
    width: 114px;
    height: 55px;
    cursor: pointer;
}
.MEConfirmedEvent
{
    background-image: url('Images/EventManagement/ManageEvents/MEConfirmedEvent.gif');
    background-repeat: no-repeat;
    width: 113px;
    height: 55px;
    cursor: pointer;
}
.MEConfirmedEventHover
{
    background-image: url('Images/EventManagement/ManageEvents/MEConfirmedEventHover.gif');
    background-repeat: no-repeat;
    width: 113px;
    height: 55px;
    cursor: pointer;
}
.MECancelledEvent
{
    background-image: url('Images/EventManagement/ManageEvents/MECancelledEvent.gif');
    background-repeat: no-repeat;
    width: 113px;
    height: 55px;
    cursor: pointer;
}
.MECancelledEventHover
{
    background-image: url('Images/EventManagement/ManageEvents/MECancelledEventHover.gif');
    background-repeat: no-repeat;
    width: 113px;
    height: 55px;
    cursor: pointer;
}
.MEFinalizedEvent
{
    background-image: url('Images/EventManagement/ManageEvents/MEFinalizedEvent.gif');
    background-repeat: no-repeat;
    width: 113px;
    height: 55px;
    cursor: pointer;
}
.MEFinalizedEventHover
{
    background-image: url('Images/EventManagement/ManageEvents/MEFinalizedEventHover.gif');
    background-repeat: no-repeat;
    width: 113px;
    height: 55px;
    cursor: pointer;
}
.MERequestEvent
{
    background-image: url('Images/EventManagement/ManageEvents/MERequestEvent.gif');
    background-repeat: no-repeat;
    width: 114px;
    height: 55px;
    cursor: pointer;
}
.MERequestEventHover
{
    background-image: url('Images/EventManagement/ManageEvents/MERequestEventHover.gif');
    background-repeat: no-repeat;
    width: 114px;
    height: 55px;
    cursor: pointer;
}
.MECancelledEventRequest
{
    background-image: url('Images/EventManagement/ManageEvents/MECancelledEventRequest.gif');
    background-repeat: no-repeat;
    width: 159px;
    height: 55px;
    cursor: pointer;
}
.MECancelledEventRequestHover
{
    background-image: url('Images/EventManagement/ManageEvents/MECancelledEventRequestHover.gif');
    background-repeat: no-repeat;
    width: 159px;
    height: 55px;
    cursor: pointer;
}
.MEEndRight
{
    background-image: url('Images/EventManagement/ManageEvents/MEEndRight.gif');
    background-repeat: no-repeat;
    width: 12px;
    height: 55px;
}
.MEEndLeft
{
    background-image: url('Images/EventManagement/ManageEvents/MEEndLeft.gif');
    background-repeat: no-repeat;
    width: 10px;
    height: 55px;
}
.MEBackground
{
    background-image: url('Images/EventManagement/ManageEvents/MEBackground.gif');
    background-repeat: repeat-x;
    height: 55px;
}
.MECount
{
    padding-top: 9px;
    font-family: Arial;
    font-size: 10px;
    color: #6D6E71;
    cursor: pointer;
}
/*END - Manage Events*/
/*Manager Approvals*/
.AMAAcademyApprovedBookings
{
    background-image: url('Images/EventManagement/ManagerApprovals/AcademyApprovedBookings.gif');
    background-repeat: no-repeat;
    width: 163px;
    height: 55px;
    cursor: pointer;
}
.AMAAcademyApprovedBookingsHover
{
    background-image: url('Images/EventManagement/ManagerApprovals/AcademyApprovedBookingsHover.gif');
    background-repeat: no-repeat;
    width: 163px;
    height: 55px;
    cursor: pointer;
}
.AMAAwaitingAcademyApproval
{
    background-image: url('Images/EventManagement/ManagerApprovals/AwaitingAcademyApproval.gif');
    background-repeat: no-repeat;
    width: 161px;
    height: 55px;
    cursor: pointer;
}
.AMAAwaitingAcademyApprovalHover
{
    background-image: url('Images/EventManagement/ManagerApprovals/AwaitingAcademyApprovalHover.gif');
    background-repeat: no-repeat;
    width: 161px;
    height: 55px;
    cursor: pointer;
}
.AMAAwaitingManagerApproval
{
    background-image: url('Images/EventManagement/ManagerApprovals/AwaitingManagerApproval.gif');
    background-repeat: no-repeat;
    width: 167px;
    height: 55px;
    cursor: pointer;
}
.AMAAwaitingManagerApprovalHover
{
    background-image: url('Images/EventManagement/ManagerApprovals/AwaitingManagerApprovalHover.gif');
    background-repeat: no-repeat;
    width: 167px;
    height: 55px;
    cursor: pointer;
}
.AMABackground
{
    background-image: url('Images/EventManagement/ManagerApprovals/AMABackgroung.gif');
    background-repeat: repeat-x;
    height: 55px;
}
.AMAEndRight
{
    background-image: url('Images/EventManagement/ManagerApprovals/AMAEndRight.gif');
    background-repeat: repeat-x;
    width: 12px;
    height: 55px;
}
.AMACount
{
    padding-top: 9px;
    font-family: Arial;
    font-size: 10px;
    color: #6D6E71;
    cursor: pointer;
}
/*End - Manager Approvals*/
/*Page Detail*/
.PageDetailFieldset
{
    border: solid 1px #E8E8E8;
    background-color: #F6F6F6;
}
.PageDetailLabel
{
    color: #A8A9AB;
}
/*End - Page Detail*/
/*Advertised Events*/
.AdvEvCategory
{
    background-image: url('Images/EventManagement/AdvertisedEvents/Category.gif');
    background-repeat: no-repeat;
    width: 123px;
    height: 55px;
    cursor: pointer;
}
.AdvEvCategoryHover
{
    background-image: url('Images/EventManagement/AdvertisedEvents/CategoryHover.gif');
    background-repeat: no-repeat;
    width: 123px;
    height: 55px;
    cursor: pointer;
}
.AdvEvLatestEvents
{
    background-image: url('Images/EventManagement/AdvertisedEvents/LatestEvents.gif');
    background-repeat: no-repeat;
    width: 99px;
    height: 55px;
    cursor: pointer;
}
.AdvEvLatestEventsHover
{
    background-image: url('Images/EventManagement/AdvertisedEvents/LatestEventsHover.gif');
    background-repeat: no-repeat;
    width: 99px;
    height: 55px;
    cursor: pointer;
}
.AdvEvViewCalendar
{
    background-image: url('Images/EventManagement/AdvertisedEvents/ViewCalendar.gif');
    background-repeat: no-repeat;
    width: 112px;
    height: 55px;
    cursor: pointer;
}
.AdvEvViewCalendarHover
{
    background-image: url('Images/EventManagement/AdvertisedEvents/ViewCalendarHover.gif');
    background-repeat: no-repeat;
    width: 112px;
    height: 55px;
    cursor: pointer;
}
.AdvEvViewEvent
{
    background-image: url('Images/EventManagement/AdvertisedEvents/ViewEvent.gif');
    background-repeat: no-repeat;
    width: 99px;
    height: 55px;
    cursor: pointer;
}
.AdvEvViewEventHover
{
    background-image: url('Images/EventManagement/AdvertisedEvents/ViewEventHover.gif');
    background-repeat: no-repeat;
    width: 99px;
    height: 55px;
    cursor: pointer;
}
.AdvEvMyEvents
{
    background-image: url('Images/EventManagement/AdvertisedEvents/MyEvents.gif');
    background-repeat: no-repeat;
    width: 99px;
    height: 55px;
    cursor: pointer;
}
.AdvEvMyEventsHover
{
    background-image: url('Images/EventManagement/AdvertisedEvents/MyEventsHover.gif');
    background-repeat: no-repeat;
    width: 99px;
    height: 55px;
    cursor: pointer;
}
.AdvEvGroupBackground
{
    background-image: url('Images/EventManagement/AdvertisedEvents/GroupBackGround.gif');
    background-repeat: repeat-x;
    height: 55px;
}
.AdvEvGroupRight
{
    background-image: url('Images/EventManagement/AdvertisedEvents/GroupEndRight.gif');
    background-repeat: repeat-x;
    width: 12px;
    height: 55px;
}
/*End - Advertised Events*/
/*User Page Message*/
.UserPageMessageTopBackground
{
    background-image: url('Images/UserPageMessage/TopBackground.gif');
    background-position: top;
    background-repeat: repeat-x;
}
.UserPageMessageHeading
{
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    color: Black;
    padding-bottom: 2px;
}
.UserPageMessageContentLeft
{
    background-image: url('Images/UserPageMessage/LeftBackground.gif');
    background-position: left;
    background-repeat: repeat-y;
}
.UserPageMessageContentRight
{
    background-image: url('Images/UserPageMessage/RightBackground.gif');
    background-position: right;
    background-repeat: repeat-y;
}
.UserPageMessageBottomBackground
{
    background-image: url('Images/UserPageMessage/BottomBackground.gif');
    background-position: bottom;
    background-repeat: repeat-x;
}
/*END - User Page Message*/
/*
Self Service Portal
*/
.SSscroll-div
{
    font-size: 11px;
    font-weight: bold;
    color: #245F9A;
    margin: 0px;
    overflow: auto;
    border: solid 1px #919B9C;
    width: 280px;
    height: 648px;
}

.SSscrolDetail-div
{
    font-size: 11px;
    font-weight: bold;
    color: #245F9A;
    margin: 0px;
    overflow: hidden;
    width: 98%;
    height: 648px;
}

.SSTopGroup
{
    z-index: 99;
    width: 120px;
}
.SSDefaultTab
{
    color: black;
    background-color: #DEDFE7;
    border: 1px solid #ADADAD;
    font-family: Arial;
    font-size: 12px;
    cursor: pointer;
    text-align: left;
    width: 150px;
    height: 25px;
}
.SSDefaultTabHover
{
    color: black;
    background-color: #DEDFE7;
    border: 1px solid #ADADAD;
    font-family: Arial;
    font-size: 12px;
    cursor: pointer;
    text-align: left;
    width: 150px;
    height: 25px;
}
.SSSelectedTab
{
    color: black;
    background-color: white;
    border-top: 1px solid #ADADAD;
    border-left: 1px solid #ADADAD;
    border-bottom: 1px solid #ADADAD;
    font-family: Arial;
    font-size: 12px;
    cursor: pointer;
    text-align: left;
    width: 150px;
    height: 25px;
}
.SSMultiPage
{
    border-left: 1px solid #919B9C;
    z-index: 98;
    text-align: left;
    width: 100%;
    padding-top: 0px;
    padding-left: 10px;
    height: 622px;
}
.SSItemDetailsHeader
{
    border: solid 1px #919B9C;
    background-color: #DEDFE7;
    height: 25px;
    padding-left: 4px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    background-image: url('Images/SelfServicePortal/HeaderGradient.jpg');
    background-repeat: repeat-x;
}
.SSItemDetailsBody
{
    border-left: solid 1px #919B9C;
    border-right: solid 1px #919B9C;
    border-bottom: solid 1px #919B9C;
    height: 25px;
}
.SSWebPartItemBackground
{
    background-image: url('Images/SelfServicePortal/background.jpg');
    background-repeat: repeat-x;
    width: 145px;
    vertical-align: top;
}
/*
END - Self Service Portal
*/
/* 
Ribbon Menu
*/

.SiteBackGround
{
    background-image: url("Images/SiteImages/SiteBackground.jpg");
    background-repeat: repeat;
}

.MenuLinkItemHover
{
    text-decoration: underline;
}

/*Divan Oosthuizen */
.ComboBoxDropDown
{
    background-color: White;
    border-color: #bcbcc1;
    border-style: solid;
    border-width: 1px;
}

.ComboBoxDropDownTextBox
{
    background-color: White;
    border-color: #bcbcc1;
    border-style: solid;
    border-width: 1px;
    height: 18px;
}

/*Divan Oosthuizen */
.DivContents
{
    height: 94px;
    background-image: url("Images/ToolBar/GroupBackground.png");
    background-repeat: repeat-x;
}

/*Divan Oosthuizen */
.DivContents td.Group
{
    text-align: left !important;
    height: 77px !important;
    padding-top: 1px;
}

.MenuComboBoxCell
{
    border-right: solid 1px LightGrey;
    padding-left: 4px;
    padding-right: 6px;
    padding-top: 4px;
}
.MenuComboBoxCellAlt
{
    padding-left: 6px;
    padding-top: 4px;
}

/*Divan Oosthuizen */
.DivGroup
{
    height: 94px;
    margin-right: 1px;
    width: 430px;
    float: left;
}

/*Divan Oosthuizen */
.DivGroupLabel
{
    height: 14px;
    font-weight: bolder;
    color: #0C6B37;
    text-align: center !important;
    vertical-align: middle;
    clear: both;
}

/*Divan Oosthuizen */
.DivGroupLeft
{
    width: 4px;
    height: 94px;
    background-image: url("Images/ToolBar/GroupLeft.png");
    background-repeat: no-repeat;
    float: left;
}

/*Divan Oosthuizen */
.DivGroupRight
{
    width: 4px;
    height: 94px;
    background-image: url("Images/ToolBar/GroupRight.png");
    background-repeat: no-repeat;
    float: left;
}

/*Divan Oosthuizen */
.MenuTab
{
    height: 31px;
    color: White;
    font-weight: bold;
}

/*Divan Oosthuizen */
.MenuBackground
{
    width: auto;
    padding-left: 2px;
    background-repeat: repeat-x;
}

/*Divan Oosthuizen */
.MenuItemLinkCell
{
    width: auto;
    padding: 3px 0px 0px 3px;
    vertical-align: top;
}

/*Divan Oosthuizen */
.MenuTabHover
{
    height: 31px;
    color: White;
    font-weight: bold;
    background-image: url("../DefaultMain/Images/TabStrip/HoverBackground.png");
    background-repeat: repeat-x;
    background-position: center;
    cursor: pointer;
}

/*Divan Oosthuizen */
.MenuTabSelected
{
    height: 31px;
    color: #134876;
    font-weight: bold;
    background-image: url("../DefaultMain/Images/TabStrip/SelectedBackground.png");
    background-repeat: repeat-x;
    background-position: center;
    cursor: pointer;
}

/*Divan Oosthuizen */
.MenuTabSelectedHover
{
    height: 31px;
    color: #15428b;
    font-weight: bold;
    background-image: url("../DefaultMain/Images/TabStrip/SelectedHoverBackground.png");
    background-repeat: repeat-x;
    background-position: center;
    cursor: pointer;
}

/*Divan Oosthuizen */
.TabStripContainer
{
    width: 100%;
    height: 31px;
    background-repeat: repeat-x;
}

.MenuItemLook
{
    font-family: arial;
    color: #ffffff;
    font-size: 12px;
    border: #01224f 1px solid;
    background-color: #7395b1;
    text-align: left;
    height: 25px;
    vertical-align: middle;
    cursor: pointer;
    padding-right: 5px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.MenuItemLook td
{
    font-family: arial;
    color: #ffffff;
    font-size: 12px;
    background-color: #7395b1;
    height: 25px;
    vertical-align: middle;
    cursor: pointer;
}

.MenuItemLookHover
{
    font-family: arial;
    color: #ffffff;
    font-size: 12px;
    border: #01224f 1px solid;
    background-color: #339933;
    text-align: left;
    height: 25px;
    vertical-align: middle;
    cursor: pointer;
    padding-right: 5px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.MenuItemLookHover td
{
    font-family: arial;
    color: #ffffff;
    font-size: 12px;
    background-color: #339933;
    height: 25px;
    vertical-align: middle;
    cursor: pointer;
}

/*Divan Oosthuizen */
.TreeView
{
    background-color: White;
    margin-left: 2px;
}

/*
End - Ribbon menu 
*/

/* A */
/* TakeOn */
A
{
    font-size: 10px;
    color: #0000cd;
    font-family: Arial, Verdana;
}
A[disabled]
{
    font-size: 10px;
    color: #C0C0C0;
    font-family: Arial, Verdana;
}
A:Hover
{
    font-size: 10px;
    color: #0000cd;
    font-family: Arial, Verdana;
    text-decoration: underline;
}
.Description
{
    font-weight: bold;
    font-size: 11px;
    color: Green;
    font-family: Arial, Verdana;
}
.AskTheExpertBoxBottom
{
    background-repeat: repeat-x;
    background-image: url('Images/AskTheExpert/botPix.gif');
}
.AskTheExpertBoxContent
{
    font-family: arial;
    font-size: 11px;
    color: #000000;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-color: #d7d6d7;
    border-style: solid;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
}
.AskTheExpertBoxHeading
{
    font-family: Arial, Verdana;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #1C4E7A;
    background-color: #ffffff;
    background-repeat: repeat-x;
    background-image: url('Images/AskTheExpert/topPix.gif');
}
.AskTheExpertBoxTop
{
    background-repeat: repeat-x;
    background-image: url('Images/AskTheExpert/topPix.gif');
}
.AttendanceRegisterDataGridAltRow
{
    background-color: #cccccc;
}
.AttendanceRegisterDetails
{
    background-color: WhiteSmoke;
}
.AttendeeUnitStdListAll
{
    text-align: center;
    font-weight: bold;
    font-size: 11px;
}
/* End A */
/* B */
.BMIDisplay
{
    background-color: yellow;
}
/* End B */
/* C */
.Contents
{
    background-color: #ffffff;
}
.CourseNameBold
{
    font-size: 11px;
    font-family: Arial, Verdana;
    color: #1C4E7A;
    font-weight: bolder;
}
/* End C */
/* D */
/* Author:Divan Oosthuizen */
.deleteCell
{
    text-align: center;
    width: 30px;
}
/* TakeOn */
.dataGrid
{
    border-top: #696969 1px solid;
    font-size: 10px;
    border-left: #696969 1px solid;
    width: 98%;
    font-family: Arial, Verdana;
}
/* TakeOn */
.dataGrid TD
{
    border-right: #696969 1px solid;
    border-bottom: #696969 1px solid;
}
/* TakeOn */
.dataGrid TH
{
    border-right: #696969 1px solid;
    border-bottom: #696969 1px solid;
    padding: 5px;
    font-weight: bold;
    font-size: 10px;
    color: #ffffff;
    background-color: #b0c4de;
}
/* TakeOn */
.dataGridAltRow
{
    background-color: #d8d8e6;
}
/* Author:Divan Oosthuizen */
.dataGridCell
{
    border-right: #696969 1px solid;
    border-bottom: #696969 1px solid;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    word-wrap: break-word;
    vertical-align: top;
}
/* TakeOn */
.dataGridHeader
{
    border-right: #696969 1px solid;
    border-bottom: #696969 1px solid;
    padding: 5px;
    font-weight: bold;
    font-size: 10px;
    color: #ffffff;
    background-color: #b0c4de;
}
/* TakeOn */
.dataGridMouseOver
{
    background-color: #FF0000;
}
/* TakeOn */
.dataGridMouseOut
{
    background-color: #ffffff;
}
.dataGridNoWidth
{
    border-top: #696969 1px solid;
    font-size: 10px;
    border-left: #696969 1px solid;
    font-family: Arial, Verdana;
}
.dataGridNoWidth TD
{
    border-right: #696969 1px solid;
    border-bottom: #696969 1px solid;
}
.dataGridNoWidth TH
{
    border-right: #696969 1px solid;
    border-bottom: #696969 1px solid;
    padding: 5px;
    font-weight: bold;
    font-size: 10px;
    color: #ffffff;
    background-color: #3f658a;
}
.dataGridReport
{
    border-top: #696969 1px solid;
    font-size: 10px;
    border-left: #696969 1px solid;
    font-family: Arial, Verdana;
    width: 100%;
}
.dataGridReport TD
{
    border-right: #696969 1px solid;
    border-bottom: #696969 1px solid;
}
.dataGridReport TH
{
    border-right: #696969 1px solid;
    border-bottom: #696969 1px solid;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    background-color: #ffffff;
}
.dataGridSA
{
    border-top: #696969 1px solid;
    font-size: 10px;
    border-left: #696969 1px solid;
    font-family: Arial, Verdana;
}
.dataGridSA TD
{
    border-right: #696969 1px solid;
    border-bottom: #696969 1px solid;
}
.dataGridSA TH
{
    border-right: #696969 1px solid;
    border-bottom: #696969 1px solid;
    padding: 5px;
    font-weight: bold;
    font-size: 10px;
    color: #ffffff;
    background-color: #3f658a;
}
/*Author:Divan Oosthuizen */
.dataGridWhole
{
    border-top: #696969 1px solid;
    font-size: 10px;
    border-left: #696969 1px solid;
    width: 98%;
    font-family: Verdana, Arial;
}
/* TakeOn */
.DefaultTab
{
    color: black;
    font-family: Arial, Verdana;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    background-image: url('../../Images/Tabs/tab_bg.gif');
    background-repeat: repeat-x;
}
/* TakeOn */
.DefaultTabHover
{
    color: black;
    font-family: Arial, Verdana;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    background-image: url('../../Images/Tabs/hover_tab_bg.gif');
    background-repeat: repeat-x;
}

/* TakeOn */
.DisabledTab
{
    color: #AAAAAA;
    background-color: #d3d3d3;
    font-family: Arial, Verdana;
    font-size: 10px;
    font-weight: bold;
    cursor: default;
    border-right: #919b9c 1px solid;
    border-top: #919b9c 1px solid;
    border-left: #919b9c 1px solid;
}
/* End D */
/* E */
/*Author:Divan Oosthuizen */
.editCell
{
    text-align: center;
    width: 30px;
}
/* Author:Divan Oosthuizen */
.errorMessage
{
    font-weight: bold;
    color: #ff0000;
}
.EventBookedMessagePanel
{
    position: absolute;
    left: 150px;
    top: 150px;
    width: 350px;
    height: 300px;
    z-index: 99;
}
.EventBookedMessagePanelIframe
{
    position: absolute;
    left: 150px;
    top: 150px;
    width: 350px;
    height: 300px;
    z-index: 98;
}
.EventBookedMessagePanelAdmin
{
    position: absolute;
    left: 300px;
    top: 150px;
    width: 350px;
    height: 300px;
    z-index: 99;
}
.EventBookedMessagePanelAdminIframe
{
    position: absolute;
    left: 300px;
    top: 150px;
    width: 350px;
    height: 300px;
    z-index: 98;
}
.EventCancelledMessagePanel
{
    position: absolute;
    left: 100px;
    top: 100px;
    width: 350px;
    height: 300px;
}
.EventCancelSupplyReasonPanel
{
    position: absolute;
    left: 100px;
    top: 100px;
    width: 350px;
    height: 250px;
    z-index: 99;
}
.EventCancelSupplyReasonPanelIframe
{
    position: absolute;
    left: 100px;
    top: 100px;
    width: 350px;
    height: 250px;
    z-index: 98;
}
.EventFinalizeSupplyReasonPanel
{
    position: absolute;
    left: 100px;
    top: 100px;
    width: 350px;
    height: 250px;
    z-index: 99;
}

.EventFinalizeSupplyReasonPanelIframe
{
    position: absolute;
    left: 100px;
    top: 100px;
    width: 350px;
    height: 250px;
    z-index: 98;
}
.EventConfirmSupplyReasonPanel
{
    position: absolute;
    left: 100px;
    top: 100px;
    width: 350px;
    height: 250px;
    z-index: 99;
}

.EventConfirmSupplyReasonPanelIframe
{
    position: absolute;
    left: 100px;
    top: 100px;
    width: 350px;
    height: 250px;
    z-index: 98;
}
.EventApproveSupplyReasonPanel
{
    position: absolute;
    left: 100px;
    top: 100px;
    width: 350px;
    height: 250px;
    z-index: 99;
}

.EventApproveSupplyReasonPanelIframe
{
    position: absolute;
    left: 100px;
    top: 100px;
    width: 350px;
    height: 250px;
    z-index: 98;
}
.EventCopySummaryPanel
{
    position: absolute;
    left: 100px;
    top: 100px;
    width: 350px;
    height: 300px;
}
.EventDetailsFieldset
{
    font-size: 10px;
    color: #000000;
    font-family: Arial, Verdana;
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
}
.EventManagementMultiPage
{
    top: -1px;
    z-index: 98;
    position: relative;
    border-top: solid 1px #bcbcc1;
    border-bottom: solid 1px #bcbcc1;
    border-left: solid 1px #bcbcc1;
    border-right: solid 1px #bcbcc1;
    width: 98%;
}
.EventName
{
    font-size: 11px;
    font-family: Arial, Verdana;
    color: black;
}
.EventNameAlt
{
    font-size: 11px;
    font-family: Arial, Verdana;
    color: #1C4E7A;
}
.EventRequestSummaryPanel
{
    position: absolute;
    left: 100px;
    top: 100px;
    width: 350px;
    height: 300px;
}
.ExportExcelLargeButton
{
    border: solid 1px #696969;
    font-size: 10px;
    cursor: pointer;
    background-color: #c0c0c0;
    color: #000000;
}
.ExportExcelSmallButton
{
    border: solid 1px #696969;
    font-size: 10px;
    cursor: pointer;
    background-color: #c0c0c0;
    color: #000000;
}
.ExportWordLargeButton
{
    border: solid 1px #696969;
    font-size: 10px;
    cursor: pointer;
    background-color: #c0c0c0;
    color: #000000;
}
.ExportWordSmallButton
{
    border: solid 1px #696969;
    font-size: 10px;
    cursor: pointer;
    background-color: #c0c0c0;
    color: #000000;
}
/* Event Management Schedule Report Main Border */
.EventManagementCourseScheduleReportMainBorder
{
    border-bottom: 0px;
    border-top: #696969 1px solid;
    border-left: #696969 1px solid;
    border-right: #696969 1px solid;
}
/* Event Management Schedule Report Footer Border */
.EventManagementCourseScheduleReportFooterBorder
{
    border-top: #696969 1px solid;
}
/* End E */
/* F */
FIELDSET
{
    font-size: 10px;
    color: #000000;
    border: #cc9b66 1px solid;
    font-family: Arial, Verdana;
}
/* TakeOn */
.fullheight
{
    border: 0px;
}
/* End F */
/* G */
.GroupButtonBack
{
    background-image: url('Images/GroupButtonBack_Small.gif');
    background-repeat: repeat-x;
}
.GroupButtonLeft
{
    background-image: url('Images/GroupButtonLeft_Small.gif');
    background-repeat: no-repeat;
    width: 6px;
}
.GroupButtonRight
{
    background-image: url('Images/GroupButtonRight_Small.gif');
    background-repeat: no-repeat;
    width: 6px;
}
.GroupButtonSelectedBackGround
{
    background-image: url('Images/GroupButtonSelectedBg_Silver.gif');
    background-repeat: repeat-x;
}
.GroupHoverBackGround
{
    background-image: url('Images/GroupButtonHoverBg_Silver.gif');
    background-repeat: repeat-x;
    vertical-align: middle;
}
.GroupLabel
{
    background-color: #a9a9a9;
}
/* End G */
/* H */
/* TakeOn */
H1
{
    font-weight: bold;
    font-size: 12px;
    color: #a0522d;
    font-family: Arial, Verdana;
}
/* TakeOn */
H2
{
    font-size: 11px;
    color: #CC9B66;
    font-family: Arial, Verdana;
}
/* TakeOn */
H3
{
    font-size: 11px;
    color: #a0522d;
    font-family: Arial, Verdana;
}
.Heading
{
    font-weight: bold;
    font-size: 12px;
    color: #1C4E7A;
    font-family: Arial, Verdana;
}
/* TakeOn */
HTML, BODY
{
    font-size: 10px;
    color: #000000;
    font-family: Arial, Verdana;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-attachment: fixed;
    background-repeat: repeat-x;
    background-color: #ffffff;
}
/* End H */
/* I */
/* TakeOn */
INPUT
{
    font-size: 10px;
    color: #000000;
    font-family: Arial, Verdana;
}
/* TakeOn */
INPUT.button
{
    border: solid 1px #696969;
    font-size: 10px;
    cursor: pointer;
    background-color: #c0c0c0;
    color: #000000;
}
INPUT.pagingButton
{
    border: 1px solid #558DD9;
    font-size: 10px;
    height: 20px;
    cursor: pointer;
    background-color: White;
    padding: 1px;
    color: #000000;
}
INPUT.RequiredField
{
    font-size: 10px;
    color: #000000;
    font-family: Arial, Verdana;
    background-color: #ffffcc;
}
/* End I */
/* J */
/* End J */
/* K */
/* End K */
/* L */
/* Author:Divan Oosthuizen */
.labelLocked
{
    font-weight: bold;
    color: #cd5c5c;
}
/*Author:Divan Oosthuizen */
.lblHeading
{
    font-weight: bold;
    font-size: 12px;
    color: #a0522d;
    font-family: Arial, Verdana;
}
.LoadingPanel
{
    background-color: White;
    border: solid 1px darkgray;
    position: absolute;
    width: 250px;
    height: 100px;
    z-index: 1000;
    left: 200px;
    top: 200px;
}
/* End L */
/* M */
.MicroSiteFieldset
{
    font-size: 10px;
    color: #000000;
    font-family: Arial, Verdana;
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
}
.ModalGrayBack
{
    background-color: White;
    border-left: solid 1px darkgray;
    border-right: solid 1px darkgray;
    border-top: solid 1px darkgray;
    border-bottom: solid 1px darkgray;
}
.ModalGrayBottomBack
{
    background-image: url('Images/EventManagement/Modal_Gray/bottom.gif');
    background-repeat: repeat-x;
}
.ModalGrayMainBorder
{
    border-right: solid 4px darkgray;
    border-bottom: solid 4px darkgray;
}
/* TakeOn */
.MultiPage
{
    background-color: White;
    border: 1px solid #919B9C;
    width: 98%;
    height: 98%;
    position: relative;
    top: -1px;
    z-index: 98;
}
/* End M */
/* N */
.NotificationMultiPage
{
    top: -1px;
    z-index: 98;
    position: relative;
    border-top: solid 1px #bcbcc1;
    border-bottom: solid 1px #bcbcc1;
    border-left: solid 1px #bcbcc1;
    border-right: solid 1px #bcbcc1;
    width: 95%;
}
/* End N */
/* O */
/* End O */
/* P */
.PathwayboxBorder
{
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-color: #afafa3;
    border-style: solid;
}
.PathwayBoxHeader
{
}
.PathwayBoxItem
{
}
.PathwaySplitter
{
    background-image: url('Images/Pathway/icons/splitterNew_Small.jpg');
    background-repeat: no-repeat;
    background-position: center;
    height: 11px;
}
.PathwayTable
{
    min-width: 500px;
}
.PathwayTableBottom
{
    background-image: url('Images/Pathway/botPix.jpg');
    background-repeat: repeat-x;
}
.PathwayTableBottomLeft
{
    background-image: url('Images/Pathway/botLeft.jpg');
    background-repeat: no-repeat;
}
.PathwayTableBottomRight
{
    background-image: url('Images/Pathway/botRight.jpg');
    background-repeat: no-repeat;
}
.PathwayTableTop
{
    background-image: url('Images/Pathway/topPix.jpg');
    background-repeat: repeat-x;
    font-family: Arial, Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #164b78;
}
.PathwayItemDetail
{
    font-family: Arial,Verdana;
    font-weight: bold;
    width: 120px;
    font-size: 10px;
}
/* Author:Divan Oosthuizen */
.pointer
{
    cursor: pointer;
}
.PrintSmallButton
{
    background-image: url('Images/PrinterIcon.gif');
    text-align: center;
    width: 100px;
    background-repeat: no-repeat;
    background-position: left;
    border: solid 1px #696969;
    font-size: 10px;
    cursor: pointer;
    background-color: #c0c0c0;
    color: #000000;
}
/* End P */
/* Q */
/* End Q */
/* R */
.RadList
{
    border-top: #696969 0px solid;
    font-size: 10px;
    border-left: #696969 0px solid;
    border-bottom: #696969 0px solid;
    border-right: #696969 0px solid;
    font-family: Arial, Verdana;
}
.RadList TD
{
    border-right: #696969 0px solid;
    border-bottom: #696969 0px solid;
    padding: 0px 4px 0px 4px;
}
.RadList TH
{
    border-right: #696969 0px solid;
    border-bottom: #696969 0px solid;
    padding: 5px;
    font-weight: bold;
    font-size: 10px;
    color: #ffffff;
    background-color: #3f658a;
}
/*Theuns Pretorius*/
.RatingEmptyStar
{
    display: block;
    width: 23px;
    height: 21px;
    background-image: url('Images/Rating/EmptyStar.gif');
}
.RatingFullStar
{
    display: block;
    width: 23px;
    height: 21px;
    background-image: url('Images/Rating/FullStar.gif');
}
.RatingFullStarDisabled
{
    display: block;
    width: 23px;
    height: 21px;
    background-image: url('Images/Rating/FullStarDisabled.gif');
}
/* Author:Divan Oosthuizen */
.ReportClass
{
    width: 250px;
    word-wrap: break-word;
    text-align: left;
    vertical-align: top;
}
.ReportContainer
{
    font-size: 10px;
    color: #000000;
    border: #000000 1px solid;
    font-family: Arial, Verdana;
}
/* Author:Divan Oosthuizen */
.ReportLiClass
{
    width: 260px;
    word-wrap: break-word;
    text-align: left;
    vertical-align: top;
}
/* Author:Divan Oosthuizen */
.ReportLiClassOut
{
    width: 95%;
    word-wrap: break-word;
    text-align: left;
    vertical-align: top;
}
.RequestedEventsBookRequirementPanel
{
    position: absolute;
    left: 100px;
    top: 150px;
    width: 450px;
    height: 400px;
}
.RequestedEventsCancelRequirementPanel
{
    position: absolute;
    left: 100px;
    top: 150px;
    width: 450px;
    height: 400px;
}
.RibbonGroupBack
{
    background-image: url('Images/GroupSilverBack_Small.gif');
    background-repeat: repeat-x;
}
.RibbonGroupDescription
{
    color: #969696;
}
.RibbonGroupLabel
{
    color: dimgray;
    text-align: center;
    cursor: default;
}
.RibbonGroupLeft
{
    background-image: url('Images/GroupSilverLeft_Small.gif');
    background-repeat: no-repeat;
    width: 6px;
}
.RibbonGroupRight
{
    background-image: url('Images/GroupSilverRight_Small.gif');
    background-repeat: no-repeat;
    width: 6px;
}
.RibbonGroupSplitter
{
    border-right: solid 1px silver;
}
.RibbonHoverBackGround
{
    background-image: url('Images/RibbonHoverBg_Silver.gif');
    background-repeat: repeat-x;
}
.RibbonMainBack
{
    background-color: #F6f6f6;
    padding-top: 4px;
}
.RibbonMainLeft
{
    background-color: #F6f6f6;
    width: 5px;
}
.RibbonMainRight
{
    background-color: #F6f6f6;
    width: 5px;
}
.RibbonSelectedBackGround
{
    background-image: url('Images/RibbonSelectedBg_Silver.gif');
    background-repeat: repeat-x;
}
/* End R */
/* S */
/* Author:Divan Oosthuizen */
.savedSuccessfully
{
    font-weight: bold;
    color: #cd5c5c;
}
.SaveMessagePanel
{
    background-color: White;
    border: solid 1px darkgray;
    position: absolute;
    left: 194px;
    top: 122px;
    width: 250px;
    height: 100px;
    z-index: 1000;
}
.SearchButtonSplitBorder
{
    border-top: solid 1px #cc9b66;
}
/* TakeOn */
SELECT
{
    font-size: 10px;
    color: #000000;
    font-family: Arial, Verdana;
}
/* AuthorLDivan Oosthuizen */
.selectedColour
{
    background-color: palegoldenrod;
}
/* TakeOn */
.SelectedTab
{
    color: black;
    background-image: url('../../Images/Tabs/selected_tab_bg.gif');
    background-repeat: repeat-x;
    font-family: Arial, Verdana;
    font-size: 10px;
    font-weight: bold;
    cursor: default;
}
.sendToBack
{
    z-index: 0;
}
.subHeading
{
    font-weight: bold;
    font-size: 11px;
    color: #696969;
    font-family: Arial, Verdana;
}
.subHeadingBlack
{
    font-weight: bold;
    font-size: 11px;
    color: Black;
    font-family: Arial, Verdana;
}
/* End S */
/* T */
/* TakeOn */
.tableDot
{
    border-right: #a9a9a9 1px dotted;
    border-top: #a9a9a9 1px dotted;
    border-left: #a9a9a9 1px dotted;
    border-bottom: #a9a9a9 1px dotted;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin: 0px;
    font-size: 10px;
    color: #696969;
    font-family: Arial, Verdana;
}
/* TakeOn */
TD
{
    font-size: 10px;
    font-family: Arial, Verdana;
}
.TDBold
{
    font-size: 11px;
    font-family: Arial, Verdana;
    font-weight: bolder;
}
td.WizardBackground
{
    background-color: #83AC12;
    height: 60px;
    color: White;
    width: 250px;
}
td.WizardProcessWizard
{
    background-color: White;
    width: 80%;
    border-right: #dcdcdc 1px solid;
    border-top: #dcdcdc 1px solid;
    border-left: #dcdcdc 1px solid;
    border-bottom: #dcdcdc 1px solid;
}
.TemplateCopySummaryPanel
{
    position: absolute;
    left: 100px;
    top: 100px;
    width: 350px;
    height: 300px;
}
/* TakeOn */
TEXTAREA
{
    font-size: 11px;
    color: #000000;
    font-family: Arial, Verdana;
}
TEXTAREA.RequiredField
{
    font-size: 11px;
    color: #000000;
    font-family: Arial, Verdana;
    background-color: #ffffcc;
}
/* TakeOn */
TH
{
    padding: 5px;
    background-color: #3f658a;
    color: #FFFFFF;
}
.Toolbar
{
    margin-left: 10px;
    border: #a9a9a9 solid 1px;
}
.ToolBarGroup
{
    background-color: #d3d3d3;
    border-top: #d3d3d3 2px solid;
    background-image: url('Images/GroupBackground.png');
    background-repeat: repeat-x;
}
.ToolbarLink
{
    color: #000099;
}
.TopGroup
{
    z-index: 99;
    position: relative;
}
.TransparentLabel
{
    background-color: Transparent;
    border-style: none;
    border: 0px;
    width: 450px;
}
.tvActive
{
    cursor: pointer;
    font-family: Arial, Verdana;
    font-size: 10px;
    color: Blue;
}
.tvNotActive
{
    cursor: pointer;
    font-family: Arial, Verdana;
    font-size: 10px;
    color: black;
}
/* TakeOn */
.tvHoverItem
{
    background-color: #c0c0c0;
    cursor: pointer;
}
/* TakeOn */
.tvSelectedItem
{
    background-color: #c0c0c0;
    cursor: pointer;
}
/* End T */
/* U */
.UserMessage
{
    font-weight: bold;
    font-size: 10px;
    color: #1C4E7A;
    font-family: Arial, Verdana;
}
/* End U */
/* V */
/* End V */
/* W */
/* TakeOn */
.webpartBorder
{
    font-size: 10px;
    color: #696969;
    font-family: Arial, Verdana;
}
/* TakeOn */
.webpartHeading
{
    font-weight: bold;
    color: #5f9ea0;
    font-size: 11px;
}
.WizardHeader
{
    font-weight: bold;
    font-family: arial;
    font-size: 12px;
}
/* End W */
/* X */
/* End X */
/* Y */
/* End Y */
/* Z */
/* End Z */
.CopyPathwayTreeNodeSummaryPanel
{
    position: absolute;
    left: 100px;
    top: 100px;
    width: 350px;
    height: 300px;
}
.AdvertisedCalendarDayHeader
{
    background-color: #3f658a;
    color: #ffffff;
    font-size: 10px;
}
/*Appraisal / Evaluation */
.EvaluationQuestionColor
{
    background-color: #C4DDFF;
    color: #000000;
    background-image: url('Images/Button/ButtonBack.gif');
    background-repeat: repeat-x;
}
.EvaluationText
{
    font-size: 12px;
}
.EvaluationText TR
{
    font-size: 12px;
}
.EvaluationText TD
{
    font-size: 12px;
}
.EvalRequiredField
{
    font-size: 12px;
    color: #000000;
    background-color: #ffffcc;
}


/*Session Timeout Style*/
.RepeatTop
{
    background-image: url('../DefaultMain/Images/SessionTimeout/a2repeat.jpg');
    background-repeat: repeat-x;
}
.RepeatMiddle
{
    background-image: url('../DefaultMain/Images/SessionTimeout/b2repeat.jpg');
    background-repeat: repeat-x;
}
.RepeatBotMiddle
{
    background-image: url('../DefaultMain/Images/SessionTimeout/c2.gif');
    background-repeat: repeat-x;
    height: 21px;
    vertical-align: bottom;
}
.RepeatBot
{
    background-image: url('../DefaultMain/Images/SessionTimeout/d2repeat.jpg');
    background-repeat: repeat-x;
}
.MiddleTD
{
    width: 5px;
}

.CalendarHeader
{
    border-right: solid 1px white;
    padding-left: 4px;
    padding-right: 3px;
    text-align: left;
}




.HRRequest
{
    background-color: #3c84c1;
    font-weight: bold;
    font-family: Arial Tahoma;
    color: White;
}

.HRRespond
{
    background-color: #08559b;
    font-weight: bold;
    font-family: Arial Tahoma;
    color: White;
}

legend
{
    color: #456888;
    font-size: 12px;
    padding-bottom: 5px;
}

search
{
    color: #014e9a;
    font-size: 12px;
}

.reportGrid
{
    background-color: #d3d3d3;
    padding: 4px;
    font-family: Arial, Tahoma;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
}
.invoiceTop
{
    width: 62%;
    vertical-align: top;
    background-color: #f1f1f1;
    padding-top: 5px;
    padding-left: 5px;
    border-top: solid 1px white;
    border-right: solid 1px #c1c1c1;
}
.invoiceTopAlt
{
    width: 62%;
    vertical-align: top;
    background-color: #e8e8e8;
    padding-top: 5px;
    padding-left: 5px;
    border-top: solid 1px white;
    border-right: solid 1px #c1c1c1;
}
.invoiceBottom
{
    width: 38%;
    vertical-align: top;
    background-color: #f1f1f1;
    padding: 5px;
    border-top: solid 1px white;
    border-left: solid 1px white;
}
.invoiceBottomAlt
{
    width: 38%;
    vertical-align: top;
    background-color: #e8e8e8;
    padding: 5px;
    border-top: solid 1px white;
    border-left: solid 1px white;
}

.BackInOffice
{
    width: 223px;
    height: 53px;
    background-image: url('Images/Button/BackInOffice.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    border: none 0px;
}

.BackInOffice:Hover
{
    width: 223px;
    height: 53px;
    background-image: url('Images/Button/BackInOfficeMo.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
}

.OutOfOffice
{
    width: 255px;
    height: 53px;
    background-image: url('Images/Button/OutOfOffice.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    border: none 0px;
}

.OutOfOffice:Hover
{
    width: 255px;
    height: 53px;
    background-image: url('Images/Button/OutOfOfficeMo.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
}

/*--Portal Styles START--*/

a:focus
{
    outline: none;
}

ul.PortalMenuSideNav
{
    float: left;
    margin: 0px;
    padding: 0;
    width: 225px;
    list-style: none;
    font-weight: normal;
}
ul.PortalMenuSideNav li
{
    position: relative;
    float: left;
    margin: 0px;
    padding: 0px;
    height: 100%;
    min-height: 35px;
    font-weight: normal;
}
ul.PortalMenuSideNav li a
{
    padding: 0px 0px 0px 0px;
    display: block;
    color: #014e9a;
    font-family: Arial, Tahoma;
    font-size: 15px;
    text-decoration: none;
    width: 225px;
    height: 35px;
    background: url('Images/Portal/NavBGNoArrow.jpg');
    background-repeat: no-repeat;
    position: relative;
    z-index: 1001;
    font-weight: normal;
    cursor: pointer;
    margin-left: 0px;
}
ul.PortalMenuSideNav li a:hover
{
    background: url('Images/Portal/NavBGNoArrow-mo.jpg');
    background-repeat: no-repeat;
    color: #fff;
    font-family: Arial, Tahoma;
    font-size: 15px;
    position: relative;
    width: 225px;
    height: 35px;
    font-weight: normal;
    cursor: pointer;
    margin-left: 0px;
    padding: 0px 0px 0px 0px;
}
ul.PortalMenuSideNav li div
{
    display: none;
    position: absolute;
    left: 0px;
    width: 265px;
    font-size: 0.9em;
    background: #487ab2;
    margin: 0px 0px 0px 0px;
    top: 0px;
    color: White;
    min-height: 32px;
}
ul.PortalMenuSideNav li div:hover
{
    display: none;
    position: absolute;
    left: 0px;
    width: 265px;
    font-size: 0.9em;
    background: #487ab2;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    top: 0px;
    color: White;
    min-height: 32px;
    vertical-align: middle;
}
ul.PortalMenuSideNav li div p
{
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 0px 0px;
    color: #cde4f8;
    font-size: 12px;
    font-family: Arial, Tahoma;
    height: 19px;
}
ul.PortalMenuSideNav li div p:hover
{
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 0px 0px;
    color: #ffffff;
    font-size: 12px;
    font-family: Arial, Tahoma;
    height: 19px;
}
.PortalMenuItemImg
{
    width: 23px;
    height: 22px;
    border: 0px none;
    vertical-align: middle;
    margin: 6px 0px 0px 3px;
    padding-right: 0px;
}

ul.PortalMenuSideNav li a.PortalMenuItem
{
    padding: 0px 0px 0px 0px;
    display: block;
    color: #014e9a;
    font-family: Arial, Tahoma;
    font-size: 15px;
    text-decoration: none;
    width: 225px;
    height: 35px;
    background: url('Images/Portal/NavBGNoArrow.jpg');
    background-repeat: no-repeat;
    position: relative;
    z-index: 1001;
}
ul.PortalMenuSideNav li a.PortalMenuItem:hover
{
    padding: 0px 0px 0px 0px;
    display: block;
    color: #ffffff;
    font-family: Arial, Tahoma;
    font-size: 15px;
    text-decoration: none;
    width: 225px;
    height: 35px;
    background: url('Images/Portal/NavBGNoArrow-mo.jpg');
    background-repeat: no-repeat;
    position: relative;
    z-index: 1001;
}

.TopNavImage
{
    width: 227px;
    height: 29px;
    background: url(Images/Portal/NavTopImage.jpg);
    background-repeat: no-repeat;
}


.TopNavImage a
{
    color: #fff;
    font-family: Arial, Tahoma;
    font-size: 15px;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
}

.TopNavImage a:Hover
{
    color: #fff;
    font-family: Arial, Tahoma;
    font-size: 15px;
    cursor: pointer;
    text-decoration: none;
    font-weight: normal;
}

.PortalMenuTopNav
{
    width: 227px;
    height: 29px;
    background: url('Images/Portal/NavTop-repeat.jpg');
    background-repeat: repeat-x;
}
.PortalMenuTopNavImage
{
    width: 227px;
    height: 29px;
    background: url('Images/Portal/NavTopImage.jpg');
    background-repeat: no-repeat;
    color: #fff;
    font-family: Arial, Tahoma;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}
.PortalMenuTopNavImage:Hover
{
    width: 227px;
    height: 29px;
    background: url('Images/Portal/NavTopImage-mo.jpg');
    color: #fff;
    font-family: Arial, Tahoma;
    font-size: 16px;
    background-repeat: no-repeat;
    cursor: pointer;
    text-decoration: none;
}
.PortalBigBtnLearn
{
    width: 153px;
    height: 65px;
    background: url('Images/Portal/BIG-btn.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 14px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 8px 0px 0px 10px;
    vertical-align: top;
}
.PortalBigBtnLearn:Hover
{
    width: 153px;
    height: 65px;
    background: url('Images/Portal/BIG-btnMo.jpg');
    cursor: pointer;
    background-repeat: no-repeat;
    font-size: 14px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 8px 0px 0px 10px;
    vertical-align: top;
}
.PortalBigBtnTrain
{
    width: 153px;
    height: 65px;
    background: url('Images/Portal/BIG-btn2.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 14px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 18px 0px 0px 10px;
    vertical-align: top;
}
.PortalBigBtnTrain:Hover
{
    width: 153px;
    height: 65px;
    background: url('Images/Portal/BIG-btn2Mo.jpg');
    cursor: pointer;
    background-repeat: no-repeat;
    font-size: 14px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 18px 0px 0px 10px;
    vertical-align: top;
}
.PortalTableHead
{
    height: 25px;
    background: #91bde3 url('Images/Portal/tableheader.jpg');
    background-repeat: repeat-x;
    border: solid 1px #91bde3;
}
.PortalTableHead h1
{
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: #014e9a;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
}
.PortalTableHead h3
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    padding-left: 0px;
    color: #014e9a;
    vertical-align: middle;
    padding-bottom: 3px;
}
.PortalTableHead td
{
    padding-left: 7px;
    width: 33%;
}

/*TABLE SLIM START*/

.PortalTableHeadSlim
{
    height: 100%;
    border: solid 1px #91bde3;
    width: 100%;
}
.PortalTableHeadSlim h1
{
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: #014e9a;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}
.PortalTableHeadSlim h3
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    padding-left: 0px;
    color: #014e9a;
    vertical-align: middle;
    padding-bottom: 3px;
}
.PortalTableHeadSlim td
{
    padding-left: 0px;
    width: 100%;
    border-right: solid 1px #91bde3;
}

.PortalTableHeadSlim th
{
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: #014e9a;
    padding: 0px 5px 0px 5px;
    margin: 0px;
    text-align: left;
    border-right: solid 1px #fff;
    background: #91bde2 url('Images/Portal/tableheader.jpg');
    background-repeat: repeat-x;
}

.PortalTableContentSlim th
{
    height: 23px;
    padding: 0px 5px 0px 5px;
    color: #014e9a;
    margin: 0px;
    width: 100%;
}

.PortalTableContentSlim
{
    width: 100%;
    margin: 0px;
    padding-left: 0px;
}

.PortalQuickLinkSlim
{
    background-color: #91bde3;
    width: 100%;
    border-top: solid 1px #ffffff;
}

.QuickLinkBorderSlim
{
    border-top: solid 1px #dbe6f4;
    border-bottom: solid 1px #6597c1;
}

.PortalTableContentSlim td
{
    width: 33%;
    height: 23px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    color: #014e9a;
    margin: 0px;
}

.PortalTableContentSlim a
{
    padding-left: 5px;
    font-family: Arial, Tahoma;
    font-size: 12px;
    color: #014e9a;
    font-weight: normal;
    text-decoration: underline;
}
.PortalTableContentSlim a:hover
{
    padding-left: 5px;
    font-family: Arial, Tahoma;
    font-size: 12px;
    color: #f47920;
    font-weight: normal;
    text-decoration: underline;
}

.PortalRowSlim
{
    border-right: none 0px;
    border-bottom: solid 1px #d2e8fc;
    padding: 0px 0px 0px 5px;
    height: 23px;
}
.PortalRowLinksSlim
{
    border-right: none 0px;
    border-bottom: solid 1px #d2e8fc;
    background-color: #dfeefb;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    height: 23px;
}
.PortalRowAltSlim
{
    border-right: none 0px;
    border-bottom: solid 1px #d2e8fc;
    background-color: #e6f0f9;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    height: 23px;
}

/*TABLE Greyed Out START*/

.PortalTableHeadSlimGrey
{
    height: 100%;
    border: dotted 1px #b9b9b9;
    width: 100%;
}
.PortalTableHeadSlimGrey h1
{
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: #adadad;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}
.PortalTableHeadSlimGrey h3
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    padding-left: 0px;
    color: #adadad;
    vertical-align: middle;
    padding-bottom: 3px;
}
.PortalTableHeadSlimGrey td
{
    padding-left: 0px;
    width: 100%;
    border-right: solid 1px #91bde3;
}

.PortalTableHeadSlimGrey th
{
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: #b9b9b9;
    padding: 0px 5px 0px 5px;
    margin: 0px;
    text-align: left;
    border-right: solid 1px #fff;
    background: #b9b9b9 url('Images/Portal/tableheaderGrey.jpg');
    background-repeat: repeat-x;
}

.PortalTableContentSlimGrey th
{
    height: 23px;
    padding: 0px 5px 0px 5px;
    color: #b9b9b9;
    vertical-align: middle;
    margin: 0px;
    width: 100%;
}

.PortalTableContentSlimGrey
{
    width: 100%;
    margin: 0px;
    padding-left: 0px;
}

.PortalQuickLinkSlim
{
    background-color: #b9b9b9;
    width: 100%;
    border-top: solid 1px #ffffff;
}

.QuickLinkBorderSlim
{
    border-top: solid 1px #b9b9b9;
    border-bottom: solid 1px #b9b9b9;
}

.PortalTableContentSlimGrey td
{
    height: 23px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    color: #b9b9b9;
    vertical-align: middle;
    margin: 0px;
}

.PortalTableHeadSlimGrey a
{
    padding-left: 5px;
    font-family: Arial, Tahoma;
    font-size: 12px;
    color: #014e9a;
    font-weight: normal;
    text-decoration: underline;
}
.PortalTableHeadSlimGrey a:hover
{
    padding-left: 5px;
    font-family: Arial, Tahoma;
    font-size: 12px;
    color: #014e9a;
    font-weight: normal;
    text-decoration: underline;
}

.PortalRowSlimGrey
{
    border-right: none 0px;
    border-bottom: solid 1px #b9b9b9;
    padding: 0px 0px 0px 5px;
    height: 23px;
}
.PortalRowLinksSlimGrey
{
    border-right: none 0px;
    border-bottom: solid 1px #b9b9b9;
    background-color: #b9b9b9;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    height: 23px;
}
.PortalRowAltSlimGrey
{
    border-right: none 0px;
    border-bottom: solid 1px #b9b9b9;
    background-color: #eaeaea;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    height: 23px;
}
/*TABLE Greyed Out END*/

/*TABLE PROGRESS START*/

.ProgressTable
{
    font-family: Arial;
    font-size: 9px;
    font-weight: normal;
    padding: 0px;
    color: #fff;
    margin: 0px;
    width: 100%;
}

.ProgressTable td
{
    padding: 0px 0px 0px 4px;
    text-align: center;
    margin: 0px;
    color: #fff;
}

.ProgressTable th
{
    padding: 0px;
    margin: 0px;
    color: #fff;
}

/*TABLE PROGRESS END*/

/*TABLE SLIM END*/

.PortalRow
{
    border-right: none 0px;
    border-bottom: solid 1px #d2e8fc;
}
.PortalRowLinks
{
    border-right: none 0px;
    border-bottom: solid 1px #d2e8fc;
    background-color: #dfeefb;
    padding: 0px;
    margin: 0px;
}
.PortalRowAlt
{
    border-right: none 0px;
    border-bottom: solid 1px #d2e8fc;
    background-color: #e6f0f9;
    padding: 0px;
    margin: 0px;
}
.PortalRowAlt h4
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding-left: 35px;
}
.PortalRowAlt h5
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    padding-left: 35px;
}
.PortalRowAlt h6
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 0px 0px 4px;
    margin: 0px;
}
.PortalTableContent
{
    width: 100%;
    border: solid 1px #91bde3;
    margin: 0px;
}

.PortalQuickLink
{
    background-color: #91bde3;
    width: 100%;
    border-top: solid 1px #ffffff;
    display: inline-block;
    vertical-align: text-top;
}

.QuickLinkBorder
{
    border-top: solid 1px #dbe6f4;
    border-bottom: solid 1px #6597c1;
}

.PortalTableContent td
{
    width: 33%;
    height: 23px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    color: #014e9a;
    vertical-align: middle;
    margin: 0px;
}
.PortalTableContent a
{
    padding: 0 0px 0 5px;
    font-family: Arial, Tahoma;
    font-size: 12px;
    color: #014e9a;
    font-weight: normal;
    vertical-align: top;
    margin: 0 0 0 10px;
    text-decoration: underline;
}

.PortalTableContent a:hover
{
    padding: 0 0px 0 5px;
    font-family: Arial, Tahoma;
    font-size: 12px;
    color: #f47920;
    font-weight: normal;
    text-decoration: underline;
    vertical-align: top;
    margin: 0 0 0 10px;
}

.PortalMenuLeftNav
{
    width: 9px;
    height: 29px;
    background: url('Images/Portal/NavTop-Left.jpg');
    background-repeat: no-repeat;
    float: left;
}

.PortalMenuArrowNav
{
    width: 30px;
    height: 29px;
    background: url('Images/Portal/NavTop-Arrow2.jpg');
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
}

.PortalMenuArrowNav a
{
    width: 30px;
    height: 29px;
    background: url('Images/Portal/NavTop-Arrow2.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
}

.PortalMenuArrowNav a:hover
{
    width: 30px;
    height: 29px;
    background: url('Images/Portal/NavTop-Arrow2.jpg');
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
}

.PortalMenuArrowNavRight
{
    width: 20px;
    height: 29px;
    background: url('Images/Portal/NavTop-Arrow-right.jpg');
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
}

.PortalMenuArrowNavRight a
{
    width: 20px;
    height: 29px;
    background: url('Images/Portal/NavTop-Arrow-right.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
}

.PortalMenuArrowNavRight a:hover
{
    width: 20px;
    height: 29px;
    background: url('Images/Portal/NavTop-Arrow-rightMo.jpg');
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
}


.PortalMenuRightNav
{
    width: 9px;
    height: 29px;
    background: url('Images/Portal/NavTop-Right.jpg');
    background-repeat: no-repeat;
    float: right;
}

.PortalMenuNavRepeat
{
    width: 225px;
    background-color: #acd2f3;
    background-repeat: repeat-x;
    height: 100%;
}
.PortalMenuNavBottom
{
    width: 227px;
    height: 11px;
    background: url('Images/Portal/Side-NavBottom.jpg');
    background-repeat: no-repeat;
    vertical-align: bottom;
    z-index: 1100;
    float: left;
}
.PortalMenuNavHeading
{
    color: #ffffff;
    font-size: 15px;
    font-family: Arial, Tahoma;
    float: left;
    margin: 6px 0px 0px 5px;
}

.PortalMenuNavHeading a
{
    color: #fff;
    font-family: Arial, Tahoma;
    font-size: 15px;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.PortalMenuNavHeading a:Hover
{
    color: #abd2f3;
    font-family: Arial, Tahoma;
    font-size: 15px;
    cursor: pointer;
    text-decoration: none;
    font-weight: normal;
}

.PortalContent
{
    border-right: solid 1px #014e9a;
    border-left: solid 1px #014e9a;
    padding-top: 11px;
    padding-left: 11px;
    padding-right: 11px;
    font-family: Arial, Tahoma;
    font-size: 13px;
    color: #014e9a;
    font-weight: bold;
    vertical-align: top;
}
.PortalContentLeft
{
    width: 9px;
    height: 11px;
    background-image: url('Images/Portal/contentarea-left.jpg');
    background-repeat: no-repeat;
}
.PortalContentRep
{
    height: 11px;
    background-image: url('Images/Portal/contentarea-repeat.jpg');
    background-repeat: repeat-x;
}
.PortalContentRight
{
    width: 9px;
    height: 11px;
    background-image: url('Images/Portal/contentarea-right.jpg');
    background-repeat: no-repeat;
}
.PortalHeadTopLeft
{
    width: 8px;
    height: 29px;
    background: url('Images/Portal/Topnav-leftA.jpg');
    background-repeat: no-repeat;
}

.PortalHeadTopLeftStraight
{
    width: 8px;
    height: 29px;
    background: url('Images/Portal/Topnav-leftAStraight.jpg');
    background-repeat: no-repeat;
}

.PortalHeadTopleftRep
{
    height: 29px;
    background: url('Images/Portal/Topnav-repeat.jpg');
    background-repeat: repeat-x;
}
.PortalHeadTopleftRep H6
{
    font-family: Arial, Tahoma;
    color: White;
    font-size: 16px;
    font-weight: normal;
}
.PortalHeadTopRight
{
    width: 9px;
    height: 29px;
    background: url('Images/Portal/Topnav-RightA.jpg');
    background-repeat: no-repeat;
}
.PortalHeadTopMiddle
{
    width: 8px;
    height: 116px;
    background: url('Images/Portal/Topnav-leftB.jpg');
    background-repeat: no-repeat;
}

.PortalHeadTopMiddleSlim
{
    width: 8px;
    height: 40px;
    background: url('Images/Portal/Topnav-leftBSlim.jpg');
    background-repeat: no-repeat;
}

.PortalHeadTopMiddleImg
{
    width: 85px;
    height: 116px;
    background: url('Images/Portal/Topnav-leftImage.jpg');
    background-repeat: no-repeat;
}

.PortalHeadTopMiddleImgSlim
{
    width: 85px;
    height: 40px;
    background: url('Images/Portal/Topnav-leftImageSlim.jpg');
    background-repeat: no-repeat;
}

.PortalHeadTopMiddleA
{
    width: 19px;
    height: 63px;
    background: url('Images/Portal/Topnav-middleA.jpg');
    background-repeat: no-repeat;
}

.PortalHeadTopMiddleASlim
{
    width: 19px;
    height: 40px;
    background: url('Images/Portal/Topnav-middleASlim.jpg');
    background-repeat: no-repeat;
}

.PortalHeadTopMiddleB
{
    width: 19px;
    height: 35px;
    background: url('Images/Portal/Topnav-middleB.jpg');
    background-repeat: no-repeat;
}
.PortalHeadTopMiddleC
{
    width: 19px;
    height: 18px;
    background: url('Images/Portal/Topnav-middleC.jpg');
    background-repeat: no-repeat;
}
.PortalHeadTopMiddleARep
{
    height: 63px;
    background: url('Images/Portal/Topnav-middleARepeat.jpg');
    background-repeat: repeat-x;
}

.PortalHeadTopMiddleARepSlim
{
    height: 40px;
    background: url('Images/Portal/Topnav-middleARepeatslim.jpg');
    background-repeat: repeat-x;
}

.PortalHeadTopMiddleARepSlim H6
{
    font-family: Arial, Tahoma;
    color: White;
    font-size: 14px;
    font-weight: normal;
}

.PortalHeadTopMiddleBRep
{
    height: 35px;
    background: url('Images/Portal/Topnav-middleBRepeat.jpg');
    background-repeat: repeat-x;
}
.PortalHeadTopMiddleBRep H6
{
    font-family: Arial, Tahoma;
    color: White;
    font-size: 16px;
    font-weight: normal;
    padding-top: 6px;
}
.PortalHeadTopMiddleCRep
{
    height: 18px;
    background: url('Images/Portal/Topnav-middleCRepeat.jpg');
    background-repeat: repeat-x;
}
.PortalHeadTopRightA
{
    width: 9px;
    height: 63px;
    background: url('Images/Portal/Topnav-RightB.jpg');
    background-repeat: no-repeat;
}

.PortalHeadTopRightASlim
{
    width: 9px;
    height: 40px;
    background: url('Images/Portal/Topnav-RightBSlim.jpg');
    background-repeat: no-repeat;
}
.PortalHeadTopRightB
{
    width: 9px;
    height: 35px;
    background: url('Images/Portal/Topnav-RightC.jpg');
    background-repeat: no-repeat;
}

.PortalHeadTopRightC
{
    width: 9px;
    height: 18px;
    background: url('Images/Portal/Topnav-RightD.jpg');
    background-repeat: no-repeat;
}

.Inbox
{
    width: 75px;
    height: 63px;
    background-image: url('Images/Portal/InboxTopNav.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 11px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #446687;
    text-align: center;
    padding: 0 0 0 0;
    vertical-align: bottom;
    text-decoration: none;
    margin: 0 0 0 0;
}

.Inbox:hover
{
    width: 75px;
    height: 63px;
    background-image: url('Images/Portal/InboxTopNav-Mo.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 11px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 0 0 0 0;
    vertical-align: bottom;
    text-decoration: none;
    margin: 0 0 0 0;
}

.Support
{
    width: 65px;
    height: 63px;
    background: url('Images/Portal/support.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 11px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #446687;
    text-align: center;
    vertical-align: bottom;
    text-decoration: none;
}

.Support:hover
{
    width: 65px;
    height: 63px;
    background: url('Images/Portal/support-Mo.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 11px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    vertical-align: bottom;
    text-decoration: none;
}

.Logout
{
    width: 65px;
    height: 63px;
    background: url('Images/Portal/Logout.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 11px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #446687;
    text-align: center;
    padding: 0 0 0 0;
    vertical-align: bottom;
    text-decoration: none;
    margin: 0 0 0 0;
}

.Logout:hover
{
    width: 65px;
    height: 63px;
    background: url('Images/Portal/Logout-Mo.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 11px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 0 0 0 0;
    vertical-align: bottom;
    text-decoration: none;
    margin: 0 0 0 0;
}

.ChangePassword
{
    width: 102px;
    height: 63px;
    background: url('Images/Portal/Change.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 11px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #446687;
    text-align: center;
    padding: 0 0 0 0;
    vertical-align: bottom;
    text-decoration: none;
    margin: 0 0 0 0;
}

.ChangePassword:hover
{
    width: 102px;
    height: 63px;
    background: url('Images/Portal/Change-Mo.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 11px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 0 0 0 0;
    vertical-align: bottom;
    text-decoration: none;
    margin: 0 0 0 0;
}

/*Slim Logout BTN'S START*/

.HeadingPM
{
    font-size: 16px;
    color: #fff;
    text-align: left;
}

.SupportSlim
{
    width: 25px;
    height: 29px;
    cursor: pointer;
}

.SupportSlim a
{
    width: 25px;
    height: 29px;
    background: url('Images/Portal/supportSlim.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
}
.SupportSlim a:hover
{
    width: 25px;
    height: 29px;
    background: url('Images/Portal/supportSlim-Mo.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
}
.LogoutSlim
{
    width: 25px;
    height: 29px;
    cursor: pointer;
}
.LogoutSlim a
{
    width: 25px;
    height: 29px;
    background: url('Images/Portal/LogoutSlim.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
}
.LogoutSlim a:hover
{
    width: 25px;
    height: 29px;
    background: url('Images/Portal/LogoutSlim-Mo.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
}
.ChangePasswordSlim
{
    width: 25px;
    height: 29px;
    cursor: pointer;
}
.ChangePasswordSlim a
{
    width: 25px;
    height: 29px;
    background: url('Images/Portal/ChangePassSlim.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
}
.ChangePasswordSlim a:hover
{
    width: 25px;
    height: 29px;
    background: url('Images/Portal/ChangePassSlim-Mo.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
}

/*Slim Logout BTN'S END*/

.Container
{
    width: 240px;
    padding: 0px;
    padding: 8px;
    height: 550px;
}

.UserContainer
{
    width: 225px;
    margin: 0px;
    float: left;
    height: 280px;
    background-color: #acd2f3;
    border-right: solid 1px #014e9a;
    border-left: solid 1px #014e9a;
}

.PopUpContainer
{
    width: 225px;
    margin: 0px;
    float: left;
    height: 35px;
    background-color: #acd2f3;
    border-right: solid 1px #014e9a;
    border-left: solid 1px #014e9a;
}

.AdminContainer
{
    width: 225px;
    margin: 0px;
    float: left;
    height: 115px;
    background-color: #acd2f3;
    border-right: solid 1px #014e9a;
    border-left: solid 1px #014e9a;
}

.Spacer
{
    width: 230px;
    height: 15px;
    float: left;
}

/*--Portal Styles END--*/


.bodyBG
{
    background: #2277c8 url(images/Login/images/bgPix.jpg);
    background-repeat: repeat-x;
    background-color: #2277c8;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: Arial, Tahoma;
    height: 100%;
}

.frame
{
    width: 100%;
}

#footerCopy
{
    font: 12px "MS Trebuchet" , arial, helvetica, san-serif;
    color: #ffffff;
    text-align: center;
    padding-top: 10px;
}

/*--Portal Styles END--*/

/*LOGIN MESSAGE*/
.loginLeftBg2
{
    width: 25px;
    height: 534px;
    background: url(images/Login/images/leftBg2.jpg) no-repeat;
}

.loginRightBg2
{
    width: 25px;
    height: 534px;
    background: url(images/Login/images/rightBg2.jpg) no-repeat;
}

.loginTopBg2
{
    width: 771px;
    height: 41px;
    background: url(images/Login/images/topBg2.jpg);
}

.loginTop2
{
    width: 771px;
    height: 96px;
    background: url(images/Login/images/top.jpg);
}

.loginBottom2
{
    width: 771px;
    height: 13px;
    background: url(images/Login/images/bottom.jpg);
}

/*LOGIN MESSAGE END*/


.PositionBG3
{
    background: #e9eaec url(images/SiteImages/BodyBG.jpg);
    background-color: #e9eaec;
    background-repeat: repeat-x;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: Arial, Tahoma;
    width: 100%;
}


/*PM Process Flow START*/

/*BG Repeatimages START*/
.Pro_Comp_Lrg_Rpt
{
    background-image: url(images/ProcessFlow/Pro_Comp_Lrg_Rpt.jpg);
    background-repeat: repeat-x;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 47px;
}

.Pro_InPro_Lrg_Rpt
{
    background-image: url(images/ProcessFlow/Pro_Inpro_Lrg_Rpt.jpg);
    background-repeat: repeat-x;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 47px;
}

.Pro_Tbc_Lrg_Rpt
{
    background-image: url(images/ProcessFlow/Pro_Tbc_Lrg_Rpt.jpg);
    background-repeat: repeat-x;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 47px;
}

.Pro_CompSm_CompSm_Rpt
{
    background-image: url(images/ProcessFlow/Pro_CompSm_CompSm_Rpt.jpg);
    background-repeat: repeat-x;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 47px;
}

.Pro_CompSm_InProSm_Rpt
{
    background-image: url(images/ProcessFlow/Pro_CompSm_InProSm_Rpt.jpg);
    background-repeat: repeat-x;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 47px;
}

.Pro_CompSm_TbcSm_Rpt
{
    background-image: url(images/ProcessFlow/Pro_CompSm_TbcSm_Rpt.jpg);
    background-repeat: repeat-x;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 47px;
}

.Pro_DisSm_CompSm_Rpt
{
    background-image: url(images/ProcessFlow/Pro_DisSm_CompSm_Rpt.jpg);
    background-repeat: repeat-x;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 47px;
}

.Pro_DisSm_InProSm_Rpt
{
    background-image: url(images/ProcessFlow/Pro_DisSm_InProSm_Rpt.jpg);
    background-repeat: repeat-x;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 47px;
}

.Pro_DisSm_TbcSm_Rpt
{
    background-image: url(images/ProcessFlow/Pro_DisSm_TbcSm_Rpt.jpg);
    background-repeat: repeat-x;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 47px;
}

.Pro_InProSm_CompSm_Rpt
{
    background-image: url(images/ProcessFlow/Pro_InProSm_CompSm_Rpt.jpg);
    background-repeat: repeat-x;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 47px;
}

.Pro_InProSm_InProSm_Rpt
{
    background-image: url(images/ProcessFlow/Pro_InProSm_InProSm_Rpt.jpg);
    background-repeat: repeat-x;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 47px;
}

.Pro_InProSm_TbcSm_Rpt
{
    background-image: url(images/ProcessFlow/Pro_InProSm_TbcSm_Rpt.jpg);
    background-repeat: repeat-x;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 47px;
}

.Pro_TbcSm_CompSm_Rpt
{
    background-image: url(images/ProcessFlow/Pro_TbcSm_CompSm_Rpt.jpg);
    background-repeat: repeat-x;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 47px;
}

.Pro_TbcSm_InProSm_Rpt
{
    background-image: url(images/ProcessFlow/Pro_TbcSm_InProSm_Rpt.jpg);
    background-repeat: repeat-x;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 47px;
}

.Pro_TbcSm_TbcSm_Rpt
{
    background-image: url(images/ProcessFlow/Pro_TbcSm_TbcSm_Rpt.jpg);
    background-repeat: repeat-x;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 47px;
}

/*BG Repeatimages END*/

/*LRGArrow images START*/

.Pro_CompLrg_CompLrg
{
    background-image: url(images/ProcessFlow/Pro_CompLrg_CompLrg.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_InProLrg_CompLrg
{
    background-image: url(images/ProcessFlow/Pro_InProLrg_CompLrg.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_CompLrg_DisLrg
{
    background-image: url(images/ProcessFlow/Pro_CompLrg_DisLrg.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_CompLrg_InProLrg
{
    background-image: url(images/ProcessFlow/Pro_CompLrg_InProLrg.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_CompLrg_CompSm_CompSm
{
    background-image: url(images/ProcessFlow/Pro_CompLrg_CompSm_CompSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_CompLrg_CompSm_InProSm
{
    background-image: url(images/ProcessFlow/Pro_CompLrg_CompSm_InProSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_CompLrg_CompSm_TbcSm
{
    background-image: url(images/ProcessFlow/Pro_CompLrg_CompSm_TbcSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_CompLrg_DisSm_InProSm
{
    background-image: url(images/ProcessFlow/Pro_CompLrg_DisSm_InProSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_CompLrg_DisSm_TbcSm
{
    background-image: url(images/ProcessFlow/Pro_CompLrg_DisSm_TbcSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_CompLrg_InProSm_CompSm
{
    background-image: url(images/ProcessFlow/Pro_CompLrg_InProSm_CompSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_CompLrg_InProSm_InProSm
{
    background-image: url(images/ProcessFlow/Pro_CompLrg_InProSm_InProSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_CompLrg_InProSm_TbcSm
{
    background-image: url(images/ProcessFlow/Pro_CompLrg_InProSm_TbcSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_CompLrg_TbcSm_CompSm
{
    background-image: url(images/ProcessFlow/Pro_CompLrg_TbcSm_CompSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_CompLrg_TbcLrg
{
    background-image: url(images/ProcessFlow/Pro_CompLrg_TbcLrg.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_DisLrg_DisLrg
{
    background-image: url(images/ProcessFlow/Pro_DisLrg_DisLrg.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_DisLrg_DisSm_DisSm
{
    background-image: url(images/ProcessFlow/Pro_DisLrg_DisSm_DisSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_DisLrg_InProSm_InProSm
{
    background-image: url(images/ProcessFlow/Pro_DisLrg_InProSm_InProSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_DisLrg_InProSm_TbcSm
{
    background-image: url(images/ProcessFlow/Pro_DisLrg_InProSm_TbcSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_DisLrg_TbcSm_InProSm
{
    background-image: url(images/ProcessFlow/Pro_DisLrg_TbcSm_InProSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_DisLrg_TbcSm_TbcSm
{
    background-image: url(images/ProcessFlow/Pro_DisLrg_TbcSm_TbcSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_TbcLrg_DisLrg
{
    background-image: url(images/ProcessFlow/Pro_TbcLrg_DisLrg.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_TbcLrg_DisSm_TbcSm
{
    background-image: url(images/ProcessFlow/Pro_TbcLrg_DisSm_TbcSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_TbcLrg_TbcSm_TbcSm
{
    background-image: url(images/ProcessFlow/Pro_TbcLrg_TbcSm_TbcSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_TbcLrg_TbcLrg
{
    background-image: url(images/ProcessFlow/Pro_TbcLrg_TbcLrg.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_InProLrg_DisLrg
{
    background-image: url(images/ProcessFlow/Pro_InProLrg_DisLrg.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_TbcLrg_InProLrg
{
    background-image: url(images/ProcessFlow/Pro_TbcLrg_InProLrg.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_InProLrg_InProLrg
{
    background-image: url(images/ProcessFlow/Pro_InProLrg_InProLrg.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_InProLrg_DisSm_TbcSm
{
    background-image: url(images/ProcessFlow/Pro_InProLrg_DisSm_TbcSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_InProLrg_InProSm_InProSm
{
    background-image: url(images/ProcessFlow/Pro_InProLrg_InProSm_InProSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_InProLrg_InProSm_TbcSm
{
    background-image: url(images/ProcessFlow/Pro_InProLrg_InProSm_TbcSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_InProLrg_TbcSm_InProSm
{
    background-image: url(images/ProcessFlow/Pro_InProLrg_TbcSm_InProSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_InProLrg_TbcSm_TbcSm
{
    background-image: url(images/ProcessFlow/Pro_InProLrg_TbcSm_TbcSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_InProLrg_TbcLrg
{
    background-image: url(images/ProcessFlow/Pro_InProLrg_TbcLrg.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_TbcLrg_End
{
    background-image: url(images/ProcessFlow/Pro_TbcLrg_End.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 27px;
    height: 47px;
}

.Pro_InProLrg_End
{
    background-image: url(images/ProcessFlow/Pro_InProLrg_End.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 27px;
    height: 47px;
}

.Pro_CompLrg_End
{
    background-image: url(images/ProcessFlow/Pro_CompLrg_End.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 27px;
    height: 47px;
}

.Pro_TbcLrg_End
{
    background-image: url(images/ProcessFlow/Pro_TbcLrg_End.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 27px;
    height: 47px;
}



/*LRGArrow images END*/

/*SMArrow images START*/

.Pro_CompSm_CompSm_CompSm_CompSm
{
    background-image: url(images/ProcessFlow/Pro_CompSm_CompSm_CompSm_CompSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 27px;
    height: 47px;
}

.Pro_CompSm_CompSm_CompSm_InProSm
{
    background-image: url(images/ProcessFlow/Pro_CompSm_CompSm_CompSm_InProSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 27px;
    height: 47px;
}

.Pro_CompSm_CompSm_CompSm_TbcSm
{
    background-image: url(images/ProcessFlow/Pro_CompSm_CompSm_CompSm_TbcSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 27px;
    height: 47px;
}

.Pro_CompSm_CompSm_DisSm_TbcSm
{
    background-image: url(images/ProcessFlow/Pro_CompSm_CompSm_DisSm_TbcSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 27px;
    height: 47px;
}

.Pro_CompSm_CompSm_InProSm_InProSm
{
    background-image: url(images/ProcessFlow/Pro_CompSm_CompSm_InProSm_InProSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 27px;
    height: 47px;
}

.Pro_CompSm_CompSm_InProSm_CompSm
{
    background-image: url(images/ProcessFlow/Pro_CompSm_CompSm_InProSm_CompSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 27px;
    height: 47px;
}

.Pro_CompSm_CompSm_InProSm_TbcSm
{
    background-image: url(images/ProcessFlow/Pro_CompSm_CompSm_InProSm_TbcSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 27px;
    height: 47px;
}

.Pro_CompSm_CompSm_TbcSm_TbcSm
{
    background-image: url(images/ProcessFlow/Pro_CompSm_CompSm_TbcSm_TbcSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 27px;
    height: 47px;
}

.Pro_CompSm_CompSm_TbcSm_CompSm
{
    background-image: url(images/ProcessFlow/Pro_CompSm_CompSm_TbcSm_CompSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 27px;
    height: 47px;
}

.Pro_CompSm_CompSm_TbcSm_InProSm
{
    background-image: url(images/ProcessFlow/Pro_CompSm_CompSm_TbcSm_InProSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 27px;
    height: 47px;
}

.Pro_CompSm_InProSm_TbcSm_TbcSm
{
    background-image: url(images/ProcessFlow/Pro_CompSm_InProSm_TbcSm_TbcSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 27px;
    height: 47px;
}

.Pro_InProSm_CompSm_TbcSm_TbcSm
{
    background-image: url(images/ProcessFlow/Pro_InProSm_CompSm_TbcSm_TbcSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 27px;
    height: 47px;
}

.Pro_InProSm_InProSm_DisSm_TbcSm
{
    background-image: url(images/ProcessFlow/Pro_InProSm_InProSm_DisSm_TbcSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 27px;
    height: 47px;
}

.Pro_InProSm_InProSm_InProSm_InProSm
{
    background-image: url(images/ProcessFlow/Pro_InProSm_InProSm_InProSm_InProSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 27px;
    height: 47px;
}

.Pro_InProSm_InProSm_InProSm_TbcSm
{
    background-image: url(images/ProcessFlow/Pro_InProSm_InProSm_InProSm_TbcSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 27px;
    height: 47px;
}

.Pro_InProSm_InProSm_TbcSm_TbcSm
{
    background-image: url(images/ProcessFlow/Pro_InProSm_InProSm_TbcSm_TbcSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 27px;
    height: 47px;
}

.Pro_InProSm_InProSm_TbcSm_InProSm
{
    background-image: url(images/ProcessFlow/Pro_InProSm_InProSm_TbcSm_InProSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 27px;
    height: 47px;
}

.Pro_TbcSm_TbcSm_DisSm_TbcSm
{
    background-image: url(images/ProcessFlow/Pro_TbcSm_TbcSm_DisSm_TbcSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 27px;
    height: 47px;
}

.Pro_TbcSm_TbcSm_TbcSm_TbcSm
{
    background-image: url(images/ProcessFlow/Pro_TbcSm_TbcSm_TbcSm_TbcSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 27px;
    height: 47px;
}

/*SMArrow images END*/

/*End images START*/

.Pro_CompEndSm_CompEndSm
{
    background-image: url(images/ProcessFlow/Pro_CompEndSm_CompEndSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 11px;
    height: 47px;
}

.Pro_CompEndSm_InProEndSm
{
    background-image: url(images/ProcessFlow/Pro_CompEndSm_InProEndSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 11px;
    height: 47px;
}

.Pro_CompEndSm_TbcEndSm
{
    background-image: url(images/ProcessFlow/Pro_CompEndSm_TbcEndSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 11px;
    height: 47px;
}

.Pro_InProEndSm_CompEndSm
{
    background-image: url(images/ProcessFlow/Pro_InProEndSm_CompEndSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 11px;
    height: 47px;
}

.Pro_InProEndSm_InProEndSm
{
    background-image: url(images/ProcessFlow/Pro_InProEndSm_InProEndSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 11px;
    height: 47px;
}

.Pro_InProEndSm_TbcEndSm
{
    background-image: url(images/ProcessFlow/Pro_InProEndSm_TbcEndSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 11px;
    height: 47px;
}

.Pro_TbcEndSm_CompEndSm
{
    background-image: url(images/ProcessFlow/Pro_TbcEndSm_CompEndSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 11px;
    height: 47px;
}

.Pro_TbcEndSm_InProEndSm
{
    background-image: url(images/ProcessFlow/Pro_TbcEndSm_InProEndSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 11px;
    height: 47px;
}

.Pro_TbcEndSm_TbcEndSm
{
    background-image: url(images/ProcessFlow/Pro_TbcEndSm_TbcEndSm.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 11px;
    height: 47px;
}

.Pro_TbcEnd
{
    background-image: url(images/ProcessFlow/Pro_TbcEnd.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 47px;
    height: 47px;
}

.Pro_InProEnd
{
    background-image: url(images/ProcessFlow/Pro_InProEnd.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 47px;
    height: 47px;
}
.Pro_CompEnd
{
    background-image: url(images/ProcessFlow/Pro_CompEnd.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 47px;
    height: 47px;
}

.GreenDot
{
    background-image: url(images/ProcessFlow/GreenDot.jpg);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    padding: 0px;
}

.OrangeDot
{
    background-image: url(images/ProcessFlow/OrangeDot.jpg);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    padding: 0px;
}

.DarkGreyDot
{
    background-image: url(images/ProcessFlow/DarkGreyDot.jpg);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    padding: 0px;
}

.DisDot
{
    background-image: url(images/ProcessFlow/DisDot.jpg);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    padding: 0px;
}

.PortalBigBtnMan
{
    width: 181px;
    height: 65px;
    background: url('Images/Portal/BIG-btnMan.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 14px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 8px 0px 0px 10px;
    vertical-align: top;
}
.PortalBigBtnMan:Hover
{
    width: 181px;
    height: 65px;
    background: url('Images/Portal/BIG-btnManMo.jpg');
    cursor: pointer;
    background-repeat: no-repeat;
    font-size: 14px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 8px 0px 0px 10px;
    vertical-align: top;
}
.PortalBigBtnUser
{
    width: 181px;
    height: 65px;
    background: url('Images/Portal/BIG-btnUser.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 14px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 8px 0px 0px 10px;
    vertical-align: top;
}
.PortalBigBtnUser:Hover
{
    width: 181px;
    height: 65px;
    background: url('Images/Portal/BIG-btnUserMo.jpg');
    cursor: pointer;
    background-repeat: no-repeat;
    font-size: 14px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 8px 0px 0px 10px;
    vertical-align: top;
}

.ProccessToBeCompleted
{
    background-color: #ABD2F3;
}
.ProccessInProgress
{
    background-color: #FFAA56;
}
.ProccessCompleted
{
    background-color: #A2D05A;
}

.cocTop
{
    background-image: url(images/COC/cocTop.png);
    background-repeat: no-repeat;
    width: 628px;
    height: 20px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.cocBottom
{
    background-image: url(images/COC/cocBottom.png);
    background-repeat: no-repeat;
    width: 628px;
    height: 27px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.cocLeft
{
    background-image: url(images/COC/cocLeft.png);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 5px;
    height: 198px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.cocRight
{
    background-image: url(images/COC/cocRight.png);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 5px;
    height: 198px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.cocY
{
    background-image: url(images/COC/cocRepeatX.png);
    background-repeat: repeat-y;
    width: 628px;
    height: 2px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.cocX
{
    background-image: url(images/COC/cocRepeatY.png);
    background-repeat: repeat-x;
    background-position: bottom;
    width: 2px;
    height: 198px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.SiteBackGroundLogin
{
    background-image: url("Images/Login/images/bgPix.jpg");
    background-repeat: repeat;
}

/*Portal POP-UP Menu start*/

#sliderWrap
{
    margin: 0 0 0 0;
    width: 232px;
    z-index: 1002;
}
#slider
{
    position: absolute;
    background-image: url(Images/Portal/slider.png);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 232px;
    height: 314px;
    margin-left: -340px;
    z-index: 1002;
    top: 8px;
}

#slider img
{
    border: 0;
    z-index: 1002;
    margin: 50px 0 0 0px;
}

#sliderContent
{
    margin: 50px 0 0 50px;
    position: absolute;
    text-align: center;
    color: #333333;
    font-weight: bold;
    padding: 10px;
    z-index: 1002;
}

#openCloseWrap
{
    position: absolute;
    margin: 0 0 0 340px;
    font-size: 12px;
    font-weight: bold;
    z-index: 1002;
}

ul.PortalMenuSideNavPopup
{
    float: left;
    margin: 0px;
    padding: 0;
    width: 225px;
    list-style: none;
    font-weight: normal;
}
ul.PortalMenuSideNavPopup li
{
    position: relative;
    float: left;
    margin: 0px;
    padding: 0px;
    height: 100%;
    min-height: 35px;
    font-weight: normal;
}

ul.PortalMenuSideNavPopup li a
{
    color: #014e9a;
    font-family: Arial, Tahoma;
    font-size: 15px;
    width: 225px;
    height: 35px;
    font-weight: normal;
    cursor: pointer;
    margin-left: 0px;
    padding: 0 0 0 0;
}

ul.PortalMenuSideNavPopup li a:hover
{
    color: #fff;
    font-family: Arial, Tahoma;
    font-size: 15px;
    width: 225px;
    height: 35px;
    font-weight: normal;
    cursor: pointer;
    margin-left: 0px;
    padding: 0 0 0 0;
    text-decoration: none;
}

ul.PortalMenuSideNavPopup li div
{
    display: none;
    position: absolute;
    left: 0px;
    width: 265px;
    font-size: 0.9em;
    background: #487ab2;
    margin: 0px 0px 0px 0px;
    top: 0px;
    color: White;
    min-height: 32px;
}
ul.PortalMenuSideNavPopup li div:hover
{
    display: none;
    position: absolute;
    left: 0px;
    width: 265px;
    font-size: 0.9em;
    background: #487ab2;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    top: 0px;
    color: White;
    min-height: 32px;
    vertical-align: middle;
}
ul.PortalMenuSideNavPopup li div p
{
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 0px 0px;
    color: #cde4f8;
    font-size: 12px;
    font-family: Arial, Tahoma;
    height: 19px;
}
ul.PortalMenuSideNavPopup li div p:hover
{
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 0px 0px;
    color: #ffffff;
    font-size: 12px;
    font-family: Arial, Tahoma;
    height: 19px;
}

ul.PortalMenuSideNavPopup li a.PortalMenuItemPopup
{
    padding: 10px 0px 0px 35px;
    display: block;
    color: #014e9a;
    font-family: Arial, Tahoma;
    font-size: 15px;
    text-decoration: none;
    width: 225px;
    height: 35px;
    background: url('Images/Portal/NavBGNoArrow.jpg');
    background-repeat: no-repeat;
    position: relative;
    z-index: 1001;
}
ul.PortalMenuSideNavPopup li a.PortalMenuItemPopup:hover
{
    padding: 10px 0px 0px 35px;
    display: block;
    color: #ffffff;
    font-family: Arial, Tahoma;
    font-size: 15px;
    text-decoration: none;
    width: 225px;
    height: 35px;
    background: url('Images/Portal/NavBGNoArrow-mo.jpg');
    background-repeat: no-repeat;
    position: relative;
    z-index: 1001;
}

.FloatingImgOpen
{
    width: 225px;
    height: 35px;
    background-image: url('Images/Portal/NavBGNoArrow.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1002;
}

.FloatingImgClose
{
    width: 225px;
    height: 35px;
    background-image: url('Images/Portal/NavBGNoArrow-mo.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1002;
}


.PortalFloatingText
{
    color: #014e9a;
    font-family: Arial, Tahoma;
    font-size: 15px;
    font-weight: normal;
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 8px;
    line-height: 30px;
}

.PortalFloatingTextHide
{
    color: #fff;
    font-family: Arial, Tahoma;
    font-size: 15px;
    font-weight: normal;
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 8px;
    line-height: 30px;
}


/*Portal POP-UP Menu END*/

/*Portal TEXT-ALIGN ISSUE FIX*/

.Bullet
{
    display: list-item;
}

.ImageFix
{
    display: inline-block;
    vertical-align: text-top;
    padding-bottom: 2px;
}

/*Portal TEXT-ALIGN ISSUE FIX END*/


.PortalHeadTopMiddleImgBlank
{
    width: 85px;
    height: 116px;
    background: url('Images/Portal/Topnav-leftImageBlank.jpg');
    background-repeat: no-repeat;
}

.PortalPhoto
{
    background-color: #fff;
    border: solid 1px #456788;
    padding: 0 0 0 0;
    margin: 1px 0 0 8px;
}

.ItemChanged
{
    font-size: 11px;
    border-top: #91bde3 1px solid;
    border-right: #91bde3 1px solid;
    padding: 2px 4px 2px 4px;
    height: 19px;
    background-color: #fff200;
}

#PortalHeight
{
    height: 100%;
    min-height: 357px;
}

#PortalSlimHeight
{
    height: 100%;
    min-height: 445px;
}

/*NEW Portal Btn's Added*/

.InOffice
{
    width: 75px;
    height: 63px;
    background: url('Images/Portal/InOffice.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 11px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #446687;
    text-align: center;
    padding: 0 0 0 0;
    vertical-align: bottom;
    text-decoration: none;
    margin: 0 0 0 0;
}

.InOffice:hover
{
    width: 75px;
    height: 63px;
    background: url('Images/Portal/InOffice-Mo.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 11px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 0 0 0 0;
    vertical-align: bottom;
    text-decoration: none;
    margin: 0 0 0 0;
}

.OutOffice
{
    width: 75px;
    height: 63px;
    background: url('Images/Portal/OutofOffice.gif');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 11px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #446687;
    text-align: center;
    padding: 0 0 0 0;
    vertical-align: bottom;
    text-decoration: none;
    margin: 0 0 0 0;
}

.OutOffice:hover
{
    width: 75px;
    height: 63px;
    background: url('Images/Portal/OutofOffice-Mo.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 11px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 0 0 0 0;
    vertical-align: bottom;
    text-decoration: none;
    margin: 0 0 0 0;
}

.InOfficeSlim
{
    width: 25px;
    height: 29px;
    cursor: pointer;
}

.InOfficeSlim a
{
    width: 25px;
    height: 29px;
    background: url('Images/Portal/InOfficeSlim.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
}

.InOfficeSlim a:hover
{
    width: 25px;
    height: 29px;
    background: url('Images/Portal/InOfficeSlim-Mo.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
}

.OutOfficeSlim
{
    width: 25px;
    height: 29px;
    cursor: pointer;
}

.OutOfficeSlim a
{
    width: 25px;
    height: 29px;
    background: url('Images/Portal/OutOfficeSlim.gif');
    background-repeat: no-repeat;
    cursor: pointer;
}

.OutOfficeSlim a:hover
{
    width: 25px;
    height: 29px;
    background: url('Images/Portal/OutOfficeSlim-Mo.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
}

.InboxBtn
{
    width: 181px;
    height: 65px;
    background: url('Images/Portal/Inbox.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 14px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    vertical-align: middle;
}

.InboxBtn:Hover
{
    width: 181px;
    height: 65px;
    background: url('Images/Portal/Inbox-Mo.jpg');
    cursor: pointer;
    background-repeat: no-repeat;
    font-size: 14px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    vertical-align: middle;
}

.NewRequestBtn
{
    width: 181px;
    height: 65px;
    background: url('Images/Portal/NewRequest.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 14px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    vertical-align: middle;
}

.NewRequestBtn:Hover
{
    width: 181px;
    height: 65px;
    background: url('Images/Portal/NewRequest-Mo.jpg');
    cursor: pointer;
    background-repeat: no-repeat;
    font-size: 14px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    vertical-align: middle;
}

.MyRequestBtn
{
    width: 181px;
    height: 65px;
    background: url('Images/Portal/MyRequest.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 14px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 0 0 0 0;
    margin: 0 10px 0 0;
    vertical-align: middle;
}

.MyRequestBtn:Hover
{
    width: 181px;
    height: 65px;
    background: url('Images/Portal/MyRequest-Mo.jpg');
    cursor: pointer;
    background-repeat: no-repeat;
    font-size: 14px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    vertical-align: middle;
}



/*NEW Portal Btn's Added END*/

.PMHeader
{
    color: white;
    font-family: Arial, Tahoma;
    background-color: #456888;
    font-size: 12px;
    cursor: pointer;
    text-align: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    width: 100%;
    height: 32px;
    border-left: solid 1px #91bde3;
    border-top: solid 1px #91bde3;
    border-right: solid 1px #91bde3;
    border-bottom: solid 1px #c9e1f6;
}

.PortalBigBtnPR
{
    width: 160px;
    height: 65px;
    background: url('Images/Portal/BIG-btnPR.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 14px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 8px 0px 0px 12px;
    vertical-align: top;
}
.PortalBigBtnPR:Hover
{
    width: 160px;
    height: 65px;
    background: url('Images/Portal/BIG-btnPR-Mo.jpg');
    cursor: pointer;
    background-repeat: no-repeat;
    font-size: 14px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 8px 0px 0px 12px;
    vertical-align: top;
}

.PortalBigBtnTR
{
    width: 158px;
    height: 65px;
    background: url('Images/Portal/BIG-btnTR.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 14px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 8px 0px 0px 10px;
    vertical-align: top;
}
.PortalBigBtnTR:Hover
{
    width: 158px;
    height: 65px;
    background: url('Images/Portal/BIG-btnTR-Mo.jpg');
    cursor: pointer;
    background-repeat: no-repeat;
    font-size: 14px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 8px 0px 0px 10px;
    vertical-align: top;
}

.InboxSlim
{
    width: 25px;
    height: 29px;
    cursor: pointer;
}

.InboxSlim a
{
    width: 25px;
    height: 29px;
    background: url('Images/Portal/InboxSlim.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
}

.InboxSlim a:hover
{
    width: 25px;
    height: 29px;
    background: url('Images/Portal/InboxSlim-Mo.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
}
/* UPDATED 22 Nov 2011 */

/* PATHWAY */

.dataGridGrey
{
    font-size: 11px;
    border-bottom: #2c5071 1px solid;
    padding: 0 0 0 0;
    width: 100%;
    height: 55px;
    margin: 0 0 0 0;
}
.dataGridGrey TD
{
    font-size: 11px;
    border-top: #2c5071 1px solid;
    border-right: #2c5071 1px solid;
    border-left: #2c5071 1px solid;
    padding: 0 0 0 0;
}

.dataGridGrey TH
{
    background-color: #2c5071;
    color: #fff;
    background-image: url('Images/DataGrid/GridHeadergrey.gif');
    background-repeat: repeat-x;
    height: 55px;
    font-family: Arial, Tahoma;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-weight: bold;
}

.dataGridGrey-Left
{
    background-image: url('Images/DataGrid/Pathway_left.jpg');
    background-repeat: no-repeat;
    height: 55px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.dataGridGrey-Right
{
    background-image: url('Images/DataGrid/Pathway_right.jpg');
    background-repeat: no-repeat;
    height: 55px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.dataGridGreyRepeat
{
    background-image: url('Images/DataGrid/dataGridGreyRight.jpg');
    background-repeat: repeat-x;
    height: 55px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.pathwaypadding
{
    float: left;
    padding-top: 28px;
    color: #2c5071;
    padding-left: 10px;
    font-size: 12px;
}

.pathwaypaddingComplete
{
    float: left;
    padding-top: 20px;
    color: #2c5071;
    padding-left: 10px;
    font-size: 12px;
}

.PaddingRollBack
{
    float: left;
    padding-top: 28px;
    padding-left: 0px;
}

.pathwayTable
{
    border: none 0px;
}

.pathwayTable td
{
    border: none 0px;
}

.PreRequesites
{
    background-color: #e0e0e0;
}

.Locked
{
    color: #fff;
}

/* PATHWAY END */

/* WORKFLOW PROGRESS BAR 15 MARCH 2012 */

.Pro_Dec_Lrg_Rpt
{
    background-image: url(images/ProcessFlow/Pro_Dec_Lrg_Rpt.jpg);
    background-repeat: repeat-x;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 47px;
}

.Pro_CompLrg_DecLrg
{
    background-image: url(images/ProcessFlow/Pro_CompLrg_DecLrg.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 31px;
    height: 47px;
}

.Pro_DecLrg_TbcLrg
{
    background-image: url(images/ProcessFlow/Pro_DecLrg_TbcLrg.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 47px;
    width: 31px;
}

.Dec_CompEnd
{
    background-image: url(images/ProcessFlow/Dec_CompEnd.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 47px;
    width: 47px;
}

.InPro_CompEnd2
{
    background-image: url(images/ProcessFlow/InPro_CompEnd2.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 47px;
    height: 47px;
}

.Pro_CompEnd2
{
    background-image: url(images/ProcessFlow/Pro_CompEnd2.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 47px;
}

.Pro_TbcEnd2
{
    background-image: url(images/ProcessFlow/Pro_TbcEnd2.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 47px;
    width: 47px;
}

/* WORKFLOW PROGRESS BAR 15 MARCH 2012 END */

/* HELP ICON - 7/11/2012 */

.FirstAid
{
    width: 65px;
    height: 63px;
    background: url('Images/Portal/FirstAid.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 11px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #505050;
    text-align: center;
    vertical-align: bottom;
    text-decoration: none;
}

.FirstAid:hover
{
    width: 65px;
    height: 63px;
    background: url('Images/Portal/FirstAid-Mo.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 11px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    vertical-align: bottom;
    text-decoration: none;
}

.FirstAidSlim
{
    width: 25px;
    height: 29px;
    cursor: pointer;
}
.FirstAidSlim a
{
    width: 25px;
    height: 29px;
    background: url('Images/Portal/SignifySlim.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
}
.FirstAidSlim a:hover
{
    width: 25px;
    height: 29px;
    background: url('Images/Portal/SignifySlim-Mo.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
}

/* HELP ICON - END */

/* HOME ICON - START */

.home
{
    width: 65px;
    height: 63px;
    background-image: url('Images/Portal/home.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 11px;
    font-family: Arial Unicode MS, Arial, Tahoma;
    font-weight: normal;
    color: #446687;
    text-align: center;
    vertical-align: bottom;
    text-decoration: none;
}

.home:hover
{
    width: 65px;
    height: 63px;
    background-image: url('Images/Portal/home-mo.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 11px;
    font-family: Arial Unicode MS, Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    vertical-align: bottom;
    text-decoration: none;
}

.HomeSlim
{
    width: 25px;
    height: 29px;
    cursor: pointer;
}

.HomeSlim a
{
    width: 25px;
    height: 29px;
    background-image: url('Images/Portal/homeslim.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
}
.HomeSlim a:hover
{
    width: 25px;
    height: 29px;
    background-image: url('Images/Portal/homeslim-Mo.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
}

/* HOME ICON - END */

/* DASHBOARD OPTIONS MENU 12 JULY 2012 */
 
 
.PortalMenuArrowUpNav
{
    width: 20px;
    height: 29px;
    background: url('Images/Portal/Nav-up-Arrow.jpg');
    background-repeat: no-repeat;
    float: right;
    cursor: pointer;
}
.DashboardFilter
{
    background-image: url('Images/Dashboards/DashboardsBtn.jpg');
    width: 27px;
    height: 151px;
}
 
.DashboardButtons
{
    border: solid 1px #104490;
    font-size: 11px;
    height: 35px;
    cursor: pointer;
    background-color: #104490;
    background-image: url('Images/Dashboards/DashboardBG_repeat_blue.jpg');
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
 
    padding: 0px 5px 0px 5px;
}
 
.DashboardButtons:hover
{
    border: solid 1px #104490;
    font-size: 11px;
    height: 35px;
    cursor: pointer;
    background-color: #104490;
    background-image: url('Images/Dashboards/DashboardBG_repeat_blue_mo.jpg');
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
}
 
.DashboardButtonsSETW
{
    border: solid 1px #104490;
    font-size: 11px;
    height: 35px;
    width: 100px;
    cursor: pointer;
    background-color: #104490;
    background-image: url('Images/Dashboards/DashboardBG_repeat_blue.jpg');
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
 
 
.DashboardButtonsSETW:hover
{
    border: solid 1px #104490;
    font-size: 11px;
    height: 35px;
    width: 100px;
    cursor: pointer;
    background-color: #104490;
    background-image: url('Images/Dashboards/DashboardBG_repeat_blue_mo.jpg');
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
 
 
.DashboardFilterRight_arrow
{
    width: 33px;
    height: 33px;
    background-image: url('Images/Dashboards/Right_arrow.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
}
.DashboardMenuTopNav
{
    width: 225px;
    height: 34px;
 
    border-top: solid 1px #919199;
    background-image: url('Images/Dashboards/DashboardBG_repeat_grey.jpg');
    background-repeat: repeat-x;
}
.DashboardFilterTopNav
{
    height: 34px;
    width: 100%;
    min-width: 300px;
    border-top: solid 1px #919199;
    background-image: url('Images/Dashboards/DashboardBG_repeat_grey.jpg');
    background-repeat: repeat-x;
    border-bottom: solid 1px #919199;
    border-right: solid 1px #919199;
    border-left: solid 1px #919199;
}
.DashboardFilterContainer
{
    margin: 0px;
    height: 145px;
    background-color: #fff;
    border-right: solid 1px #919199;
    border-left: solid 1px #919199;
    border-bottom: solid 1px #919199;
}
 
.DashboardMenuNavHeading
{
    color: #404040;
    font-size: 15px;
    font-family: Arial, Tahoma;
    float: left;
    margin: 6px 0px 0px 5px;
}
 
.DashboardMenuNavHeading a
{
    color: #404040;
    font-family: Arial, Tahoma;
    font-size: 15px;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}
 
.DashboardMenuNavHeading a:Hover
{
    color: #404040;
    font-family: Arial, Tahoma;
    font-size: 15px;
    cursor: pointer;
    text-decoration: none;
    font-weight: normal;
}
 
.DashboardMenuArrowRightNav
{
    width: 20px;
    height: 29px;
    background: url('Images/Dashboards/Right_arrow.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
}
 
.DashboardAdminContainer
{
    width: 225px;
    margin: 0px;
    height: 145px;
    background-color: #fff;
    border-right: solid 1px #919199;
    border-left: solid 1px #919199;
}
 
.DashboardMenuItemImg
{
    width: 23px;
    height: 22px;
    border: 0px none;
    vertical-align: middle;
    margin: 6px 0px 0px 3px;
    padding-right: 0px;
}
 
.DashboardMenuItem
{
    padding: 0px 0px 0px 0px;
    margin: 0 0 0 0;
    background-color: #cbccda;
    color: #404040;
    font-family: Arial, Tahoma;
    border-top: solid 1px #e1e1e1;
    border-bottom: solid 1px #919199;
    font-size: 13px;
    text-decoration: none;
    font-weight: normal;
    width: 225px;
    height: 33px;
}
 
.DashboardMenuItem a
{
    color: #404040;
    font-family: Arial, Tahoma;
    font-size: 14px;
    text-decoration: none;
    font-weight: normal;
    padding: 8px 0 0 10px;
    float: left;
}
 
.DashboardMenuItem a:hover
{
    color: #000;
    font-family: Arial, Tahoma;
    font-size: 14px;
    text-decoration: none;
    font-weight: normal;
    padding: 8px 0 0 10px;
    float: left;
}
 
.DashboardHeaderText
{
    margin: 10px 0px 0px 4px;
    padding: 10px 0px 0px 0px;
    float: left;
    background-image: url('Images/Dashboards/DashboardBG_repeat_grey.jpg');
    background-repeat: repeat-x;
    border: solid 1px #caccd9;
    text-align: center;
    color: #404040;
    vertical-align: middle;
    height:23px;
    width: 243px;
    min-width: 243px;
}
 
.DashboardHeaderText:hover
{
    margin: 10px 0px 0px 4px;
    padding: 10px 0px 0px 0px;
    float: left;
    background-image: url('Images/Dashboards/DashboardBG_repeat_grey_mo.jpg');
    background-repeat: repeat-x;
    border: solid 1px #caccd9;
    text-align: center;
    color: #404040;
    vertical-align: middle;
    height:23px;
    width: 243px;
 
}
 
.UserContainerDashBoardsFiltersAlt
{
    width: 100%;
    min-width: 300px;
    margin: 0px;
    float: left;
    background-color: #919199;
    border-left: solid 1px #919199;
    border-right: solid 1px #919199;
    border-bottom: solid 1px #919199;
    text-align: center;
    color: #404040;
}
.UserContainerDashBoardsFilters
{
    width: 100%;
    min-width: 300px;
    margin: 0px;
    float: left;
    background-color: #cbccda;
    border-left: solid 1px #919199;
    border-right: solid 1px #919199;
    border-bottom: solid 1px #919199;
    text-align: center;
    color: #404040;
}
  
/* DASHBOARD OPTIONS MENU 12 JULY 2012 END*/

/* Button for Learnership */


.PortalBigBtnBursary
{
    width: 153px;
    height: 65px;
    background: url('Images/Portal/BIG-btnBursary.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 14px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 8px 0px 0px 10px;
    vertical-align: top;
}

.PortalBigBtnBursary:Hover
{
    width: 153px;
    height: 65px;
    background: url('Images/Portal/BIG-btnBursary-mo.jpg');
    cursor: pointer;
    background-repeat: no-repeat;
    font-size: 14px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 8px 0px 0px 10px;
    vertical-align: top;
}

.PortalBigBtnLearnership
{
    width: 153px;
    height: 65px;
    background: url('Images/Portal/BIG-btnlearnership.jpg');
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 14px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 8px 0px 0px 10px;
    vertical-align: top;
}

.PortalBigBtnLearnership:Hover
{
    width: 153px;
    height: 65px;
    background: url('Images/Portal/BIG-btnlearnership-mo.jpg');
    cursor: pointer;
    background-repeat: no-repeat;
    font-size: 14px;
    font-family: Arial, Tahoma;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 8px 0px 0px 10px;
    vertical-align: top;
}

/* Button for Learnership END */


.NoBorder
{
    border: none 0px;
}