/* =========================================== 
FORM CONTROLS
=========================================== */

.hsformdatadiv {
	margin-top: -6px;
}

.generalMain.singleColumn {
	width: 100%;
}

.generalMain.doubleColumn {
	width: 498px;
}

.doubleColumn .tabbuttons {
	clear:right;
}

.generalMain fieldset {
	border: none;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	background: transparent url(/Content/images/forms/fieldset-bg.gif) repeat-x 0 0;	
	float: left;
}

.generalMain fieldset h3,
.generalMain fieldset h4,
.generalMain p.header {
	padding: 10px 10px 5px 10px;
	border-bottom: 1px solid #e8ebea;		
	font-size: 14px;
	color: #19bfa6;
	font-weight: bold;
	text-shadow: #fff 1px 1px 1px;
	background: url(/Content/images/forms/fieldset-description-bg.gif);	
	margin: -6px -2px -3px -2px; 
	padding-left: 12px;
}

.generalMain fieldset  .fieldset_description {
	background: url(/Content/images/forms/fieldset-description-bg.gif);	
	padding: 10px 10px 5px 10px;
	margin: 4px 0 0 0;
	color: #7f8080;
	border-bottom: 1px solid #e8ebea;	
}

.generalMain .fieldset_description  h2 {
	padding: 0;
	margin: 0 0 5px 0;	
	color: #19bfa6;
	font-size: 15px;
	font-weight: bold;
	text-shadow: 1px 1px #FFF;
}

.generalMain .fieldset_description p {
	padding: 0 0 10px 0;
	margin: 0;
	color: #8f9b9d;
}

.generalMain .fieldset_description_line {
	position: relative;
	background: transparent url(/Content/images/forms/line-bottom.gif) 0 0 repeat-x;		
	padding: 14px 0 20px 0;
}

.generalMain .fieldset_description .fieldset_description_line p {
	padding: 0;
}

.generalMain div.toggle_select {
	float: right;
	margin-top: -4px;
}

.generalMain a.toggle_select_button {
	background: transparent url("/Content/images/select_toggle.png") no-repeat 0 0;	
	display: inline-block;
	width: 91px;
	height: 27px;	
	vertical-align:bottom;
}

.generalMain a.toggle_select_button.active {
	background: transparent url("/Content/images/select_toggle.png") no-repeat 0 -27px;	
}

.generalMain .fieldset_top_buttons {
	background: transparent url(/Content/images/forms/fieldset-bg.gif) repeat-x 0 0;	
	padding: 16px 0 5px 0;
	margin: -16px 0 5px 0;
	color: #7f8080;
}

.generalMain p.path {
	position:relative;
	width: 360px;
	word-wrap: break-word;
	z-index:100;
	color: #080808;
	font-size: 12px;
}

.generalMain .fieldset_top_buttons .searchform {
	float: right;
	margin-right: 15px;
}

.generalMain .fieldset_top_buttons .meta_buttons {
	float: none;
	margin: 5px 0 8px 10px;
}

.generalMain .fieldset_top_buttons .meta_buttons li  {
	padding-right: 4px;
}

.generalMain .fieldset_top_buttons .meta_buttons li a  {
	color: #000;
	padding: 0;
}

.generalMain fieldset .hsLine {
	padding: 5px 0;
	margin: 3px 2px 1px 2px;
	background: transparent url(/Content/images/forms/line-bottom.gif) 0 100% repeat-x;	
	*float: left;
	*width: 99%;
}

.generalMain fieldset .hsLine#showSumPrMin  {
	padding: 6px 0;
	margin: 0 5px;
	border-bottom: 1px solid #959595;
}

.generalMain fieldset td,
.generalMain fieldset th {
	padding: 3px 10px; 
	line-height: 20px;
} 	

/* Form elements	 */
.euroDiv,
.generalMain label,
.generalMain .hsRadioP, /* label of radios */
.generalMain textarea,
.generalMain input {
	font: normal 12px/18px Helvetica, Arial, sans-serif;
	color: #080808;
	padding: 3px 0 3px 4px;
	margin-left: -2px;	
	min-height: 17px;
	line-height: 20px;	
}

.generalMain .hsformdatadiv input[type="checkbox"] {
	border: none;
	background: transparent;
	width: 14px;	
}

