/* Adding changes since stefan received the files */



input[type=radio]:focus {
    outline: none;
}

:root {
	overflow-y: scroll;
}
/* Adding new Fonts */

/*SF 28/9 Include Roboto-Regular Font*/
@font-face {
  font-family: 'Roboto-Regular';
  src: url('../../fonts/Roboto-Regular.eot'); /* IE9 Compat Modes */
  src: url('../../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/Roboto-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/Roboto-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../../fonts/Roboto-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/Roboto-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/*SF 28/9 Include RobotoCondensed-Regular Font*/
@font-face {
  font-family: 'RobotoCondensed-Regular';
  src: url('../../fonts/RobotoCondensed-Regular.eot'); /* IE9 Compat Modes */
  src: url('../../fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/RobotoCondensed-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/RobotoCondensed-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../../fonts/RobotoCondensed-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/RobotoCondensed-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/*SF 28/9 Include Roboto-Medium Font*/
@font-face {
  font-family: 'Roboto-Medium';
  src: url('../../fonts/Roboto-Medium.eot'); /* IE9 Compat Modes */
  src: url('../../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/Roboto-Medium.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/Roboto-Medium.woff') format('woff'), /* Pretty Modern Browsers */
       url('../../fonts/Roboto-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/Roboto-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/*SF 28/9 Include RobotoCondensed-Light Font*/
@font-face {
  font-family: 'RobotoCondensed-Light';
  src: url('../../fonts/RobotoCondensed-Light.eot'); /* IE9 Compat Modes */
  src: url('../../fonts/RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/RobotoCondensed-Light.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/RobotoCondensed-Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('../../fonts/RobotoCondensed-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/RobotoCondensed-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/*SF 28/9 Include Roboto-Light Font*/
@font-face {
  font-family: 'Roboto-Light';
  src: url('../../fonts/Roboto-Light.eot'); /* IE9 Compat Modes */
  src: url('../../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/Roboto-Light.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/Roboto-Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('../../fonts/Roboto-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/Roboto-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}

ul.ui-autocomplete.ui-menu{text-align: left}

* {
	margin:0;
	padding:0;
	border:0
	}

html {
	height:100%;
	}
	 
/*SF 28/9 changed color font-face, font size */	
body {
	background:#f9f9f9 ; /*was #f8f8f8 en url(../../images/bodybackground980.png) top center repeat-y*/
	height:100%;
	color:#222222; /*#595959; */
	margin:0;
	padding:0;
	text-align:center;
	font:16px Roboto-Regular; /* was 11px */
}



body.reso770 {
	background:#f4f4f4 url(../../images/bodybackground770.gif) fixed top center repeat-y
	}

body.reso1400 {
	background:#f4f4f4 url(../../images/bodybackground1400.gif) top center repeat-y
	}

/*SF 28/9 changed color font-face, font size */	
a {
	color:#00716B; /*was color:#008780 */
	font-family: Roboto-Regular; /*new */
	font-size: 16px; /*new */
	/*text-decoration:none*/
	}

/*SF 28/9 changed color font-face, font size */	
a:hover {
	color:#00857A; /*was color:#68811a */
	/*text-decoration:underline;*/
	font-family: Roboto-Regular; /*new */
	font-size: 16px; /*new */
	text-decoration: underline;
	}

a:focus {
	outline:none;
	font-family:Roboto-Regular;
	font-size:16px;
	color: #00716B;
	}
	

/*SF 28/9 Changed a color, font-family, font-size and text-decoration */	
p a, td a  {
	font-family:Roboto-Regular;
	font-size:16px;
	color: #00716B;
	text-decoration: none;
	}

/*SF 28/9 Changed h1 color, font-family, font-size, removed background gif, height:40px;, padding:88px 0 8px 16px;*/	
h1 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#edeff0+0,e0e0e0+51,e2e2e2+51,edeff0+51,edeff0+100 */
	color:#333333; /* was #00534d */
	margin: 184px 0px 32px 0px;
	height:auto;
	font-family: RobotoCondensed-Regular; /* added */
	font-size:40px; /* was 28 */
	font-stretch: 75%;
	font-weight: 400;
	position:relative;
	padding: 0px 0px 0px 16px;
	/*background:url(../../images/h1_bg.gif) repeat-x bottom left;*/
	}
	
h2,h2 a {
	color:#00534d;
	font-size:17px;
	font-family:Roboto-Regular;	
}

h3 {
	color:#ececec;
	font-size:17px;
	padding:20px 0 10px 10px;
}

h4,h4 a {
	color:#005b5d;
	font-size:11px;
	}

p {
	line-height:18px
	}

#reviewaction td{
	text-align:left;
	align:left;
	}
	
#ranking{
	align:left;
	text-align:left;
	list-style-type:decimal;
	position:relative;
	}
	
ul {
	list-style-type:none;
	position:relative;
	}

li {
	padding:1px 0 5px 0px;
	position:relative;
	}
/* wwa z-index op 0 gezet omdat anders prototype niet werkt */
#main_container {
	margin:auto;
	position: absolute;
	padding:0px 16px 0 16px;
	text-align:left;
	z-index:70;
	z-index:0;

	
	overflow:hidden;
	width:948px;
	background-color: white;
	width: 90%;
	margin-left: 4%;
	}
	
@media only screen and (min-width : 1600px) {
	#main_container {
		width: 90%;
		margin-left: 4%;
	
	}
}	
	

.reso770 #main_container {
	width:780px;
	w\idth:748px;
	padding:71px 20px 0 12px
	}

.reso1400 #main_container {
	width:1400px;
	w\idth:1300px;
	}

#content_container {
	float:left;
	position:relative;
	overflow: hidden;
	min-height: 60vh;
	
	width:940px;
		
	width: 100%;

	}
#top_container {
	
}
.reso1400 #content_container {
	width:1100px;
	float:left;
	position:relative;
	overflow:hidden;
	}

