@import "../../../webservice/css/richbuttons.css";

/**************************************************************************************
CSS Stylesheet behorende bij QIS-formulieren
***************************************************************************************/

/**************************************************************************************
Deze stylesheet wordt altijd samen met maintenance.css
geinclude. Alleen specifieke klassen worden gedefinieerd.
***************************************************************************************/

.formNameCell {
	font: 12px Verdana;
	padding: 0 0 5px 5px;
	text-align: left;
	line-height: 20px;
}

.screenNumberMessageCell {
	white-space: nowrap;
	width: 1%;
	line-height: 20px;
	text-align: right;
}

.formHeaderCell,.formFooterCell {
	text-align: left;
	line-height: 20px;
}

.grouptable {
	color: #558;
	padding: 0 0 1px 0;
	border-bottom: 1px solid #273C82;
	border-top: 1px solid #273C82;
	border-collapse: separate;
}

.grouptable table {
	width: 100%;
}

.grouptable th {
	font: 12px verdana;
	line-height: 26px;
	background: #FFF;
	color: #009;
	padding: 0 0 0 10px;
	border-bottom: 1px solid #009;
	margin: 1px 0 0 0;
	font-weight: bold;
}

.grouptable tr {
	font: 11px verdana;
	/*background: #ECEEFE; */
	margin: 1px 0 0 0;
	vertical-align: bottom;
}

.grouptable td {
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #FFF;
	line-height: 16px;
	padding: 2px 0 2px 10px;
	text-align: left;
	vertical-align: top;
}

.grouptable td td {
	border-bottom: 0 solid;
	border-top: 0 solid #FFF;
}

.grouptable td.label {
	color: #558;
	width: 48%;
}

.mutation td.label {
	width: 35%;
}

.grouptable td.infolinkcell {
	text-align: center;
	padding: 2px 0 0 0;
	width: 2%;
	vertical-align: text-top;
}

.grouptable td.input {
	font-family: Verdana,sans-serif;
	font-size: 11px;
	height: 19px;
	color: #607C8D;
	width: 50%;
}

.grouptable .buttonbar {
	background-color: #FFFFFF
}

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

.infotable th {
	border-bottom: #273C82 1px solid;
	font-weight: bold;
	text-align: left;
	font-size: 10px;
	vertical-align: top;
}

.infotable th img {
	margin: 2px;
}

.infotable td {
	background-color: #FFF;
	font-size: 10px;
	line-height: 14px;
	padding: 5px 5px 5px 5px
}

.formHeaderTable td {
	padding: 0 0 5px 5px;
}

.matrixOdd td {
	background-color: #E7E7E7; 	/* Toegevoegd op: 16-08-2004*/
}

.matrix tr td, .matrix tr th {
	padding-left: 10px; 		/* Aangepast op: 18-08-2004 */
	padding-right: 10px; 		/* Aangepast op: 18-08-2004 */
	vertical-align: middle; 	/* Toegevoegd op: 16-08-2004 */
	border: 3px solid white; 	/* Toegevoegd op: 16-08-2004 */
}

table.matrix {
	border-collapse: collapse; 	/* Toegevoegd op: 16-08-2004 */
	width: 100%;
}

.input table tr td.oldvalue {
	padding: 0;
	margin: 0;
}

.input table tr td.newvalue {
	padding: 0;
	margin: 0;
}

.input table {
	width: 100%;
	vertical-align: top;
}

td.oldvalue {
	width: 40%;
}

/*******************************************************/
.contentnav ul {
	margin-top: 3px;
	margin-bottom: 5px
}

.contenttable ul {
    padding: 0;
    margin-top: 0;
    list-style-image: url(../../../webservice/images/line.gif);
	margin-bottom: 0;
    margin-left: 14px;
}

.contenttablesmall ul {
    padding: 0;
    margin-top: 0;
    list-style-image: url(../../../webservice/images/line.gif);
	margin-bottom: 0;
    margin-left: 14px;
}

.contenttableshort UL {
    padding: 0;
    margin-top: 0;
	list-style-image: url(../../../webservice/images/line.gif);
	margin-bottom: 0;
	margin-left: 14px;
}

.content td {
	vertical-align: top;
}

th {
	vertical-align: bottom;
}

.contenttable {
	border: 0;
	background-color: #ffffff;
}

.contenttablesmall {
	font-size: 90%;
	border: 0;
}

.contenttableshort {
    border-width: 0;
    font-size: 90%;
}

.contenttable td {
    padding: 2px 4px;
}

.contenttablesmall td {
    padding: 2px 4px;
}

.contenttableshort td {
    padding: 2px 4px;
}

.footnote {
	font-size: 80%;
	background-color: #ffffff
}

