/********************************************************************************
 
 Popin classes. Styles the site's popin. 
 
********************************************************************************/

.top_draggable, .bottom_draggable {
  cursor: move;
}

.status_bar {
  font-size: 12px;
}
.status_bar input{
  font-size:12px;
}

.wired_frame {
	display: block;
	position: absolute;
	border: 1px #000 dashed;
}

.overlay_popin {
	background-color: #ffffff;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.overlay___invisible__ {
  background-color: #ffffff;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.popin_nw {
	width: 9px;
	height: 9px;
	background: transparent url(popin/top_left.png) no-repeat 0 0;
}

.popin_n {
	background: transparent url(popin/top_mid.png) repeat-x 0 0;
	height: 9px;
}

.popin_ne {
	width: 9px;
	height: 9px;
	background: transparent url(popin/top_right.png) no-repeat 0 0;	
}

.popin_e {
	width: 9px;
	background: transparent url(popin/center_right.png) repeat-y 0 0;
}

.popin_w {
	width: 9px;
	background: transparent url(popin/center_left.png) repeat-y 0 0;
}

.popin_sw {
	width: 9px;
	height: 9px;
	background: transparent url(popin/bottom_left.png) no-repeat 0 0;		
}

.popin_s {
	background: transparent url(popin/bottom_mid.png) repeat-x 0 0;
	height: 9px;
}

.popin_se {
	width: 9px;
	height: 9px;
	background: transparent url(popin/bottom_right.png) no-repeat 0 0;		
}

.popin_sizer {
	width: 9px;
	height: 9px;
	background: transparent url(popin/bottom_right.png) no-repeat 0 0;
	cursor:se-resize;	
}

.popin_close {
	width: 82px;
	height: 15px;
	background: #ffffff url(popin/close.png) no-repeat 0 0;			
	position:absolute;
	top:20px;
	right:20px;
	cursor:pointer;
	z-index:2000;
}

.popin_minimize {
	width: 14px;
	height: 15px;
	background: transparent url(popin/minimize.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:28px;
	cursor:pointer;
	z-index:2000;
}

.popin_maximize {
	width: 14px;
	height: 15px;
	background: transparent url(popin/maximize.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:49px;
	cursor:pointer;
	z-index:2000;
}

.popin_title {
	float: left;
	height: 0px;
	width: 100%;
}

.popin_content {
	overflow: auto;
	
	background: #ffffff url(popin/gradient.png) repeat-x left bottom;
	color: black;
	font-size: 10px;
}

.popin_box {
	padding-left: 20px;
	font-size: 11px;	
}


/* DO NOT CHANGE THESE VALUES*/
.dialog {
	display: block;
	position: absolute;
}

.dialog table.table_window  { 
	border-collapse: collapse; 
	border-spacing: 0; 
	width: 100%;
	margin: 0px;
	padding:0px;
}

.dialog table.table_window td , .dialog table.table_window th { 
	padding-top: 0px; 
}

.dialog table.table_window td.label {
	padding-top:5px;
	}


.dialog .title_window {
  -moz-user-select:none;
}

.popin_box textarea {width:304px; height:70px;}
.popin_box input {width:300px; height:20px;}
.popin_box textarea.reactie {width:304px; height:120px;}

#popin-window {
	overflow: hidden;
	overflow-x: hidden;
	}

#popin-window h2.black {
	background: transparent url(popin/black_bar.png) repeat-x scroll 0 0;
	clear:both;
	color:white;
	font-size: 12px;
	font-weight:bold;
	height:25px;
	margin: 40px 0 15px 0;
	padding-top: 4px;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	width:100%;
	_width: 92%; /** IE Fix */
}

#popin-window h2.red {
	background: transparent url(popin/red_bar.png) repeat-x scroll 0 0;
	clear:both;
	color:white;
	font-size:12px;
	font-weight:bold;
	height:25px;
	margin: 40px 0 15px 0;
	padding-top: 4px;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	width:100%;
	_width: 92%; /** IE Fix */
}