#main_container_popup {
	margin:auto;
	margin-top: 10px;
	vertical-align: top;
	position:relative;
	padding:71px 20px 0 20px;
	text-align:left;
	z-index:70;
	z-index:0;
	
	overflow:hidden;
	width:540px;
	width: 100%;
	margin-left: 5%;
	margin-right: 5%;
	}

/* SF 28/9 Changed left 16px*/
#logo {
	left:16px;
	position:absolute;
	top: 48px;
	clear:both;
	}

#logo:after {	
	display: block;
    position: absolute;
    width: 2.313rem;
    height: 1.125rem;
    content: ' ';
    z-index: 601;
    background: url(images/logo_after.svg) no-repeat top left;
    -webkit-background-size: contain;
    background-size: contain;
    margin: .375rem 0 0 1px;
}

/* SF 28/9 Changed font-size 14px color: #00928e; font-family: Roboto*/	
#small_topmenu {
	color:#00928e;
	position:absolute;
	right:40px;
	top:24px;
	font-size: 14px;
	font-family: Roboto-Regular;
	text-decoration:none;
	
	}

#small_topmenu a {
	color:#00928e;
	font-size: 14px;
	font-family: Roboto-Regular;
	text-decoration:none
	}

#small_topmenu a:hover {
	font-size: 14px;
	font-family: Roboto-Regular;
	text-decoration:underline
	}

/* SF 28/9 Changed font-size 14px color: #00928e; font-family: Roboto*/		
#small_topmenu ul {
	font-size: 14px;
	font-family: Roboto-Regular;
	color:#00928e;
	text-decoration:none;
	}

#small_topmenu ul li {
	font-size: 14px;
	font-family: Roboto-Regular;
	display:inline;
	background:none;
	padding:0;
	text-decoration:none;
	}

/* SF 28/9 Footer font style changed */
#footer {
	/*background: #ECEBEC;*/
	font-family: Roboto-Regular;
	font-size: 12.6px;
	font-style: italic;
	height:50px;
	overflow:hidden;
	width:940px;
	width: 100%;
	color:#777;
	clear:both;
	position:relative;
	}

* html #footer {
	margin:25px 0 0 0
	}

.reso1400 #footer  {
	width:1100px;
	}

.reso1400 #footer ul {
	width:1100px;
	}

#footer ul {
	display:inline;
	margin:0;
	color:#d2d2d2;
	position:relative;
	width:940px;
		width: 100%;
	top:20px;
	float:left;
	border-top:1px solid #dadbc1;
	padding:5px 0 0 0;
	}

#footer li {
	display:inline;
	margin:0;
	padding:0;
	background:none
	}

#footer li a {
	text-decoration:none;
	color:#777;
	margin:0;
	padding:0
	}

#footer li a:hover {
	background:#FFC
	}

#footer span {
	position:relative;
	top:5px;
	margin:0 8px 0 0;
	float:right;
	}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 1400px;
	height: 3000px;
	display:none;
	z-index:90;
	background:url(../../images/overlay.gif) repeat 0 0;
	}

.content_box {
	margin:0 0 20px 0;
	clear:both;
	position:relative;
	overflow:hidden;
	}

.content_box_border_right {
	float: right; 
	padding: 1em; 
	border:1px solid #dadbc1;
	border-left:2px solid #dadbc1;
	border-right:2px solid #dadbc1;
	
	}