.generalMain select {
	font: normal 12px/18px Helvetica, Arial, sans-serif;
	color: #080808;
	padding: 3px 0 3px 4px;
	margin-left: -2px;	
	line-height: 20px;	
}

.generalMain label,
.generalMain .hsRadioP /* label of radios */  {
	min-height: 24px;
	line-height: 24px;	
	display: inline-block;
	vertical-align: top;
	width: 200px; /* Width of labels */
	padding: 2px 0 2px 10px;
}

.generalMain input,
.generalMain textarea,
.generalMain select,
.generalMain input.hsInput {
	border: 1px solid #d1d1d1;
	margin-left: 1px;
}

.generalMain select,
.generalMain textarea,
.generalMain input  {
	color: #080808;
	background-color: #fff;
}

.generalMain input:focus,
.generalMain textarea:focus,
.generalMain select:focus,
.generalMain input.hsInput:focus {
	background-color: #ffffdd;
}

.generalMain input.hsInput,
.generalMain input.euroDiv,
.generalMain .hsRadioBut {
	width: 298px;
}

#frm_SbiSelect {
	width:800px;
}

#frm_groep {
	width:500px;
}

.generalMain .test_select select {
	min-width: 296px;
	min-width: 296px\9;
	*width: 296px;
	margin-top: 1px;
	margin-top: 3px\9;
	margin-left: 0;
}

.generalMain textarea {
	margin: 0 5px;
  height: 120px;
  width: 514px;
}

.generalMain .hsformdatadiv textarea {
	width: 477px;
}

.generalMain input.hsCheckBox {
	width: 75px;
	background: none;
	border: none;
}

.generalMain .hsRadioP  {
	width: 200px; 
	display: inline-block;
	vertical-align: top;
}

.generalMain .hsRadioBut {
	display: inline-block;
	padding-left: 20px;	
	*margin: -30px 0 0 212px;
}

.generalMain .hsRadioP p {
	padding: 0;
	margin: 0;
}

.generalMain  .hsLine .hsRadioBut label {
	width: 100px;
}

.generalMain  .hsLine .hsRadioBut input,
.generalMain .hsRadioBut input {
	background: none;
	vertical-align: bottom;	
	border: none;
	width: 18px;
	width: auto\9;
	padding-right: 7px;
}

.generalMain .euroDiv {
	display: inline-block;
}

.generalMain .euroDiv input.disabled,
.generalMain .euroDiv input {
	background: #fff;
	border: none;
	color: #000;	
}

.generalMain .input_select {
	position: absolute;
	left: 210px;
	top: -28px;
	margin-right: -3px;
	border: 1px solid #ccc;
	border-right: 0;	
}

.doubleColumn .input_select {
	left: 153px;
}

.generalMain .selectbox_right {
	position: absolute;
	left: 232px;
	top: -27px;
	display: block;
	height: 25px;
	padding: 0 2px 0 0;
	background: transparent;
}

.doubleColumn  .selectbox_right {
	left: 175px;
}

.generalMain .selectbox_right img {
	background: transparent;	
	width: 282px; /* OM te voorkomen dat in IE de selctbox flikkert hebben we het plaatje nu over de hele breedte van de selectbox gezet... */
	height: 25px;
	display: block;
}

.generalMain .test_select {
	margin-top: -30px;
	padding-left:0;
}

.generalMain .discountpercentages {
  margin-left: 10px;
}

.generalMain .discountpercentages td:first-child {
  width: 197px;
}

#frm_geslachtCtr .radio {
	margin-left: 0;
}

/* =========================================== 
EDIT
=========================================== */

.defaultSkin table {
  margin: 0 5px 5px 5px;
}

.edit.generalMain .defaultSkin table.mceLayout {
  width: 732px !important; /* !important weg - via software inline stylen */
  margin-left: 5px;
}

.edit.generalMain.doubleColumn .defaultSkin table.mceLayout {
  width: 478px !important; /* !important verwijderen */
}

/* =========================================== 
FIELD STATUSES
=========================================== */

.generalMain .hsStatusMandatory input,
.generalMain .hsStatusNotComplete input,
.generalMain .hsStatusComplete input  {
	border: none;
	border-right: 1px solid #cecece;	
	padding-left: 23px;	
	width: 280px;	
	height: 20px;
	background-position: 0 0;
	background-repeat:no-repeat;
}

