@media screen
{
	
	/*	CLIENT SKIN
		SITE STYLE COLOURS - Find and replace with Client specific colours
		Dark Header		-- #234686 // 004FBA
		Light Header	-- #3267AA
		Dark Button		-- #349E24
		Light Button	-- #47C023
		Text			-- #000000

		Alter images "header-client.png"-"header-client-hover.png"-"button-client.png"-"button-client-hover.png" with a gradient of the client colours.
		Replace "header.jpg" with clients logo (985px wide preferrably)
        Replace "background.gif" if required and adjust body style below
	*/
	
    body
    {
        font-family: 'Open Sans', 'Segoe UI',Arial, Helvetica;
        font-size: 13px;
        margin: 0px;
        color: #000000;
    }
    
    /* set font awesome icons to match site main colour */
    .fa-sitedefault{ color: #234686 !important; }
    .fa-sitedefault2{ color: #3267AA !important; }
    .fa-siteinverted{ color: #FFFFFF !important; }
    .fa-1halfx {     font-size: 1.75em; }
    
	.setting-group {
		background: #ffffff;
		min-height: 65px;
		min-width: 200px;
	}

    hr
    {
        border: none;
        color: #dddddd;
        background-color: #dddddd;
        height: 1px;
    }
    
    .lead 
    {
        color: #333;
        font-size: 16px;
        font-weight: 500;
        line-height: 21px;
        margin-bottom: 24px;
    }
    
    ol.lower-alpha
    {
	    list-style-type: lower-alpha;   
	}
    
    /* Accessibility Stuff */
    .resume .text,
    .help-icon .text
    {
        display: none;
    }
    
    /* Drop-Down Menu fixes */
    /* Issues caused by the GroupDocs viewer */
    .navbar .dropdown-menu:after,
    .navbar .dropdown-menu:before
    {
        display: none;        
    }  
    
    .navbar .dropdown .dropdown-menu 
    {
        display: none;
    }   
    
    .navbar .open>.dropdown-menu 
    {
        display: block;
    }
    
    .navbar .open .dropdown-submenu:hover>.dropdown-menu 
    {
        display: block;
    }
    
    
    /* button styles */
    .ui-button-primary
	{
		
		border: 1px solid #234686;
		color: white;
		font-weight: bold;
		background: #349E24 url(Images/button-client.png) repeat-x 50% 50%;
	}
    .ui-button-secondary
    {
        background: url('Images/button-minor.png') repeat-x;
        color: #42423C;
        border: solid 1px #aaaaaa;
        font-weight: bold;
    }
    .ui-button-primary:hover
	{
		background: #47C023;
		border: 1px solid #234686;
		background: #47C023 url(Images/button-client-hover.png) repeat-x 50% 50%;
	}
    .ui-button-secondary:hover
	{
		background: url('Images/button-minor-hover.png') repeat-x;
		border: solid 1px #aaaaaa;
		color: #42423c;
	}
	
    .ui-datepicker-trigger
    {
        border: none;
        background: none;    
    }
    
    .no-close .ui-dialog-titlebar-close {
        display: none;
    }	

    .ui-dialog a.no-background{
        background-color: transparent;
    }
    
    /* Job Search Results */
    .SearchBox
    {
        border-style: solid;
        border-width: 1px;
        border-color: #234686;
        padding: 10px;
        background-color: white;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    .SearchBoxGridView
    {
        width: 100%;
        border: none;
        border-collapse: collapse;
        background: transparent;
    }
    
    .SearchBoxGridView td
    {
        padding: 5px;
        vertical-align: top;
    }
    
    .SearchBoxRow
    {
        background-color: transparent;
    }
    
    .SearchBoxRow td
    {
        padding: 3px;
        min-height: 20px !important;
        text-align: left;
        background-color: transparent;
        border: none;
    }
    
    .SearchTitleLink {
        font-size: 14pt;
        font-weight: bold;
        color: #0066CC;
    }
     .SearchTitleLink .highlight
    {
        background-color: Yellow;
         color: red;
    }
		
	.SearchResultsLabel 
	{
	    font-weight: bold;
	    color: #336699; 
	}
	
	.FloatRight {float: right;}
	
	/* Profile */	
    .ProfileNameLabel{
        color: #0066CC;
		font-weight: normal;
		padding: 0px 0px 5px 0px;
		margin: 10px 0px 10px 0px;
		font-size: 20pt;
    }
    
    .ProfileNameWhiteLabel {
        color: #FFFFFF;
		font-weight: normal;
		padding: 0px 0px 5px 0px;
		margin: 10px 0px 10px 0px;
		font-size: 20pt;
    }
    
    .ProfileLabel {
        color: #FFFFFF;
		font-weight: normal;
        width: 110px;
    }
    
    .PositionNameLabel {
        color: #0066CC;
		font-weight: normal;
		padding: 0px 0px 5px 0px;
		margin: 10px 0px 10px 0px;
		font-size: 14pt;
    }
    
	/* Profile Image */
    .without-change-img {
        line-height: 150px !important;
        display: inline-block !important;
        margin-bottom: 5px;
        overflow: hidden;
        text-align: center;
        vertical-align: middle;
    }	
    
    /* Profile - Status */
    #Status .form-content
    {
        padding: 5px;   
    }
    
    .radios  td {
        padding: 5px;
        border: 1px solid #234686;
        background-color: #F0F0F0;
    }
    
    /* Edit Reference */
    table.reference-options 
    {
        width: 100%;
    }
    
	
	/* Accordion */
	#accordion h3 .expandNote
	{
	    float: right; 
	    font-family: Calibri; 
	    font-size: 8pt; 
	    font-style: italic;
	}
	
	/* Position Application */
	table.current-employee-acknowledgement td.form-label-required
	{
	    width: 80px;
	}
	
	ol.employee-acknowledgement
	{
	    list-style-type: lower-alpha;   
	}
	
	table.selection-criteria td.form-label-required
	{
	    padding-left: 25px;
	}	
	
	table.declaration 
	{
	    width: 100%;
	}
	
	table.declaration td.form-label-required
	{
	    padding-left: 25px;
	}
	
	table.declaration-acknowledgement td.form-label-required
	{
	    vertical-align: top;
	    width: 80px;
	}
	
	
	/* Position Opening / On-Boarding Steps */
	.ob-step 
	{
		padding: 2px;
		margin: 2px;
		max-width: 200px;
		min-width: 200px;
	}
	
	/* New Employment Details */ 
	ol.work-roster-instructions 
	{
	    list-style-type: lower-alpha;   
	}
	
	ol.work-roster-instructions ul
	{
	    list-style-type: disc;   
	}
	
	.message table.super-message td 
	{
	    padding: 0 10px 0 0;
	}
	
	.wizard ul 
	{
		list-style: none outside none;
		padding: 0;
		margin: 0;
		max-width: 200px;
	}
	
	.wizard ul li 
	{
	  float: left;
	  margin: 0;
	  min-height: 85px;
	  min-width: 200px;	  
	  line-height: normal; 
	  position: relative;
	  background: #f5f5f5;
	  color: #d0d0d0;
	  font-size: 14px;
	  cursor: default;
	  -webkit-transition: all 0.218s ease;
	  -moz-transition: all 0.218s ease;
	  -o-transition: all 0.218s ease;
	  transition: all 0.218s ease;
	}
	
	.wizard ul li:first-child 
	{
	  -webkit-border-radius: 2px 0 0 0;
	  -webkit-background-clip: padding-box;
	  -moz-border-radius: 2px 0 0 0;
	  -moz-background-clip: padding;
	  border-radius: 2px 0 0 0;
	  background-clip: padding-box;
	}
	.wizard ul li.notcomplete a 
	{
		text-decoration: none !important;
		cursor: default;
	}
	
	.help-control
	{
	    width: 20px;
	    margin: 3px;
	}
	
        
    #LoginStatus
    {
        font-size: 10pt;
        padding-right: 5px;
        text-align: right;
    }
    #LoginStatus a
    {
        color: #999999;
    }
    a
	{
		color: #000000; 
	}
    #TitleBar
    {
        font-size: 16pt;
        margin-bottom: 10px;
    }
    #LinksMenu
    {
        padding-left: 15px;
        font-size: 10pt;
        color: #999999;
    }
    #LinksMenu a
    {
        color: #000000;
    }
   
    #main-content
    {
        padding: 10px;    
    }
    

    
    
     .StatusIncomplete
    {
        padding: 3px;
        color: Gray;
    }
    .StatusScheduledForAdvertising
    {
        padding: 3px;
        color: #2e63a2;
    }
    .StatusApplicantManagement
    {
        padding: 3px;
        color: black;
    }
    .StatusAdvertisingNow
    {
        padding: 3px;
        color: green;
    }
    .StatusCompleted
    {
        padding: 3px;
        color: green;
    }
    .StatusArchived
    {
        padding: 3px;
        color: gray;
    }
    .StatusNotApproved
    {
        padding: 3px;
        color: Red;
    }
    .StatusAwaitingApproval
    {
        padding: 3px;
        color: orange;
    }
    .StatusAwaitingChanges
    {
        padding: 3px;
        color: orange;
    }
    .StatusAwaitingProcessing
    {
        padding: 3px;
        color: orange;
    }
    .StatusAwaitingHrProcessing
    {
        padding: 3px;
        color: orange;
    }
    .StatusAwaitingPayrollProcessing
    {
        padding: 3px;
        color: orange;
    }
    .StatusSelectionCommitteeReport
    {
        padding: 3px;
        color: Black;
    }
    .StatusAwaitingContractProcessing
    {
        padding: 3px;
        color: orange;
    }
    .StatusOfferManagement
    {
        padding: 3px;
        color: #2e63a2;
    }
    .StatusAppointmentChecklist
    {
        padding: 3px;
        color: Black;
    }
    .StatusNewEmployeeDetails
    {
        padding: 3px;
        color: Black;
    }
    .StatusOnHold
    {
        padding: 3px;
        color: Black;
    }
    .StatusAwaitingMyVariationsSetup
    {
        padding: 3px;
        color: Gray;
    }
    .StatusMyVariationInProgress 
    {
        padding: 3px;
        color: orange;
    }
    .StatusAwaitingEmployeeAcceptance
    {
        padding: 3px;
        color: #2e63a2;
    }
    .StatusEmployeeCompletedMyVariation
    {
        padding: 3px;
        color: green;
    }   
    .StatusEmployeeCompletedVariation
    {
        padding: 3px;
        color: green;
    }   
    .StatusInHrProcessing
    {
        padding: 3px;
        color: orange;
    }   
    .StatusResignationSubmitted
    {
        padding: 3px;
        color: orange;
    }
    
    .hiddenDisplay 
    {
        display: none;
    }
    
     
    .mainTable
    {
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        border: solid 1px #000000;
        width: 95%;
        font-size: 10pt;
        padding-bottom: 10px;
    }
    
    .dialogBox
	{
		display: none;
		z-index: 1000;
		background-color: #ffffff;
		width: 400px;
		position: fixed;
		border: solid 2px #606060;
	}

    .normalTableRow
    {
        background-color: White;
        height: 30px;
        padding: 5px 5px 5px 5px;
    }
    .alternateTableRow
    {
        background-color: #F6F6F0;
        height: 30px;
        padding: 5px 5px 5px 5px;
    }
    .button
    {
        font-weight: 500;
        font-size: 10pt;
        color: #000000;
        border: solid 1px #000000;
        padding-left: 8px;
        padding-right: 8px;
        height: 35px;
    }
    
    .dataGridText
    {
        font-weight: 400;
        font-size: 10pt;
        color: #000000;
        margin: 10px 0 10px 0;
        border: solid 1px #c0c0c0;
    }
    .subHeader
    {
        font-weight: 500;
        font-size: 14pt;
        color: #000000;
        margin: 10px 0 10px 0;
    }
    .defaultText
    {
        width: auto;
    }
    .defaultTextActive
    {
        color: #a1a1a1;
    }
    #dialog_link
    {
        padding: 4px 4px 4px 20px;
        position: relative;
        text-decoration: none;
    }
    #dialog_link span.ui-icon
    {
        left: 0.2em;
        margin: -8px 5px 0 0;
        position: absolute;
        top: 50%;
    }
    .apply_link
    {
        padding: 5px 5px 5px 20px;
        position: relative;
        text-decoration: none;
    }

    td.SearchResult
    {
        padding: 5px;
        border: solid 1px #3267AA; 
    }
    h1
	{
		color: #000000;  
		font-weight: normal;
		padding: 0px 0px 5px 0px;
		margin: 10px 0px 10px 0px;
		font-size: 20pt;
	}
    .searchBox h1
    {
        color: #00547b;
        font-size: 2em;
        font-weight: normal;
        padding: 0px 0px 5px 0px;
        margin: 10px 5px 0px 5px;
    }
    h1 img
    {
        vertical-align: bottom;
        margin-right: 10px;
    }
    .TitleLink
    {
        font-size: 10pt;
        color: #336699;
        text-decoration: none;
        font-weight: bold;
    }
    .LinkButton
    {
        padding: 4px 4px 4px 20px;
        position: relative;
        text-decoration: none;
    }
    .LinkButton span.ui-icon
    {
        left: 0.2em;
        margin: -8px 5px 0 0;
        position: absolute;
        top: 50%;
    }
    /* jQuery UI styles */
    .fg-button
    {
        outline: 0; /* margin: 0 4px 0 0;     padding: .2em .5em; */
        line-height: 1.5em; /* margin: 0.5em 0.4em 0.5em 0; */
        padding: 0.4em 0.6em 0.4em 0.6em;
        text-decoration: none !important;
        cursor: pointer;
        position: relative; /* --- problem with relative in IE7 */
        text-align: center; 
    }
    .fg-button .ui-icon
    {
        position: absolute;
        top: 14px;
        margin-top: -8px;
        left: 14px;
        margin-left: -8px;
    }
    /* remove extra button width in IE */
    button.fg-button
    {
        width: auto;
        overflow: visible;
    }
    .fg-button-icon-left
    {
        width: auto;
        padding-left: 2.1em;
    }
    .fg-button-icon-right
    {
        width: auto;
        padding-right: 2.1em;
    }
    .fg-button-icon-left .ui-icon
    {
        display: block;
        right: auto;
        left: .2em;
        margin-left: 0;
    }
    .fg-button-icon-right .ui-icon
    {        
        left: auto;
        right: .2em;
        margin-left: 0;
    }
    .fg-button-icon-solo
    {
        display: block;
        width: 8px;
        text-indent: -9999px;
    }
    /* solo icon buttons must have block properties for the text-indent to work */
    /*
                    .fg-buttonset
                    {
                        float: left;
                    }
                    .fg-buttonset .fg-button
                    {
                        float: left;
                    }
                    */
    .fg-toolbar
    {
        padding: .3em;
        margin: 0;
    }
    .fg-toolbar .fg-buttonset
    {
        padding-left: 1px;
        padding-right: 1px;
    }
    .fg-toolbar .fg-button
    {
        font-size: 10pt;
    }


    h2, h3, h4, h5, h6
    {
        color: #444444;
    }
    h2
    {
        font-size: 1.2em;
        font-weight: bold;
        margin-bottom: 0.6em;
    }
    h3
    {
        font-size: 1em;
        font-weight: bold;
        margin-bottom: 0.4em;
    }
    h4
    {
        font-size: 1em;
        font-weight: normal;
        margin-bottom: 0.4em;
    }
    
    #panel
    {
        position: relative; /* height: 500px; */
        height: 100%;
    }
    #ProcessMessage
    {
        z-index: 1001;
        background-color: #ffffff;
        text-align: center;
        position: relative;
        color: black; /* margin-top: 10%;     left: 35%; */
        margin: 20px auto;
        width: 200px;
        height: 100px;
        vertical-align: middle;
        border: solid 1px gray;
        padding-top: 10px;
    }
    #ProgressBackgroundFilter
    {
        /*     position: absolute;     width: 100%;     height: 100%;     background-color: #fff;     z-index: 1000;     text-align: center;     vertical-align: middle;     cursor:wait; */
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        position: absolute;
        float: left;
        overflow: hidden;
    }
    #ProgressBackgroundFilter .transparency
    {
        background-color: #ffffff;
        width: 100%; /* height: 500px; */
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        opacity: 0.5;
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
    }

    a.ModalOkButton
    {
        background-color: #ededed;
        border: solid 1px #d3d3d3;
        padding: 5px 8px 5px 8px;
        margin: 3px;
        text-decoration: none;
        float: right;
    }
    .grid
    {
        width: 550px;
    }
    .gridView
    {
        width: 100%;
        border: solid 1px #e0e0e0;
        border-collapse: collapse;
        background: white;
    }
    .gridView td
    {
        padding: 5px;
        border-bottom: solid 1px #E0E0E0;
        vertical-align: top;
    }
    .gridViewRow
    {
        background-color: White;
    }
    .gridViewRow td
    {
        padding: 5px;
        min-height: 20px !important;
        text-align: left;
    }
    .gridViewAlternatingRow
    {
        background-color: #F6F6F0;
    }
    .gridViewAlternatingRow td
    {
        padding: 5px;
        min-height: 20px !important;
        text-align: left;
    }
    
    .grid-header
    {
    }
    
    .grid-header th, .grid-header td
    {
        background: #234686;
        color: #FFFFFF;
        border-bottom: 1px solid #234686;
        border-collapse: collapse;
        font-weight: normal;
        padding-left: 5px;
        text-align: left;
    }
    
    .grid-header a
    {
        color: white;
    } 
        
    .hidden
    {
        display: none;
    }
    .message
    {
        border: solid 1px #E6DB55;
        background: #FFFFE0 url( 'Images/icon_info.gif' ) no-repeat 10px 7px;
        padding: 8px 8px 8px 33px;
        color: #333333;
        margin: 0 0 15px;
    }
    
    span.message 
    {
        margin: 8px 0;
    }
    
    .error-message
    {
        border: solid 1px #eb5339;
        background: #fccac2 url( 'Images/icon_error.gif' ) no-repeat 10px 7px;
        color: #333333;
        padding: 8px 8px 8px 33px;
        margin-bottom: 5px;
    }
    .file-error-message
	{
		background-position: 5px 1px;
		border: solid 1px #eb5339;
		background: #fccac2 url( 'Images/icon_error.gif' ) no-repeat 5px 1px;
		color: #333333;
		padding: 1px 1px 1px 25px;
	}
   #header
    {
        width: 990px;
		margin: 0 auto;
		background: white;
		padding: 0px;
    }
    #leftColumn
    {
        float: left;
        width: 180px;
        height: 100%;
        padding-top: 10px;
    }
    #rightColumn
    {
        float: left;
        padding: 10px 5px 10px 10px;
        width: 750px;
    }
    #singleColumn
    {

    }
    .field-focus
    {
        background-color: #fbf9ea;
    }
    #footer {
        margin: 0 auto;
        color: #000000;
        margin: 10px -10px !important;
        padding: 10px 5px 0 15px;
        padding: 22px 22px 22px 22px;
    }

        #footer a {
            color: #ffffff;
            text-decoration: none !important;
        }

    .footer-setting {
        outline: none;
        height: auto;
        /*font-weight: bold;*/
        font-size: 14px;
        background-color: #333E48 !important; /* CLIENT SKIN */
        margin-top: 5px !important;
        padding-left: 20px;
        line-height: 1.39;
    }

    .PrivacyDiv {
        margin-top: 10px !important;
        margin-left: 5px !important;
        border-color: white !important;
        border: 1px solid;
        padding-left: 2px;
        text-align: center;
        border-radius: 4px;
        height: 25px;
        width: 80px;
    }

    .footer-ui-lock {
        vertical-align: middle;
        padding-left: 3px;
    }


    .footer-logo {
        padding-right: 5px;
        margin-top: 10px !important;
    }
    #mainContainer
    {
        /* position: relative; */
        min-height: 500px;
        /*height: auto !important;
        height: 600px;*/
        padding: 0px;
        overflow: hidden;
    }

    #breadcrumbs
    {
        color: #000000;
        line-height: 15px;
        padding-bottom: 5px;
        border-bottom: solid 1px #DDDDDD;
    }
    #breadcrumbs a
    {
        color: #000000; 
    }
    #breadcrumbs a:hover
    {
        color: #000000;
        text-decoration: underline;
    }
    /* TO DO: section-button-panel, page-button-panel */
    .button-panel
    {
        width: 100%;
        text-align: center;
        padding: 5px 0px 5px 0px; /* border-bottom: solid 1px #dddddd;         border-left: solid 1px #dddddd;         border-right: solid 1px #dddddd; */
    }
    .required
    {
        color: #CC3300;
        margin-left: 2px;
    }
    .formLabel
    {
        vertical-align: top;
    }
    .formField
    {
        vertical-align: top;
    }
    .active-input
    {
        background-color: Lime;
    }
    div#ToolTipDiv
    {
        position: absolute; /*  top: 100px;   left: 100px;   height: 20px;    border: 2px solid #FF0000;    background-color: #FF9999;   display: none;   padding: 3px; */
        display: none;
        border: solid 1px #E6DB55;
        background-color: #FFFFE0;
        padding: 5px;
        margin-bottom: 5px;
    }
    .dialog-button-panel
    {
        text-align: right;
        margin: 3px;
        padding: 5px 10px 5px 0px;
    }
    #HelpPanel
    {
        padding: 10px;
        display: none;
        background-color: #E1EFFB;
        margin-left: 5px;
        margin-right: 5px;
    }
    .grid-pager
    {
        text-align: left;
    }
    .grid-pager td
    {
        border: none;
    }
    .grid-pager span
    {
        display: block;
        padding: 6px 7px;
        margin: 2px;
        border: solid 1px #c9c9c9;
        color: #504c51;
        text-decoration: none;
    }
    .grid-pager a
    {
        background: url(Images/button-minor.png);
        display: block;
        padding: 6px 7px;
        margin: 2px;
        border: solid 1px #c9c9c9;
        color: #504c51;
        text-decoration: none;
    }
    .grid-pager a:hover
    {
        background: url(Images/button-minor-hover.png);
        display: block;
        padding: 6px 7px;
        border: solid 1px #c9c9c9;
        color: #504c51;
        text-decoration: none;
    }
    .searchBox
    {
        border: solid 1px #234686;
        padding: 5px;
        background: white;
        color: black;
    }

    .validation-error
    {
        background: url( 'Images/validation_error.gif' ) no-repeat 50% 50%;
        padding: 10px;
        cursor: pointer;
    }
    .field-help
    {
        color: Gray;
        width: 100%;
    }
    .defaultText
    {
    }
    .defaultTextActive
    {
        color: #a1a1a1;
        font-style: italic;
    }
    #SearchHome
    {
        padding: 10px;
    }

    .RefineSearch ul
    {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }
    .RefineSearch li
    {
        line-height: 19px;
    }
    .RefineBox {
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #234686;
	}
    .RefineSearch h4
    {
        color: #444444;
        padding-bottom: 5px;
        border-bottom: solid 1px #234686;
        margin-top: 10px;
    }

    .RefineSearch h2
    {
        padding: 0px;
        margin-bottom: 10px;
    }
    .SearchResult .ReferenceNumber
    {
        float: right;
        color: Gray;
    }
    #member-login
    {
        padding-top: 50px;
        width: 410px;
        margin: 0 auto;
        text-align: center;
    }
    #login-panel
    {
        border-style: solid none solid none;
        border-width: 1px;
        border-color: #234686;
        padding: 5px 5px 5px 80px;
        line-height: 20px;
        text-align: left;
        background: white url(Images/lock.png) 5px 10px no-repeat;
    }
    #login-panel .fg-button
    {
        line-height: 0.9em;
    }
    #login-panel .inputbox
    {
        /* border: 1px solid #dddddd; */
        font-size: 13px;
        padding: 5px;
    }
    input
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
    }
    select
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
    }
    textarea
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
    }
    .success-message
    {
        border: solid 1px #348300;
        background-color: #C8FFA4;
        background: #C8FFA4 url( 'Images/icon_success.png' ) no-repeat 7px 4px;
        padding: 5px 5px 5px 30px;
        margin-bottom: 5px;
    }
    #AdvancedSearchDiv
    {
        zoom: 1;
    }
    .default-button
    {
        padding: 2px;
        text-decoration: none !important;
        font-weight: bold;
    }
    .form-heading
    {
        border-style: solid none solid none;
        border-width: 1px;
        border-color: #234686;
        color: #ffffff;
        outline: none;
        padding-left: 10px;
        padding-top: 5px;
        height: 30px;
        font-weight: normal;
        font-size: 14px;
        background-color: #234686;
    }
    
    .form-heading label 
    {
        font-weight: normal;   
    }
    
    .form-section-heading
    {
        border-style: solid none solid none;
        border-width: 1px;
        border-color: #234686;
        color: #ffffff;
        outline: none;
        padding-left: 10px;
        padding-top: 1px;
        margin-left: 10px;
        margin-right: 10px;
        height: 21px;
        font-weight: bold;
        font-size: 10pt;
        background-image: url(Images/header-client.png);
        background-repeat: repeat-x;
        background-color: #234686;
    }  
    .form-heading-help {
        float: right; 
        display: inline-block; 
        position: relative; 
        margin-top: -27px; 
        padding-right: 5px;     
    }  
    .form-content
    {
        border-style: none solid solid solid;
        border-width: 1px;
        border-color: #234686;
        padding: 0px;
    }
    .form-section-content
    {
        border-style: none solid solid solid;
        border-width: 1px;
        border-color: #234686;
        padding: 0px;
        margin-left: 10px;
        margin-right: 10px;        
    }
     .form-content-nohead
    {
        border: 1px solid #234686;
        padding: 0px;
        background-color: #ffffff;
    }
    
    .form-table
    {
        width: 100%;
        padding: 0px;          
    }
    /* style first children of the form-table only  */
    .form-table-tree
    {
        width: 100%;
        border: solid 1px #dddddd;
        border-collapse: collapse;
    }
    .form-table-tree > tbody > tr > td
    {
        border-bottom: solid 1px #dddddd;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /*----------------------------------------------*/
    .form-tree tr td
    {
        border: none;
        padding: 0px;    
    }
    .form-table tbody
    {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .form-table tr:first-child td
    {
        border-top: none;
    }
        
    .form-table td,
    .form-table tr td.border-top
    {
        padding-top: 8px;
        padding-bottom: 8px;
        border-top: solid 1px #E0E0E0;
    }
    .form-label
	{
		color: #000000; 
		font-weight: bold;
		text-align: left;
		width: 250px;
		padding-left: 10px;
		vertical-align: top;
	}
    .form-label-required
    {
        color: #000000;
        background-image: url( 'Images/required.png' );
        background-repeat: no-repeat;
        background-position: 10px 14px;
        background-color: inherit;         
        text-align: left;
        padding-left: 25px;
        width: 250px;
        font-weight: bold;
        vertical-align:top;
    }
    .form-attachment-required
    {
        color: #000000;
        background-image: url( 'Images/required.png' );
        background-repeat: no-repeat;
        background-position: 10px 7px;
        background-color: inherit;         
        text-align: left;
        padding-left: 25px;
        width: 20%;
        vertical-align:top;
    }
    .form-td-required
    {
        color: #000000;
        background-image: url( 'Images/required.png' );
        background-repeat: no-repeat;
        background-position: 10px 11px;
        background-color: inherit;         
        text-align: left;
        padding-left: 25px;
        font-weight: bold;
        vertical-align:top;
    }
    .form-field
    {
        color: #4e433a;
        vertical-align: top;
        padding-right: 10px;
        padding-left: 5px;
    }
    .form-field2column
    {
        color: #4e433a;
        width: 80%;
        vertical-align: top;
        padding-right: 10px;
        text-align: left;
    }
    
    .form-field-multicolumn
    {
        color: #4e433a;
        vertical-align: top;
        padding-right: 10px;
        padding-left: 5px;
        min-width: 250px;
    }
    
    .form-gridrow
    {
        color: #000000; 
		font-weight: bold;
		text-align: left;
		padding-left: 10px;
		vertical-align: top;    
        padding-right: 10px;
    }    
    .form-row
    {
        /* no styles to apply */
    }
    .form-alternating-row
    {
        /* no styles to apply */
    }
    .form-content .message
    {
        margin: 0px 10px 0px 10px;
    }
    
    .form-content td .message
    {
        margin: 5px 0;
    }
    
    .grid-row-hover
    {
        background-color: #F0F0F0;
    }
    
    .attachment-required
    {
        padding: 5px;
        display: block;
    }
    
    .seekDiv .form-table tr td
    {
        border-top: solid 1px #E0E0E0;
    }
    
    .seekDiv .form-table tr:first-child td
    {
        border-top: none;
    }
    
    .bulk-actions
    {
        padding: 2px;
    }
    
    .bulk-action-list
    {
        font-size: 10pt;
    }
    .error-message ul
    {
        list-style-type: none;
        padding: 2px;
        margin: 0px 0px 0px 5px;
    }
    .error-message li
    {
        background-image: url(Images/bullet.gif);
        background-repeat: no-repeat;
        background-position: 0px 5px;
        padding-left: 14px;
    }
    .applicant-groups td
    {
        text-align: center;
    }
    .applicant-groups td span
    {
        color: Maroon;
    }
    .applicant-groups a
    {
        text-decoration: none !important;
    }
    .applicant-groups .current-item
    {
        background: #f0f9ff;
        border: solid 1px #c5dbec;
        color: #2e6e9e;
    }
    #side-menu
    {
        width: 180px;
        margin-left: 5px;
    }
    #side-menu table
    {
        width: 100%;
    }
    #side-menu .menu-top
    {
        border-top: solid 1px #c5dbec;
    }
    #side-menu table.menu-item
    {
        border-bottom: solid 1px green;
        border-left: solid 1px green;
        border-right: solid 1px green;
    }
    #side-menu a.menu-item
	{
		display: block;
		color: #000000; 
		font-weight: bold;
		padding: 5px;
	}
    #side-menu a.sub-menu-item
    {
        display: block;
        color: #000000;
        padding: 5px;
        border: solid 1px blue;
    }
    #side-menu table.sub-menu-item a:hover
    {
        background-color: #f9faf5;
    }
    #side-menu table.sub-menu
    {
        border-left: solid 1px #cccccc;
        border-right: solid 1px #cccccc;
    }
    #side-menu table.sub-menu-item td
    {
        border-bottom: solid 1px #dddddd;
    }
    #side-menu table.sub-menu-current
    {
        /* background-color: #f7f7f7; */
    }
    table.menu-item tr:hover
    {
        background: url( 'Images/sub-menu-down-arrow.gif' ) no-repeat right;
        cursor: pointer;
    }
    a.selected-node
    {
        background-color: #dcdec7;
        color: black;
        padding: 3px;
    }
    .tree-editor
    {
        width: 100%;
        border: solid 1px #a5a389;
    	background-color: white;
        border-spacing: 0px;
        border-collapse: separate;
        padding: 0px;
    }
    .tree-editor .grid-header
    {
        background-color: #f9faf5;
        background-image: none;
        color: #3e3c2d;
        border-bottom: solid 1px #bbb99d;
    }
    .toolbar
    {
        /*         padding-left: 2px;         padding-top: 2px;         padding-bottom: 2px;         background-color: #eff5fd;         border-bottom: solid 1px #abc6dd; */
        background: #DEE0C8;
        color: white;
        outline: none;
        padding: 2px;
        font-weight: bold;
        border-bottom: solid 1px #a5a389;
    }
    .toolbar-start
    {
        background: url(Images/buttons.png);
        width: 1px;
        margin-left: 3px;
        height: 26px;
    }
    .toolbar-end
    {
        width: 1px;
        background: url(Images/buttons.png);
        height: 26px;
    }
    .toolbar-separator
    {
        background: url(Images/buttons.png);
        height: 26px;
        width: 5px;
    }
    .toolbar-button
    {
        background: url(Images/buttons.png) 0 -26px;
        width: 24px;
        height: 26px;
        text-align: center;
    }
    .toolbar-button:hover
    {
        background: url(Images/buttons.png) 0 -52px;
        width: 24px;
        height: 26px;
    }
    .checklist-label
    {
        text-align: left;
        padding: 5px;
        width: 80%;
    }
    .checklist-label-required
    {
        background-image: url( 'Images/required.png' );
        background-repeat: no-repeat;
        background-position: 3px 50%;
        background-color: inherit;
        text-align: left;
        padding: 5px 5px 5px 13px;
        width: 80%;
    }
    .checklist-field
    {
        padding: 5px;
        width: 20%;
    }
    span.mergedgreen
    {
        background-color: #99ff99;
    }
    span.mergedred
    {
        background-color: #ff9999;
    }
    span.menu-item-counter
    {
        color: #CC2833;
        width: 100%;
        text-align: right;
    }
    .advertising-type
    {
        padding: 3px 0px 3px 0px;
        color: Gray;
    }
    .form-label-textarea
    {
        vertical-align: top;
        padding: 5px;
    }
    .form-field-textarea
    {
        vertical-align: top;
        padding: 5px;
    }
    .addthis_toolbox .vertical
    {
        width: 100%;
        padding: 0px 0 0px 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    .addthis_toolbox .vertical a
    {
        padding: 4px 0 4px 24px;
        position: relative;
        display: block;
        text-decoration: none;
        color: #336699;
    }
    .addthis_toolbox .vertical a:hover
    {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        background-color: #efefef;
        text-decoration: none;
    }
    .addthis_toolbox .vertical span
    {
        position: absolute;
        left: 4px;
        top: 4px;
    }
    .addthis_toolbox .vertical .more
    {
        border-top: solid 1px #eee;
        padding: 5px 0 0 0;
        margin: 5px 5px 0 5px;
        text-align: center;
    }
    .addthis_toolbox .vertical .more a
    {
        padding: 3px;
        margin: 0;
    }
    .addthis_toolbox .vertical .more span
    {
        display: none;
    }
    a.quick-link
    {
        text-decoration: none;
    }
    .tree-view-explorer
    {
        width: 250px;
        border-right: solid 1px #a5a389;
        height: 300px !important;
        float: left;
        overflow: auto;
        font-size: 10pt;
    }
    .file-explorer
    {
        float: left;
        height: 300px !important;
        vertical-align: top;
        overflow: auto;
        width: 100%;
        font-size: 10pt;
    }
    .file-explorer td
    {
        padding: 4px;
        border-bottom: solid 1px #a5a389;
    }
    .file-explorer a
    {
        text-decoration: none;
    }
    .file-explorer tr:hover
    {
        background-color: #d8fbbe;
    }
    .document-title
    {
        padding: 3px 3px 5px 23px;
        display: block;
    }
    #member-side-menu
    {
        margin-left: 5px;
        margin-top: 5px;
        padding-top: 2px;
        border: solid 1px #234686;
    }
    #member-side-menu ul
    {
        margin: 0px;
    }
    
    .side-menu
    {
        list-style: none;
        padding: 0px;
    }
    .side-menu ul, .side-menu li
    {
        margin: 0px;
    }
    .side-menu a
    {
        color: #000000;
        border-top: solid 1px #234686;
        display: block;
        padding: 7px;
        text-decoration: none;
        font-size: 10pt;
    }
    .side-menu a:hover
    {
        background-color: #234686;
        color: #ffffff; 
        text-decoration: none;
    }
    .side-menu .selected
    {
        background-color: #234686;
        color:#FFFFFF;
    }
    #member-profile-image
    {
        padding-bottom: 5px;
    }
    .searchBoxTop .defaultText
    {
        width: 730px;
        height: 20px;
        font-size: 12pt;
    }
    .searchBoxBottom
    {
        position: relative;
    }
    .highlight
    {
        font-weight: bold;
    }
    .SearchResult .highlight
    {
        background-color: Yellow;
    }
      
   
    .form-content .grid-header
    {
        background: #E2E3E5;
        color: Black;
    }
    /* hover menu style */
    .submenu > a, .submenu > a:hover
    {
        /*background: url('Images/submenuarrow.png') no-repeat 50% right;*/
    }
    .grid-row-selected
    {
        background-color: #00FF00;
    }
    .ui-dialog .error-message
    {
        margin: 5px;
    }
    .approvalProcessChain
    {
        font-size:18px;
        font-weight:bold;
        padding-left:10px;
    }
    .parent-menu-item
    {
        background-color: #5685B3;
    }    
    
    .accordianDiv
    {
    	border: 1px solid #234686;
    }
    
    .pageHeader
	{
		background-color: #ffffff;
	}
	
	.popup-div-background {
		z-index: 9999;
		position: fixed;
		top: 0;
		left: 0;
		background-color: #F0F0FF;
		filter: alpha(opacity=90);
		opacity: 0.9;
		height: 100%;
		width: 100%;
		min-height: 100%;
		min-width: 100%;
	}
	.popup-div-inner {
		position: absolute;
		top: 300px;
		left: 600px;
	}
	
	.training-image {
        border: 1px dotted #000000;
        z-index: 9999;
    }
	
	.addToGridDiv {
	    padding: 3px; 
	    border-style: none solid solid solid; 
	    border-width: 1px; 
	    border-color: #000000; 
	    width: 180px;
	}
    
}

.zeroSpaceAndPadding {
    border-spacing: 0px;
    border-collapse: separate;
    padding: 0px;
}

img{ border-style: none; }

.ob-side-menu    {
        list-style: none;
        padding: 0px;
        margin: 0px;
    vertical-align: middle;
    }
    .ob-side-menu ul    {
        margin: 0px;
    }
    .ob-side-menu li    {
        color: #000000;
        background-color: gainsboro;
        display: block;
        padding: 7px;
        text-decoration: none;
        font-size: 10pt;
        margin: 2px;
        border: 1px solid gray;
        font-weight: bold;
        cursor: pointer;
    }
    
    .ob-side-menu .selected    {
        background-color: #234686;
        color:white;
    font-weight: bold;
    }


.error_help_msg
    {
        border: solid 1px #eb5339;
        padding: 8px 8px 8px 33px;
        margin-bottom: 5px;
        color: #000000;
        background-image: url( 'Images/required.png' );        
        background-repeat: no-repeat;
        background-position: 10px 11px;
        background-color: inherit;         
        text-align: left;
        font-weight: bold;
        vertical-align:top;
    }
    
 
/****** Password strenght styles ***********/
.barIndicatorBorder {  
    border: solid 1px #234686;  
    width: 200px;  
}  
  
.barIndicator_poor{
    background-color: #FF0000;
}  
  
.barIndicator_weak{
    background-color: #FFA500;
}  
  .barIndicator_good{
    background-color: #FFFF00;
}  
  
.barIndicator_strong{
    background-color: #009999;
}  
  
.barIndicator_excellent{
    background-color: #00FF00;
}  
.strengthLabel {
    color: dimgrey;
    font-size: 9pt;
}
/*****************************/

 .tinyMceDefault{
    font-family: Arial;
    font-size: 10pt;
}


.rtPlus,.rtMinus {
    width: 13px !important;
    height: 13px !important; 
}
.orgTypeOrganisation .rtPlus 
{
    background-image: url( 'Images/orgUnitPlus.png' ) !important;
    background-position: 0 0 !important;      
}  
.orgTypeOrganisation .rtMinus
{
    background-image: url( 'Images/orgUnitMinus.jpg' ) !important;      
    background-position: 0 0 !important;      
}  
.orgTypeOrganisation .rtIn {
    color: #c25a51;
    font-weight: bold;
    font-size: 10pt;
}

.orgTypePosition  .rtPlus {
    background-image: url( 'Images/orgPositionPlus.jpg' ) !important;
    background-position: 0 0 !important;   
}
.orgTypePosition  .rtMinus {
    background-image: url( 'Images/orgPositionMinus.jpg' ) !important;
    background-position: 0 0 !important;   
}
.orgTypePosition  .rtIn {
    color: #4f84bf;
    font-weight: bold;
    font-size: 10pt;
}
.orgTypeMember  .rtImg {
    border-radius: 50%;
    width: 25px;
    height: 25px;
}
.orgTypeMember  .rtIn {
    color: #222;
    font-weight: bold;
    font-size: 10pt;
} 

.updatePanel
{
    width: 100%;
    text-align: left;
    padding: 0px 0px 0px 0px;
}  

.commentLabel
{
    padding: 5px 5px 5px 5px;
}