.content_box h4 {
	margin-bottom:10px;
	color:#005b5d;
	}

.content_box h5 {
	font-size:100%;
	margin:0 0 5px 0
	}

.content_box img {
	float:left;
	margin:5px 5px 0 0
	}

.content_box p {
	margin:5px 0 10px 0;
	}


/*SF 28/9 Removed border   */

.content_box table.hiddentable {
	border: none;
	
}

* html .content_box table {margin:0;}

/*  wwa toevoeging ivm te krappe rows 24 ipv 26 ivm geen lijnen */
.tableslist td,.tableslist th  {
	font-size: 14px;
	height:24px;
	padding-bottom: 8px;
	}
.content_box table td, .content_box table th , .special_table td, .special_table th{
	height:26px;
	padding:0;
	vertical-align:middle;
	
	}
.content_box table tr.odd  td, .special_table tr.odd td{background-color:#00857A;}

/*SF 28/9 Removed border   */
.content_box table td {vertical-align:middle;height:26px;}
.special_table td span {margin-left:0}

.content_box table td {width:auto;padding-left:6px;}
.content_box table tr th {
	background-color:#00857A;     
	color: #fff;
	}



.content_box table.hiddentable td {
    border-bottom: none;
}


.no_lines table td {border-left:0px;}
.no_lines table {border-left:0px;}
.no_lines table tr.samecolor td {
	border-right:0px;
	border-left:0px;
}

table.tableslist {
	width:100%;
	table-layout: fixed;
	padding-top: 24px;
}




/* SF 28/9 background-color:#f9f9f9; */
table.tableslist tr.odd td {
	background-color:#f9f9f9;
}

/* SF 28/9 background-color:#f9f9f9; */
table.tableslist th{
	text-align: left;
	padding-left: 3px;
	padding-right: 3px;
	background-color:#f9f9f9;	
}

table.tableslist td{
	text-align: left;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 8px;
}

/* SF 28/9 changed table layout */
table.form_table {
	background-color: #ffffff; /*was f8f8f8*/
	width:100%;
	margin-bottom: 24px;
	margin-top: 8px;
	
}

div.dialog_amp table.form_table {
	margin-left: -15em;
}

.headertext{
	text-align: left;
	padding-bottom: 8px;
	padding-top: 48px;
	font-size:18px;
	color:#005B5D;
	padding-left: 8px;
	border-bottom: 1px dashed #e3dfe0;
	width: 940px;

	}
	
.full_left {
	 padding-left: 0px;
}	
	
div.headertext {
	font-weight: bold;
	padding-bottom: 7px;
	margin-bottom: 20px;	
	}

.infotext {
		font-weight: bold;
		padding-top: 10px; 
		padding-bottom: 10px;
		font-size:100%;
		padding-left: 20px; 
}



.form_table .buttonbar{
	margin-top:30px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.inputclass {
	border:1px solid #E0E0E0;
	font-family:Roboto-Regular;
	font-size:	16px;
	height:	16px;
	}

.form_table .buttonbar td a {padding-left: 2px; }
.form_table input{width: 432px; border:1px solid #E0E0E0;font-family:Roboto-Regular;font-size:16px;padding:0px 8px;height: 38px}
.form_table textarea{border:1px solid #E0E0E0;font-family:Roboto-Regular;font-size:16px;padding:0px 8px;height:auto; overflow: auto;}
.form_table select{border:1px solid #E0E0E0;font-family:Roboto-Regular;font-size:16px;padding:0px 8px; height:38px; width: 450px;}
.form_table select option {padding-left: 4px; padding-right: 4px; height: 18px;}
.form_table label {color: #222222; }


/* SF 2/11 No border for checkbox and radio buttons*/
.form_table input[type='checkbox'] {border: none; position: relative; top: 1px; width: 23px; height: 23px; border-radius: 1px; padding: 10px; display: inline-block;}
.form_table input[type='radio'] {border: none; position: relative; top: 1px; height: 18px; width: 34px}


select.lined {border:1px solid #E0E0E0;font-family:Roboto-Regular;font-size:16px; height:18px;}

.tableslist select{
	border:1px solid #E0E0E0;
	font-family:Roboto-Regular;
	font-size:16px; 
	width: 450px;
	margin-top: 8px;
	}
.tableslist select option {padding-left: 4px; padding-right: 4px;}
.tableslist input{
	border:1px solid #E0E0E0;
	font-family:Roboto-Regular;
	font-size:16px;
	margin-top: 8px;
	}
/* SF 2/11 No border for checkbox and radio buttons*/
.tableslist input[type='checkbox'], .form_table input[type='radio'] {border: none;}


.disabled {
	border: none;	
	background-color:  #f8f8f8;
	outline: none; 
}


.form_table td.first-child label.disabled, .form_table td.third-child label.disabled 
{
background-color:  #f8f8f8;
color: gray;

}

.form_table li {
	position:relative;
	/*background:url(../../images/list_item.gif) no-repeat 0 8px;*/
	padding:4px 0 5px 17px;
}
.form_table tr{
	margin-top: 8px;
	margin-bottom: 8px;
	padding-left: 8px;
}

.form_table td{
	padding:4px  4px 4px 0;
	color: #222222;
	width: auto;
    text-align: left;
	}



/* TODO WWA 60 */
/* SF 28/9 Added new font, color and size */ 
/* WWA 28/12 changed padding for a better look as does not look nice when words wrapped*/ 
.form_table td.first-child {
	font-family: Roboto-Medium; /*new font-family*/
	font-size: 14px; /*new font-size*/
	color: #505E5E ; /*new color*/
	width:250px;
	width:25%;
	padding-left: 16px; 
	padding-right: 8px;
}
.form_table td.third-child {
	text-align: right;
	/*
	width: 100px !important;
	width: auto;
	*/
	padding-left: 20px; 
	padding-right: 4px;
}

.memo_form td.first-child {	
	width:auto;   
	text-align: right; 
	padding-left: 20px; 
	padding-right: 4px;
}

.memoTextStyle {
	width:475px;
	height:100px;
	border:1px solid #dadbc1;
}

.form_table td.first-child label, .form_table td.third-child label {
	text-align:right;
	color: #00595a;
}
.pseudo_label {
	color: #00595a;

	}


/* SF 5/12 Removed border */
.form_table {background-color: #F8F8F8;}

.form_table td {
	vertical-align:center;
}



.form_table td.label {
	text-align: right;
	padding-right: 0px;
	font-weight:bold;	
}

.form_table .buttonbar{margin-top:30px; text-align:center;}
.form_table .buttonbar td a {padding-left: 2px; }


/* SF 28/9 Added new font, color and size, removed padding-left */
table.read_only_table td {
	
	/*padding-left:0px;*/
	font-family: Roboto-Regular; /* added */
	font-size: 16px; /* added */
	color: #222222 100%; /* was #00595a; */
	
}

/* WWA  28/12 Changed padding as it did not look nice when words wrap */
table.read_only_table td label {
	padding-right: 8px;
	padding-left: 0px;
	
}

.smalltd {
	text-align: left;
	width: 20em;
	}
/* TODO WWA 60 */
/* WWA  28/12 Changed padding as it did not look nice when words wrap */
table.read_only_table td.first-child {
	width: 333px !important; 
	width:auto;
		padding-left: 16px;   
}




.pagination_bar {
	margin-top : 40px;
	width:948px;
	text-align:center;
	margin-bottom: 24px;
}

/* SF 28/9 changed background: #fff; height:40px; width:40px*/
.pagination_bar input.pagination_first {
	background: #fff url(images/double_chevron.svg);
    background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: center;
    display: inline-block;
	content:"";	
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	height:40px;
	width:40px;
	margin-left: 5px;
	padding-bottom: 4px;
	border: 1.5px solid #C0D1D0;
	border-radius: 2px;
}

/* SF 28/9 changed background: #fff; height:40px; width:40px*/
.pagination_bar input.pagination_back {
	background: #fff url(images/single_chevron.svg);
    background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
    display: inline-block;
	content:"";	
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	height:40px;
	width:40px;
	margin-left: 5px;
	padding-bottom: 4px;
	border: 1.5px solid #C0D1D0;
	border-radius: 2px;
}

/* SF 28/9 changed background: #fff; height:40px; width:40px*/
.pagination_bar input.pagination_next {
	background: #fff url(images/single_chevron.svg);
    background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	content:"";	
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	height:40px;
	width:40px;
	margin-left: 5px;
	padding-bottom: 4px;
	border: 1.5px solid #C0D1D0;
	border-radius: 2px;
}

/* SF 28/9 changed background: #fff; height:40px; width:40px*/
.pagination_bar input.pagination_last {
	background: #fff url(images/double_chevron.svg);
    background-size: 24px 24px;
	background-repeat: no-repeat;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	background-position: center;
    display: inline-block;
	content:"";	
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	height:40px;
	width:40px;
	margin-left: 5px;
	padding-bottom: 4px;
	border: 1.5px solid #C0D1D0;
	border-radius: 2px;
}

button.duallistbox {
	background-color: transparent;
	background-image: url(../../images/small_button.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	height:26px;
	width:29px;
	margin-left: 5px;
	padding-bottom: 4px;
	text-decoration:none;
	font-size:15px;
	text-align:center;
	color:#008780;
	font-weight:bold; 
}


/* SF 5/12 Removed and replaced by buttons pagination_first, pagination_next, pagination_back, pagination_last
.paginationsmall {
	margin-right: 8px;
	height: 16px;
	width:24px;
	 
}
*/

/* SF 5/12 Added buttons pagination_first, pagination_next, pagination_back, pagination_last */
button.pagination_first {
	background: #fff url(images/double_chevron.svg);
    background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: center;
    display: inline-block;
	content:"";	
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	height:40px;
	width:40px;
	margin-left: 2px;
	padding-bottom: 4px;
	border: 1.5px solid #C0D1D0;
	border-radius: 2px;
}

button.pagination_back {
	background: #fff url(images/single_chevron.svg);
    background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
    display: inline-block;
	content:"";	
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	height:40px;
	width:40px;
	margin-left: 2px;
	padding-bottom: 4px;
	border: 1.5px solid #C0D1D0;
	border-radius: 2px;
}

button.pagination_next {
	background: #fff url(images/single_chevron.svg);
    background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	content:"";	
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	height:40px;
	width:40px;
	margin-left: 2px;
	padding-bottom: 4px;
	border: 1.5px solid #C0D1D0;
	border-radius: 2px;
}

button.pagination_last {
	background: #fff url(images/double_chevron.svg);
    background-size: 24px 24px;
	background-repeat: no-repeat;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	background-position: center;
    display: inline-block;
	content:"";	
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	height:40px;
	width:40px;
	margin-left: 2px;
	padding-bottom: 4px;
	border: 1.5px solid #C0D1D0;
	border-radius: 2px;
}

.oksearch_button {
	background-color: transparent;
	background-image: url(../../images/ok.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	width: 6em;
	height: 2em;
	padding-bottom: 1em;
	margin-bottom: 1em;
	}

/* SF 28/9 Button new layout */
.button_bar {
	margin-top : 0px;
	/*margin-bottom : 20px;*/
	margin-bottom : 8px;
	
}
 
/* SF 28/9 Button new layout */
.button_action input.button, .button_action a.button , .button_action div input.button{
	/*background-color: transparent;*/
	background: #FFD200;
	/*background-repeat: no-repeat;*/
	/*background-attachment: scroll;*/
	/*background-position:right;*/
	height:40px;
	padding-right: 24px;
	padding-left: 24px;
	width:0px;
	width:auto !important;    
	overflow: hidden;
	padding-top: 8px;
	padding-bottom: 8px;
	text-decoration:none;
	font-family: Roboto-Regular;
	font-weight:normal !important;
	font-weight:bold;
	font-size:16px;
	color:#5B2222;
	margin-top : 0px;
	margin-right : 8px;
	margin-bottom : 8px;
	float:left; /* add this */
	}
	
/* wwa toegevoegd om het in ie iets netter te laten zijn */
.button_action a.button {
	zoom: 1;
	padding-top: 8px;

	*vertical-align: 7px;
	vertical-align: -6px;
}

.button_action input.button, .button_action a.button , .button_action div input.button  {
	cursor: hand;
	}
	
/* SF 28/9 Added button_secondary = new layout */
.button_secondary input.button, .button_secondary a.button , .button_secondary div input.button{
	height:40px;
	padding-right: 24px;
	padding-left: 24px;
	width:0px;
	width:auto !important;    
	overflow: visible;
	padding-top: 8px;
	padding-bottom: 8px;
	text-decoration:none;
	font-family: Roboto-Regular;
	font-weight:normal !important;
	font-weight:bold;
	font-size:16px;
	margin-top : 0px;
	margin-right : 8px;
	margin-bottom : 8px;
	}



.button_secondary a.button {
	zoom: 1;
	padding-top: 8px;

	*vertical-align: 7px;
	vertical-align: -6px;
}

.button_secondary input.button, .button_secondary a.button , .button_secondary div input.button  {
	cursor: hand;
	}
	
input.inline_button {
	cursor: hand;
	background-color: transparent;
	background-image: url(../../images/empty_button.gif)  ;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position:  right;	
	height:20px;
	padding-right: 30px;
	padding-left: 10px;
	margin-bottom: -2px;
	width:0px;
	width:auto !important;    
	overflow: visible;
	border: none;
	text-decoration:none;
	font-weight:normal !important;
	font-weight:bold;
	font-size:12px;
	color:#008780;
	}



/* SF 5/12 Changed background color to #ffd200, removed border line, added border radius*/
#nameandrole{
	background-color: #ffd200;
	font-family: Roboto;
	font-size: 16px;
	color: #222;
	position:absolute;
	right:32px;
	top: 56px;
	z-index:999; 
	width:0px;
	width:auto !important;
	height: 32px;
	padding-top: 8px;
	padding-bottom: 0px;
	padding-right: 16px;
	padding-left: 16px;
	vertical-align:90%;
	border-radius: 3px;
	overflow: visible;
	margin-top : 0px;
	margin-right : 8px;
	margin-bottom : 8px;
}
/* SF 5/12 Added */
#nameandrole:hover{
	background-color: #FFE263;
}

/*SF 28/9 changed color font-face, font size */	
#nameandrole a {
	color:#222; /*was color:#008780 */
	font-family: Roboto-Regular; /*new */
	font-size: 16px; /*new */
	text-decoration:none
	}

/*SF 28/9 changed color font-face, font size */	
#nameandrole a:hover {
	color:#222; /*was color:#68811a */
	/*text-decoration:underline;*/
	font-family: Roboto-Regular; /*new */
	font-size: 16px; /*new */
	text-decoration: underline;
	}

#nameandrole a:focus {
	outline:none;
	font-family:Roboto-Regular;
	font-size:16px;
	color: #222;
	}

/* SF 5/12 Changed background: #ffd200 url(images/profile-placeholder.svg */
#nameandrole:before {
	background: #ffd200 url(images/profile-placeholder.svg);
    background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: 10% 100%;
    display: inline-block;
	padding-right: 8px;
	width: 16px; 
    height: 16px;
    content:"";	
}

/* SF 5/12 Added */
#nameandrole:hover:before {
	background: #FFE263 url(images/profile-placeholder.svg);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: 10% 100%;
    display: inline-block;
	padding-right: 8px;
	width: 16px; 
    height: 16px;
    content:"";	
}


#role_select{
	border:1px solid #E0E0E0;

}

.nowrap{
	white-space:nowrap;
}


/* login */

/* login */

.login_container {
	width: 100%;
	
	height: 100%;

}

/*SF 4/11 Changed width height login visual  433px; vs 271px;*/	
.login_visual {	
	background: url(images/recruitment.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	float: left;
	width: 30%;
	height: 100%;
	margin-right: 2em;
	min-height: 400px;	
}

.login2 {
	width: 60%;
	float: left;
}

table.tableBox {
	background-color: #fff;
}


table.tableBox th {
	padding:0px 8px 0px 8px;
	text-indent:0px;
}
.nowrap{
	white-space:nowrap;
}

table.tableBox th {
	text-align: left;
	font-family: RobotoCondensed-Regular;
	text-align: center;
	font-size:24px;
	color:#005B5D;
	padding-left: 8px;
	border-bottom: 1px dashed #e3dfe0;
	font-weight: 400;
	background-color: #fff;
}

/*SF 4/11 Changed font-familiy: Roboto-Regular and font-weight: 400 */
table.tableBox th div {
	font-family: Roboto-Regular;
	font-weight: 400;
}

.tableBox {
	border: 1px solid #E9E9E9;	
}



p.label {
	color: #00595a;
	
}




.singlebuttonbar {
	text-align: center;
	margin-top:10px;
	margin-bottom:10px;
}

.login input{
	border:1px solid #DADBC1;
	padding:2px 0 0 6px;
	margin-left: 2px; 
}

.login .button_bar {
	text-align: center;	
	margin-top:8px;
	margin-bottom:10px;
	width:609px;
}

.login input.button {
	cursor: hand;
    text-align: center;
   	font-family: Roboto-Regular;
	font-weight:normal !important;
	font-size:16px;
	height: 40px;
	margin-bottom: 16px;
	margin-top: 16px;
	margin-left: 354px;
	padding-right: 24px;
	padding-left: 24px;
	width:0px;
	width:auto !important; 
	border-radius: 0;
    -webkit-appearance: none;
    background-color: #ffd90f;
    color: #111;
	border: none;
    display: block;
    font-weight: 700;
    text-decoration: none;
	border:0px;
	line-height: 1.5;	
}

.login input.button:hover {
	cursor: hand;
    text-align: center;
    background: #e8bf2b;
	color: #000;
	height: 40px;	
}

.login input.button:before {
    background: #111 url(images/login.svg);
    background-repeat: no-repeat;
	background-size: 16px 16px;
	display: inline-block;
	padding-right: 8px;
	width: 16px; 
    height: 16px;
    content:"";	
}


/* /login */

caption {
	 text-align:left;
	 background:#E9E9E9;
	 color:#00534D;
	 font: bold 12px Arial, Verdana, Helvetica, sans-serif;
	 margin-bottom: -7px;
	 height:30px;
	 vertical-align:middle;
	 padding: 7px 1px 0px 3px;
}
fieldset {
	border: 0px solid;
	padding:0px;
	margin:0px;
}

/* error */

#errorlist td.linkblack a {
	color: #000000;
}
#errorlist div {
	margin-bottom: 5px;
}

#errorlist div.error, #errorlist div.error *, #errorlist div.warning, #errorlist div.info {
	vertical-align:top;
}

