/* --------------------------------------------------------------------------------------------------
	Fix layout
------------------------------------------------------------------------------------------------- */
#center div input, #center div select {
	border: 1px solid #cccccc;
	margin: 0 !important;
    font-size: 12px !important;
}

#center div input {
	padding: 0 2px 0 2px;
}
#quickSearch input {
	margin: 0 !important;
}
em {
	color: #999999;
	font-size: 12px;
	line-height: 13px;
}

.hidden {
	display: none !important;
}
.endwrapper  {
	display: none !important;
}

.pagebuttonleft { float: left; }
.pagebuttonright { float: right; }
.pagebuttonleft, .pagebuttonright {
	margin: 1em 0 0 0 !important;
}

.pagebuttonright {
	margin: 1em 0 0 0;
	float: right;
}

.pagebuttonuitgangspunten {
	padding: 1em 1em 0.5em 1em;
}

p.attention {
	padding: 1em;
	font-style: italic;
	background: url('./stap2/background_tab_active.gif') repeat-x left top;
}

#center fieldset.groupwrapper {
    clear:left;
}
#center fieldset.groupwrapper div div {
margin:0 0;
width:100%;
}

#center div label.graphcontrol { }
p label.graphcontrol {font-size: 100% !important;}

#center div table.ResultTable th, #center div table.ResultTable td {
    width: 33% !important;
    padding: .3em !important;
    text-align: center;
    vertical-align: top;
}

#center div table.ResultTable {
    width: 75% !important;
    margin-left: 70px;
}

div#ipo_content {
    margin-bottom: 2em !important;
}

span.sign_b {
    margin-right: 4px;
    font-size: 12px !important;
}

span.sign_c {
    margin-left: 4px;
    font-size: 12px !important;
}

.toolbox .contents {
    padding-top: .75em;
    padding-bottom: 1em;
}

.toolbox .aovtoolbox .contents {
    padding-top: 0;
}

.toolbox .contents p {
    margin-bottom: 0em;
}

#geenjs_content {
    display: none !important;
}

/* --------------------------------------------------------------------------------------------------
	Interpolis CSS
	Menu
------------------------------------------------------------------------------------------------- */
.contentwrapper {
clear: left;
}



/* --------------------------------------------------------------------------------------------------
	Interpolis CSS
	Menu
------------------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------------------
	Interpolis CSS
	Header buttons
------------------------------------------------------------------------------------------------- */
.ipoButton {
	float: left;
	width: 42px !important;
	height: 42px !important;
	margin: 44px 43px 0 0 !important;
}

.ipoButton a {
	cursor: default;
	display: block;
	width: 100%;
	height: 100%;
}



/* --------------------------------------------------------------------------------------------------
	Interpolis CSS
	Content
------------------------------------------------------------------------------------------------- */
#pa_contentmodule {
	margin: 0;
	width: 100% !important;
}

#ph_sequencemenu {
	display:none;
}


#pa_leftcentercontent {
	float: left;
	width: 100%;
}

#pa_leftcentercontent h3 {
	font-size: 18px;
	margin: 0 0 1em 0;
}

#pa_leftcentercontent .person_tray.aovsingle {
    clear: right;
    margin-bottom: 1em;
}
#pa_leftcentercontent p.clearleft {
    clear: left;
}

.ph_alertmessage div {
	font-weight: bold;
}
.ph_alertmessage {
	color: #ff0000;
	background: url('./img/exclamation.gif') no-repeat 1em center;
	font-weight: bold;
	font-size: 75%;
	margin: 1em;
	padding: 0.5em 0.5em 0.5em 2.5em;
	border: 1px solid #FF0000;
}

.errortxt{
	color: #FF0000;
	font-weight: bold;
}
#center div .errortxt label * {
	font-weight: bold;
}

#center #ipo_content span.errormsg {
    padding-left: 0;
    font-size: 12px !important;
}


/* --------------------------------------------------------------------------------------------------
	Rabobank CSS
	Overgenomen waardes
------------------------------------------------------------------------------------------------- */
.size_f select {
	width: 260px !important;
}

