html, body, form, fieldset, table, tr, td, img {
	margin: 0;
	padding: 0;
	font: 100%/150% calibri,"Trebuchet MS","Helvetica Neue",helvetica,arial,sans-serif;
}
input, button, select, textarea {
	font: 100%/130% calibri,"Trebuchet MS","Helvetica Neue",helvetica,arial,sans-serif;
}
input[type=password] { /* IE8 problem with calibri for password inputs, shows '?' */
	font-family: sans-serif;
}

/* Elements that need to enclose floats */
dl.horizontal:after, form ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

dl.horizontal dt {
	clear: left;
	float: left;
	width: 12em;
}
dl.horizontal dd {
	float: left;
}

blockquote.quote {
	background-color: #eee;
	border: 1px solid #eee;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	margin: 1.5em 0;
	padding: 1.5em 2em 2em 1em;
}
	blockquote.quote .start, blockquote.quote .end {
		color: #aaa;
		float: left;
		font-family: Georgia, Palatino, "Times New Roman", serif;
		font-size: 700%;
		height: 1ex;
		line-height: 100%;
		margin-top: -0.5ex;
	}
	blockquote.quote .end {
		float: right;
		margin-top: 0;
	}
	blockquote.quote p {
		margin: 0;
	}

blockquote.tip, blockquote.info, blockquote.note {
	background: #FFFAE6 url(../images/tip.gif) 10px 50% no-repeat;
	border: 1px solid #E4DFB8;
	border-width: 1px 0;
	margin: 1.5em 0;
	padding: 1.5em 1em 0 55px;
}
blockquote.note {
	background-color: #FFE6E6;
	background-image: url(../images/note.gif);
	border-color: #D9C3C3;
}
blockquote.info {
	background-color: #EBFFCE;
	background-image: url(../images/info.gif);
	border-color: #B4DAA5;
}

#languageMenu {
	clear: both;
	float: right;
	margin: 0 2em 0 0;
	line-height: 100%;
	z-index: 10;
}
#languageMenu li a {
	background-position: 100% 0;
	background-repeat: no-repeat;
	padding-right: 25px;
	padding-bottom: 1px;
	text-transform: uppercase;
}
#languageMenu li a:hover {
	border-width: 1px;
	/*color: rgb(255, 127, 0);*/
	color: rgb(106,150,0);
	padding-bottom: 0;
}
#languageMenu li.en a {
	background-image: url("../images/lang_en.gif");
}
#languageMenu li.nl a {
	background-image: url("../images/lang_nl.gif");
}
#languageMenu li.active a {
	background-image: none;
	color: #aaa;
	cursor: default;
	border: none;
	padding-right: 0;
}

/**
 * For forms on activation, order and settings pages
 */

form ul {
	clear: left;
	list-style: none;
}

form ul li {
	clear: left;
	margin: 0;
}
form ul li:after {
	clear: left;
}

li button {
	margin-right: 1em;
}

input[type=text], input[type=password], select, textarea {
	border: 1px solid rgb(46, 126, 184);
	width: 10em;
}
input:focus[type=text], input:focus[type=password], input.focus, select:focus, select.focus, textarea:focus, textarea.focus {
	border-color: rgb(6, 76, 134);
}
input[readonly=readonly] {
	background-color: #e0e0e0;
}

input, select, textarea {
	padding: 0.2em;
	margin-right: 1em;
}
textarea {
	width: 16em;
}
select {
	padding-bottom: 4px; /* em padding on bottom causes bottom border on expanded list to disappear? */
	width: auto;
}
	select option.group, select optgroup {
		font-style: italic;
		font-weight: bold;
	}
	select option {
		margin: 0.2em 0;
	}

input.error {
	background-color: rgb(250,230,230);
	border-color: rgb(220,20,20);
}

form.flyoutDescription div.description {
	background-color: rgb(250,250,190);
	border: 1px solid rgb(230,230,140);
	color: #444;
	display: none;
	position: absolute;
	left: 24em;
	padding: 0.2em 0.5em;
	top: 0;
	width: 20em;
	z-index: 2;
}
form.flyoutDescription ul li {
	position: relative;
}

label.left {
	position: relative;
}
	label.left span {
		display: block;
		clear: left;
		float: left;
		margin-right: 1em;
		text-align: right;
		width: 12em;
	}

	label.left input, label.left select, label.left textarea, label.left img {
		float: left;
		margin-bottom: 1em;
	}
	label.left img {
		margin-top: 0.5em;
	}

label.row {
	clear: left;
	position: relative;
}

label.top {
	display: block;
}

form .align {
	margin-left: 13em;
}

input.width21 {
	width: 21em;
}
div.login input, li.login input, div.email input, li.email input , input.email, input.login, input.width15 {
	width: 15em;
}
div.name input, li.name input, input.name, input.width12 {
	width: 12em;
}
input.width6 {
	width: 6em;
}
input.width5, input.date {
	width: 5em;
}
input.width4 {
	width: 4em;
}
input.width3, input.time {
	width: 3em;
}


/**
 * CSS styles for form and input fields.
 *
 * These styles are used with form and input fields generated via yiic script.
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2009 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

div.yiiForm {
	/*border: 2px solid #B7DDF2;
	background: #EBF4FB;*/
	margin: 0 0 1.5em 0;
	padding: 5px;
	width: 99%;
}

div.yiiForm label.required {
}

div.yiiForm span.required {
	color: red;
}

div.errorSummary, form div.error {
	border: 2px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
	font-size: 0.9em;
}
form div.error { /* shown if ajax submit yields errors */
	display: none;
}

div.errorSummary p, form div.error p {
	margin: 0;
	padding: 5px;
}

div.errorSummary ul, form div.error ul {
	margin: 0;
	padding: 0 0 0 20px;
}

	div.errorSummary ul li, form div.error ul li {
		list-style: disc;
	}

div.yiiForm p.hint {
	color: gray;
	font-size: 91.6%;
	margin: 0 0 0 200px;
}

div.yiiForm fieldset {
	border: #DDD 1px solid;
	margin: 10px 0;
	padding: 10px;
}

div.yiiForm legend {
	font-weight: bold;
}

div.yiiForm label {
}

div.yiiForm div.action {
	clear: left;
	margin-left: 200px;
	padding: 0.5em 0 0.25em;
}

div.yiiForm div.simple,
div.yiiForm div.complex {
	clear: left;
	padding: 0.25em 0;
}

div.yiiForm div.simple label,
div.yiiForm div.complex span {
	display: block;
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: right;
	width: 190px;
}

div.yiiForm label.error,
div.yiiForm span.error {
	color: #C00;
}

div.yiiForm input.error,
div.yiiForm textarea.error,
div.yiiForm select.error {
	background: #FEE;
	border-color: #C00;
}

div.yiiForm div.simple div,
div.yiiForm div.complex div,
div.yiiForm div.align {
	margin-left: 200px;
}