#errorlist div.error table {
	background-color: #FFC;
	padding: 5px;
}


/* SF 2/11 Changed font-weight: 400; */
#errorlist li.error {
	background-color: #FFC;
	padding: 5px;
	border: 1px solid #DADBC1;
	font-weight: 400;
}


#errorlist div.error table td, #errorlist div.error table th {
	line-height: 20px;
	color: #666;
}

#errorlist div.error {
	background-color: #FFC;
	border: 1px solid #DADBC1;
}

.dialog_error {
	width: 98%;
	text-align: left;
	background-color: #FFC;
	border: 1px solid #DADBC1;
}



#errorlist span {
	display: block;
	margin-left:22px;
}


#errorlist img {
	float: left;
	height: 24px;
	margin: -1px 1px 0px;
	padding-right: 8px;
	width: 24px;
}

#errorlist div.warning {
	background-color: #FFC;
	border: 1px solid #E4C26A;
	color: #595959;
	font-weight: normal;
}

.warning {
    color: #FFCD00;
}

div.warning, div.error, div.info {
	padding: 5px 5px 3px 3px;
	width:799px;	
}

#errorlist div.info {
	background-color: #fef7ce;
}

/* /error */


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

td.information {
	vertical-align : top; 
	width : 13px;
}

table.infotable {
	width:350px;	
}