#center div label {
    font-size: inherit !important;
}
#center .labelwrapper span {
    font-size: 12px !important;
}

#center .labelwrapper em span {
    font-size: inherit !important;
}

.linewrapper {
	border-top: 1px solid #0ba29c;
}

.labelwrapper {
    clear: left;
	display: block;
	width: 50%;
	float: left;
	padding: 1em 0 1em 0;
}

.controlwrapper {
	float: left;
	width: 50%;
	display: block;
	padding: 1em 0 1em 0;
}

.ra_bh_singleswapdeflist dt {
	cursor: pointer;
	padding: 0.5em 0 0 1.3em;
	font-weight: normal;
	background: url('./stap2/swap_plus.gif') no-repeat left 9px;
}

dt {
	margin-bottom: 0;
}

.ra_bh_singleswapdeflist dt.open {
	color: #0ba29c;
	font-weight: bold;
	background: url('./stap2/swap_min.gif') no-repeat left 9px;
}

.ra_bh_singleswapdeflist dd {
	display: none;
	padding: 0 0 0.5em 1.3em;
	margin-left: 0em;
}

.ra_bh_singleswapdeflist dd.open {
	display: block;
}

span.link {
	color: #0ba29c;
	font-weight: bold;
}

#center div input.link {
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0;
	cursor: pointer;
	color: #0ba29c;
	background: none;
	border: none;
	text-align: left;
	width: auto;
}

input.link.activeer {
	color: #FF0000;
}

#tabC2 .ra_bh_dynamicpanel span {
    font-size: 75%;
}

/* --------------------------------------------------------------------------------------------------
	Interpolis CSS
	Tooltip
------------------------------------------------------------------------------------------------- */
span.infotext {
	display: none;
}

span.tooltip {
	font-weight: normal;
	display: block;
	padding: 6px;
	z-index: 99;
	width: 200px !important;
	color: #000000;
	background: #FFFFFF !important;
	position: absolute;
	border: 1px solid #0ba29c;
	line-height: 1.5em;
}



/* --------------------------------------------------------------------------------------------------
	Interpolis CSS
	Bottom
------------------------------------------------------------------------------------------------- */
#ph_pagenav {
	margin: 1em 0 1em 0;
}

.resume {
	clear: both;
	background: #eeeeee;
}



/* --------------------------------------------------------------------------------------------------
	Interpolis CSS
	Buttons
------------------------------------------------------------------------------------------------- */
.submit_aanvragen {
	width: 180px !important;
	height: 35px !important;
	background: url('./img/aanvragen_up.gif') no-repeat top left;
}

.submit_aanvragen_focus {
	background: url('./img/aanvragen_focus.gif') no-repeat top left;
}

.submit_aanvragen.disabled {
	background: url('./img/aanvragen_disabled.gif') no-repeat top left;
}

.submit_vorige {
	width: 95px !important;
	height: 27px !important;
	background: url('./img/vorige_up.gif') no-repeat top left;
}

.submit_vorige_focus {
	background: url('./img/vorige_focus.gif') no-repeat top left;
}

.submit_vorige.disabled {
	background: url('./img/vorige_disabled.gif') no-repeat top left;
}

.submit_volgende {
	width: 95px !important;
	height: 27px !important;
	background: url('./img/volgende_up.gif') no-repeat top left;
}

.submit_volgende_focus {
	background: url('./img/volgende_focus.gif') no-repeat top left;
}

.submit_volgende_disabled {
	background: url('./img/volgende_disabled.gif') no-repeat top left;
}

.submit_uitgangspunten {
	width: 117px !important;
	height: 27px !important;
	background: url('./img/uitgangspunten_up.gif') no-repeat top left;
}

.submit_uitgangspunten_focus {
	background: url('./img/uitgangspunten_focus.gif') no-repeat top left;
}

.submit_uitgangspunten_disabled {
	background: url('./img/uitgangspunten_disabled.gif') no-repeat top left;
}



/* --------------------------------------------------------------------------------------------------
	Interpolis CSS
	Content: Stap 1: Main
------------------------------------------------------------------------------------------------- */
#UwGegevens_WatIsUwLeeftijd {
	width: 20px !important;
}



