﻿/*
Title:      	Baseproject form styles for screen media
Author:     	gbe, © 2007 anaXis nv.
Updated:        Aug 17 2007
*/

/* form-container
------------------------------------- */
div.form-container { padding-bottom: 10px !important; }
div.form-container a { color: #114364; text-decoration: none; font-weight: bold; }
div.form-container a:hover { text-decoration: underline; }
div.form-container fieldset { margin: 10px 0; padding: 10px; border: solid 1px #fff; display: block; }
div.form-container fieldset div { padding: 0.25em 0; }

div.form-container legend { font-size: 1.1em; font-weight: bold; }
div.form-container label em { margin-left: 2px; font-style: normal; }
div.form-container label,
div.form-container span.label { margin-right: 10px; padding-right: 15px; width: 110px; display: block; float: left; position: relative; font-size: 1.1em;}
div.form-container span.error { color: #F00;}

div.form-container div.fieldrow, div.form-container div.fieldrowinv { clear: both;}
div.form-container div.fieldrow br { clear: both; }
div.form-container div.fieldelement span { padding-left: 5px; }
div.form-container div.fieldrowinv label { display: inline; float: none; padding-left: 15px;}
div.form-container div.fieldrow div.fieldshortelement { overflow: hidden; width: 250px; }

div.form-container input { float: left; margin-right: 5px; font-size: 1.1em; }
div.form-container input.fieldbutton { padding: 0 5px; }

/* form-results
------------------------------------- */
div.form-results { margin: 10px 0; }
div.form-results h2 { color: #114364; font-size: 1.25em; line-height: 1.3em; margin: 0 0 3px 0; background: none; }
div.form-results h2 a { color: #114364;  font-size: 1em; font-weight: bold; text-decoration: none;}
div.form-results h2 a:hover { text-decoration: underline; }
div.form-results h2 b { padding-right: 15px; }
div.form-results h2.plain a { margin-left: 0; }
div.form-results p {margin: 0 0 10px 0; display: block; overflow: hidden; }
div.form-results p.alternative { font-style: italic; }
div.form-results th,
div.form-results td { padding: 0 7px;}

div.form-results dl { margin: 5px 0; }
div.form-results dt a { color: #114364; font-size: 1.6em; font-weight: bold; text-decoration: none; }
div.form-results dt a:hover { text-decoration: underline; }
div.form-results dd { margin: 3px 0; font-size: 1.1em; color: #595959; }
div.form-results dd em { padding: 0 2px; }

/* form-pager
------------------------------------- */
div.form-pager { margin: 17px 5px 10px 0; font-size: 1.1em; font-weight: bold;}
div.form-pager a { margin: 0 5px; text-decoration: none; color: #114364; }
div.form-pager a:hover { text-decoration: underline;}
div.form-pager div { display: inline;}
div.form-pager #numbut { width: 60px;}

/* complaintform
------------------------------------- */
body#complaintform div.form-container div.fieldrow input { width: 180px; }
body#complaintform div.form-container div.fieldrow label { width: 115px; }
body#complaintform div.form-container div.fieldrow select { /*width: 180px;*/ margin-right: 5px; }
body#complaintform div.form-container div.fieldrow input.zipcode { width: 50px; }
body#complaintform div.form-container div.fieldrow input.municipality { width: 120px; }
body#complaintform div.form-container div.fieldrow textarea { height: 100px; width: 280px; }
body#complaintform div.form-container div.fieldrow .datepicker a { margin-right: 5px; }
body#complaintform div.form-container div.buttonrow { overflow: hidden; }
body#complaintform div.ac_results ul li { cursor: pointer; font-weight: bold; padding: 2px 5px; }
body#complaintform div.ac_results ul li.ac_odd { color: #fff; background-color: #919191; }
body#complaintform div.ac_results ul li.ac_even { color: #000; background-color: #cecbce; }