table.infotable th {
	text-align:right;
	vertical-align:top;
} 

.infotable th.first-child {
 	width:90%;
	text-align:left;
	vertical-align:middle;
} 

td.information img, td.information div.helpTextLayer table th img{
	cursor:hand;
}


td.information div.helpTextLayer {
	font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
	color: #666;
	position:absolute; 
	width: 250px; 
	visibility:hidden; 
	overflow:visible; 
	z-index: 10;
	padding: 16px 16px;
}

span.information img, td.information div.helpTextLayer table th img{
	cursor:hand;
}

span.information div.helpTextLayer {
	position:absolute; 
	width: 250px; 
	visibility:hidden; 
	overflow:visible; 
	z-index: 10;
}

tr.samecolor td {
	border-right:0px;
	border-left:1px;
}



.text_left {
	text-align:left; 
}


.text_right {
	text-align:left; 
}

.text_center {
	text-align:center; 
}


#page_title{
}

#page_title:before:not(.hide_title) {
	background: #fff url(images/document.png);
    background-repeat: no-repeat;
	background-size: 48px 56px;
	display: inline-block;
	padding-right: 16px;
	width: 48px; 
    height: 56px;
    content:"";
	vertical-align: bottom;	
}


#hidden_page_title {
	visibility: hidden;
	display: none;	
}

