/*
Copyright Soluso e-solutions & consultancy, 2009. Alle rechten voorbehouden.
version: 1.0

Stylesheet: forms.css
Description: positioning and styling of the contact, registration or other forms section.
Author: Soluso e-solutions & consultancy.
Date: 17-07-2009
*/

div.intro
{
	padding: 20px;	
	background: #ffffff;
	border: 1px solid #cccccc;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	margin-bottom: 50px;
	display: block;
	position: relative;
}

div.intro p
{
	color: #666;
	font-size: 1.16em;
	margin-bottom: 10px;
}

div.formRow
{
	margin-bottom: 25px;
}

div.formRowSmall
{
	margin-bottom: 6px;
}

input.textbox
{
	background: #ffffff url(../images/background-textbox.gif) repeat-x top;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #e3e3e3 #cdcdcd;
	padding: 7px 10px 0;
	height: 20px;
	margin: 0 4px 6px 0;
	width: 105px;
	font-size: 1em;
}

input.watermark
{
   overflow: hidden;
   color: #BBBBBB;
   font-style: italic;
   font-size: 1em;
}

textarea.textarea
{
	background: #ffffff url(../images/background-textbox.gif) repeat-x top;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #e3e3e3 #cdcdcd;
	padding: 7px 10px 0;
	height: 20px;
	margin: 0 4px 6px 0;
	width: 260px;
	height: 200px;
	font-size: 1em;
	font-family: Arial;
}

input.error, textarea.error
{
	background: #ffffff url(../images/background-textbox-error.gif) repeat-x top;	
	border-color: #ff0000;
}

input.nomargin
{
    margin-right: 0;
}

textarea.xl
{
	width: 390px;
}

input.xxxl
{
	width: 300px;
	margin: 0 0 6px 0;
}

input.xxl
{
	width: 239px;
}

input.xl
{
	width: 221px;
}

input.l
{
	width: 141px;
}

input.m
{
	width: 69px;
}

input.s
{
	width: 31px;
}

input.xs
{
	width: 20px;
}

input.last
{
	margin: 0 0 6px 0;
}

label.label, span.checkboxholder label, table.radiobuttonholder tr td label
{
	margin-right: 20px;
	font-size: 1.16em;
}

label.label a
{
	cursor: help;
}

select.dropdownbox
{
	background: #ffffff;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #e3e3e3 #cdcdcd;
	padding: 4px;
	height: 27px;
	margin: 0 0 6px 0;
	width: 322px;
	color: #292929;
	font-size: 1.16em;
}

input.filebox
{
	background: #ffffff;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #e3e3e3 #cdcdcd;
	height: 23px;
	margin: 0 0 6px 0;
	width: 324px;
	color: #292929;
	font-size: 1.16em;
}

p.desc
{
	line-height: 18px;
	margin-bottom: 20px;
}

p.question
{
	line-height: 18px;
	margin-bottom: 12px;
}

input.checkbox, span.checkboxholder input
{
	margin: 0 10px 6px;
	position: relative;
	top: 2px;
}

input.radiobutton, table.radiobuttonholder tr td input
{
	margin: 0 10px;
	position: relative;
	top: 3px;
}

a.inschrijven
{
    background: transparent url(../images/button-inschrijven-form.png) no-repeat scroll 0 0;
    display: block;
    float: right;
    height: 34px;
    width: 180px;
}

a.versturen
{
	background:transparent url(../images/button-versturen-form.png) no-repeat scroll 0 0;
    display:block;
    float:left;
    height:34px;
    margin-left:231px;
    text-indent:-1000em;
    width:180px;
}

a.volgende
{
	width: 180px;
	height: 34px;
	text-indent: -1000em;
	background: url(../images/button-volgende-form.png) no-repeat;
	display: block;
	margin-left: 102px;
}

a.herstel
{
	width: 180px;
	height: 34px;
	text-indent: -1000em;
	background: url(../images/button-herstel-form.png) no-repeat;
	display: block;
	float: right;
	margin-right: 15px;
}

table.formTable
{
	margin: 20px;
}

td.lblConfirm
{
	font-size: 1.16em;
	margin: 10px 20px;
	width: 150px;
	color: #AAA;
	line-height: 24px;
}

.valConfirm
{
	font-size: 1.16em;
	color: #AAA;
}

div.rightfloat
{
    float: right;
    display: block;
    position: relative;
    margin-right: 0px;
}

/* Popup for company info */

table.popup
{
	width: 350px !important;
}

table.olfg
{
	border: 1px solid #CCC;
	background: #FEFEFE;
}

table.olfg tr td
{
	padding: 15px !important;
	text-align: justify !important;
}

table.olfg tr td font
{
	font-size: 12px !important;
	color: #999 !important;
}