/**************************************************************************************
OPMERKING:
Dit is nu een letterlijke kopie van applications.css, maar moet nog helemaal 
langsgelopen om alle overbodige klassen (klassen die niet op het internet
voorkomen) weg te gooien.
***************************************************************************************/


/**************************************************************************************
Algemeen gebied: HTML tags
***************************************************************************************/

body {padding: 0; margin: 0; background-color:white;}
body, table, p, h1, h2  {font-family:Verdana,sans-serif; font-size:11px; padding:0; color:#000000; text-align:left; clear:both}

th {text-align: left;}

table {clear:both; width:100%}
form 		{margin:0;}

h1  {font-weight:bold; font-size:14px; margin:0}
h2 	{font-style:italic; margin:0;}

p 	{margin:0; padding:0;}
img {border:0;}
a 	{color:#00C; font-size:11px; cursor:pointer; text-decoration:none;}

a:visited 	{color:#00C; font-size:11px; cursor:pointer; text-decoration:none;}
a:hover 	{color:#00C; font-size:11px; cursor:pointer; text-decoration:underline;}
a:active	{text-decoration:underline; }

small 			{font-size:11px;}
small.copyright {font-size:9px; color:#000000;}

/**************************************************************************************
Verdeling van gebieden op het scherm
***************************************************************************************/
#container 			{width:990px; text-align:left; margin:0 auto; height:100%;}
#topArea 			{height:65px; padding-top:10px}
#logo 				{float:left; margin-left:2px; margin-top:0;}
#topRightArea 		{float:right; margin-right:2px; text-align:right;white-space: nowrap;}
#currentTestEnvironmentName {position: absolute; top:0; left: 500px; font-size: 14px;font-weight:bold;color:#ff0000;}
#centerArea 		{clear:both; font-size: 11px;}
#centerCenterArea 	{clear:left; margin: 0;}

#systemMenu			{float:left; margin-left:150px; margin-top:25px;}

/**************************************************************************************
Algemeen: systemMenu en mainMenu
***************************************************************************************/
#systemMenu ul 						{margin:0; padding:0; background-color: #fff;} 
#systemMenu ul li					{float:left; list-style:none; margin:0; padding:0 5px; text-transform: uppercase;}
#systemMenu ul li.selected 			{font-weight:bold;}
#systemMenu ul li#systemMenuLast	{border-left:1px solid #00C;}

#mainMenu 		{color:#FFF; margin-top:0; margin-bottom:5px; height: 20px;
				font-weight:bold; line-height:20px; background-color:#ADB2D6; 
				border-top:1px solid #273C82; border-bottom:1px solid #273C82;}

#mainMenu ul						{margin:0; padding:0; }
#mainMenu ul li 					{float:left; list-style:none; margin:0; padding: 0 10px; height:20px; text-decoration:none;
										color:#FFF; border-right:1px solid #273C82;}
#mainMenu ul li.menuItemSelected 	{ background-color:#273C82; text-decoration:underline; }

#mainMenu ul li a:link,
#mainMenu ul li a:visited,
#mainMenu ul li a:active,
#mainMenu ul li a:hover				{ color: #fff; }

#mainMenu ul li.menuItemSelected a:link,
#mainMenu ul li.menuItemSelected a:visited,
#mainMenu ul li.menuItemSelected a:active	{ text-decoration:underline; }

#mainMenu ul li a:hover 			{ text-decoration: underline; }

/**************************************************************************************
Algemeen: classes
***************************************************************************************/

#header { height: 18px; }

#header ul,  #quickSearch ul, #tabs ul, #tabs li {
		margin:0; padding:0; }
				
#header li, #quickSearch li, #tabs ul, #tabs li {
		float:left; list-style:none; padding-right:10px;}

#quickSearch li {line-height:20px;}

.headerLeftOfNavigator {float:left;}
.message 	{font-weight:bold; font-family:Verdana,sans-serif; color:#2222AA; clear:none; float:left; line-height:16px; vertical-align: middle;}
.warning 	{font-weight:bold; font-family:Verdana,sans-serif; color:#FF0000;}
.errorMessage {
	background: url("../../../webservice/images/delete_cross_16px.png") no-repeat scroll 0 0 transparent;
    line-height: 16px;
    padding-left: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: bold;
    color: black;    
}
.successMessage {
	background: url("../../../webservice/images/check_mark_16px.png") no-repeat scroll 0 0 transparent;
    line-height: 16px;
    padding-left: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: bold;
    color: black;    
}
.successfulActionMessage { 
	background: url("../../../webservice/images/check_mark_24px.png") no-repeat scroll 0 0 transparent;
    color: black;
    font-size: 13px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 30px;
}
.breadcrumb {clear:both; padding:0; margin-bottom:2px;}
.breadcrumbLeft {float:left; padding:0; margin-bottom:2px;}

.textArea 	{font-family:Verdana,sans-serif; color:#000000; font-size:11px;}
.label 		{font-family:Verdana,sans-serif; color:#000000; line-height: 16px;}
td.label {vertical-align: top;}
td.emptyRadio {width:17px}

#customerDetails .label, #customerDetails.input	{ width: 40%; }
#customerDetails .old { width: 20%; }
#customerMarkings .label, #customerMarkings .input { width: 40%; }
#customerMarkings .old { width: 60%; }
#maintainEntityTable .label, #maintainEntityTable.input	{ width: 40%; }
#maintainEntityTable .old { width: 20%; }
#maintainEntityTable .indented { padding: 0 0 0 20px; }
.value {font-weight: bold; line-height: 16px;}
.input, input, select {font-family:Verdana,sans-serif; color:#000000; font-size:11px;}
.radio, .checkbox {margin: 0 3px 0 0;padding-left:0;vertical-align:middle;width:15px}

.button 			{font-family:Verdana,sans-serif;}
.buttonOnMouseOver 	{font-family:Verdana,sans-serif;}
.buttonDisabled 	{font-family:Verdana,sans-serif;}

/* Deze stijl krijgen alle labels van vragen die niet beschikbaar zijn binnen formulieren.
   Standaard verbergen we ze, maar je kunt ze uitgrijzen door .nonApplicable {COLOR: #cacaca;} */
.nonApplicable {display:none;}
	 
/* Uitgrijzen voor matrix-rijen met alleen nonApplicable vragen zou niet logisch zijn,
   omdat we in een matrix geen vraagteksten tonen en we dus lege 'uitgegrijsde' rijen over zouden houden.
   Dit betekent dat we ook voor nonApplicable infotekstvragen (waar we in matrixen wel de vraagtekst tonen)
   de rij niet zichtbaar maken.
   Het onderscheid of er wel of geen infotekstvraag in de rij zit, is namelijk niet aanwezig. */
table.matrix tr.nonApplicable { display: none; }
 	 

/* Deze stijl krijgen alle labels van vragen die niet beschikbaar zijn binnen 
zoekschermen (uitgebreid zoeken lopende zaken / polissen)*/
.labelDisabled { color: #cacaca; }

#logOff a { margin: 0 0 0 5px; }

/**************************************************************************************
centerArea
**************************************************************************************/

#quickSearch 	{width:100%;}
#quickSearch td.label {vertical-align: middle;}
#quickSearch td.search {vertical-align: top; text-align:right; line-height:21px;}

#quickSearch div.fixedwidth {width: 300px;}

/* #toolbar heeft width 99% i.v.m. bug in IE.*/
#toolbar 		{margin-top:2px; margin-bottom:2px; float:left; clear:both; width:99%}
#toolbarLeft {float:left; line-height: 16px; width: 50% }
#toolbarLeft a {vertical-align: middle; }
#toolbarRight {float:right; line-height: 16px; }

.navigator 		{float:right; padding: 0; margin-bottom:2px;}
#header 		{clear:both; margin: 0; padding: 0 5px;}

#policyNumber 	{float:right; list-style-type:none;}

#newsArchive	{margin-bottom: 5px; float: right; padding: 0;}
/**************************************************************************************
 * Tabel voor searchlist en entitylist
/**************************************************************************************/
.databaseTable {background-color:white;}
.databaseTable { border-collapse: collapse; }
.lineColumn {display:none;}

.databaseTable th, #first td
{padding:4px 4px 4px 5px;	background:#ECEFF1;	color:#000000;	border-right:1px solid #D0D8DD;
           					border-bottom:1px solid #000000; text-align:center; white-space:nowrap;
           					border-top:0 none; line-height:14px;}
           					
.databaseTable th.last{border-right:0;}

.databaseTable th a:link, 			#first td a:link	{color:#000000;}
.databaseTable th a:visited, 		#first td a:visited	{color:#000000;}
.databaseTable th a:hover, 			#first td a:hover	{color:#000000;}

.databaseTable td {font-family:Verdana,sans-serif; color:#000000; border-right:1px solid #D0D8DD; padding:2px 4px 2px 5px;
						line-height: 20px; white-space:nowrap; vertical-align:top}

.databaseTable td.last {border-right:0;}
.databaseTable tr.unread td{ font-weight: bold }

.spacer {display:none;}

td.databaseTableHistory  {white-space:normal;}
td.databaseTableHistoryChangedValue {white-space:normal; background:#F0F0F0; font-weight:bold}

.decimalValue {text-align:right;}

/**************************************************************************************
Header: HTML tags en classes
**************************************************************************************/

div#tabs {background-color:#ADB2D6; border-bottom:1px solid #000000;
				 height:21px; color:#FFF; font-weight:bold; margin:0 0 3px 0; clear:both;}
div#tabs ul li {padding:4px 8px 4px 8px;}
div#tabs a {color:#FFF;}

div#tabs_link_right    { float:right; text-align:right; margin: 0; padding: 0; }
div#tabs_link_right ul   { padding-right:0; }
div#tabs_link_right ul li { padding: 0 10px 0 0; border: 0; font-weight: normal }
div#tabs_link_right a	{ display: block; padding: 3px 21px 1px 0; color: #00C;
    background: url(../../../webservice/images/linkToOtherEntity.gif) no-repeat right 6px;
}


li.tabItem {background-color:#ADB2D6; color:#FFF; border-right:#FFFFFF 1px solid;}
li.tabItemSelected {background-color:#273C82; color:#ffffff; border-right:#FFFFFF 1px solid;}
li.tabItemSelected a:hover {text-decoration:none;}

/* Subtabs */
.step_table {background-color:#dee3ef; color:#29408d; margin-bottom:10px;}

.step_link a:link,
.step_link a:active,
.step_link a:visited,
.step_link a:hover {color:#737173;}

.selected_step_link a:link,
.selected_step_link a:active,
.selected_step_link a:visited,
.selected_step_link a:hover {color:#29408d;}

.step_table_link_right a:link,
.step_table_link_right a:active,
.step_table_link_right a:visited,
.step_table_link_right a:hover {color:#29408d;}

.header_link {padding: 0; float:right; list-style-type:none; line-height: 16px;}
.header_link a { display: block; padding: 0 21px 2px 0;
    background: url(../../../webservice/images/linkToOtherEntity.gif) no-repeat right 3px;
}

#subtabs                    { color:#29408d; margin-bottom:5px; height: 21px; clear:both; width:100%; background-color:#dee3ef; padding-bottom: 0;}
#subtabs ul, .link_right ul { margin: 0; padding: 0; float: left; }
#subtabs li, .link_right li { float:left; border-right:#FFFFFF 1px solid; padding:4px 10px 4px 10px; list-style: none;}

#subtabs_link_right,    .link_right    { float:right; text-align:right; margin: 0; padding: 0; }
#subtabs_link_right li, .link_right li { padding: 0 10px 0 0; border: 0;}
#subtabs_link_right a,  .link_right a	{ display: block; padding: 4px 21px 2px 0;
    background: url(../../../webservice/images/linkToOtherEntity.gif) no-repeat right 6px;
}

.link_right    { padding: 0; margin: 0; clear:both; }
.link_right ul { margin: -1px 0 0 0; }
.link_right li { padding: 0; margin: 0; }
.link_right a  { padding: 0 21px 1px 0; font-weight: normal; background-position: right 2px; }

li.subtabItemSelected { background-color: #ADB2D6; }

.subtabItem a:link,
.subtabItem a:active,
.subtabItem a:visited,
.subtabItem a:hover {color:#6B74A0; font-weight: bold; }

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

.edit li a {
	padding: 4px 21px 2px 0;
	background-image:url(../../../webservice/images/email_edit.png);
}

/**************************************************************************************
 * Overzichtsscherm aanvraag/polis
/**************************************************************************************/
.overview_title td 	{font:12px Verdana; padding-left:5px;}
.overview 			{background:#F5F6F6; clear:both;}
.overview td 		{width:50%; vertical-align:top; font:11px Verdana}
.overview_label 	{background:#F5F6F6; border-collapse:collapse;}
.overview_label td 	{padding:0 5px 0 5px; line-height:18px;}
.overview_label th 	{padding:6px 5px 6px 5px; font-weight:bold; color:#627E90; background:#E5EAEC;
						border-top:5px solid #FFF; /* lijntje tussen de vakken*/ }
.overview_label td.header 
					{padding:6px 5px 6px 5px; background:#E5EAEC; line-height:16px;
						border-top:5px solid #FFF; /* lijntje tussen de vakken*/ }
.overview_label td.headerCoverage 
					{padding:1px 5px 1px 5px; background:#E5EAEC;line-height:14px}
.overview_label th img { vertical-align: bottom; }
.overview_label th.label 	{font-weight:normal }

.infotable {
	background-color: #FFF;
	color: #273C82;
}

.infotable th {
	border-bottom: #273C82 1px solid;
	border-right: 0;
	font-weight: bold;
	text-align: left;
	font-size: 10px;
	vertical-align: top;
	color: #000099;
	background-color: #FFF;
	font-family: Verdana,sans-serif;
	line-height: 26px;
	margin: 1px 0 0;
	padding: 0 0 0 10px;
}

.infotable th img {
	margin: 2px;
}
.infotable td {
	background-color: #FFF;
	font-size: 10px;
	line-height: 14px;
	padding: 5px 5px 5px 5px;
	white-space: normal;
}

.overview_data 				{width:auto;}
.overview_data td 			{padding:0 5px 0 0; font-family:Verdana,sans-serif; line-height:18px;}
.overview_data_no_width td 	{padding:0 5px 0 0; font-family:Verdana,sans-serif; line-height:18px;}
.overview_data_no_width td.tdMessage {padding:0 2px 0 0} 

.overview .divider {width:10px;	background:#FFF; border:0;}

.overview_static_storage { width: 100%; background: #F5F6F6; border-collapse:collapse; }
.overview_static_storage th { color: #627e90; background-color: #e5eaec; line-height: 18px; white-space:nowrap; }

.overview_static_storage_label { padding-left: 5px; padding-right: 15px; line-height: 18px; 
								font-style: normal; font-variant: normal; font-weight: normal; 
								vertical-align: top; }

.overview_static_storage_value { font-weight: bold; line-height: 18px; width: 75%; }

.overview_static_storage_financial { background:#F5F6F6; border-collapse:collapse; }
.overview_static_storage_financial_header { text-align: right; }
.overview_static_storage_financial_value { text-align: right; font-weight: bold; }

.overview_static_storage_white_space { background: #FFFFFF; height: 11px; }

.overview_static_storage_subheader td 	{padding:6px 10px 6px 10px; font-weight:bold; color:#627E90; background:#E5EAEC;}
.overview_static_storage_subsubheader { padding: 6px 10px 6px 10px; font-weight:bold; background-color:#f1f2f2; color: #627e90; }

th.overview_static_storage_margin { background-color: #F5F6F6; color: #627e90; font-weight: bold;
									padding: 10px 10px 6px 6px; margin-top: 0; border:0;}

.overview_relation { margin: 0; padding: 0; border: none }
.overview_relation .overview_data_no_width td { width: 25%; }	

tr.modified td 			{font-style:italic;}
tr.modified td.label 	{font-weight:bold;}

h1#pageTitle, h1.pageTitle { font-weight:bold; text-align:left; font-size:11px;}

 .objectCoverage { color: #000000; padding-left: 20px; }

/* Tonen, wijzigen, historie, etc. knoppen */
.action_top td 				{padding:0 2px 0 0;}
.actionBottom 				{text-align:left; width:auto;}
.actionBottom td 			{text-align:center; vertical-align:middle; padding:0;}
.actionBottom a 			{padding: 3px 10px 4px 10px; display:block; font:10px Verdana;	border:1px solid #000000;}
.actionBottom a:link 		{text-decoration:none; font:10px Verdana; color:#FFF; background-color:#ADB2D6;}
.actionBottom a:visited 	{text-decoration:none; font:10px Verdana; color:#FFF; background-color:#ADB2D6;}
.actionBottom a:hover 		{text-decoration:none; font:10px Verdana; color:#FFF; background-color:#000000;}

/**************************************************************************************
 * Tabel voor overige menu opties
/**************************************************************************************/
.extraMenu_table 				{margin-top:8px; border:0;}
.extraMenu_table tr 			{vertical-align:top;}
.extraMenu_table td 			{width:50%;vertical-align:top;}
.extraMenu_table .leftcolumn 	{width:50%;}
.extraMenu_table .rightcolumn 	{width:50%;}

/**************************************************************************************
* Relatieselectiefunctie 
/**************************************************************************************/
#FragmentSelectCustomerManageCustomers_addButtons {padding-bottom: 10px; }

#customerSearchTable 				{width: auto;}
#customerSearchTableCustomerFields  {border: 1px solid #dddddd; padding-top:16px; padding-bottom:16px; }
#customerSearchTablePolicyFields	{border: 1px solid #dddddd; }
#customerSearchTableOrCell			{valign:top; width:36px;}
#customerSearchOrImage				{position:relative; top:-55px}
#customerSearchResults				{margin-top:10px;}

/* Niet complete relaties worden standaard cursief weergegeven als de parameter
   is-gebruik-incomplete-relatie-toegestaan bij de relatieselectiefunctie uit staat. */
tr.incompleteRelation				{font-style:italic;}

/**************************************************************************************
 * Tabel voor schadegroepen
/**************************************************************************************/

.group	 			{background:#F5F6F6; clear:both;}
.title_group		{background:#E5EAEC; clear:both;}
.label_middle 		{font-family:Verdana,sans-serif; font-style:italic; color:#000000;
					 padding: 0 10px; line-height: 30px;}
.value_middle		{font-family:Verdana,sans-serif; font-weight:bold; color:#000000;
					 padding: 0 10px; line-height: 30px;}

table.wizardHeader { width:100%; padding-bottom: 4px}
div.wizardNavigator { float:right; text-align: center; width: 15px}
div.wizardNavigatorSelected { float: right; text-align: center;
    border: 1px solid #FF0000;
    color: #FF0000;
    width: 15px}
div.wizardTitle {display: inline; font-weight: bold; padding-left: 10px}
div.wizardStep {display: inline; padding-left: 10px}
div.wizardHeaderData { color:#29408d; padding: 0 0 0 0; width:100%; background-color:#dee3ef; height:18px}
div.singleline {margin: 2px 0;}  
div.firstline {margin: 2px 0 0 0;}  
div.middleline {margin: 0;}  
div.lastline {margin: 0 0 2px 0;}  
.wizardHeaderData ul   {margin:0; padding:0; }
.wizardHeaderData li  {float:left; list-style:none; padding-right:10px;}
div#wizardInstructionMessage {padding-bottom:2px}
div.wizardTitleAndStepNumber {float:left}

.actionlink {padding-bottom:2px;}

td.cellOverline { border-top:1px solid #000000; }

.fieldsetTitle { font-weight: bold;}

th.headertext { text-align:left;}

/**************************************************************************************
I-resources
***************************************************************************************/
.infolinkimage, .infoicon { cursor:pointer; float:right; margin-top: 2px; }
.infolinkimage.infoicon.floatNone { float:none; }

.helptext {display:none;}

label.labelForI {
	float: left;
	width:94%;
}
label.labelForIInList {
	float: left;
	width:90%;
}

.infolinkimage {
	background-repeat: no-repeat;
	width:14px;
	height:14px;
}

.contactlinkimage {
    background: url('../../../webservice/images/contact.png') no-repeat;
    width:16px;
	height:16px;
	float:none;
	display:inline-block;
}

span.requiredSign {
	margin-left: 0.5em;
}

p.defaultConfirm {
	padding-top: 30px;
}

/** Schade melden via formulier */
/* Stap 9: Controle */
div#addClaimviaFormStepBrowseClaim div#wizardInstructionMessage { width: 80%; }
div#addClaimviaFormStepBrowseClaim div#closingStatementLeft { float: left; width: 49%; clear: left;}
div#addClaimviaFormStepBrowseClaim div#closingStatementRight { float: left; width: 49%; clear: right; padding: 25px 0 0 10px;}
div#addClaimviaFormStepBrowseClaim div#closingStatementAgreeLeft { float: left; width: 20%; clear: left;}
div#addClaimviaFormStepBrowseClaim div#closingStatementAgreeRight { float: left; width: 80%;  clear: right; }
div#addClaimviaFormStepBrowseClaim div.buttonContainer {clear: both;}

/**************************************************************************************
 * Overig
 **************************************************************************************/
 
/* Tabel voor een nieuwsbericht */
.newsItemTable td.unread { font-weight: bold; }

/** Op het scherm 'Invullen betaalgegevens' mag de kolom met de labels niet te breed zijn. */
table.maintainPaymentData td.label { width: 30%; }
table.maintainPaymentData th { padding: 10px 0 0 0; }