﻿
/*
Title:      	Baseproject form styles for screen media
Author:     	gbe, © 2009 anaXis nv.
Updated:        Aug 17 2009
*/

/* form-container
------------------------------------- */
div.form-container { margin-top: 24px; margin-left: 24px; margin-right: 24px; padding-bottom: 13px; }
div.form-container .NewsSubscribe label { margin-top:0px!important; }
div.form-container .NewsSubscribe table { margin:0px!important; }
div.form-container .NewsSubscribe fieldset { margin:0!important; padding:3px!important; }
.eventsList div.form-container { margin-left:0px; }
div.form-container div.form-container { margin:0; padding:0; }

.searchTravels.form-container { margin:1.6em 0px!important; font-size:1.1em; width:680px;
                                border:1px dotted #402E24; }
.searchTravels.form-container td.filterCell { padding: 5px!important; #padding: 2px!important; }
.searchTravels.form-container .left { float:left; display:inline; clear:none; }
.searchTravels.form-container label,
.searchTravels.form-container span.label { font-weight:normal!important; color: #201207!important; float: left; }
.searchTravels.form-container span { width:100px; float:left; margin-top:3px; }
.searchTravels.form-container span.error { width:auto; margin-top:0px; }
.searchTravels.form-container select { float:left; }
.searchTravels.form-container input { float:left; font-size:1em; margin-right:4px; }
.searchTravels.form-container .CheckBox { float:left; width:100%; font-size:1.0em!important; }
.searchTravels.form-container .CheckBox label { font-size:1em; margin-left: 6px; #margin-top:6px; }
.dxeListBoxItemSelected { background-color: #705B4F; }
.dxeListBoxItemHover { background-color: #C8BBB2; }

.searchTravels.form-container table, .searchCatalogGrids table { margin:0!important; }

.aspxCombo { float: left; }
.aspxCombo input { margin:0; }
.searchTravels.form-container td { padding:0px!important; }

.searchCatalogGrids table td { padding:2px!important; }

.form-results span, .form-results em, .form-results dd { font-size: 1.1em; line-height: 1.1em; color:#201207; margin-bottom: 1.1em; }
.form-results a { text-decoration:none; }

div.login { width:400px; }
div.login div.form-container { _border:0; }
div.login div.form-container div.fieldrow label { width:110px; }
div.login div.form-container div.fieldrow span { float:none; color:#CC0000!important; }
div.login div.form-container div.fieldrow span.error { float:left; margin-right:0.6em; }
div.login div.form-container fieldset { width: 100%; border: solid 1px #C0B0A3; }
div.login div.form-container input + label { #margin-bottom:0px; #margin-top:5px; padding-left:0px!important; }
div.login div.form-container label { font-size:1.1em; line-height:1.1em; _padding-left:0px!important; _margin-top:4px; }

div.form-container a, div.form-container a:link, div.form-container a:hover,
div.form-container a:active, div.form-container a:visited  { color:#7B2F35; font-size:1em; font-weight:bold; text-decoration:none; }
div.form-container fieldset { margin: 10px 0; padding-top: 10px; padding-bottom:10px; display: block; clear:both; border: 0; width:95%; }
div.form-container fieldset div { padding: 0.25em 0; margin:0; }

div.form-container legend { font-size: 1.1em; line-height: 1.1em; color: #027B3D; font-weight: bold; }
fieldset legend { color: #7B2F35!important; }
div.form-container fieldset label { margin-bottom:6px; }
div.form-container label em { margin-left: 2px; font-style: normal; }
div.form-container label,
div.form-container span.label { color: #201207; display: block; float: left; position: relative; font-size: 1.1em; }
div.form-container span.error { color: #695540;}

div.form-container div.fieldrow, div.form-container div.fieldrowinv { clear: both; }
div.form-container div.fieldrow *, div.form-container div.fieldrowinv * { margin-bottom:2px; float: left; }
div.form-container div.fieldrow label { float: left; width: 80px; margin-top: 3px; }
div.form-container div.fieldrow div { float: left; }
div.form-container div.fieldrow select { width: 238px; }

div.form-container div.fieldelement { float: left; }
div.form-container div.fieldelement span { padding-left: 5px; padding-right: 5px; }
div.form-container div.fieldrowinv label { padding-left: 15px;}

div.contactDetailsContainer div.fieldrow { clear: both; margin-bottom: 5px; }
div.registerUser span.fieldlabel { font-size:1.1em; float:left; margin-top:3px; width:80px; }
div.registerUser div.fieldelement { margin:0; }
div.contactDetailsContainer div.fieldelement { display: inline; float: left; margin-left:3px; margin-bottom:5px; }
div.contactDetailsContainer div.fieldrowright { float:right; width:300px; }
div.contactDetailsContainer div.buttonrow { height: 1%; clear: both; margin-top: 12px; margin-bottom: 5px; }
div.contactDetailsContainer div.blockupdaterow { width:615px; clear: both; float:left; margin-bottom: 12px;
                                                 padding:12px 6px; border:1px dotted #402E24; }
div.contactDetailsContainer div.fieldrow div.fieldelement img { margin-left:5px; }
div.contactDetailsContainer div.fieldrow div.fieldgroup { margin-right: 15px; float: left; width:100%; margin-top:4px; }
div.contactDetailsContainer div.fieldrow div.fieldrow div.fieldgroup { float: left; }
div.contactDetailsContainer div.fieldrow div.fieldrow div.fieldgroup div.fieldelement { float:none; }
div.contactDetailsContainer div.fieldrow .mgtSubTitle { color:#7B2F35; font-weight:bold; margin-bottom:3px; display:block; }
div.contactDetailsContainer div.blockupdaterow .fieldlabel { width:76px; display: block; float: left; }
div.contactDetailsContainer .travelInfo .fieldrow .fieldlabel { width:250px; }
div.contactDetailsContainer .importantNotice { width:600px; }
div.contactDetailsContainer .left { float:left; }
div.contactDetailsContainer .dropDown { margin-left:3px;}
div.contactDetailsContainer .medicalConcenrs { margin-top:50px; }
div.contactDetailsContainer textarea { width:200px; height:100px; }
div.contactDetailsContainer div.fieldrow div.fieldrowright input { margin-left:2px; display:inline; }
div.contactDetailsContainer div.fieldrowright .fieldelement select { margin-left:4px; display:inline; }
div.contactDetailsContainer div.fieldrow .fieldrowright .fieldinput { display:inline; margin-left:3px; }
div.contactDetailsContainer div.fieldrow .fieldselect { margin-left:1px; }
div.contactDetailsContainer div.fieldrow span.mgtError { font-size: 11px; color: #CC0000; }
div.contactDetailsContainer .CheckBox { float:left; width:100%; margin-bottom:0px!important; }
div.contactDetailsContainer .CheckBox label { margin-left: 6px; #margin-top:6px; }
div.contactDetailsContainer .tooltip { color:#7B2F35; font-weight:bold; }

div.form-container input { float: left; font-size: 1.1em; margin-right:5px; }
div.form-container input.fieldbutton { padding: 1px 5px; margin-top:2px; color:#C0B0A3; border:solid 1px #C0B0A3; }

div.form-container .resultrow { margin-left: 10px; }

/* form-results
------------------------------------- */
div.searchPage { margin-top: 24px; margin-left: 26px; margin-right: 22px; padding-bottom: 13px;
         _margin-right: 11px; _padding-bottom: 6px; }
.form-results { padding-bottom: 12px; }
.resultrow { color:#201207; }
div.form-results h2 { padding-left:0; text-transform: none; font-size: 1.2em; line-height: 1.2em; margin-left: 0px; margin-bottom: 0.6em; background: none; }
div.form-results h2 a { font-weight: bold; text-decoration: none;}
div.form-results h2 b { padding-right: 15px; }
div.form-results h2.plain a { margin-left: 0; }
div.form-results h3 { margin-bottom:2em; }
div.form-results p { display: block; overflow: hidden; margin-bottom:0.2em }
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 { font-size: 1.2em; text-decoration: none; font-weight: bold; }
div.form-results dd { margin: 3px 0; }
div.form-results dd a { padding: 0 2px; font-size: 1.1em; text-decoration: none; }
div.form-results dd em { padding: 0 2px; }

/* form-pager
------------------------------------- */
div.form-pager { margin: 6px 0px 30px 0px; font-size: 1.1em; color: #BBB; }
div.form-pager div.resultrow { font-weight: bold; }
div.form-pager a, div.form-pager a.num { margin: 0 5px; text-decoration: none; }
div.form-pager a:hover { text-decoration: underline; }
div.form-pager a.disabled { margin: 0 5px; text-decoration: none; font-weight: bold; }
div.form-pager #currentPage { clear:both; margin-left:6px; margin-bottom:6px; }
div.form-pager #first, div.form-pager #prev, div.form-pager #numbut, div.form-pager #next, div.form-pager #last { float:left; }