.generalMain .hsStatusMandatory input  {
	background-image: url(/Content/images/forms/statusmandatory.png);
	border-right: 1px solid #cecece;	
}

.generalMain .hsStatusNotComplete input {
	background-image: url(/Content/images/forms/statusnotcomplete.png);
	border-right: 1px solid #be0707;
}

.generalMain .hsStatusComplete input  {
	background-image: url(/Content/images/forms/statuscomplete.png);
	border-right: 1px solid #afe8b2;
}	

.generalMain .readonly input,
.generalMain .readonly textarea,
.generalMain .readonly select,
.generalMain .readonly input:focus,
.generalMain .readonly textarea:focus,
.generalMain .readonly select:focus,
.generalMain .readonly input.hsInput:focus {
	background-color:#f2f2f2;
	border:1px solid #e9e9e9;
	color:#898989;
}

.generalMain .readonly  label {
	color:#898989;
}

.generalMain .readonly input:hover,
.generalMain .readonly textarea:hover,
.generalMain .readonly select:hover,
.generalMain .readonly input:focus,
.generalMain .readonly textarea:focus,
.generalMain .readonly select:focus {
	background: url(/Content/images/locked.png) 98% 50% no-repeat #f2f2f2;
}

.generalMain .hsStatusComplete .hsRadioBut label,
.generalMain .hsStatusComplete .hsRadioBut input,
.generalMain .hsStatusComplete input.hsCheckBox,
.generalMain .hsStatusNotComplete .hsRadioBut label,
.generalMain .hsStatusNotComplete .hsRadioBut input,
.generalMain .hsStatusNotComplete input.hsCheckBox,
.generalMain .hsStatusMandatory .hsRadioBut label,
.generalMain .hsStatusMandatory .hsRadioBut input,
.generalMain .hsStatusMandatory input.hsCheckBox {
	background: none;
	vertical-align: bottom;	
	border: none;
}

.generalMain .hsStatusComplete input.hsCheckBox,
.generalMain .hsStatusNotComplete input.hsCheckBox,
.generalMain .hsStatusMandatory input.hsCheckBox {
	width: auto\9;
	padding-left: 33px\9;
}

.generalMain .hsStatusMandatory .hsRadioBut  {
	background-image: url(/Content/images/forms/statusmandatoryradio.png);
	background-repeat: no-repeat;
}	

.generalMain .hsStatusComplete .hsRadioBut  {
	background-image: url(/Content/images/forms/statuscompleteradio.png);
	background-repeat: no-repeat;
}	

.generalMain .hsStatusNotComplete .hsRadioBut  {
	background-image: url(/Content/images/forms/statusnotcompleteradio.png);
	background-repeat: no-repeat;
}	

.generalMain .hsStatusMandatory input.hsCheckBox {
	background-image: none;
}

.generalMain .hsStatusMandatory.hsLineCheckbox {
	background-image: url(/Content/images/forms/statusmandatoryradio.png);
	background-repeat: no-repeat;	
	background-position: 225px 3px;
}

.generalMain .hsStatusComplete.hsLineCheckbox {
	background-image: url(/Content/images/forms/statuscompleteradio.png);
	background-repeat: no-repeat;	
	background-position: 225px 3px;
}

.generalMain .hsStatusNotComplete.hsLineCheckbox {
	background-image: url(/Content/images/forms/statusnotcompleteradio.png);
	background-repeat: no-repeat;	
	background-position: 225px 3px;
}

/* end statuses */

.generalMain .hsErrorBg p {
	margin-left: 8px;
}

.generalMain .hsErrorBg p {
	font-weight: bold;
	font-style: normal;
	color: #d41f26;
}

.generalMain fieldset .hsLine .hsRightDiv {
	float: right;
	width: 28px;
}

#content-links .generalMain p.hsPrS {
	float: right;
	margin-top: 4px;
	background: #e8e8e8;
	line-height: 24px;
	height: 24px;
	width: 100px;
	text-align: right;
}

.hsESign {
	display: block;
	float: left;
	width: 10px;
}

.hsEMon {
	padding-right: 5px;
}

