/***************************************
 * 
 * Popup things
 * 
 **************************************/

.dialog_buttons
{
	position: absolute;
	height: 20px;
	width: 100px;
	text-align: right;
	right: 15px;
	top: 0px;
	
}
	.dialog_buttons a
	{
		padding: 0px 2px;
	}


#popup
{
 	width: 405px;
	margin: 0 auto;
	position: relative;  
}
 
 
#popup .top
{
 	width: 405px;
	height: 40px;
	background: url('/images/layout/bg_popup_top.png') no-repeat;
	position: relative;
}


#popup .middle
{
 	width: 405px;
	background: url('/images/layout/bg_popup_middle.png') repeat-y;
	position: relative;
}

#popup .bottom
{
 	width: 405px;
	height: 40px;
	background: url('/images/layout/bg_popup_bottom.png') no-repeat;
	position: relative;
}

#popup .inner-content, #popup_wide .inner-content
{
	padding: 5px 40px;
	position: relative;
}

	
	
#popup_wide
{
 	width: 680px;
	margin: 0 auto;
	position: relative;  
}
 
 
#popup_wide .top
{
 	width: 680px;
	height: 33px;
	background: url('/images/layout/bg_popup_wide_top.png') no-repeat;
	position: relative;
}


#popup_wide .middle
{
 	width: 680px;
	background: url('/images/layout/bg_popup_wide_middle.png') repeat-y;
	position: relative;
}

#popup_wide .bottom
{
 	width: 680px;
	height: 33px;
	background: url('/images/layout/bg_popup_wide_bottom.png') no-repeat;
	position: relative;
}
	


#popup_wide span.error
{
	color: #ff0000;
}


#popup_wide
{
	position: absolute;
	z-index: 999;
	
}


#editable_overlay
{
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: black;
	opacity: 0.5;
	filter:alpha(opacity=50);
	width: 100%;
	height: 100%;
	position: fixed;
}

.login-content
			{
				width: 100%;
				position: relative;
				font-family: Arial, Helvetica, sans-serif;
			}

			.login-content h3
			{
				margin: 0px;
				color: #0091dc;
				font-weight: normal;
				font-size: 16pt;
				
				
			}
			
			.login-content p
			{
				margin-bottom: 5px;	
				color: #666;
				font-size: 12pt;
				line-height: 30px;
			}
			
			label.stl
			{
				width: 100%;
			}
			
			
			.login-content input[type=text], .login-content input[type=password]
			{
				width: 98%;
				}
				
		

	.login-content label
	{
		color: #666;
		font-size: 12pt;
		font-weight: bold;
		margin-bottom: 0px;
		margin-top: 10px;
	}
	
	
.login-content a
			{
				color: #666;
				text-decoration: underline;
			}
			
			.login-content a:hover
			{
				text-decoration: underline;
				color: black;
			}
			
			.login-content .content_left
			{
				width: 48%;
				
				float: left;
				position: relative;
				border-right: 1px solid #cccccc;
			}
			
			.login-content .content_right
			{
				width: 48%;
				
				float: right;
				position: relative;
				
			}
			
			
			.login-content h2
			{
				color: #666666;
				margin-top: 10px;
				margin-bottom: 5px;
				font-size: 12pt;
			} 
			
			.login-content span.error
			{
				color: #ff0000;
			}
			
			.login-content .errors
			{
				display: block;
				clear:both;
			}
			
			.login-content p
			{
				clear: both;
			}
		
			
/**************	START BUTTONS 	****************/
span.blue_button, span.grey_button, span.dark_grey_button, span.red_button {
	display: inline-block;		
	margin: 0;
	background: #fff url(/images/layout/bg_blue_button.png) left top repeat-x;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #bcbcb4;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	margin-right: 10px;
	line-height: 28px;
}

span.blue_button.no_top_border
{
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	border-top: 0px;
}



span.blue_button.disabled, div.services_disabled
{
	opacity:0.4;
	filter:alpha(opacity=40);
}

