﻿/*
Title:      	Baseproject form styles for screen media
Author:     	gbe, © 2007 anaXis nv.
Updated:        Aug 17 2007
*/
p.error{width:480px; float:left;color:Red;}

/* form-container
------------------------------------- */
.form-container{float:left;}
fieldset{width:480px; border:solid 1px #326ea7; font-size:0.9em; padding:10px;margin-bottom:15px;float:left;clear:both;display:block;}
#addeventformpage fieldset{width:600px;}
fieldset legend{background-color:#7a6a84;padding: 7px ; color:#ffffff; font-size:0.8em; font-weight:bold;margin-bottom:10px;}
fieldset label{margin-left:10px;}
.fieldlabel{width:150px;margin: 0 10px 0 0;float:left;display:block;}
.fieldelement{float:left;}
.form-container .resultrow{float:left;clear:both;width:100%;}
.fieldrow,fieldset .fieldrowinv{clear:both;margin-bottom:3px;display:block; overflow: hidden;}
.fieldresultcount{font-style:italic;font-size:10px;}
.fieldrow div input,.fieldrow div select{width:155px;}
.fieldbutton{margin-bottom:10px;}
.fieldrow a{font-size:0.8em;font-weight:700; }
.fieldnoresults{font-size: 0.8em;color:#7a6a84;width:500px;display:block;}
input.fieldbutton2{clear:both;float:left;margin-bottom:30px;}
span.error{color:red;}
.disabled{color:#9d9da1;}

/* tell a friend
------------------------------------- */
#bdytellafriend{padding:0 0 0 20px;margin:0;}
#bdytellafriend{padding:0 0 0 20px;margin:0;}
#contactfriend h1{font-size:1.4em;}
fieldset.contactfriendFormulier {width:460px;display:block;background:url("images/family.png") right top no-repeat;float:left;border:none;}
fieldset.contactfriendFormulier .tlabel{width:120px;display:block;float:left;}
fieldset.contactfriendFormulier TEXTAREA,fieldset.contactfriendFormulier input.fieldBox{width:200px;display:block;float:left;}
fieldset.contactfriendFormulier input.btn{margin-left:250px; }
#bdytellafriend #error { clear: both; padding: 0 10px; }
#bdytellafriend #error li { list-style-type: none; font-size:0.8em; }

/* form-results
------------------------------------- */
.form-results  {float:left;clear:both;width:650px; }

span.contentfieldset{font-size:0.6em;color:#adadad;margin-bottom:15px;display:block; }
span.contentfieldset .fieldnoresults{font-size: 1em;}
.form-results h2 {font-size:0.8em;margin:10px 0 3px 0;}
.form-results h2 b{font-size:0.9em;margin-right:5px;}

.form-results p {margin-bottom:0;}

.form-results DL  {margin-bottom:10px;font-size:0.8em; }
.form-results DL DT A{font-weight:bold;text-decoration:underline;}
.form-results DL DD.score{font-size: 0.8em;color:#adadad }

/* form-pager
------------------------------------- */
.form-pager{font-size:0.9em;margin-top:30px;float:left;display:block;width:500px;}
#first,#prev,#numbut,#next,#last{margin-right:10px;float:left;}
.num{margin-right:10px;font-weight:700;}

/* addevent-formpage
------------------------------------- */
#addeventformpage fieldset { clear: both; overflow: hidden; margin: 0 20px 10px 0; padding: 5px 5px 15px 5px; border:solid 1px #326ea7;}
#addeventformpage fieldset legend {background-color:#7a6a84;padding: 7px ; color:#ffffff;  font-weight:bold;margin-bottom:10px;}
#addeventformpage fieldset .fieldelement { float: none; }
#addeventformpage fieldset br { clear: both; overflow: hidden; }
#addeventformpage fieldset div { margin: 1px 0 0 0;  }
#addeventformpage fieldset div * { vertical-align: top; }
#addeventformpage fieldset .fieldrow { margin-bottom: 5px; }

#addeventformpage fieldset div.elo_TextBox { display: block; float: left; margin: 0; }
#addeventformpage fieldset div.elo_TextBox a img { margin: 0 !important; }

#addeventformpage fieldset div.elo_DropDownList { display: block; float: left; margin: 0; }
#addeventformpage fieldset div.elo_DropDownList option { margin-right: 5px; }

#addeventformpage fieldset label, #addeventformpage fieldset span.label { display: block; float: left; margin: 0 4 0 8px; padding: 0 5px; width: 150px; }

#addeventformpage fieldset span.elo_TextBox { display: block; float: left; margin: 0; }
#addeventformpage fieldset span.elo_TextBox * { vertical-align: middle; }
#addeventformpage fieldset span.elo_TextBox label { margin: 0 2px; display: inline-block; }

#addeventformpage fieldset span.error { padding-left: 5px; color: #c00; }
#addeventformpage fieldset span.left { float: left; margin: 0 10px 0 15px; }

#addeventformpage input.fieldbutton { margin: 10px 0 10px 20px;}