/* @import url("/WidgetLibrary/web.css"); */
/* Inserted in the upgrade to 5.0.0.0: */

.Bold {
    display: inline;
    font-weight: bold;
}

.Italic {
    display: inline;
    font-style: italic;
}

.Underline {
    display: inline;    
    text-decoration: underline;
}

.Paragraph {
}

th {
    text-align: left;
    font-weight: normal;
}

.EditRecord {
}

.ShowRecord {
}

.TableRecords {
}

table.Empty {
}

/* Inserted in the upgrade to 5.0.0.0 */

/*-----------------------------------------------------------------*/
/*----------------- HTML Elements Start ---------------------------*/
/*-----------------------------------------------------------------*/

body,
select,
textarea,
input,
td {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003366;
}

th /* copied from 'td' in the upgrade to 5.0.0.0 */ {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003366;
}

ul {
	padding: opx;
	padding-left: 20px;
	margin: 0;
}

li {
	margin-left: 00px;
	/*list-style: url("img/page.gif");*/
    
}

.main {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	height: 700px;
}

.maintablecell {
	background-image:url('img/keurmerk.png');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:bottom right;  
}

.employeelist td {
	font-size: 9px;
	font-style: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #003366;
}

.employeelist th /* copied from '.employeelist td' in the upgrade to 5.0.0.0 */ {
	font-size: 9px;
	font-style: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #003366;
}
	
.logo_keurmerk {
	margin-top: -10px;
	margin-left: 34px;
	float:left;
	background-color: white;
	border: solid 1px #B5C3DC;
}
	

.emptytab {
	border: solid 0px #5675AF; 
	background-color: #FFFFFF;
	border-bottom-width: 2px;
	width: 83px;
	height: 33px;
	position: relative;
	font-weight: bold;
	text-align: center;
}

.menudiv {
	padding-left: 3px;
	border: solid 0px #5675AF;
	border-bottom-width: 0px;
	float: left;
	position: relative;
	width: 86px;
	height: 50px;
	bottom: 0px;
}

.menucell {
	border: solid 0px #5675AF;
	border-bottom-width: 2px;
}

a.menuItem {
    width: 125px;
    height: 10px;
    /*background-color: #003366;*/
    color: #ffffff;
    padding: 3px;
    margin: 5px;
    border-width: 1px;
    border-style: solid;
    /*line-height: 20px;*/
    display: block;
    font-size: 10px;
}

a.menuItemHome {
    background-color: #003366;
    border-color: #003366;
}

/*div.menuItemHome a:link,
a:visited,
a:active {
     color: #ffffff;   
}*/

a.menuItemHome:hover {
     background-color: #ffffff;  
     color: #003366; 
}
/*div.menuItemHome:hover a:link {color: #003366;}
div.menuItemHome:hover a:visited {color: #003366;}
div.menuItemHome:hover a:active {color: #003366;}
div.menuItemHome:hover a:hover {color: #003366;}*/

a.menuItemHomeActive {
     background-color: #ffffff;   
     color: #003366;
}
/*div.menuItemHomeActive a:link {color: #003366;}
div.menuItemHomeActive a:visited {color: #003366;}
div.menuItemHomeActive a:active {color: #003366;}
div.menuItemHomeActive a:hover {color: #003366;}*/



a.test { display: block; width: 140px height: 20px; padding: 5px;  }
a.test:hover { background-color: black; color: red; }


.leftcell {
	background-image: url(img/leftcell.jpg);
	/*background-repeat: horizontal;*/
	border: solid 0px black;
	border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
    background-repeat:no-repeat;
}

.rightcell {
	background-image: url(img/bg_right_new.jpg);
	/*background-repeat: horizontal;*/
	border: solid 0px black;
	border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	background-repeat:no-repeat;
	/*background-position: 0% 100%;*/
}
.maincell {
	border: solid 0px black;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
}
.footercell {
	border: solid 0px #5675AF;
	border-top-width: 2px;
}
.newsSummaryLeft {
	border: 0px dashed #CAD4E6; 
	border-top-width: 1px;
	font-size: 11px;
}
.newsSummaryRight {
	border: 0px dashed #CAD4E6; 
	border-top-width: 1px;
	border-left-width: 1px;
	font-size: 11px;
}

.extraMenuDiv {
	background-color: #2C529B;
	color: white;
	height: 20px;
	width: 120px;
	text-align: center;
	vertical-align: middle;
}

.subMenu {
	width: 146px;
}