div.popup {
	width:540px;

}

table.statistics {
	width: 100%;
	margin-bottom: 20px;
}

/*SF 28/9 Removed border   */
table.statistics tr.totals td {
	/*border-top: 1px solid #cecece;*/
}
.strong {
	font-weight: bold;
}



/*SF 28/9 Removed border   */
div.fckdivoutput {
	vertical-align: top;
	padding-left: 5px;
}
div.fckdivoutput ul li {
	margin-left: 2em;
	list-style-type: disc;
}
div.fckdivoutput ol {
	margin-left: 3em;
		
}






#tabnav  {
	TEXT-ALIGN: center;   FLOAT: left; HEIGHT: auto; margin-top: 24px; 
}
#tabnav li{float:left;display:block;width:136px;height:40px;height:40px;text-align:center}
#tabnav li{float:left;display:block;width:136px;height:40px;height:40px;text-align:center}
#tabnav li a{color:#595959;display:block;width:136px;height:40px;height:40px;width:136px;padding:16px 0px 0px 0px;text-decoration:none; border-top: 3px solid #fff; text-align:center }
#tabnav li a:link,#tabnav li a:visited{
	/*background:url(../../images/subnav_bg.gif) no-repeat 0 0 */
	}
#tabnav li a:hover,#subnav li a:active{
	/*background:url(../../images/subnav_bg.gif) no-repeat 0 -32px;*/
	}