.hsP1 {
	width: 20px;
	float: left;
}

/* =========================================== 
PAKKET LAYOUT
=========================================== */

#content-links .generalMain .formtitle {
	width: 100%;
	padding: 3px 0 2px 180px;
	background: transparent url(/Content/images/pakketnaam.png) 38px 4px no-repeat;	
	margin: 20px 0 -10px 0;
}

#content-links.pakket h1 {
	float:left;
	padding:15px 130px 0px 25px;
}

/* =========================================== 	
bottom buttons
=========================================== */

.verplicht {
	display: block;
	float: left;
	width: 100%;
	margin-left: 25px;
}

.hsHintanchorNoPr {
	margin-top: 4px;
	display: block;
	width: 20px;
	height: 20px;
	background: transparent url(/Content/images/forms/icon-info.png) no-repeat 0 0;
}

.hsChangePasswordHintDiv {
	float:right;
}

.hsHintanchorUrl {
	text-decoration: none;
	color: #000;	
}

/* Hint-box   */
#hintbox   {	
	position: absolute;
	visibility: hidden;	
	width: 200px; 	
	padding: 5px 12px 5px 12px;	
	z-index:100; 
	background: #fff url(/Content/images/toelichting.jpg) no-repeat 7px 5px;
	border: 1px solid #198c24;
}

#hintbox  p {
	width: 200px; 	
}

#hintbox  p.urlhint {
	width: 550px;
}

/* =========================================== 
UITZONDERINGEN PER FORMULIER
=========================================== */

/**************************************
AUTO
**************************************** */

/* rolls */
#isa3audascankenteken {
	height: 24px;
	margin-top: 5px;
}

#isa3audascankentekenfieldscontainer img {
	border: 5px solid #ccc;
	margin-top: 5px;
}

/* test */
#frm_BrutoPrS {
	display:none;
}

/* hack voor tijdelijk */	
#content-links {
	position: relative
}

#hsproductinfodiv,
#hsGeneralForm {
	background: #fff;
	position: absolute;
	top: 70px;
	left: 0;
	width: 100%;
	padding-bottom: 200px;
}

#hsFase1But a {
	color: #fff;
}

#newPolisList,
#extrainfo_ul {
	display: none;
}	

/* =========================================== 
ADD CONTENT
=========================================== */

#div_head input {
	margin-left:3px;
	width:480px;
}

.generalMain fieldset.select_content_type {
	padding-bottom: 5px;
	background: transparent url(/Content/images/forms/select-contenttype-bg.png) repeat-x 0 0;
}

.generalMain fieldset.select_content_type .hsLine {
	background: none;
	padding-top: 8px;
}

.generalMain fieldset.empasized {
	background: transparent url(/Content/images/forms/fieldset-emph-bg.gif) repeat-x 0 0;
}

.generalMain fieldset.empasized.create_page_url {
	*margin-top: 10px;
}

.generalMain fieldset.empasized .hsLine {
	background: none;
}

.generalMain fieldset.empasized .fieldset_description {
	background: transparent;
}

.generalMain fieldset.empasized .fieldset_description p {
	color: #333;
}

.generalMain fieldset.empasized label {
	width: 120px;
}

.generalMain fieldset.empasized.create_page_url input {
	width: 277px;
	margin-left:-38px;
}

.generalMain fieldset.empasized .hsRightDiv {
	width: 115px;
}

.generalMain fieldset.empasized .hsRightDiv span {
	display: block;
	float: left;
	margin-top: 4px;
	margin-right: 8px;
}

a.generate_url_button {
	display: block;
	text-indent: -9999px;
	background: transparent url(/Content/images/forms/genereer-button.png) no-repeat 0 0;
	width: 78px;
	height: 27px;
	float: right;
	margin-right: 15px;
	*margin-top: -35px;
}
/* =========================================== 
RECHTER KOLOM
=========================================== */	

.right_form_column_wrapper {
	float: right;
	width: 234px;
	margin-top: 26px;
}

.right_form_column {
	background: transparent url(/Content/images/forms/rightformcol-bg.gif	) repeat-x 0 0;
	margin-bottom: 10px;
	padding-bottom: 10px;
	color:#3a4244;
}

.right_form_column_inner {
	margin: 10px;
}		