.subMenuDiv {
	/*background-color: #2C529B;*/
	background-image: url('img/menuitem_146.png');
	background-repeat: repeat-y;
	color: #FFFFFF;
	height: 22px;
	vertical-align: middle;
	margin-left: 10px;
}
.subMenuDiv a:link,
.subMenuDiv a:visited,
.subMenuDiv a:hover,
.subMenuDiv a:active {
	text-decoration: none;
	vertical-align: middle;
	color: #FFFFFF;
	}

.subMenuDivActive {
	background-color: #FFFFFF;
	background-attachment: fixed;
	background-position: top right;
	background-repeat: no-repeat;
	color: #003366 /*#2C529B;*/
	height: 22px;
	vertical-align: middle;
	margin-left: 10px;
}

.subMenuDivActive a:link,
.subMenuDivActive a:visited,
.subMenuDivActive a:hover,
.subMenuDivActive a:active {
				text-decoration: none;
				vertical-align: middle;
				color: #003366 /*#2C529B;*/
				}

.contentTable {
	table-layout: fixed;
}
				
body,
p {
	margin: 0px;
}

.Paragraph /* copied from 'p' in the upgrade to 5.0.0.0 */ {
	margin: 0px;
}

input {
	padding: 1px 0px 1px 0px;
}

input[disabled="disabled"] {
	background: ButtonFace;
	cursor: text;
}

input[type=radio],
input[type=checkbox] {
	margin: 0px 3px 0px 4px;
	vertical-align: bottom;
}

input[type=file] {
	height: 21px;
	vertical-align: bottom;
}

textarea {
	margin-top: 2px;
	*margin-top: 0px;
}

table {
	border-collapse: separate;
	empty-cells: show;
}

a:link,
a:visited,
a:hover, 
a:active {
	text-decoration: none;
}
.linkWhite {
	color: #FFFFFF;
}
.linkWhite a:link,
.linkWhite a:visited,
.linkWhite a:hover,
.linkWhite a:active {
				text-decoration: none;
				color: #FFFFFF;
				}
.linkBlack  {
	color: #003366 /*#000000;*/
	}

.linkBlack a:link,
.linkBlack a:visited,
.linkBlack a:hover,
.linkBlack a:active {
				text-decoration: none;
				color: #003366 /*#000000;*/
				}

.contentWhite {
	color: #FFFFFF;
	}

.contentWhite a:link,
.contentWhite a:visited,
.contentWhite a:hover,
.contentWhite a:active {
					font-weight: bold;
					text-decoration: none;
					color: #FFFFFF;
					}				
.contentWhite a:hover {
					text-decoration: underline;
					color: #FFFFFF;
					}

.contentBlack {
	color: #003366 /*#000000;*/
	}
.contentBlack td {
	font-size: 11px;
	}

.contentBlack th /* copied from '.contentBlack td' in the upgrade to 5.0.0.0 */ {
	font-size: 11px;
	}
.contentBlack a:link,
.contentBlack a:visited,
.contentBlack a:hover,
.contentBlack a:active {
					font-weight: bold;
					text-decoration: underline;
					color: #003366 /*#000000;*/
					}				
.contentBlack a:hover {
					text-decoration: underline;
					color: #003366 /*#000000;*/
					}

a[disabled="disabled"] {
	color: ButtonShadow;
}

/*-----------------------------------------------------------------*/
/*----------------- HTML Elements End -----------------------------*/
/*-----------------------------------------------------------------*/





/*-----------------------------------------------------------------*/
/*----------------- Service Studio Default Styles Start -----------*/
/*-----------------------------------------------------------------*/

/*-------------------------------------------------------*/
/* You can modify the styles in this area but you should */
/* not remove or rename them because they are used by    */
/* Service Studio widgets.                               */
/*-------------------------------------------------------*/

.Button {
	text-align: center;
	margin-right: 3px;
	padding: 0px 10px 1px 10px;
	*padding: 0px 3px 0px 3px;
}

.Button[disabled="disabled"] {
	padding: 1px 12px 2px 10px;
	color: ButtonShadow;
	cursor: text;
}

td .Button {
	font-size: 8pt;
}

th .Button /* copied from 'td .Button' in the upgrade to 5.0.0.0 */ {
	font-size: 8pt;
}

.EditRecord_Caption {
	color: #444444;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
	border-bottom: 1px solid #9cceff;
	padding: 8px 10px 2px 0px;
}

.EditRecord_Value {
	color: #444444;
	vertical-align: bottom;
	border-top: 1px solid white;
	border-right: 30px solid white;
	border-bottom: 1px solid #f1fafe;
	border-left: 3px solid white;
   padding: 1px 0px 1px 1px;
   *padding: 0px 0px 0px 1px;
}

