@charset "utf-8";
/* CSS Document */

/* ================================================================================ */
/* Master CSS Portal4U */
/* ================================================================================ */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
	address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {  
		border:0pt none; border-style: none; margin:0px; padding:0px; /*vertical-align:baseline;*/ -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased;
	}

    *:focus { outline:none; }
    * { margin:0px; padding:0px; -webkit-font-smoothing: subpixel-antialiased; box-sizing: border-box; }

/* ================================================================================ */
/* BODY MASTER */
/* ================================================================================ */

    body { margin: 0px; padding: 78px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

    body, html { height:100%; width:100%; }

/* ============================================================================== */
/* INPUT FIELD STYLE */
/* ============================================================================== */

    input, select, textarea {
        margin:0px; padding:0px; font-family:Arial;
        -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ box-sizing:border-box;
    }

    /* (re)set wrapping / preservation of line-endings in textarea's  */
	textarea { white-space: pre-wrap !important; }

    div.forminputfield { position:relative; float:left; }

    input[type='text'], input[type='password'], input[type='radio'], input[type='checkbox'], textarea, select, input[type='button'], input[type='submit'], input[type='file'], .FileUploadButton {
        font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#444; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
    }
    
    input[type='text'], input[type='password'], input[type='file'] { border:1px solid #dcdcdc; padding:8px 10px; background-color:#FFF; }
    
    input[type='file'] { margin-right:10px; width:100%; }
    
    textarea { border:1px solid #dcdcdc; padding:8px 10px; background-color:#FFF; }
    
    select { border:1px solid #dcdcdc; padding:8px 10px; }
    
    input[type='radio'], input[type='checkbox'] { border:1px solid #dcdcdc; padding:4px; }
    input[type='checkbox'] { height:20px; width:20px; }
    @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
        input[type='checkbox'] { width:17px!important; height:17px!important; padding:0px!important; }
    }

    label { /*padding-left:10px;*/ }
    
    input[type='button'], input[type='submit'], input[type='reset'], input[type='image'], .FileUploadButton { padding:8px 10px; border:1px solid #dcdcdc; margin-right:10px; background: #f5f5f5; font-size:11px; font-weight:bold; }
    input[type='image'] { padding:8px 10px 7px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:none; }
    input[type='button']:hover, input[type='submit']:hover, input[type='reset']:hover, input[type='image']:hover, .FileUploadButton:hover { background-color:#f0f0f0; color:#343434; cursor:pointer; border-color:#c0c0c0; }
    
    input[disabled], textarea[disabled], select[disabled] { 
        background-color:#f9f9f9!important; color:#999!important;
        -webkit-text-fill-color:#999; /* Override iOS / Android font color change */
        -webkit-opacity:1; /* Override iOS opacity change affecting text & background color */
        color:#999; /* Override IE font color change */
    }
    input[disabled]:hover, textarea[disabled]:hover, select[disabled]:hover { cursor:not-allowed; } 

	/* CSS Radio/Checkbox Style */
	input[type="radio"], input[type="checkbox"] { opacity: 0; filter: alpha(opacity=0); position:absolute; left:0px; }

	input[type="radio"] + label:before,
	input[type="checkbox"] + label:before {
		display: inline-block; position:relative; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold;
		top:0px; left:0px; width:15px; height:15px; margin-right:15px; margin-top:5px; margin-bottom:5px;
	}
	.detailform input[type="radio"] + label:before,
	.detailform input[type="checkbox"] + label:before {
		top:4px;
	}

	input[type="radio"] + label:hover, input[type="checkbox"] + label:hover { cursor:pointer; }

	input[type="radio"] + label:before { content:"O"; color:#FFF; padding-left:1px; padding-top:1px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border:1px solid #d5d5d5; background-color:#FFF; }
	input[type="radio"]:checked + label:before { border:1px solid #959595; background-color:#c5c5c5; }

	input[type="checkbox"] + label:before { content:"X"; color:#FFF; padding:2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #d5d5d5; background-color:#FFF; line-height: 1.3em; }
	input[type="checkbox"]:checked + label:before { content:"V"; color:#FFF; padding:2px; border:1px solid #959595; background-color:#c5c5c5; line-height: 1.3em; }

	input[type="radio"]:hover + label:before,
	input[type="checkbox"]:hover + label:before {
		border:1px solid #858585;
	}

	input[type="radio"]:focus + label:before,
	input[type="checkbox"]:focus + label:before {
		border-color:#858585; background-color:#fafafa; color:#fafafa;
	}

	input[type="radio"]:checked:focus + label:before,
	input[type="checkbox"]:checked:focus + label:before {
		border-color:#000000; background-color:#c5c5c5;
	}
    /* => Input Fields Forms.aspx */
    .results table.stickytable input, .results table.stickytable select { padding:4px; }
    
    input:focus, select:focus, textarea:focus { border:1px solid #acacac; }
    
    .bootstrap-filestyle { white-space:nowrap; display:inline; }
    .bootstrap-filestyle .btn.FileUploadButton { margin: -33px 0px 0px; padding: 9px 10px; float: right; }
    .bootstrap-filestyle .form-control { width:100%; float:left; }

    .form_input_documentHyperlink { float:left; display:inline; height: 30px; padding-top:10px; }

    .form_input_documentDownload input[type='image'] { padding:8px 10px !important; }

    /* Fullscreen for longtextfields */
    .fullscreen-button {
        position:absolute; left:-24px; width: 24px; height: 23px; display: inline-block; padding:0px!important; z-index:2;
        -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; border:1px solid #d5d5d5 !important; border-right:none!important;
    }
    
    .fullscreen-button { top:5px; background: #fafafa url(../../Images/budicon/2-interface---outcoming-link.png) center center no-repeat!important; }
    .fullscreen-button:hover { background-color:#dadada!important; cursor:pointer; }
    
    .fullscreen { position: fixed!important; top: 0px; left: 0px; bottom: 0px; right: 0px; padding:35px!important; z-index: 9999; background-color:rgba(0,0,0,0.2); margin:0px !important; }
    .fullscreen textarea { height:100% !important; width: 100% !important; resize:none; }
    .fullscreen .fullscreen-button { left:11px; top:50px; background: #fafafa url(../../Images/budicon/53-interface---cross-cancel.png) center center no-repeat!important; }

    .forminputfield.fullscreen { width:inherit!important; }
    .fullscreenCell { width:inherit!important; }

    /* View (page.aspx) longtextfields */
    div.view_longtextfield_outer:not(.fullscreen) { /*display:table;*/ vertical-align: inherit; text-align: inherit; width: 100%; }
    div.view_longtextfield_outer:not(.fullscreen) div.view_longtextfield_inner { min-height:30px; /*display:table-cell;*/ vertical-align: inherit; text-align: inherit; overflow-y: auto; padding:0px 6px 0px 8px; }

    div.view_longtextfield_outer { position:relative; }

    div.view_longtextfield_inner { box-sizing: border-box; }

    .fullscreen div.view_longtextfield_inner { height:100%!important; background-color:#FFF; padding: 10px; }

    td.view_longtextfield_column { padding-left: 24px!important; }

    td.longtextfield_readonly_cell h1 { font-size:2em; margin:0.67em 0; }
    td.longtextfield_readonly_cell h2 { font-size:1.5em; margin:0.83em 0; }
    td.longtextfield_readonly_cell h3 { font-size:1.17em; margin:1em 0; }
    td.longtextfield_readonly_cell h4 { font-size:1em; margin:1.33em 0; }
    td.longtextfield_readonly_cell h5 { font-size:.83em; margin:1.67em 0; }
    td.longtextfield_readonly_cell h6 { font-size:.67em; margin:2.33em 0;; }
    td.longtextfield_readonly_cell h1, td.longtextfield_readonly_cell h2, td.longtextfield_readonly_cell h3,
    td.longtextfield_readonly_cell h4, td.longtextfield_readonly_cell h5, td.longtextfield_readonly_cell h6 { 
        display: block; font-weight: bold; line-height:1.5em; color:#343434; float:none; background:none; padding:0; margin:0; }
    td.longtextfield_readonly_cell p, td.longtextfield_readonly_cell li { line-height:1.5em; }

   .forminputfield.forminputfieldExtraMargin.fullscreen { width: inherit !important; }

    /* Extra padding op entiteit en datum velden */
    .entity.inputPanel input.entity.searchField.ui-autocomplete-input,
    input.datepicker.hasDatepicker { padding-right:34px; }

/* ================================================================================ */
/* LOGINSCREEN */
/* ================================================================================ */

    .form_bg { width:100%; height:650px; top: -73px; position:absolute; z-index:1; }
    .form_formmain { top: 100px; left: 50%; height: 397px; width: 951px; margin-left: -475px; position:absolute; z-index:2; }

    .form_companylogopicture { left: 330px; top: 95px; width: 292px; height:37px; position:relative; }

    .form_form { left:345px; top:160px; width:260px; position:absolute; overflow:visible; }

    .form_formtitle, .form_forminput, .form_forminputfield, .form_formbutton { position:relative; float:left; }

    .form_formtitle { width:100%; padding:8px 0px 2px; font-size:14px; color:#FFF; font-weight:bold; letter-spacing:0.01em; text-transform:uppercase; }
    .form_formtitle:after { content:":"; }
    .form_forminput { width: 230px; height:35px; background-color:#FFF; border:1px solid #bababa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

    .form_forminputfield input, .form_forminputfield select { width: 200px; font-size: 12px; color:#666; border: 0px; }
    .form_forminputfield input { margin-left:5px; margin-top:1px; }
    .form_forminputfield select { margin-left:16px; margin-top:10px;  }

    .form_formlostpasword, .form_formnewuser { position:absolute; font-size:11px; color:#807f7f; text-align:right; margin-top:5px; }
    .form_formlostpasword { bottom:-20px; text-align:right; right:0px; }
    .form_formnewuser { bottom:-20px; text-align:left; left:0px; }
    .form_formlostpasword a, .form_formnewuser a { color:#807f7f; text-decoration:none; }
    .form_formlostpasword a:hover, .form_formnewuser a:hover { color:#FFFFFF; text-decoration:none; }

    .form_formbutton { float:right; }
    .form_formbutton > input[type='submit'] { padding:10px 10px 8px; text-transform:uppercase; font-size:14px!important; color:#FFF; font-weight:bold; border: 0px; background-color:#3d9ab9; margin-right:0px; }
    .form_formbutton > input[type='submit']:hover{ background-color:#FFF; color:#3d9ab9; cursor:pointer; }

    .form_formmessage { position:absolute; bottom:-160px; margin:0px; padding:10px 0px; width:100%; color:#e84747; font-size:11px; text-align:center; }

    .form_forminput-username { width:260px; }
    .form_forminput-username input { margin:3px 0px 0px 5px; width:230px; }
    .form_forminput-password { width:260px; }
    .form_forminput-password input { margin:3px 0px 0px 5px; width:230px; }
    .form_forminput-language { width:115px; }
	.form_forminput-language div {
		padding: 0; margin: 0; width: 113px; overflow: hidden; height:30px;
		background-color: #fff; background: #fff url("../../Images/dropmenu_firstrow.jpg") no-repeat right 7px top 12px;
	}
	.form_forminput-language div > select {
		padding: 7px 8px 6px 8px; width: 130%; margin:0px;
		border: none; box-shadow: none; background-color: transparent; background-image: none;
		@include appearance(none); -webkit-appearance: none; -moz-appearance: none; appearance: none;
	}
    .form_forminput-button { }

    .form_captcha { position:absolute; bottom: -116px; margin-left: -20px; }

/* ================================================================================ */
/* AUTHENTICATION CODE SCREEN */
/* ================================================================================ */

    .authentication_form_login_button { margin-top: 87px; }

    .authentication_form_forminput-authenticationcode { width:260px; }
    .authentication_form_forminput-authenticationcode input { margin:3px 0px 0px 0px; width:230px; }
    .authentication_form_forminput-authenticationcode > label { font-size:14px; color:#FFF; font-weight:bold; letter-spacing:0.01em; text-transform:uppercase; }
    .authentication_form_forminput-authenticationcode > label:after { content: ":"; }

/* ================================================================================ */
/* DASHBOARD */
/* ================================================================================ */

    .dashboard, .dashoard_menu{ display:inline; white-space:nowrap; }
    .dashboard { top:176px; width:100%; position:absolute; }
    .dashboard_menu { width:33%; padding: 0px 5px 35px 5px; }
    
    .dashboard > table { margin:0 auto; }

    .ico_grt_color { width:43px; height:49px; }

/* MENU */

    ul.dashboardnavresultnav { list-style: none; padding: 0px 50px 0px 20px;  margin: 0; /*font-size: 1.2em;*/ display:block; }

    ul.dashboardnavresultnav li { margin: 0; padding: 0 2px 0 0; /* Ruimte tussen de verschillende <li></li> velden */ position: relative; font-family:Arial, sans-serif; }
    ul.dashboardnavresultnav li a{ padding: 0px 0px 8px 10px;  color: #838383; display: block; text-decoration: none; cursor: pointer; }
    ul.dashboardnavresultnav li a:hover { padding: 0px 0px 8px 10px;  }
    ul.dashboardnavresultnav li:first-child { padding: 12px 0px 15px 0px;  font-family:Arial, sans-serif; font-size:20px; color: #727272; }

/* Dotted Line */

    ul.dashboardnavresultnav li.dashboarddottedline { height: 1px; width: 100%; margin: 0px 0px 15px 0px;  background:url(../../Images/dottedline_light.png) repeat 0px center; }
    .selected { font-weight: bold; }

/* ================================================================================ */

    h1, h2 { float: left; padding: 0px 0px 0px 30px;  margin: 0px 0px 10px 24px; white-space:nowrap; }

    h1 { /* Titel Menus */
	    font-size: 22px; font-weight:normal; color: #727272;
    }

    h2 { /* Titel Pagina */
	    font-size: 25px; font-weight:normal; color: #727272; padding-top:3px;
    }

    h3 { /* Gebruiker&Bedrijf Dashboard */
	    font-size: 15px; font-weight:normal; color: #727272; float: left;
	    padding: 0px;  margin: 12px 0px 0px 10px; white-space:nowrap;
    }

    h4 {
	    font-size: 12px; font-weight:normal; color: #727272; float: left;
	    padding: 0px 0px 5px 25px; margin: 0px; white-space:nowrap;
    }

/* ================================================================================ */

    .header, .main { width:100%; left: 0px; margin: 0px; padding: 0px; }

    .header { top:0px; height:137px; position:fixed; z-index:11; border-bottom:1px solid #e9e9e9; }
    .main { top:157px; z-index:7; overflow:visible; height:100%; min-height:100%; padding-top:0px; }

    .menuoptions, .results, .menu { position:absolute; display:block; }
    .menuoptions, .menu { white-space:nowrap; }

    .menu { top:138px; left:0px; margin: 0px; padding: 0px; visibility:visible; }

    .menuoptions {
	    top:138px; left:0px; width:337px; padding: 8px 10px 5px 10px; z-index:7;
	    border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background-color:#FFF; position:fixed;
	    -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
    }
    .menuoptions.fixed { position: fixed; top: 329px; }
    .menuoptionsdiv { }
    .menuoptionsbutton {
	    top:200px; left:324px; width:32px; height:37px; margin-top:-18px; cursor:pointer;
   	    z-index:8; position:fixed; display:block; white-space:nowrap;
    }
    .menuoptionsbutton.fixed { position: fixed; top:200px; }

    .results { top:153px; left:359px; /*width:180px;*/ margin:0px; padding: 0px 0px 50px 30px; overflow:visible; }

    .cnt_div-hdr_t { display: none; }

/* ================================================================================ */
/* COMPANY LOGO */
/* ================================================================================ */

    .divLogo {
	    top:33px; left:50%; margin-left:-156px; width:312px; height:58px;
	    background:url(../../Images/logo.png) no-repeat top; z-index:998; position:absolute;
    }

    .divLogoImg { left: 11px; top: 8px; width: 292px; height:37px; position:relative; }

/* ================================================================================ */
/* HEADER NAVIGATIE */
/* ================================================================================ */

    .header_topnav { position:relative; float:left; display:block; width:100%; z-index: 999; }

    .topnav { top:0px; left:0px; margin:0px; padding:0px; list-style-type:none; }

    .topnav li { text-transform:uppercase; color:#585858; }
    .topnav li a, .subnav li span {	
	    display: block; background: #454545; padding: 9px 20px; 
	    text-decoration: none; color: #FFFFFF; white-space: nowrap; font-weight: bold; cursor: pointer;
    }
    .topnav li a:hover { }
	
    .subnav {
	    margin: 0px; padding: 0px; position: absolute; visibility: hidden;
	    border-left: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; border-bottom: 3px solid #c2c2c2; background:#FFF;
    }

    .subnav li { }
    .subnav li a, .subnav li span { font-weight:normal; text-transform:none; color:#585858; padding: 0px 42px 0px 30px;  background: #FFF url(../../Images/dropmenu_arrow-stat.jpg) no-repeat 18px 9px; line-height:30px; }
    .subnav li.selected a { font-weight: bold; }
    .subnav li a:hover, .subnav li span:hover { text-decoration:none; color:#3d9ab9; background: #FFF url(../../Images/_blue/dropmenu_arrow-ovr.jpg) no-repeat 18px 9px;  }
    .subnav li span { width:100%; }
    .subnav > li:first-child > a > img {margin-left:-27px; }
    
    .header_topnav ul, .header_topnav li, .header_topnav span, .header_topnav a { position: relative; }
    .header_topnav { position:relative; float:left; display:block; width:100%; }
    .header_topnav li.active { }
    .header_topnav li:hover { }
    .header_topnav li li ul li > a:hover { }
    .header_topnav li ul li:hover>a { }
    .header_topnav > ul > li a { }
    .header_topnav ul { list-style: none; }
    .header_topnav > ul > li { float: left; }
    .header_topnav li:hover > ul { display: block; }
    .header_topnav li ul { display: none; position: absolute; top: 100%; left: 0; }
    .header_topnav li ul li a, .header_topnav li ul li span { display: block; }
    .header_topnav li li ul { display: none; position: absolute; left: 100%; top: -35px; border-top:1px solid #c2c2c2; }
    
    .header > .header_topnav > .topnav > li:first-child > .subnav { }
    
    .topnavtitle { border-right: 1px solid #585858; }

	/* Hover Menu */

	.topnav > li:hover > ul.subnav,
	.topnav > li:active > ul.subnav,
	.topnav > li:focus > ul.subnav { display:block; visibility: visible; }

	.subnav li:hover > ul,
	.subnav li:active > ul,
	.subnav li:focus > ul { display:block; visibility: visible; }

    /* Dialog on logoff */
  	.no-close .ui-dialog-titlebar-close { display: none; }

/* ================================================================================ */
/* TITEL PAGINA */

    .titel { padding: 60px 0px 0px 0px;  width:100%; float:left; position:relative; }

    .dottedline { height: 1px; width: 84%; margin: 0px 0px 12px 9%; background:url(../../Images/dottedline.png) repeat 0px center; position:relative; float: left; }

/* ================================================================================ */
/* MENU */
/* ================================================================================ */

    .mainleftuser, .mainleftmenu, .mainleftfilters {
	    padding: 10px 0px 4px 0px;	margin: 5px 0px;
	    border:1px solid #dcdcdc;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
    }

    .mainleftuser { width: 315px; float: left; position:relative; }
    .mainleftmenu { width: 315px; float: left; position:relative; }

    ul.mainleftmenulist { list-style-type:none; padding:0px; margin-top:0px; margin-left:24px; float: left; }
    ul.mainleftmenulist li { width:317px; line-height: 1.8em; display: block; text-decoration: none; float: left; clear:both; }
    ul.mainleftmenulist li a { color: #585858; text-decoration:none; padding: 0px 0px 0px 30px; float: left; }

    ul.mainleftmenulist li.mainleftmenulist-newentry { }
    ul.mainleftmenulist li.mainleftmenulist-spacer { background:#f5f3f3 url(../../Images/dottedline.png) repeat 0px center; width:87%; height:1px; margin-bottom:7px; }
    ul.mainleftmenulist li.mainleftmenulist-item { }

    html ul.mainleftmenulist li a:hover { }

/* ================================================================================ */
/* FILTERS */
/* ================================================================================ */

    .mainleftfilters { width: 315px; float: left; position:relative; padding-bottom:15px;}

    .mainleftfiltersA, .mainleftfiltersB, .mainleftfiltersC, .mainleftfiltersD { position:relative; float:left; }
    .mainleftfiltersA { width:100%; position:relative; margin-bottom: 5px; }
    .mainleftfiltersB { width:140px; color:#585858; text-align:right; padding:10px 10px 0px 0px; } /* title */
    .mainleftfiltersC { width:140px; } /* input */
    .mainleftfiltersD { width:140px; } /* button */

    .mainleftfiltersFormInput, .mainleftfiltersFormSelect, .mainleftfiltersFormButton { position:relative; float:left; }

    .mainleftfiltersFormInput { width: 140px; }
    .mainleftfiltersFormInput.datepicker { }

    button.ui-datepicker-trigger {
	    height:25px; width:27px; position:absolute; border: 0px; top:4px; right:5px;
        background: url(../../Images/form_calendar_button-stat.png) no-repeat 0 0; cursor: pointer;
    }

    button.ui-datepicker-trigger:hover { background: url(../../Images/form_calendar_button-ovr.png) no-repeat 0 0; }

    .mainleftfiltersFormSelect { width: 140px; }
    .mainleftfiltersFormButton { text-align:center; color:#333; width:140px; }
    .mainleftfiltersFormButton:hover{ cursor:pointer; }

/* ================================================================================ */
/* DETAILFORM */
/* ================================================================================ */

    .results table.detailform { border-collapse:inherit; border-spacing: 0px; float: left; }

    .results table.detailform th { background-color:#f4f4f4; border-top: #e1e1e1 1px solid; border-bottom: #e1e1e1 1px solid; }

    .results table.detailform tr.even { background-color: #ffffff; }
    .results table.detailform tr.odd { background-color: #f5f3f3; }
    .results table.detailform tr.odd:hover { }
    .results table.detailform tr.even:hover { }
    .results table.detailform tr:hover a { text-decoration:underline; }
    .results table.detailform tr.footerrow td { font-weight: bold; }

    .results table.detailform td, th { color: #6f6f6f; font-weight:normal; }
    .results table.detailform th { padding: 11px 19px; }
    .results table.detailform td { padding: 5px 19px;  }
    .results table.detailform td:first-child { white-space:nowrap; }

    .results table.detailform td a { color: #3d9ab9; text-decoration:none; }
    .results table.detailform td a:hover { text-decoration:underline; }
    .results table.detailform tr a { color: #6d6f70; text-decoration:none; }

    .results table.detailform tr a:hover { text-decoration:underline; }

    .results table.detailform th.fieldhorizontalalignLeft, .results table.detailform td.fieldhorizontalalignLeft, .results table.detailform td.fieldhorizontalalignLeft textarea, .results table.detailform td.fieldhorizontalalignLeft input { text-align:left; }
    .results table.detailform th.fieldhorizontalalignCenter, .results table.detailform td.fieldhorizontalalignCenter, .results table.detailform td.fieldhorizontalalignCenter textarea, .results table.detailform td.fieldhorizontalalignCenter input { text-align:center; }
    .results table.detailform th.fieldhorizontalalignRight, .results table.detailform td.fieldhorizontalalignRight, .results table.detailform td.fieldhorizontalalignRight textarea, .results table.detailform td.fieldhorizontalalignRight input { text-align:right; }
    .results table.detailform th.fieldhorizontalalignJustify, .results table.detailform td.fieldhorizontalalignJustify, .results table.detailform td.fieldhorizontalalignJustify textarea, .results table.detailform td.fieldhorizontalalignJustify input { text-align:justify; }

    .results table.detailform th.fieldverticalalignTop, .results table.detailform td.fieldverticalalignTop, .results table.detailform td.fieldverticalalignTop textarea { vertical-align:top; }
    .results table.detailform th.fieldverticalalignMiddle, .results table.detailform td.fieldverticalalignMiddle, .results table.detailform td.fieldverticalalignMiddle textarea { vertical-align:middle; }
    .results table.detailform th.fieldverticalalignBottom, .results table.detailform td.fieldverticalalignBottom, .results table.detailform td.fieldverticalalignBottom textarea { vertical-align:bottom; }

    .results table.detailform td.fieldinherit { white-space: inherit; }
    .results table.detailform td.fieldnormal { white-space: normal; }
    .results table.detailform td.fieldnowrap { white-space: nowrap; }
    .results table.detailform td.fieldpre { white-space: pre; }
    .results table.detailform td.fieldpreline { white-space: pre-line; }
    .results table.detailform td.fieldprewrap { white-space: pre-wrap; }

    /* => RESULTS : Table Row Hover */
    .results table.detailform tr.odd:hover { background-color: #daecf2; }
    .results table.detailform tr.even:hover { background-color: #daecf2; }
    
    /* => RESULTS : Table Link Hover */
    .results table.detailform td a:hover { color:#3d9ab9; }
    .results table.detailform tr a { color: #6d6f70; }
    .results table.detailform tr a:hover { color:#6d6f70; }
    
    .results table.detailform td input[type='image'] { padding:0px; }

/* ================================================================================ */
/* RESULTATENTABEL */
/* ================================================================================ */

    .infotable { color:#727272; }

    .results table.stickytable { border-collapse:inherit; border-spacing: 0px; float: left; }

	.results table.stickytable tr.tableFloatingHeaderOriginal { /*top:137px!important;*/ }

    .results table.stickytable th { background-color:#f4f4f4; border-top: #e1e1e1 1px solid; border-bottom: #e1e1e1 1px solid; }

    .results table.stickytable tr.even { background-color: #ffffff; }
    .results table.stickytable tr.odd { background-color: #f5f3f3; }
    .results table.stickytable tr.odd:hover { }
    .results table.stickytable tr.even:hover { }
    .results table.stickytable tr:hover a { text-decoration:underline; }
    .results table.stickytable tr.footerrow td { font-weight: bold; }

    .results table.stickytable td, .results table.stickytable th { color: #6f6f6f; font-weight:normal; text-align:left; }
    .results table.stickytable th { padding: 11px 19px; }
    .results table.stickytable td { padding: 5px 19px;  }
    .results table.stickytable td:first-child { /*white-space:nowrap;*/ }

    .results table.stickytable td a { color: #3d9ab9; text-decoration:none; }
    .results table.stickytable td a:hover { text-decoration:underline; }
    .results table.stickytable tr a { color: #6d6f70; text-decoration:none; }

    .results table.stickytable tr a:hover { text-decoration:underline; }

    .results table.stickytable td.fieldinherit, .results table.stickytable th.fieldinherit { white-space: inherit; }
    .results table.stickytable td.fieldnormal, .results table.stickytable th.fieldnormal { white-space: normal; }
    .results table.stickytable td.fieldnowrap, .results table.stickytable th.fieldnowrap { white-space: nowrap; }
    .results table.stickytable td.fieldpre, .results table.stickytable th.fieldpre { white-space: pre; }
    .results table.stickytable td.fieldpreline, .results table.stickytable th.fieldpreline { white-space: pre-line; }
    .results table.stickytable td.fieldprewrap, .results table.stickytable th.fieldprewrap { white-space: pre-wrap; }

    .results table.stickytable td.fieldhorizontalalignLeft, .results table.stickytable th.fieldhorizontalalignLeft { text-align:left; }
    .results table.stickytable td.fieldhorizontalalignCenter, .results table.stickytable th.fieldhorizontalalignCenter { text-align:center; }
    .results table.stickytable td.fieldhorizontalalignRight, .results table.stickytable th.fieldhorizontalalignRight { text-align:right; }
    .results table.stickytable td.fieldhorizontalalignJustify, .results table.stickytable th.fieldhorizontalalignJustify { text-align:justify; }

    .results table.stickytable td.fieldverticalalignTop, .results table.stickytable th.fieldverticalalignTop { vertical-align:top; }
    .results table.stickytable td.fieldverticalalignMiddle, .results table.stickytable th.fieldverticalalignMiddle { vertical-align:middle; }
    .results table.stickytable td.fieldverticalalignBottom, .results table.stickytable th.fieldverticalalignBottom { vertical-align:bottom; }

    /* => RESULTS : Table Row Hover */
    .results table.stickytable tr.odd:hover { background-color: #daecf2; }
    .results table.stickytable tr.even:hover { background-color: #daecf2; }

    /* => RESULTS : Table Link Hover */
    .results table.stickytable td a:hover { color:#3d9ab9; }
    .results table.stickytable tr a { color: #6d6f70; }
    .results table.stickytable tr a:hover { color:#6d6f70; }

/* PAGE NAVIGATION */

    .pagenavigation > td { text-align:center; padding-top:15px!important; }
    
    .pagenavigation > td > table:before { }
    .pagenavigation > td > table > tbody > tr > td { padding:15px 5px!important; }
    
    .pagenavigation > td > table > tbody > tr > td > span, .pagenavigation > td > table > tbody > tr > td > a {
        padding:8px 10px; background: #fcfcfc; font-size:11px; border:1px solid #dcdcdc;
        -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    }

    .pagenavigation > td > table > tbody > tr > td > span { background:#f5f5f5; }
    .pagenavigation > td > table > tbody > tr > td > a { font-weight:bold; }
    .pagenavigation > td > table > tbody > tr > td > a:hover { background-color:#f0f0f0; color:#343434; cursor:pointer; border-color:#c0c0c0; }
    
/* FOOTERROW */

    .footerrow > td { padding:15px 19px!important; }

/* ================================================================================ */
/* FORMULIER */
/* ================================================================================ */

    .results table.formulier { padding:10px 0px; border-collapse:inherit; border-spacing: 0px; }
    .results table.formulier td.form_text_header{ font-size:20px; color:#727272; }
    .results table.formulier td.form_text_label{ font-size:13px; color:#727272; }
    .results table.formulier td.form_label{ padding-top:11px; padding-right:25px; vertical-align:top; font-weight:normal; font-size:13px; color: #6f6f6f; width: 20vw !important; }

    .results table.formulier td.form_text_header.fieldhorizontalalignLeft, .results table.formulier td.form_text_label.fieldhorizontalalignLeft { text-align:left; }
    .results table.formulier td.form_text_header.fieldhorizontalalignCenter, .results table.formulier td.form_text_label.fieldhorizontalalignCenter { text-align:center; }
    .results table.formulier td.form_text_header.fieldhorizontalalignRight, .results table.formulier td.form_text_label.fieldhorizontalalignRight { text-align:right; }

    .results table.formulier td.form_label.form_label_detailview { padding-top:2px; }
    .form_label_detailview { width:150px; white-space:nowrap; }

    .results table.formulier td.form_data{ padding:2px 20px 2px 20px; white-space:nowrap; width: 20vw !important; }

    .results table.formulier td.form_label.fieldhorizontalalignLeft { text-align:left; }
    .results table.formulier td.form_label.fieldhorizontalalignCenter { text-align:center; }
    .results table.formulier td.form_label.fieldhorizontalalignRight { text-align:right; }

    .results table.formulier td.form_data.fieldhorizontalalignLeft, .results table.formulier td.form_data.fieldhorizontalalignLeft textarea, .results table.formulier td.form_data.fieldhorizontalalignLeft input { text-align:left; }
    .results table.formulier td.form_data.fieldhorizontalalignCenter, .results table.formulier td.form_data.fieldhorizontalalignCenter textarea, .results table.formulier td.form_data.fieldhorizontalalignCenter input { text-align:center; }
    .results table.formulier td.form_data.fieldhorizontalalignRight, .results table.formulier td.form_data.fieldhorizontalalignRight textarea, .results table.formulier td.form_data.fieldhorizontalalignRight input { text-align:right; }

/* When Detailform is at top create extra spacing */
    .cnt_div-content table.formulier tr.whenDetailAtTop { height: 10px; }

/* Gebruikt voor DetailView.aspx */

    .results table.formulier td.form_dataB { padding:2px 0px;  white-space:nowrap; font-size:13px; color:#727272; line-height:16px; }
    .results table.formulier td.form_dataB a { color: #6d6f70; text-decoration:none; font-weight:bold; }
    .results table.formulier td.form_dataB a:hover { text-decoration:underline; }

/* End */           

    .form_validate, .detailform_validate  {
        position:relative; float:left; margin-left:6px; margin-top:10px; font-size:20px; height:15px; padding:0px 4px; background-color:#FFCACD; border:1px solid #F99;
        color:#C43535!important; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;
    }

    .menuoptions .form_validate, .detailform_validate { position:absolute; }

    /*
    .form_validate, .detailform_validate  { position:relative; float:left; color:#C43535!important; z-index:1; line-height:0px; font-size:32px; }
    .form_validate { margin-top:25px; float:right; }
    .detailform_validate { margin-top:-9px; margin-left:7px; }
    */

    .form_validate-message {
        position:relative; float:left; width:100%; padding:15px; margin-top:10px;
        background-color:#FFCACD; border:1px solid #F99; color:#C43535!important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    }

    .form_validate-message ul {
        list-style: none;
    }

/* Form Text Input */

/* Form TextArea input */

    .results table.formulier a { display: inline-block; margin: 0px 0px 0px 0px; /*4px 0px 0px 0px*/  }
    .results table.formulier .form_checkbox { margin: 6px 0px 0px 0px; padding: 0px; }

/* Form Submit */

    .formaspx .divDetailFormBottom, .formaspx .form_buttons { position:relative; float:left; border-top:1px solid #e9e9e9; margin-top:10px; padding-top:15px; }
    .formaspx .divDetailFormTop { position:relative; float:left; margin-bottom:10px; }
    .formaspx .cnt_div-buttons_detailformTop { border-bottom:1px solid #e9e9e9; padding-bottom:10px; }
    .formaspx .form_buttons { width:100%; }
    .formaspx input[type='checkbox'] { /*width:30px; height:30px; padding:8px;*/ }

    .help {
        position: relative; color: #ffffff; background-color: #3296c9; border-radius: 60px;
        width: 13px; height: 13px;
        text-indent: 3px; line-height: 14px;
        display: inline-block; margin: 0px 0px -2px 20px; text-align:left;
        cursor: pointer; }

    .help--tooltip {
        background-color: #efefef;
        color: #343434;
        border-radius: 3px; padding: 5px 10px; border: 1px solid #ccc;
        font-size: 12px; line-height: 20px; box-shadow: none; }


/* Detailview */

    .results_pager-navigation { text-align:left; }
    .results_pager-button { margin:0px!important; }
    .results_pager-number { padding:0px 20px; }

  	.results_pager-navigation .cnt_div-buttons_i-spare { float: left; }
    .results_pager-navigation .cnt_div-buttons_i-left { float: left; margin-right: 10px; }

/* ================================================================================ */
/* NIEUWS */
/* ================================================================================ */

    .newsmain { position:relative; width:95%; border-bottom:1px solid #e9e9e9; padding-bottom:45px; margin-bottom:25px; }
    .newsmain a { text-decoration:none; color:#3d9ab9; }
    .newsmain a:hover { text-decoration:none; color:#727272; }

    .newsheader, .newsfield, .newssummary, .newstoggledetails, .newsdetails { position:relative; width:100%; }

    div.newsheader div.cnt_div-hdr_t { display:block; }

    div.newsheader { font-size:30px; font-weight:bold; color:#3d9ab9; }
    div.newsfield { padding:0px 0px 5px 0px; color:#6f6f6f; font-size:13px; }

    .newsfield { padding: 10px 0px 0px 10px; display: table-row; }
    .newsfield-label, .newsfield-value { display: table-cell; }
    .newsfield-label { padding: 5px 20px 5px 0px; font-weight: bold; }
    .newsfield-label:after { content: ":"; }
    .newsfield-value { padding: 5px 0px;}

    div.newssummary { font-size:13px; color: #6f6f6f; padding:15px 0px; }

    div.newsdetails { margin-top:0px; padding-top:15px; font-size:13px; color: #6f6f6f; border-top:1px dotted #e9e9e9;  }
    div.newsdetails > ul { padding:15px 0px 0px 0px; margin:15px 0px 0px 0px; border-top:1px dotted #e9e9e9; }
    div.newsdetails > ul > li { list-style:none; line-height:24px; }

    div.newstoggledetails input[type='submit'] { float:right; }

    /* News css reset */
    .newscontent h1 { font-size:2em; margin:0.67em 0; }
    .newscontent h2 { font-size:1.5em; margin:0.83em 0; }
    .newscontent h3 { font-size:1.17em; margin:1em 0; }
    .newscontent h4 { font-size:1em; margin:1.33em 0; }
    .newscontent h5 { font-size:.83em; margin:1.67em 0; }
    .newscontent h6 { font-size:.67em; margin:2.33em 0; }
    .newscontent h1, .newscontent h2, .newscontent h3, .newscontent h4, .newscontent h5, .newscontent h6 { 
        display: block; font-weight: bold; line-height:1.5em; color:#343434; float:none; background:none; padding:0; }

    .newscontent p { margin: 1em 0; }
    .newscontent p, .newscontent li { line-height:1.5em; }
    .newscontent ol, .newscontent ul { padding: 0 0 0 40px; margin: 1em 0; }
    .newscontent ol, .newscontent ol > li { list-style: decimal; }
    .newscontent ul, .newscontent ul > li { list-style: disc; }

/* ================================================================================ */
/* FOOTER */
/* ================================================================================ */

    .footer, .footernav { bottom:0px; left:0px; margin:0px; padding:0px; }

    .footer {  width:100%; background-color:#f4f4f4; border-top:#e1e1e1 1px solid; position:fixed; z-index:997; text-align:center; color: #6f6f6f; }

    .footernav { }

    .footernav li {	 float: left; margin:0px; padding:0px; float: left; list-style: none; white-space:nowrap; border-right:#e1e1e1 1px solid; }
    .footernav li a { display: block; padding: 10px 15px 10px 40px; text-decoration: none; color: #6f6f6f; cursor: pointer; }
    .footernav li a:hover {	color: #343434; }

    .footernav_menu a {	background:url(../../Images/ico_footer_menufilters.png) no-repeat 11px 2px; }
    .footernav_menu a:hover { background: #e1e1e1 url(../../Images/ico_footer_menufilters.png) no-repeat 11px 2px; }

    .footernav_nieuweinvoer a {	background:url(../../Images/ico_footer_nieuweinvoer.png) no-repeat 11px 2px; }
    .footernav_nieuweinvoer a:hover { background: #e1e1e1 url(../../Images/ico_footer_nieuweinvoer.png) no-repeat 11px 2px; }

    .footernav_scrollomhoog a {	background:url(../../Images/ico_footer_scrollomhoog.png) no-repeat 11px 2px; }
    .footernav_scrollomhoog a:hover { background: #e1e1e1 url(../../Images/ico_footer_scrollomhoog.png) no-repeat 11px 2px; }

/* ================================================================================ */
/* USERSETTINGS */
/* ================================================================================ */

    .usersettings_header div.cnt_div-hdr_t { display:block; }

    .usersettings_header, .usersettings_content {
	    position:relative; left:50%; width:650px; padding:10px 50px; margin:10px 0px 10px -375px; border:1px solid #ededed;
	    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family:Arial, sans-serif; color:#343434;
    }

    .usersettings_header { background:#f3f3f3 url(../../Images/b_usersettings_expandmenu.png) 10px 7px no-repeat; font-size:15px; cursor:pointer; }
    .usersettings_header:hover { background-color:#FBFBFB; }

    .usersettings_content { background-color:#FBFBFB; font-size:13px; display:none; }

    .usersettings_content table tr td {	padding: 0px 0px 15px 0px; white-space:normal; }
    .usersettings_content table tr td span { font-size:11px; font-style:italic; color:#A1A1A1; font-weight:normal; }

    .usersettings_content { padding:25px 50px 0px 50px; }
    .usersettings_content > table > tbody > tr > td:first-child { padding-right:20px; }

/* User access settings */

    .usersettings_content ul { margin:0px; padding:0px; white-space:normal; }

    .usersettings_content ul li label { padding: 0px; }

    /* Pagina */ /* Instellingen gelden voor pagina, groep & subgroep! */
    .usersettings_content ul > li { list-style: none; line-height:25px; }
	
    /* Groep */ /* Instellingen gelden voor groep & subgroep! */
    .usersettings_content ul > li > ul > li { padding-left:30px; }
	
    /* Subgroep */
    .usersettings_content ul > li > ul > li > ul > li { }
	
    .usersettings_content select { border:1px solid #ededed; padding:10px; -moz-border-radius: 5px; border-radius: 5px; width:250px; }
	
    .usersettings_expandlist:hover { cursor:pointer; }
	
    .divTableWithFloatingHeader { }
    
/* ================================================================================ */
/* ChangePassword */
/* ================================================================================ */

    .changepassword_reason { font-weight:bold; }

    .changepassword_header div.cnt_div-hdr_t { display:block; }

    .changepassword_header, .changepassword_content {
	    position:relative; left:50%;
	    width:650px; padding:10px 50px; margin:10px 0px 10px -375px; border:1px solid #ededed;
	    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family:Arial, sans-serif; color:#343434;
    }

    .changepassword_header { background:#f3f3f3; font-size:15px; }

    .changepassword_content { background-color:#FBFBFB; font-size:13px; }
    .changepassword_content { padding:25px 50px 0px 50px; }

    .changepassword_content table { width: 100%; border: 0px; }
    
    .changepassword_content table tr td { padding: 0px 0px 15px 0px; white-space:normal; text-align:left; vertical-align:middle; }

    .changepassword_content table tr td:first-child { padding-right:20px; width: 250px; }

/* ================================================================================ */
/* PasswordResetRequest */
/* ================================================================================ */

    .passwordresetrequest_header div.cnt_div-hdr_t { display:block; }

    .passwordresetrequest_header, .passwordresetrequest_content {
	    position:relative; left:50%;
	    width:650px; padding:10px 50px; margin:10px 0px 10px -375px; border:1px solid #ededed;
	    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family:Arial, sans-serif; color:#343434;
    }

    .passwordresetrequest_header { background:#f3f3f3; font-size:15px; }

    .passwordresetrequest_content { background-color:#FBFBFB; font-size:13px; }
    .passwordresetrequest_content { padding:25px 50px 0px 50px; }

    .passwordresetrequest_content table { width: 100%; border: 0px; }
    
    .passwordresetrequest_content table tr td { padding: 0px 0px 15px 0px; white-space:normal; text-align:left; vertical-align:middle; }

    .passwordresetrequest_content table tr td:first-child { padding-right:20px; width: 250px; }

/* ================================================================================ */
/* ResetPassword */
/* ================================================================================ */
.resetpassword_topnavtitle:hover {
    cursor: default;
}

/* ============================================================================== */
/* ENTITY ADD-ON */
/* ============================================================================== */

    .searchPanel { position: absolute; top: 138px; left: 0px; width: 100%; height: 100%; z-index:10; }
    .searchPanelBackground { position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:9; background: #FFF; opacity: 0.85; filter: alpha(opacity=85); }

    .innerPanel {
        position: absolute; top: 30px; width: 60%; left: 18%; padding:20px 25px;
        background: #FFF; border:1px solid #e1e1e1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    }

    .entity.inputPanel > input[type='text'] { position:relative; float:left; margin-right:5px; }
    .entity.searchButton {
        height:25px; width:25px; position:absolute; border:none!important; top:4px; right:0px;
        background:#FFF url(../../Images/form_searchentity_button-stat.png) no-repeat 0 0; cursor: pointer;
    }
    .formulier .entity.searchButton { /*right:21px;*/ }
    .detailform .entity.searchButton { right:0px; }
    
    .entity.titlePanel, .entity.textPanel, entity.outputPanel { position:relative; float:left; width:100%; }
    .entity.titlePanel { }
    .entity.titlePanel h1 { margin:0px; }
    .entity.textPanel { color:#727272; font-size:13px; padding:10px 0px; margin-bottom:10px; border-bottom:1px solid #e1e1e1; }
    .entity.headerTextPanel { margin-top:10px; }

    .entity.topPanel { position:relative; float:left; width:100%; margin:0px 0px 10px 0px; padding:0px 0px 10px 0px; border-bottom:1px solid #e1e1e1; }
    .entity.closePanel {
        position: absolute; top: -14px; right: -24px; font-size: 11px;
        -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border:2px solid #bcbcbc;
    }
    .entity.filterPanel { }

    .entity.filterLabel { width: 150px; display: inline-block; text-align:right; padding-right:10px; color:#727272; }
    .entity.filterResetLabel { width: 150px; display: inline-block; text-align:right; padding-right:10px; color:#727272; }
    .entity.filterLabelTo { display: inline-block; padding: 0px 20px; }
    .entity.filterInput { width: 150px; }
    .entity.filterValidator { color: #e11; }
    .entity.filterRow { margin-bottom:5px; }

    .entity.filterRow button.ui-datepicker-trigger {
	    position:relative; left:-30px; top:0px;
    }

    .entity.filterRowSelect { display: inline-block; }

    .entity.topPanel .entity.filterButton { margin-left: 150px; }

    .entity table.searchResults { border-collapse:inherit; border-spacing: 0px; float: left; }

    .entity table.searchResults th { background-color:#f4f4f4; border-top: #e1e1e1 1px solid; border-bottom: #e1e1e1 1px solid; text-align:left; }

    .entity table.searchResults tr.even { background-color: #ffffff; }
    .entity table.searchResults tr.odd { background-color: #f5f3f3; }
    .entity table.searchResults tr.odd:hover { cursor:pointer; }
    .entity table.searchResults tr.even:hover { cursor:pointer; }
    .entity table.searchResults tr:hover a { text-decoration:underline; }
    .entity table.searchResults tr.entityfooter td { font-weight: bold; }

    .entity table.searchResults td, th { color: #6f6f6f; font-weight:normal; }
    .entity table.searchResults th { padding: 11px 19px; }
    .entity table.searchResults td { padding: 5px 19px;  }
    .entity table.searchResults td:first-child { white-space:nowrap; }

    .entity table.searchResults td a { color: #3d9ab9; text-decoration:none; }
    .entity table.searchResults td a:hover { text-decoration:underline; }
    .entity table.searchResults tr a { color: #6d6f70; text-decoration:none; }
    .entity table.searchResults tr a:hover { text-decoration:underline; }

    .entity table.searchResults tr.odd:hover { background-color: #daecf2; }
    .entity table.searchResults tr.even:hover { background-color: #daecf2; }

    .entity table.searchResults td a:hover { color:#3d9ab9; }
    .entity table.searchResults tr a { color: #6d6f70; }
    
    .entity.pager > td { text-align:center; }
    .entity.pager > td { padding-top:15px!important; }
    .entity.pager > td > table:before { }
    .entity.pager > td > table > tbody > tr > td { padding:15px 5px!important; }
    .entity.pager > td > table > tbody > tr > td > span, .pager > td > table > tbody > tr > td > a {
        padding:8px 10px; background: #fcfcfc; font-size:11px; border:1px solid #dcdcdc;
        -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    }
    .entity.pager > td > table > tbody > tr > td > span { background:#f5f5f5; }
    .entity.pager > td > table > tbody > tr > td > a { font-weight:bold; }
    .entity.pager > td > table > tbody > tr > td > a:hover { background-color:#f0f0f0; color:#343434; cursor:pointer; border-color:#c0c0c0; }

    .hidden { display: none; visibility: hidden; }

    /* an invisible form field still has to take its space in the layout, so don't use display:none */
    .hidden_form_field { visibility: hidden; }
    
/* ================================================================================ */
/* SKIN SETTINGS CSS Portal4U */
/* ================================================================================ */

    /* => LOGIN : Background */
    .form_bg { background:url(../../Images/_blue/bg_login.jpg) repeat-x; }
    .form_formmain { background: url(../../Images/_blue/bg_loginform.png) no-repeat center; }

    /* => MAIN : Company Logo */
    .form_companylogopicture, .divLogoImg { background: url(../../Images/logo_company.jpg) no-repeat center; }

    /* => MAIN : Background */
    .header { background:#FFF url(../../Images/_blue/bg_body.jpg) repeat-x top; }

    /* => TOP NAV : Main Title Background Hover */
    /*.topnav li a:hover { background: #393939; } */
    /* => TOP NAV : Sub Title Hover */
    /* .subnav li a:hover { color:#3d9ab9; background: url(../../Images/_blue/dropmenu_arrow-ovr.jpg) no-repeat 18px 5px; } */

    /* => DASHBOARD : Link Hover */
    ul.dashboardnavresultnav li a { background: #FFFFFF url(../../Images/dropmenu_arrow-stat.jpg) no-repeat 0px 2px; }
    ul.dashboardnavresultnav li a:hover { color:#3d9ab9; background: #FFFFFF url(../../Images/_blue/dropmenu_arrow-ovr.jpg) no-repeat 0px 2px; }

    /* => DASHBOARD : Icon Menu */
    .ico_grt_color { background: url(../../Images/_blue/ico_grt_color.png) no-repeat 0px 0px; }

    /* => RESULTS : Menu Link Hover */
    html ul.mainleftmenulist li a { background: url(../../Images/_blue/ico_color_plus.png) no-repeat 0px 1px; }
    html ul.mainleftmenulist li a:hover { color:#3d9ab9; background: url(../../Images/_blue/ico_black_plus.png) no-repeat 0px 1px; }

    /* => H1 : Title Menus */
    h1 { background:url(../../Images/_blue/ico_black_arrow-right.png) no-repeat 0px 5px; }
    /* => H2 : Title Page */
    h2 { background:url(../../Images/_blue/ico_resultstitle.jpg) no-repeat 0px 7px; }

/* ================================================================================ */
/* Error page */
/* ================================================================================ */

    .errorDescription { top:176px; width:100%; position:absolute; font-family:Arial, sans-serif; font-size:12px; color: #727272; padding-left:20px; }


/* ================================================================================ */
/* ====== jQuery UI Dialog ======================================================== */
/* ================================================================================ */

    button[type=button].ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close { font-size:0px; border:1px solid #787878; background:#ededed; margin-right:4px; }
    button[type=button].ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close:hover { font-size:0px; border:1px solid #000; background:#cbcbcb; margin-right:4px; }
    .ui-dialog { position: fixed; }
    .ui-dialog .ui-dialog-buttonpane button { padding: 8px 10px; border: 1px solid #dcdcdc; margin-right: 10px; background: #f5f5f5; font-size: 11px; font-weight: bold; }

/* ================================================================================ */
/* ====== jQuery UI Autocomplete=================================================== */
/* ================================================================================ */

    .ui-autocomplete { padding:5px!important; line-height:24px; } 
    
    .ui-autocomplete .ui-menu-item:hover,
    .ui-autocomplete .ui-menu-item:focus,
    .ui-autocomplete .ui-menu-item:active {
        border:none!important;
    }

    .ui-autocomplete .ui-state-hover,
    .ui-autocomplete .ui-widget-content .ui-state-hover,
    .ui-autocomplete .ui-widget-header .ui-state-hover,
    .ui-autocomplete .ui-state-focus,
    .ui-autocomplete .ui-widget-content .ui-state-focus,
    .ui-autocomplete .ui-widget-header .ui-state-focus {
        border:none!important;
    }

    .ui-autocomplete {
        max-height: 240px;
        overflow-x: hidden;
        overflow-y: scroll;
    }


/* ================================================================================ */
/* ====== jQuery UI Datepicker 1.8.18 ============================================= */
/* ================================================================================ */

    #ui-datepicker-div{ margin-top:5px; margin-left:0px; }
    .ui-datepicker { 
	    width: 17em; padding: .2em .2em 0;  display: none;  background: #fff;  color:#727272;
	    border:1px solid #d6d6d6;  -moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px 5px;
    }
    .ui-datepicker .ui-datepicker-header { position:relative; padding:.1em 0; }
    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
    .ui-datepicker .ui-datepicker-prev { left:6px; }
    .ui-datepicker .ui-datepicker-next { right:2px; }
    .ui-datepicker .ui-datepicker-prev-hover { left:4px; cursor:pointer; color:#3d9ab9; top:2px; }
    .ui-datepicker .ui-datepicker-next-hover { right:0px; cursor:pointer; color:#3d9ab9; top:2px; }
    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
    .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
    .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
    .ui-datepicker select.ui-datepicker-month-year {width: 100%;}
    .ui-datepicker select.ui-datepicker-month, 
    .ui-datepicker select.ui-datepicker-year { width: 49%;}
    .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .9em; }
    .ui-datepicker th { padding: .1em .1em; text-align: center; font-weight: bold; border: 0;  }
    .ui-datepicker td { border: 0; padding: 1px; }
    .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .1em; text-align: center; text-decoration: none; color:#3d9ab9; }
    .ui-datepicker td span, .ui-datepicker td a:hover { color:#343434; font-weight:bold; }
    .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
    .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi { width:auto; }
    .ui-datepicker-multi .ui-datepicker-group { float:left; }
    .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
    .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
    .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
    .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
    .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
    .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
    .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
    .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
    .ui-datepicker-rtl { direction: rtl; }
    .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
    .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
    .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
    .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
    .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
    .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
    .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
    .ui-datepicker-rtl .ui-datepicker-group { float:right; }
    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
    .ui-datepicker-cover {
        display: none; /*sorry for IE5*/
        display/**/: block; /*sorry for IE5*/
        position: absolute; /*must have*/
        z-index: -1; /*must have*/
        filter: mask(); /*must have*/
        top: -4px; /*must have*/
        left: -4px; /*must have*/
        width: 200px; /*must have*/
        height: 200px; /*must have*/
    }

/* Portal4U custom css */

    .ui-datepicker-title select { padding: 0px; }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 1px; }

/* New User Recaptcha Form */

.form_new_user_recaptcha {
        padding-left: 20px; padding-top: 10px; 
    }

/* ================================================================================ */
/* ================================================================================ */