/********************************/
/*	popup.css					*/
/********************************/

#popups{
	height				: 0;
	float				: left
}

.popupWrapper {
	margin-left			: -250px;
	margin-top			: -160px;
	width				: 500px
}	

.popupWrapper .wrapWidgetContent,
.popupWrapper .pp_content,
.popupWrapper .pp_cntr_top .top_mid,
.popupWrapper .pp_cntr_btm .btm_mid {
	width				: 423px
}

.popupWrapper_small {
	width				: 380px;	
	margin-left			: -190px;
	margin-top			: -160px		
}	

.popupWrapper_small .wrapWidgetContent_small,
.popupWrapper_small .pp_content,
.popupWrapper_small .pp_cntr_top .top_mid,
.popupWrapper_small .pp_cntr_btm .btm_mid {
	width				: 303px
}

.popupWrapper_small .pp_content,
.popupWrapper .pp_content,
.popupWrapper_large .pp_content,
.popupWrapper_preview .pp_content,
.popupWrapper_extralarge .pp_content {
	background			: #fff
}

.popupWrapper_preview {
	margin-left			: -250px;
	margin-top			: -160px;
	width				: 500px
}	

.popupWrapper_preview .pp_content,
.popupWrapper_preview .pp_cntr_top .top_mid,
.popupWrapper_preview .pp_cntr_btm .btm_mid {
	width				: 423px;
}


.wrapWidgetContent_preview {
	width				: 400px
}

.popupWrapper_large {
	margin-left			: -350px;
	margin-top			: -210px;
	width				: 700px
}

.popupWrapper_extralarge {
	margin-left			: -450px;
	margin-top			: -240px;
	width				: 900px
}

.popupWrapper_large .wrapWidgetContent_large,
.popupWrapper_large .wrapWidgetContent_large,
.popupWrapper_large .pp_content,
.popupWrapper_large .pp_cntr_top .top_mid,
.popupWrapper_large .pp_cntr_btm .btm_mid {
	width				: 623px
}

.popupWrapper_extralarge .wrapWidgetContent_extralarge,
.popupWrapper_extralarge .pp_content,
.popupWrapper_extralarge .pp_cntr_top .top_mid,
.popupWrapper_extralarge .pp_cntr_btm .btm_mid {
	width				: 823px
}

.popupWrapper_fullscreen {
	margin-left			: -500px;
	margin-top			: -310px;
	width				: 1000px
}	

.popupWrapperSpecs {
	margin-left			: -300px;
	margin-top			: -160px;
	width				: 600px
}	

#popupCancelContainer input,
#popupOkContainer input {
	cursor				: hand;
	cursor				: pointer;
	background			: none; 
	padding				: 0; 
	margin				: 0; 
	height				: 17px
}

#popupOkContainer,
#popupCancelContainer {
	margin-right		: 6px
}

.popupWrapperSpecs #confirm,
.popupWrapper_fullscreen #confirm,
.popupWrapperSpecs #error,
.popupWrapper_fullscreen #error,
.popupWrapperSpecs, #downloadPDF, 
.popupWrapper_fullscreen, #downloadPDF  {
	border				: 2px solid #999;
	background			: #fff;
	left				: 50%;
	position			: absolute;
	top					: 50%;
	z-index				: 10001
}

.popupWrapper #confirm, 
.popupWrapper #error, 
.popupWrapper, #downloadPDF,
.popupWrapper_large #confirm,
.popupWrapper_large #error,
.popupWrapper_large, #downloadPDF,
.popupWrapper_extralarge #confirm,
.popupWrapper_extralarge #error,
.popupWrapper_extralarge, #downloadPDF, 
.popupWrapper_preview #confirm, 
.popupWrapper_preview #error, 
.popupWrapper_preview, #downloadPDF,
.popupWrapper_small #confirm, 
.popupWrapper_small #error, 
.popupWrapper_small, #downloadPDF{	
	left				: 50%;
	position			: absolute;
	top					: 50%;
	z-index				: 10001
}

.popupWrapper h2,
.popupWrapperSpecs h2 {
	margin-top			: 12px
}