.ShowRecord_Caption {
	color: #444444;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
	border-bottom: 1px solid #9cceff;
	padding: 3px 10px 2px 0px;
}

.ShowRecord_Value {
	color: #404040;
	font-weight: bold;
	vertical-align: bottom;	
	padding: 2px 2px 2px 2px;
}

.TableRecords_Header {
	color: white;
	font-weight: bold;
	background-color: #52a6fd;
	white-space: nowrap;
	line-height: 18px;
	padding: 4px 6px 4px 6px;
	border-right: 1px solid white;
}

.TableRecords_Header a,
.TableRecords_Header a:hover,
.TableRecords_Header a:link,
.TableRecords_Header a:visited {
	color: white;
}

.TableRecords_OddLine, 
.TableRecords_EvenLine {
	line-height: 18px;
	margin: 1px 1px 1px 1px;
	padding: 1px 6px 1px 6px;
	border-top: 0px solid #cccccc;
	border-right: 0px solid #efefef;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #efefef;
}

.TableRecords_OddLine a:visited,
.TableRecords_EvenLine a:visited {
}

/* /--Inserted in the upgrade to 5.1.0.0--\ */

.ListRecords {
}

img.RecordPicture {
    display: block;
    float: left;
    width: 120px;
}

div.RecordPicture_Wrapper {
    float: left;
}

div.RecordPicture_Wrapper img.RecordPicture {
    float: none;
}

.TableRecords img.RecordPicture {
    width: auto;
    height: 40px;
    float: none;
}

input.Prompt, textarea.Prompt {
    color: #BBBBBB;
}

/* \--Inserted in the upgrade to 5.1.0.0--/ */

/* /--Inserted in the upgrade to 5.1.0.2--\ */

select.Mandatory {
}

textarea.Mandatory {
}

/* \--Inserted in the upgrade to 5.1.0.2--/ */

input.Mandatory {
}

input.Not_Valid {
}

input.Is_Default {
}

a.Is_Default {
}

td.MandatoryValue {
	border-left: 3px solid #ffa85a;
}

th.MandatoryValue /* copied from 'td.MandatoryValue' in the upgrade to 5.0.0.0 */ {
	border-left: 3px solid #ffa85a;
}

td.MandatoryCaption {
}

th.MandatoryCaption /* copied from 'td.MandatoryCaption' in the upgrade to 5.0.0.0 */ {
}

span.ValidationMessage {
	white-space: nowrap;
	font-weight: normal;
	color: red;
	display: inline;
	margin-left: 5px;
}

/*-----------------------------------------------------------------*/
/*----------------- Service Studio Default Styles End -------------*/
/*-----------------------------------------------------------------*/





/*-----------------------------------------------------------------*/
/*----------------- eSpace Specific Styles Start ------------------*/
/*-----------------------------------------------------------------*/

/*-------------------------------------------------------*/
/* You can add, modify or remove the styles in this area */
/* at your will. Use them anywhere in the eSpace, in the */
/* widgets' Style property.                              */ 
/*-------------------------------------------------------*/

/*--------General Start------------------------*/

.Heading1 {
	color: #333333;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 4px;
}

.Heading2 {
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 3px;	
}

.Heading3 {
	color: #2C529B; /*#333333;*/
	font-size: 11px; /*14px;*/
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 2px;	
}

h1, h2, h3 {
	color: #2C529B; /*#333333;*/
	font-size: 11px; /*14px;*/
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 2px;
	margin-bottom: 0px;
}

.Text_Note {
	color: #888888;
	font-size: 11px;
}

.Text_Error {
	color: #c7331f;
}

.Text_NoWrap {
	white-space: nowrap;
}

.Text_Preformatted {
	white-space: -moz-pre-wrap;
	white-space: pre;
	word-wrap: break-word;
}

.Text_Justified { 
	text-align: justify;
} 

.FloatLeft {
	float: left;
}

.FloatRight {
	float: right;
}

.ClearBoth {
	clear: both;
}

/*--------General End--------------------------*/

/*-----------------------------------------------------------------*/
/*----------------- eSpace Specific Styles End --------------------*/
/*-----------------------------------------------------------------*/

/*-------------------------------------------------------*/
/* These are the styles used by the web blocks of the    */
/* producer eSpace "WidgetLibary". Do not use, remove or */
/* rename them unless otherwise noted, and if you modify */
/* them, do it with extreme caution                      */
/*-------------------------------------------------------*/