span.blue_button input,
span.blue_button button,
span.blue_button a,
span.grey_button input,
span.grey_button button,
span.grey_button a,
span.red_button input,
span.red_button button,
span.red_button a,
span.dark_grey_button input,
span.dark_grey_button button,
span.dark_grey_button a  {
	border: 0;
	background: none;
	display: inline-block;
	font-size: 11pt;
	height: 28px;
	
}


span.blue_button button,
span.grey_button button,
span.red_button button,
span.dark_grey_button button
{
	font-size: 10pt;
	vertical-align: top;
}


span.blue_button.big input,
span.blue_button.big button,
span.blue_button.big a
{
	border: 0;
	background: none;
	display: inline-block;
	font-size: 12pt;
	height: 28px;
}


span.blue_button.wide
{
	margin-top: 10px;
}

span.blue_button.wide a, span.blue_button.wide button,  span.blue_button.wide input
{
	width: 295px;
	text-align: center;
}

	span.blue_button.wide input
	{
		font-size: 13pt;
	}


span.blue_button,span.blue_button.big {
	background:white url(/images/layout/bg_blue_button.png) repeat-x;
	background-position: 0px 0px;
	border-color: #0077cf;
	height: 28px;
	line-height: 28px;
	
}
	span.blue_button input, span.blue_button a, span.blue_button button {
		width: auto;
		font-weight: normal;
		color: white;
		text-decoration: none;
	}

span.blue_button.big
{
	height: 28px;
	line-height: 28px;

}

span.blue_button:hover
{
	background-position: 0 -28px;
	cursor: pointer;
	cursor: hand;
}

span.red_button {
	background:white url(/images/layout/bg_red_button.png) bottom left repeat-x;
	border-color: #bd0000;
	height: 28px;
}
	span.red_button input, span.red_button a, span.red_button button {
		width: auto;
		font-weight: normal;
		color: white !important;
		text-decoration: none;
	}
span.grey_button {
	background:white url(/images/layout/bg_grey_button.png) repeat-x;
	background-position: 0px 0px;
	border-color: #a4a4a4;
	height: 28px;
	
}
	span.grey_button input, span.grey_button a, span.grey_button button {
		width: auto;
		font-weight: normal;
		color: white;
		text-decoration: none;
	}

span.grey_button .plus
{
	width: 13px;
	height: 13px;
	position: relative;
	margin-right: 2px;
	background: url("/images/layout/plus.png") no-repeat bottom;
	padding-top: 4px;
	display: inline-block;
}

span.grey_button:hover
{
	background-position: 0 -28px;
}


span.dark_grey_button {
	background:white url(/images/layout/bg_dark_grey_button.png) repeat-x;
	background-position: 0px 0px;
	border-color: #7e7e7e;
	height: 28px;
}
	span.dark_grey_button input, span.dark_grey_button a, span.dark_grey_button button {
		width: auto;
		font-weight: normal;
		color: white;
		text-decoration: none;
	}

span.dark_grey_button:hover
{
	background-position: 0 -28px;
}

a.cancel
{
	display: inline-block;
	padding-left: 20px;
}


/**************	END BUTTONS 	****************/

div#signup_btn
{
	position: absolute;
	top: 128px;
	text-align: left;
	width: 100%;
	height: 30px;
}

#popup .inner-content label, #popup_wide .inner-content label,#feedback_form .inner-content label
	{
		font-weight: bold;
		margin-bottom: 0px;
		margin-top: 10px;
		font-size: 12pt;
		color: #666666;			
	}
 
 
 
span.input_example
{
	font-style: italic;
	color: #777777;
	display: block;
	clear: both;
}

/* validation, wijkt iets af van voorgaande */
div.error { 
border:					1px solid red;
background-color:		#FFEFF0;
background-position:	top left;
background-repeat:		no-repeat;
padding:				0px;
position: relative;
margin-bottom: 10px;
}

h2.error
{
	color: #666;
}