/* --------------------------------------------------------------------------------------------------
	Interpolis CSS
	Content: Stap 1: Hulp
------------------------------------------------------------------------------------------------- */
#center div ul.stap1Hulp, #center div ul.stap1Hulp li, #center div ul.stap1Hulp li input.link, #center div .person_tray input.link {
    font-size: 100% !important;
}
#center div ul.stap1Hulp input {
    height: auto;
    width: auto;
}

ul.stap1Hulp li a {
}

ul.stap1Hulp li a:hover {
	text-decoration: underline;
}



/* --------------------------------------------------------------------------------------------------
	Interpolis CSS
	Content: Stap 2: Main
------------------------------------------------------------------------------------------------- */
.tabContainer {
	padding: 1em 0.5em 1em 0.5em;
	background: #0ba29c;
}

.tabHeader {
	height: 163px;
	overflow: hidden;
}

.tabHeader .tab {
	cursor: pointer;
	float: left;
	width: 90px;
	height: 163px;
	padding: 0 22px 0 22px;
	background: url('./stap2/background_tab.gif') repeat-x left top;
	border-top: 1px solid #0ba29c;
	border-right: 1px solid #0ba29c;
}

.tabHeader .tab a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 110px 0 0 0;
	color: #0ba29c;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	font-size: 75% !important;
}

.tabHeader .tab_active {
	cursor: default;
	background: url('./stap2/background_tab_active.gif') repeat-x left top;
}

.tabHeader .tab_active a {
	cursor: default;
	color: #000000;
}

#tabH1 a { background: url('./stap2/tab_situatie.gif') no-repeat center 30px; }
#tabH1.tab_active  a { background: url('./stap2/tab_situatie_active.gif') no-repeat center 30px; }

#tabH2 a { background: url('./stap2/tab_oorzaken.gif') no-repeat center 30px; }
#tabH2.tab_active  a { background: url('./stap2/tab_oorzaken_active.gif') no-repeat center 30px; }

#tabH3 a { background: url('./stap2/tab_collegas.gif') no-repeat center 30px; }
#tabH3.tab_active  a { background: url('./stap2/tab_collegas_active.gif') no-repeat center 30px; }

#tabH4 a { background: url('./stap2/tab_misvattingen.gif') no-repeat center 30px; }
#tabH4.tab_active  a { background: url('./stap2/tab_misvattingen_active.gif') no-repeat center 30px; }


.tabContent {
	clear: both;
}

.tabContent .tab {
	display: none;
	padding: 8px;
}

.tabContent .tab_active {
	display: block;
	background: url('./stap2/background_tab_active.gif') repeat left top;
}

.tabContent #tabC1 .tooltipwrapper IMG.graph {
	margin: 0;
}

.tabContent #tabC1 IMG.graph {
	margin: 0 0 1em 70px;
}

.tabContent #tabC2 .hotspot {
	float: left;
	margin: 0 1em 0 0;
}

.tabContent #tabC2 .tray {
	height: 190px !important;
}

.tabContent #tabC2 .tray.close {
	display: none;
}

.tabContent #tabC2 .tray.open {
	display: block;
}

.tabContent #tabC3 img {
	float: left;
	margin: 0 1em 1em 0;
}



/* --------------------------------------------------------------------------------------------------
	Interpolis CSS
	Content: Stap 3: Main
------------------------------------------------------------------------------------------------- */
.person_tray {
	float: left;
	width: 50%;
}

.aovsingle {
	float: none;
	margin: 0 0 1em 0;
}

.person_tray img {
	float: left;
	margin: 0 1em 0 0;
}

.person_tray dl {
	float: left;
	margin-top: 0;
}

.swaplistwrapper {
	margin: 0 0 0 0;
	clear: both;
}

.visualaction {
	margin: 0 0 0 0;
	padding: 1em 0 0 0;
	border-top: 1px solid #0ba29c;
	clear: left;
}

.buttonbalk {
	text-align: center;
	margin: 1em 0 0 0;
	padding: 1em;
	background: url('./stap2/background_tab_active.gif') repeat-x left top;
}
