/* Messages */

form div.message {color: #ff0000; margin-bottom: 5px;}
p.formwarning {background: url("/cms/images/famfamfam/silk/icons/exclamation.png") no-repeat; padding-left: 20px;}
span.requiredexplain {float: right; margin-top: 10px; font-size: smaller; margin-left: 10px; border-right: solid 3px #f66; padding-right: 4px;}

/* Fieldsets */

fieldset {margin: 0; padding: 10px; border: solid 1px #ccc; margin-bottom: 10px;}
fieldset legend {font-weight: bold; padding: 7px; color: #000; margin: 10px 0px; background-color: transparent; border: solid 1px #ccc; background: url("/images/forms/text-bg.gif") repeat-x top left #fff;}

/* Form Elements */

select {padding: 0px; height: 22px; border: 1px solid #b5b8c8; background: url("/images/forms/text-bg.gif") repeat-x top left #fff;}

input {border: 1px solid #b5b8c8; background: url("/images/forms/text-bg.gif") repeat-x top left #fff;}
input.submit {margin-top: 10px;}
input.submit, input.button {padding: 1px 15px; background: url("/images/forms/input-button.png") repeat-x top left #fff;}
input.submit:hover, input.button:hover, input.go:hover {background: url("/images/forms/input-button-hover.png") repeat-x top left #fff; cursor: pointer;}
input.go {padding: 2px 10px; background: url("/images/forms/input-button.png") repeat-x top left #fff;}
input.text, input[type="text"] {border: solid 1px #b5b8c8; padding: 3px 0px !important;}
textarea {padding: 3px 0px;}

table.form {border-collapse: collapse; width: 100%;}
table.form td {padding: 2px 0px;}
table.form th {width: 150px; padding: 2px 0px;}
table.form input.text {width: 250px; padding: 3px 0px;}
table.form textarea {width: 99%; border: solid 1px #b5b8c8; padding: 2px 0px; background: url("/images/forms/text-bg.gif") repeat-x top left #fff;}
table.form select#Country {width: 300px;}
table.form div.notes {font-size: smaller; color: #666;}
table.form .required, form#frmCMSForm .required {border-left: solid 2px #f66;}

/*checkboxes and radios can only be styled in IE, so for consistency remove any*/
input[type="checkbox"], input[type="radio"]{background:transparent !important; border:0 !important;}

/*online forms*/
form#onlineform{font-size:100%; margin:0px; padding:0px;}
form#onlineform input, form#onlineform textarea{font-size:100%; width:250px;}
form#onlineform input.full, form#onlineform textarea.full{width:710px;}
form#onlineform input.long, form#onlineform textarea.long{width:510px;}
form#onlineform input.w350, form#onlineform textarea.w350{width:350px;}
form#onlineform input.w210, form#onlineform textarea.w210{width:210px;}
form#onlineform input.w170, form#onlineform textarea.w170{width:170px;}
form#onlineform input.short, form#onlineform textarea.short{width:120px;}
form#onlineform input.w100, form#onlineform textarea.w100{width:100px;}
form#onlineform input.date, form#onlineform input.dob {width:75px;}
form#onlineform img.calendar {margin-left: 5px;}
form#onlineform input.double, form#onlineform textarea.double{width:25px;}
form#onlineform textarea.full{width:620px;}
form#onlineform input.checkbox, form#onlineform input.radio{width:auto;}
form#onlineform input.button{width:125px;font-weight:bold;}
.highlight{color:#FF0000; font-weight:normal;}
	
table#onlineformtable {margin:50px -33px -10px -34px;}
