@media screen{
	
	/*	CLIENT SKIN
		SITE STYLE COLOURS - Find and replace with Client specific colours
		Header Border             	    -- #004697
		Header Background	            -- #004696
		Button Border		            -- #00AA5E
		Button Background	            -- #00AA5D

		Replace "~/assets/img/Mercury.png" with a similar size client image (205 x 70)
        font-family: 'Open Sans', 'Segoe UI',Arial, Helvetica
        font-size: 13px;
	*/
	
    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: #004696 !important; }
    .fa-sitedefault2{ color: #00AA5D !important; }
    .fa-siteinverted{ color: #FFFFFF !important; }
    .fa-1halfx {     font-size: 1.75em; }
    .fa-menu-color{color: #004696 !important;}
    .menu-bgcolor{background-color: white !important;}
    /* overide main and/or bootstrap defaults below */    
    .nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background-color: white !important;}
    .navbar-collapse.in{
         background-color:  #FFFFFF !important;
         float: right !important;
    }
    .navbar-toggle { background-color: #ddd !important; }    
    .dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active, .dropdown-menu li.active a, .dropdown-menu li.active a:hover, .dropdown-menu .dropdown-submenu:hover > a, .nav-tabs .dropdown-menu li > a:focus {
        background: #ddd !important;
    } 
    .navbar-right{ min-width: 160px;}
    .navbar{ height: 80px;}
    
    .header-bg
    {
        background-image: url('/assets/img/header_background.jpg');
        background-repeat: no-repeat;
        background-color: #FFFFFF;
        background-position: 100px;
    }
        
    .nav a { text-decoration: none !important; }
    
    .profileMenu{
        background-color: #FFFFFF;
        float: right; padding-right: 20px; text-align: left; white-space: nowrap;
    }
    .navbar-nav{
        background-color: #FFFFFF;
    }
    
    @media all and (max-width: 239px) {
       .navbar{ height: 80px;}
        .header-bg{
           background-image: none;
           background-repeat: no-repeat; 
           background-color: #FFFFFF;
        }  
    }
    @media all and (min-width: 240px) and (max-width: 768px) {
        .navbar{ height: 80px;}
        .header-bg{
           background-image: url('/assets/img/mobile_background.jpg');
           background-repeat: no-repeat; 
            background-color: #FFFFFF;
            background-position: center;
        }   
    }

    @media all and (min-width: 769px) and (max-width: 1000px) { 
        .navbar{ height: 80px;}
        .header-bg{
           background-image: url('/assets/img/mobile_background.jpg');
           background-repeat: no-repeat; 
            background-color: #FFFFFF;
            background-position: center;
        }   
    }
    
    @media (max-width: 915px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
    
    .lead {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 24px;
}

.ui-datepicker-trigger{
    border:none;
    background:none;
 }

	.SearchBox
    {
        border-style: solid;
        border-width: 1px;
        border-color: #004696;
        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;
    }

        
    .without-change-img {
        line-height: 150px !important;
        display: inline-block !important;
        margin-bottom: 5px;
        overflow: hidden;
        text-align: center;
        vertical-align: middle;
    }
    
    .hiddenDisplay{
        display: none;
    }

    .radios  td {
        padding: 5px;
        border: 1px solid #004696;
        background-color: #F0F0F0;
    }
	
	.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;
    }
	
	.ApplicantDrag {
        cursor: move;
    }
	
	.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;}
	
	.trainingDiv  {
        background-position: 0px 0px;
        background-image: url('Images/training.png');
        background-repeat: repeat;
        background-attachment: fixed;
    }
    
        hr
    {
        border: none;
        color: #dddddd;
        background-color: #dddddd;
        height: 1px;
    }
    /* button styles */
    .ui-button-primary
	{
		
		border: 1px solid #00AA5D;
		color: white;
		font-weight: bold;
        background-color: #00AA5E;
	}
    .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-color: #00AA5D;
		border: 1px solid #00AA5E;
	}
    .ui-button-secondary:hover
	{
		background: url('Images/button-minor-hover.png') repeat-x;
		border: solid 1px #aaaaaa;
		color: #42423c;
	}
        
    #LoginStatus
    {
        font-size: 10pt;
        padding-right: 5px;
        text-align: right;
    }
    #LoginStatus a
    {
        color: #999999;
    }
    a
	{
		color: #000000; 
	}
        
     .StatusIncomplete
    {
        padding: 3px;
        color: Gray; /*background: url( 'Images/document_warn.png' ) no-repeat;*/
    }
    .StatusAdvertisingNow
    {
        padding: 3px;
        color: green;
        /*background: url( 'Images/tick.png' ) no-repeat;*/
    }
    .StatusScheduledForAdvertising
    {
        padding: 3px;
        color: darkblue;
        /*background: url( 'Images/clock.png' ) no-repeat;*/
    }
    .StatusAwaitingApproval
    {
        padding: 3px;
        color: orange;
    }
    .StatusAwaitingProcessing
    {
        padding: 3px;
        color: orange;
    }
    .StatusAwaitingChanges
    {
        padding: 3px;
        color: orange;
    }
    .StatusAwaitingHrProcessing
    {
        padding: 3px;
        color: orange;
    }
    .StatusAwaitingPayrollProcessing
    {
        padding: 3px;
        color: orange;
    }
    .StatusApplicantManagement
    {
        padding: 3px;
        color: black;
       /* background: url( 'Images/StatusApplicantManagement.png' ) no-repeat;*/
    }
    .StatusOnHold
    {
        padding: 3px;
        color: Black;
    }
    .StatusCompleted
    {
        padding: 3px;
        color: green;
       /* background: url( 'Images/tick.png' ) no-repeat;*/
    }
    .StatusArchived
    {
        padding: 3px;
        color: gray;
    }
    .StatusOfferManagement
    {
        padding: 3px;
        color: #2e63a2;
    }
    .StatusSelectionCommitteeReport
    {
        padding: 3px;
        color: Black;
       /* background: url( 'Images/document_check.png' ) no-repeat;*/
    }
    .StatusAwaitingContractProcessing
    {
        padding: 3px;
        color: orange;
    }
    .StatusAppointmentChecklist
    {
        padding: 3px;
        color: Black;
        /*background: url( 'Images/checklist.png' ) no-repeat;*/
    }
    .StatusNewEmployeeDetails
    {
        padding: 3px;
        color: Black;
       /* background: url( 'Images/status-new-employee-details.png' ) no-repeat;*/
    }
    .StatusNotApproved
    {
        color: Red;
    }
    
    .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;
    }
    
    .defaultText
    {
        width: 80%;
    }
    .defaultTextActive
    {
        color: #a1a1a1;
    }
    
    td.SearchResult
    {
        padding: 5px;
        border: solid 1px #004696; 
    }
    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;
    }
  
    .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;
    }
    .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
    {
        border-style: solid none solid none;
        border-width: 1px;
        background: #004696;
        border-collapse: collapse;
        font-weight: normal;
        padding-left: 5px;
        text-align: left;
        color: white;
    }    
     .grid-header a
    {
        color: white;
    } 
    .hidden
    {
        display: none;
    }
    
    .message
    {
        border: 1px solid #E6DB55;
        background-color: #FFFFE0;
        color: #333333;
        background-size: 100%;
        background-image: linear-gradient(top, #FFFFE0, #FFFFF4);
        -webkit-box-shadow: 0 1px 2px #FFFFF4 inset, 0 1px 1px #dfdfdf;
        -moz-box-shadow: 0 1px 2px #FFFFE0 inset, 0 1px 1px #dfdfdf;
        box-shadow: 0 1px 2px #FFFFE0 inset, 0 1px 1px #dfdfdf;
        padding: 10px;
        margin: 0px 0px 15px 0px;
        border-radius: 4px;
    }  
    
    
    .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;
	}

    #footer {
        margin: 0 auto;
        color: #000000; /* CLIENT SKIN */
        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; /* CLIENT SKIN */
        margin-top: 5px !important;
        padding-left: 20px;
    }

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

    .button-panel {
        width: 100%;
        text-align: center;
        padding: 5px 0px 5px 0px;
    }
    .required
    {
        color: #CC3300;
        margin-left: 2px;
    }
    .dialog-button-panel
    {
        text-align: right;
        margin: 3px;
        padding: 5px 10px 5px 0px;
    }
    
    .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;
        background-color: #00AA5D;
    }
    .grid-pager a
    {
        background-color: #FFFFFF;
        display: block;
        padding: 6px 7px;
        margin: 2px;
        border: solid 1px #c9c9c9;
        color: #504c51;
        text-decoration: none;
    }
    .grid-pager a:hover
    {
        display: block;
        padding: 6px 7px;
        border: solid 1px #c9c9c9;
        color: #FFFFFF;
        text-decoration: none;
        background-color: #3399FF;
    }
    .searchBox
    {
        border: solid 1px #004697;
        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;
    }

    .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: #004697;
	}
    .RefineSearch h4
    {
        color: #444444;
        padding-bottom: 5px;
        border-bottom: solid 1px #004697;
        margin-top: 10px;
    }

    .RefineSearch h2
    {
        padding: 0px;
        margin-bottom: 10px;
    }
    .SearchResult .ReferenceNumber
    {
        float: right;
        color: Gray;
    }
    #member-login
    {
        padding-top: 50px;
        max-width: 400px;
        margin: 0 auto;
        text-align: center;
    }
    #login-panel
    {
        border-style: solid none solid none;
        border-width: 1px;
        border-color: #004697;
        padding: 5px 5px 5px 80px;
        line-height: 20px;
        text-align: left;
        background: white url(Images/lock.png) 5px 10px no-repeat;
    }
    .login-panel-seperator
    {
        border-style: none none solid none;
        border-width: 1px;
        border-color: #004697;
    }
    
    .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: #004697;
        color: #ffffff;
        outline: none;
        padding-left: 10px;
        padding-top: 5px;
        height: 30px;
        font-weight: normal;
        font-size: 14px;
        background-color: #004696;
    }
    .form-content
    {
        border-style: none solid solid solid;
        border-width: 1px;
        border-color: #004697;
        padding: 0px;
        background-color: #ffffff;
    }
     .form-content-nohead
    {
        border: 1px solid #004697;
        padding: 0px;
        background-color: #ffffff;
    }
    .form-table
    {
        width: 100%;
        padding: 0px;
        background-color: white;
    }
    
    
    .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
    {
        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-field
    {
        color: #4e433a;
        vertical-align: top;
        padding-right: 10px;
        padding-left: 5px;
    }
    .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-content .message
    {
        margin: 5px;
    }
    .grid-row-hover
    {
        background-color: #F0F0F0;
    }
 
   /* .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;
    }
    
    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
    {
        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-profile-image
    {
        padding-bottom: 5px;
    }
    .searchBoxTop .defaultText
    {
        width: 80%;
        height: 20px;
        /*font-size: 13px;*/
    }
    .searchBoxBottom
    {
        position: relative;
    }
    .highlight
    {
        font-weight: bold;
    }
    .SearchResult .highlight
    {
        background-color: Yellow;
    }
      
   
    .form-content .grid-header
    {
        background: #E2E3E5;
        color: Black;
    }
   
    .grid-row-selected
    {
        background-color: #00FF00;
    }
    .ui-dialog .error-message
    {
        margin: 5px;
    }
    .approvalProcessChain
    {
        font-size:18px;
        font-weight:bold;
        padding-left:10px;
    }  
    
    .accordianDiv
{
    border: 1px solid #004697;
    background-color: #ffffff;
}

    .accordianDiv ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px 0px 0px 10px;
}
    .accordianDiv li
    {
        line-height: 19px;
    }
    	
	.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;
	}
		
	.addToGridDiv {
	    padding: 3px; 
	    border-style: none solid solid solid; 
	    border-width: 1px; 
	    border-color: #004697; 
	    width: 180px;
	    background-color: white;
	}
    


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

img{ border-style: none; }

.ob-side-menu    {
        list-style: none;
        padding: 0px;
    margin: 0px;
    }
    .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: #004697;
        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 #004697;  
    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: Calibri;
    font-size: 11pt;
}

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

/* dynamic form controls */
div.fileUploadBox input[type=file]
{
    display: block;
}
div.fileUploadBox a
{
    border: none;
    margin-left: 5px;
}
div.fileUploadBox label
{
    margin-bottom: 3px;
}



/** MEDIA 440px and less **/
    @media all and (max-width: 440px) {              

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { display: block; }
	
	.form-table tbody { padding-top: 0px; }
    .form-table tr:first-child td{ border-top: none; }
    .form-table td { padding-top: 1px; padding-bottom: 1px; border: none; }
    .form-table tr { border-bottom: 1px solid #dddddd; }
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { position: absolute; top: -9999px; left: -9999px; }
	tr { border: none; }
	td { border: none; }	
	 .form-label{
		color: #000000; 
		font-weight: bold;
		text-align: left;
		padding-left: 2px;
		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;
        font-weight: bold;
        vertical-align:top;
		position: relative;
    }
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
}