.right_form_column h3 {
	padding: 18px 0 0 24px;	
	background: transparent url(/Content/images/forms/help-lamp.png) no-repeat 0 100%;
}

.right_form_column_content {
	border-top: 1px solid #f1f1f1;
}

.right_column_add_content {
	background: #fcfcfc;
	border: 1px solid #d0d4d3;
	margin-bottom: 0;
	margin-top: 12px;
}

.right_column_add_content h3 {
	margin-top: 0;
	padding: 8px 0 8px 10px;
	background: #f1f4f3;
	color: #4b5e7f;
}

.right_column_add_content .right_form_column_content {
	border: none;
}

.right_form_column label {
	display: block;
}

.right_form_column input,
.right_form_column textarea {
	font-size: 11px;
	padding-left: 2px;
	margin: 5px 0;
	width: 206px;
	border: 1px solid #ccc;
}

.right_form_column input {
	padding: 5px 0 5px 2px;
	padding:4px 0 5px 2px\9;
}

.right_form_column textarea {
	min-height: 60px;
}

.right_form_column input:focus,
.right_form_column textarea:focus {
	background-color: #ffffdd;
}

.right_form_column ul {
	padding: 0;
	margin: 0;
}

.right_form_column ul li.edit_content_dateedited,
.right_form_column ul li.edit_content_lastedited {
	padding: 4px 0 4px 24px; 
	background: transparent url(/Content/images/forms/icon_calendar.png) no-repeat 0 5px;	
}

.right_form_column ul li.edit_content_user {
	padding: 4px 0 4px 24px;
	background: transparent url(/Content/images/forms/icon_person.png) no-repeat 0 50%;	
}

.right_form_column ul li.edit_content_contenttype {
	padding: 4px 0 4px 24px;
	background: transparent url(/Content/images/forms/contenttype.png) no-repeat 1px 4px;	
}
.right_form_column .hasDatepicker {
	width:175px;
}

.right_form_column  .ui-datepicker-trigger {
	width: 32px;
	height: 28px;
	outline:none;
	margin: 0;
	margin-left:-1px;
	*margin-bottom: 5px;
	padding: 0;
	border: 0;
	background: transparent url(/Content/images/forms/datepicker.jpg) no-repeat 0 3px;	
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
}

.right_form_column  .div_status {
	height:32px;
	margin-bottom:2px;
	background: transparent url(/Content/images/forms/status_tussenlijn.jpg) repeat-x left bottom;	
}

/* =========================================== 
ACCEPTATIE BOX
=========================================== */

#aBoxNamesDdlb {
	display:inline;
	margin-right:5px;
}

#aBoxNamesDdlb option {
	padding:3px 0;
}

.abox {
	text-align:left;
}

.abox table {
	width:100%;
}

.abox h1,
.abox h4 {
	margin:0;
	padding:0;
}

.abox table button {
	display:inline;
}

.rulecontainer ul.group,
.clausulecontainer ul.group {
	padding-top:20px;
	padding-bottom:20px;
	border-top:1px solid #EEE;
}

.rulecontainer ul.group li {
	float:left;
	line-height:20px;
	width:100%;
}

.rulecontainer ul.group li.specialli,
.clausulecontainer ul.group li.specialli {
	background:url("/Content/images/forms/line-bottom.gif") repeat-x scroll 0 100% #EEEEEE;
	margin:3px 2px 1px;
	padding:5px;
	width:736px;
}

.rulecontainer ul.group input.button {
	display:inline;
	float:left;
	margin-right:5px;
	padding:2px 4px 1px;
	width:auto;
}

.doubleColumn  label {
	width:145px;
}

.hsformdatadiv span.extraspan {
	margin-left: 310px;
}

/* =========================================== 
RISICO VRAGEN
=========================================== */

#divSurveyRiskEditForm .selectbox_right {
  margin-left: -65px;
}

#divSurveyRiskEditForm .rightofselect a {
  margin-right: 10px;
}

#divSurveyRiskEditForm .questionactioncol a {
  float: right;
}


.questioncodecol {
  width: 20%;
}


.questionlabelcol {
  width: 40%;;
}


.questionproppathcol {
  width: 20%;
}


.questionactioncol {
  width: 20%;
}