/*
| -------------------------------------------------------------------
| FILENAME:			vd.campuscontern.lu.form.css
| DESCRIPTION:		Addition to Default Style Sheet
| CREATED:			03/03/2009
| INITIAL AUTHOR:	Elma Smit, Ronald ter Neuzen, Martijn ter Hellen
| UPDATED BY:		Ronald ter Neuzen, 03/03/2009
| 
| Copyright (c) 2009 KeyAgency
| http://www.keyagency.nl/
| -------------------------------------------------------------------
| Basic colors used for website:
|
| light-gray: #919394;
| lighter-gray: #b9babc;
| dark-gray: #374045;
| orange: #e04f30;
|
| -------------------------------------------------------------------
*/

#pagecontent form
{
	/* 	border: 1px solid #bebebf; */
	padding: 10px;
}

#pagecontent form .first
{
	width: 268px;
	padding: 0 10px 0 0;
	border-right: 1px solid #ddd;
}

#pagecontent form .row
{
	border-top: 1px solid #ddd;
	padding: 0;
	margin:0;
}

#pagecontent form .control
{
	clear: both;
}

#pagecontent form label
{
	font-size: 85%;
	display: block;
	float: left;
	clear:right;
	width: 195px;
	font-weight: bold;
	vertical-align: middle;
	/* 		color: #002156; */
	color:#676767;
	padding: 4px 0px 0px 0px;
	margin:0 0 3px 0;
}

#pagecontent form p.label
{
	font-size: 85%;
	color:#676767;
	font-weight: bold;
	margin: 0px 0px 4px 0px;
	clear: left;
}


#pagecontent form p.margin
{
	margin: 4px 0px 4px 0px;
}


#pagecontent form input,
#pagecontent form select,
#pagecontent form textarea
{
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #949494 #eee #eee #949494;
	font-size: 85%;
	vertical-align: middle;
	padding: 2px 0px 2px 0px;
	margin:0 0 6px 0;
	width: 320px;
	float:left;
	clear:left;
}

#pagecontent form textarea
{
	height:50px;
}

/* 	
	IE positie is anders.
	vind het in css/wg.iefix.css
*/
#pagecontent form .checkboxes input,
#pagecontent form input.radio { border-width: 0px;  margin-top: 2px;}

#pagecontent form .checkboxes
{
	padding: 10px 0 10px 0;
}

/* 	
	Crappy IE,alternatief voor de select button
	vind het in css/wg.iefix.css
*/

#pagecontent form div.select
{
	position: relative;
	display: inline;
}

#pagecontent form select { width: 323px; }

#pagecontent form select,
#pagecontent form .textarea,
#pagecontent form .text { padding: 0.1em 0; }

#pagecontent form .small select,
#pagecontent form .small input
{
	width: auto;
	display: inline;
}

#pagecontent form span.desc
{
	font-style: italic;
	font-weight: normal;
	color: #bbb;
	font-size: 77%;
	margin: 0 0 0 10px;
}

#pagecontent form p span.error
{
	font-size: 85%;
	color: red;
	font-style: italic;
}
#pagecontent form span.req,
#pagecontent form p.req
{
	font-size: 85%;
	color: #aaa;
	font-style: italic;
	margin: 0px;
}

#pagecontent form div.checkboxes span, #pagecontent form div.radiobuttons span
{
	display: block;
	clear: both;
}

#pagecontent form div.checkboxes label, #pagecontent form div.radiobuttons label
{
	display: inline;
	font-weight: normal;
	float: left;
	width: auto;
	padding: 1px 5px 3px 2px;
	text-transform: none;
	color: #676767;
	vertical-align: middle;
}

#pagecontent form div.checkboxes input,#pagecontent form div.radiobuttons input
{
	vertical-align: middle;
	float: left;
	width: 15px;
}

#pagecontent form div.checkboxes,#pagecontent form div.radiobuttons
{
	vertical-align: middle;
	float: left;
}