.contentnav td {
    padding: 2px 4px 2px 0;
}

.contentnav td.bgline {
    padding: 0;
}

.active {
	font-weight: bold;
	text-decoration: none
}

.buttonbar {
	background-color: #FFffff
}

.alert {
    border: 1px solid #cccccc;
    background-color: #fff5cb
}

.alert td {
	font-size: 90%;
    padding: 10px 4px;
}

.radio {
 	margin-bottom: 0;
	vertical-align: middle;
}

.errortext {
	color: #cc0000;
	text-decoration: underline
}

.errorhead {
	color: #cc0000;
	text-decoration: none
}

.errormargin {
	margin-left: 14px
}

.margetext {
	margin: 0 170px 0 0
}

.alert ul {
    padding: 0;
    margin-top: 0;
    list-style-image: url(../../../webservice/images/list.gif);
	margin-bottom: 0;
    margin-left: 14px;
}

.invisible {
	display: none;
}

.fo td {
	font-size: 10PX;
	font-style: normal;
	text-decoration: none;
}

.textArea {
	
}

.warning td {
	font-style: italic;
	font-size: 80%;
}

/**********************************/

/* Deze stijl krijgen alle antwoordvelden die verplicht beantwoord moeten worden. */
.inputRequired { 
	/*	BACKGROUND-COLOR: #f3c000*/
}

/* Deze stijl krijgen alle labels van vragen die wel beschikbaar zijn.*/
.applicable { 
	/*color: #848284;*/
}

/* Deze stijl krijgen alle labels van vragen die niet beschikbaar zijn binnen formulieren.*/
.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 krijgt een antwoordveld die foutief ingevuld is. */
.errorField { 
	/*	background-color: red; */
}

.infolinkimage {
    background: url('../../../webservice/images/info.gif') no-repeat;
    width: 14px;
	height: 14px;
}

#ph_sequencemenu ul li.clickableSequenceMenuElement input {
    cursor: pointer;
}

.intermediaryName, .intermediaryExternalIdentifierMessageCell  {
	float: right;
	display: inline;
}

/**********************************/
/* Deze stijl gebruiken we om gewijzigde velden cursief weer te geven, in mutatieformulier en polisinzageformulier. */
.modified {
	font-style: italic;
	background-color: #ECEFF1;
}

.inzage td.label {
	width: 35%;
}

/* Deze 'verborgen' knop wordt gebruikt om de 'volgende' knop als eerste in het formulier te tonen. We kunnen hem alleen niet 
helemaal verbergen, omdat IE8 hem dan negeert. */ 
.nextButtonInvisible { 
        position: absolute; width: 0; height: 0; padding: 0; margin: 0; color: white; font-size:0; border: 0; 
}

.hiddeninputfields {
	width: 0;
	height: 0;
}

.hiddeninputfields #errormessage {
	display: none;
}

.infotext {
	font-style: italic;
	font-size: 11px;
}

#formWrapper .infoTextWithMoreInformationLine .floatInfoLink .questionLabel {
    width: 100%;
}

.infoTextWithMoreInformationLabel {
	clear: both;
	float: left;
}

.infoTextWithMoreInformationLink {
	clear: both;
	float: right;
	padding-bottom: 12px;
}

.infoTextWithMoreInformationText {
	clear: both;
	float: left;
	padding-bottom: 12px;
}

/* Productselectiescherm */

.productWrapper {	
	border-top: 1px solid;	
	width: 600px;	
	position: relative;	
	padding: 0 10px 0 10px;			
}
.productWrapper .productLogo {	
	float: right;	
	width: 200px;
	height: 100%;
	background: no-repeat top right;
	margin-left: 10px;	
}
.productWrapper .productLogo {	
	float: right;	
	width: 200px;
	height: 100%;
	background: no-repeat top right;
	margin-left: 10px;
	position: relative;	
}
.productWrapper .productLogo .productLogoDialogLink {		
	display: none;		
}
.productWrapper .productName {
	font-weight: bold;	
}
.productWrapper .dialogLink {
	margin-top: 15px;	
}
.internetModuleOverviewPageIntroduction {
	margin-bottom: 20px;
}
.internetModuleOverviewPageTitle {	
	font-size: 12pt;
	font-weight: bold;	
}

/* Stijl voor de melding dat de gebruiker geen JavaScript gebruikt */
#javascriptMessage {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #000000;
    padding: 20px;
    height: 260px;
    left: 346px;
    margin: 0 auto;
    position: absolute;
    top: 246px;
    width: 360px; 
}

#javascriptMessage h1 {
	font-size: 20px;
	color: #000000;
	font-weight: bold;
}