/*-------Tabs Pattern Web Block Start----------*/

.Tabs_Wrapper {
	margin: 0px 0px 8px 0px;
	border: 1px solid white;
}

.Tabs_TabBody {
	margin: 20px 0px 0px 0px;
	padding: 5px;
	border: 1px solid #a8d4ff;
	_height: 1%;
	*display: inline-block;	
}

.Tabs_TabBody:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul.Tabs_Header {
	margin: 0px;
	padding: 0px;
	height: 21px;
	position: absolute;
	overflow: hidden;
	z-index: 1;
}

ul.Tabs_Header span {
	height: auto;
}

div.Tabs_TabOn,
li.Tabs_TabOn {
	float: left;
	margin: 0px;
	padding: 1px;
	list-style: none;
	border-top: 1px solid #a8d4ff;
	border-left: 1px solid #a8d4ff;
	border-right: 1px solid #a8d4ff;
	border-bottom: 1px solid white;
}

div.Tabs_TabOff,
li.Tabs_TabOff {
	float: left;
	margin: 0px;
	padding: 1px;
	list-style: none;
	border: 1px solid #bbddff;
}

div.Tabs_TabDisabled,
li.Tabs_TabDisabled {
	float: left;
	margin: 0px;
	padding: 1px;
	list-style: none;
	border: 1px solid #bbddff;
}

a.Tabs_TabOn,
a.Tabs_TabOn:link,
a.Tabs_TabOn:visited,
a.Tabs_TabOn:hover,
span.Tabs_TabOn {
	display: block;
	white-space: nowrap;
	text-decoration: none;
	font-size: 11px;
	color: black;
	padding: 2px 8px 1px 8px;
}

a.Tabs_TabOff,
a.Tabs_TabOff:link,
a.Tabs_TabOff:visited {
	display: block;
	white-space: nowrap;
	text-decoration: none;
	font-size: 11px;
	color: black;
	padding: 2px 8px 1px 8px;
	background: #d5ecfe url('/WidgetLibrary40/img/Tabs_Gradient.gif') repeat-x;
}

a.Tabs_TabOff:hover {
	background: white;
}

a.Tabs_TabDisabled,
a.Tabs_TabDisabled:link,
a.Tabs_TabDisabled:visited,
a.Tabs_TabDisabled:hover,
span.Tabs_TabDisabled {
	display: block;
	white-space: nowrap;
	text-decoration: none;
	font-size: 11px;
	color: gray;
	padding: 2px 8px 1px 8px;	
	background: #d5ecfe url('/WidgetLibrary40/img/Tabs_Gradient.gif') repeat-x;
}

/*--------Tabs Pattern Web Block End-----------*/

/*------- Feedback Pattern Web Block Start ----*/

div.Feedback_Wrapper {
	margin-top: 5px;
	margin-bottom: 10px;
}

div.Feedback_Text {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 26px;
}

div.Feedback_Image {
	float: left;
}

div.Feedback_Error {
	background-color: #ffe5e5;
	border: 2px solid #ffcece;
	color: #c7331f;
}

div.Feedback_Warning {
	background-color: #fbf3e0;
	border: 2px solid #f8e6c2;
	color: #bd830b;
}

div.Feedback_Success {
	background-color: #eeffd7;
	border: 2px solid #d8ffaa;
	color: green;
}

div.Feedback_Info {
	background-color: #e4edf2;
	border: 2px solid #a5c9df;
	color: #166ca5;
}

/*------- Feedback Pattern Web Block End ------*/


/*------- ListNavigation Web Block Start --------------*/

div.ListNavigation_Wrapper {
	float: right;
}

div.ListNavigation_Wrapper a,
div.ListNavigation_Wrapper span {
	text-align: right;
	vertical-align: middle;
	margin-left: 6px;
	font-size: 11px;
}

a.ListNavigation_PageNumber,
a.ListNavigation_Previous,
a.ListNavigation_Next,
span.ListNavigation_Ellipsis {
}

span.ListNavigation_CurrentPageNumber {
	font-weight: bold;
}

span.ListNavigation_DisabledPrevious,
span.ListNavigation_DisabledNext {
	color: gray;
}

/*------- ListNavigation Web Block End ----------------*/
/* /--Inserted in the upgrade to 5.1.0.1--\ */

img {
    border-width: 0;
}

/* \--Inserted in the upgrade to 5.1.0.1--/ */

.ellipsis {
   white-space:nowrap;
   text-overflow:ellipsis;
   overflow:hidden;
   width:270px;
   display:block;
}