#tabnav li a.active:link,#tabnav li a.active:visited,#tabnav li a.active:hover,#tabnav li a.active:active{
	/*background:url(../../images/subnav_bg.gif) no-repeat 0 -64px;cursor:default;*/
	}
#tabnav li a:hover,#subnav li a:active{
	/*background:url(../../images/subnav_bg.gif) no-repeat 0 -32px;*/
	}
	
#tabnav li a.active:link,#tabnav li a.active:visited,#tabnav li a.active:hover,#tabnav li a.active:active{
	/*background:url(../../images/subnav_bg.gif) no-repeat 0 -64px*/
	border-top: 3px solid #095b59;
	border-left: 1px solid #e3dfe0;
	border-right: 1px solid #e3dfe0;
	font-weight: bold;
	background: #f9f9f9;
	width:134px;
	}
div#nav_border{position:relative;top:40px;z-index:-100;width:730px;height:1px;line-height:1px;float:left;}


.tabnavborder{
		padding-top: 16px; 
		padding-bottom: 64px;
		font-size:100%;
		color:#005B5D; 
		padding-left: 24px;
		padding-right: 24px; 
		/*background: #FFF url(../../images/h3_bg.gif) repeat-x bottom left;*/
		margin-bottom: 0px;
		margin-top: 0px;
		border-bottom: 1px solid #e3dfe0;
		}