#popupFilter {
	background			: #000;
	bottom				: 0;
	left				: 0;
	moz-opacity			: 20%;
	opacity				: 0.20;
	position			: absolute;
	right				: 0;
	top					: 0;
	z-index				: 1000;
	filter				: alpha(opacity=20)
}

.popupContent {
	color				: #000;
	margin				: 0;
	position			: relative;
	z-index				: 1000;
	overflow			: auto;
	text-align			: center
}

.popupWrapper_preview .popupContent {
	height				: 350px
}

.wrapWidgetContent {
	height				: 200px;
	overflow			: auto;
	text-align			: left;
	float				: left
}

.wrapWidgetContentSpecs {
	height				: 280px;
	overflow			: auto
}

.wrapWidgetContent_small {
	height				: 95px;
	overflow			: auto
}

.wrapWidgetContent_preview {
	height				: 200px;
	overflow-y			: auto;
	overflow-x			: hidden;
	padding-left		: 10px;
	text-align			: left
}


.wrapWidgetContent_large {
	height				: 300px;
	overflow			: auto
}

.wrapWidgetContent_extralarge {
	height				: 400px;
	overflow			: auto
}

.wrapWidgetContent_fullscreen {
	height				: 500px;
	overflow			: auto
}


.popupContent .title {
	background-color	: #F99122;
	font-weight			: bold;
	padding				: 10px 5px 0 7px;
	text-align			: left;
	float				: left;
	height				: 25px
}

.popupContent .title #popupTitle{
	float				: left
}

.popupContent .horBar{
	clear				: both;
	height				: 25px;
	padding				: 20px 4px 2px;
	position			: relative
}

.popupContent .horBar hr{
	width				: 100%
}

.buttons{
	left				: 50%;
	margin-left			: -75px;
	position			: relative;
	width				: 100%
}

.msg {
	margin-left			: 7px
}

input[type="button"]{
	background			: url(../img/marcompro/btn_center.gif) repeat-x;
	border				: 0;
	padding				: 0;
	height				: 27px;
	font-weight			: bold
}

.buttonContainer{
	float				: right;
	xmargin-right		: 10px;
	xmargin-bottom		: 10px
}

/*
NIEUWE POPUP CSS
*/
.pp_cntr_top .top_left, .pp_cntr_top .top_mid, .pp_cntr_top .top_right, .pp_cntr_btm .btm_left, .pp_cntr_btm .btm_mid, .pp_cntr_btm .btm_right{
	float				: left;
	height				: 34px
}

.pp_cntr_top .top_left, .pp_cntr_btm .btm_left{
	width				: 39px;
	background			: url(../img/pp_top_left.png) 0 0 no-repeat
}

#popup .pp_cntr_top .top_mid, #popup .pp_cntr_btm .btm_mid{	
	height				: 29px;
	color				: #fff;
	font				: bold 12px verdana, arial;	
	background			: url(../img/pp_top_mid.png) 0 0 repeat-x; 
	padding-top			: 5px
}

.pp_cntr_top .top_right, .pp_cntr_btm .btm_right{
	width				: 38px;	
	background			: url(../img/pp_top_right.png) 0 0 no-repeat
}

.pp_cntr_btm .btm_left, #popup .pp_cntr_btm .btm_mid, .pp_cntr_btm .btm_right{
	height				: 40px
}

.pp_cntr_btm .btm_left{
	background			: url(../img/pp_btm_left.png) 0 0 no-repeat
}

#popup .pp_cntr_btm .btm_mid{
	background			: url(../img/pp_btm_mid.png) 0 0 repeat-x
}

.pp_cntr_btm .btm_right{
	background			: url(../img/pp_btm_right.png) 0 0 no-repeat
}

#popup .pp_trans_left, #popup .pp_trans_right{
	clear				: both;
	background			: url(../img/pp_side_left.png) top left repeat-y
}

#popup .pp_trans_right{
	margin-left			: 39px;		
	background			: url(../img/pp_side_right.png) top right repeat-y 
}

.pp_title{
	float				: left
}

.pp_close_btn{		
	float				: right;
	width				: 21px;
	height				: 24px;
	background			: url(../img/pp_close_btn.png) 0 0 no-repeat; 
	margin-top			: -3px;
	cursor				: pointer
}