/* Style sheet with very simple styling for development use only */

/* Header styles */
#header { height: 200px; border-bottom: 4px solid #EF4AAE; background-image: url(header.jpg); background-repeat: no-repeat; margin-bottom: 2em; }
#header p#loginStatus { float: right; padding-top: 1em; }

/* Footer styles */
#footer { border-top: 2px solid #EF4AAE; padding-top: 2em; text-align: center; }

/* General styles */
body { overflow: -moz-scrollbars-vertical; }
label { display: block; }
.ErrorText { color: Red; }
input.textbox, select.dropdownlist { padding: 5px; }
textarea { font-size: 100%; font-family: Helvetica, Arial, sans-serif; }
.inline { display: inline; }

/* Sign up page*/
fieldset#signUpConfirmation .tickbox input { display: inline-block; margin-right: 0.5em; }
fieldset#signUpConfirmation label { display: inline-block; }

/* Contact details forms */ 
fieldset input.long, fieldset select.long, fieldset textarea.long { width: 378px; }
fieldset input.short { width: 178px; }
fieldset.telephone { width: 355px; }
fieldset.telephone input.countryCode { width: 50px; }
fieldset.telephone input.telephoneNumber { width: 200px; left:20px; position:relative; }
fieldset.telephone label { display: inline-block; }
fieldset.telephone label.country{ width: 110px; }
fieldset.telephone .phoneLeadingZero { margin-left: 16px; margin-right: -16px; }

/* Personal Summary Panel*/
div.personalSummary { border: 1px solid #ccc; margin-bottom: 1em; padding: 0.5em; }
div.personalSummary h2 { font-size: 110%; font-weight: bold; }

/* FormBuilder styles */
fieldset.formbuilder input.radio, fieldset.formbuilder input[type=radio] { margin-right: 0.5em; }
fieldset.formbuilder label { display: inline-block;}

/* Checkout styles */
#selectInvoicee ul, #selectInvoicee ul li { list-style-type: none; padding-left: 0; margin-left: 0; }
fieldset#checkoutOtherInformation #termsAndConditions { height: 200px; overflow-y:scroll; border: 1px solid #333; padding: 0.5em; }
fieldset#checkoutOtherInformation .tickbox label { display: inline-block; }
fieldset#checkoutOtherInformation .tickbox input { margin-right: 0.5em; }
fieldset#checkoutOtherInformation .ErrorText { display: block; }

/* Exhibitor Catalogue */
#catalogueZone ul#brandLetters li { display: inline; margin-right: 0.4em; }

/* Exhibitor Zone Styles */
fieldset#exzProductCategories .tickbox label { display: inline-block; }
fieldset#exzProductCategories .tickbox input { margin-right: 0.5em; }
fieldset#exzCatalogueBrands label { display: inline-block; width: 3em; }
fieldset#exzCatalogueBrands input { width: 350px;}

/* The End */