input[type='text'].readonly {
	background-color: transparent;
}

 td div {
     display: inline-block;
}

 td div.fckedit {
     display: block;
	 width: 600px;
}
 
/* popup info box */
.infotable {
	background-color: #FFFFFF; 
	box-shadow: 0 6px 6px 0 #e0e0e0; 
	font-size: 16px; 
	font-weight: 400; 
	line-height: 1.5; 
	color: #666; 
	font-family:Roboto-Regular; 
	font-size: 16px;
    font-weight: 400;
    line-height: 1.5;}
.infotable th {background-color: #FFFFFF; padding: 0px 8px 0px 216px;}
.infotable th img {vertical-align: middle;}
.infotable td {text-align: left;  padding: 16px 16px 16px 16px;}

.infotable-text {font-size: 14px; font-weight: normal;}

.button_bar {
	
}


.popup h1 {
	margin-top: 2em;
	
}




table.tableBox th.panelheader, table th.panelheader {
	font-size: 24px; 
	text-align:center;
	font-family: RobotoCondensed-Light; 
	color: #00595a;
}

h1.title-empty {
	haeight: 0px;
	margin-top: 100px;
}

table.rows_top td {
	vertical-align: top;
}


.form_table textarea {
    width: 432px;
}

.vertical_Text {
	    display: block;
         -webkit-transform: rotate(-90deg); 
        -moz-transform: rotate(-90deg);                 
    }

ul.requestnew li {
	list-style: disc;
	list-style-position: outside;
	margin-left: 1.5em;
	padding: 0 0 0 0;
	font-size: 14px;
}

table.requestnew {
	text-align: left;
	vertical-align: top;
}
table.requestnew td {
	padding-left: 2em;
	text-align: left;
	vertical-align: top;
	    color: #222222;
	
	font-size: 14px;
}


table.requestnew td {
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}

table.requestnew td .button_bar {
	margin-bottom: 0px;
}

table.requestnew tr.grey {
	background-color: #f9f9f9;
}

table.requestnew .green {
    color: #005b5d;
}


input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}

table.requestnew_table td {
	padding-right: 1em;
}

.contain_vertical {
	vertical-align: middle; 
	width: 2em;
}

table.tableslist_auto {
	table-layout: auto;
}



::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color:#91aba9;
   opacity:1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#91aba9;
   opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#91aba9;
   opacity:1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#91aba9;
   opacity:1;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:#91aba9;
   opacity:1;
}

::placeholder { /* Most modern browsers support this now. */
   color:#91aba9;
   opacity:1;
}

  .custom-combobox-toggle {
    border: 1px solid #E0E0E0;
    color: #00716B;
    padding: 0px 8px;
    height: 40px;
    margin-bottom: 4px;
  }

  tr.nopadding {
      margin:0px;
      padding:0px;
      }

tr.nopadding td {
    margin:0px;
    padding:0px;
    }
tr.nopadding th {
    margin:0px;
    padding:0px;
    }
  hr.rowseperator {
        background-image: linear-gradient(90deg, #ced1c2 , transparent);
        height: 2px;
        margin-top: 5px;margin-bottom: -10px;
    }