/*
		Purpose:	Form, Style Sheet
		Site:		www.
		Author:		Mark Rowlands, (c) Fusion Advertising & Design Ltd 2007
		Version:	0.01 (14th March 2007)
		
		Notes:		Attributes, IDs and Classes are in alphabetical order
		
		Changes:
			0.01	MR	14/03/2007	Initial development
	
*/

/* 	STANDARD - FORM
    Define the standard attributes of the sitewide forms
------------------------------------------------
*/

form { margin:0; padding:0; width:440px; }

form div.error { color:#CC0000; padding:3px 0 3px 0; font-size:1.1em }

form div.required { background-image:url(/resources/images/ico_required.gif); background-repeat:no-repeat; width:16px; height:16px; display:block; float:right; }
form div.required1 { background-image:url(/resources/images/ico_required_1.gif); background-repeat:no-repeat; width:16px; height:16px; display:block; float:right; }
form div.updated { color:#009900; }
form div.comment { font-size:1em; color:#999999; }

form dl { margin:0; padding:0 0 0 10px; float:left; }
form dt { width:125px; float:left; text-align:left; color:#333; margin-bottom:0.5em; clear:both;}
form dt.checkbox { width:370px;clear:both; }

form div.fieldsetLegend { background-image:url(/resources/images/bg_form_440_top.gif); background-repeat:no-repeat; background-position:top left; font-size:1.2em; font-weight:bold; padding:10px 10px 6px 10px;color:#00149B; }
	form div.fieldsetLegend2 {font-size:1.2em; font-weight:bold; padding:10px 10px 6px 10px;color:#00149B;}
form div.fieldsetFooter { clear:both;  background-image:url(/resources/images/bg_form_440_bottom.gif); background-repeat:no-repeat; background-position:bottom left; height:15px;}

form dd { width:290px; float:left; margin:0 0 8px 0; padding:0;}
form dd.checkbox { width:25px; float:right;}

form fieldset { float:left; width:440px; padding:0; margin-bottom:10px; border:none; background-image:url(/resources/images/bg_form_440.gif); background-repeat:repeat-y; }

form input { font-size:1.1em; width:240px; border:1px solid #CCCCCC; padding:2px 3px 2px 3px;  background:#FFFFFF;}
form input:hover {background:#FFFFFF; border:1px solid #333333; color:#333;}
form input:focus {background:#C9EBA7; border:1px solid #333333; color:#333333;}

/*form input.button, form input.buttonSM {width: 190px; background: #00149B url('/resources/images/but_bg.jpg') top repeat-x; color: #FFFFFF; text-transform: uppercase; padding: 1px 3px 1px 3px;  font-weight: bold; border: 1px solid #00149B; cursor: pointer; }
form input.button:hover, form input.buttonSM:hover { background: #f46f1e url('/resources/images/but_bg.jpg') top repeat-x; color: #FFFFFF; }
*/
form input.buttonSM { width: 190px; }
form input.buttonAlt, form input.buttonAltSM { width:150px; background: #00acee url('/resources/images/but_bg.jpg') top repeat-x; color: #FFFFFF; padding: 1px 3px 1px 3px;  font-weight:normal; border: 1px solid #2f357f; cursor: pointer;  }

form textarea { font-size:1.1em;font-family:Tahoma, Arial, Helvetica, sans-serif; width:240px; border:1px solid #CCCCCC; padding:2px 3px 2px 3px;  background:#FFFFFF;}
form textarea:hover {background:#FFFFFF; border:1px solid #333333; color:#333;}
form textarea:focus {background:#C9EBA7; border:1px solid #333333; color:#333333;}

form input.checkbox { width:15px; margin:0; padding:0; border:0; background:none;}
form input.error { background-color:#FFD7D7; }
form input.short { width:100px; }

form li { width:140px; margin:0; padding:0 0 5px 0; list-style:none; font-size:1em; float:left; background-image:none;}

form label { font-size:1.1em; color:#333; float:left;}

form option { font-size:1.1em; background:#FFFFFF; color:#333333;}
form optgroup { background:#EEEEEE; color:#333333; font-style:normal; }
form optgroup option { background:#FFFFFF; color:#333333; }
form option.group { background:#EEEEEE; color:#333333; font-style:normal; }

form p { text-align:left; padding:0 5px 10px 0; margin:0; }
form fieldset p { text-align:left; padding:0 5px 10px 10px; margin:0; }

form select { font-size:1.1em; margin:0;}

form ul { margin:10px 0 0 0; padding:0; }

form .saveChanges { clear:both; padding-top:5px; }


/* REGISTRATION, Custom Tags 
.contactUs form { width:450px; }
.contactUs form fieldset { float:left; width:440px; background-color:#EEEEEE; background-image:url(/resources/images/bg_form_440.gif);}
.contactUs form div.fieldsetLegend { background-image:url(/resources/images/bg_form_440_top.gif); }
.contactUs form div.fieldsetFooter { background-image:url(/resources/images/bg_form_440_bottom.gif); height:15px;}
.contactUs form dt { width:125px; }
.contactUs form dd { width:293px;}
.contactUs form input { width:250px; margin:0 0 3px 0; }
.contactUs form input.checkbox { width:15px; margin:0 0 3px 0; }
.contactUs form label { float:left;}
.contactUs form input.short { width:100px; }
.contactUs form dt.checkbox {width:20px; }
.contactUs form dd.checkbox {width:380px;}
.contactUs form li { width:145px; }
.contactUs form dd span.caption { font-size:1.1em; padding:0 5px 0 2px; }
.contactUs form input.button {width: 190px;}
*/

/* REGISTRATION, Custom Tags 
.registration form { width:440px; }
.registration form fieldset { width:440px; background-color:#EEEEEE; float:left;}
.registration form dt { width:125px; }
.registration form dd { width:275px;}
.registration form input { width:240px; }
.registration form input.checkbox { width:15px;}
.registration form dt.checkbox {width:370px;}
.registration form dd.checkbox {width:15px}
.registration form label { float:left;}
.registration form li { width:110px; }
.registration form dd span { font-size:1.1em; padding:0 5px 0 2px; }
.registration form input.button {width: 190px;}
*/


/* AREA LIST, Custom Tags */
#areaList { margin-left:10px; }
#areaList li div { background:#00149B; color:#fff; font-weight:bold; font-size:1.1em; padding:2px; }
#areaList li input { width:15px; border:none; background:none;}
#areaList ul { margin:0; padding:0; width:410px;}
#areaList li { font-size:1em; margin:0; padding:0 0 10px 0; width:100%; background-image:none; }
#areaList ul li ul { margin:0; padding:0; }
#areaList ul li ul li {  margin:0; float:left; width:130px; padding:2px 0 2px 2px; }

/* 	ERROR MESSAGE
    Main area to attract user attention to form errors
------------------------------------------------
*/
.errorMessage { background-color:#FFCCCC; border:1px solid #ae1515; padding:5px 12px 6px 55px; margin:0 15px 10px 0; background-image:url(../images/ico_error_2.gif); background-position:10px 10px; background-repeat:no-repeat;}
.errorMessage p.title { font-size:1.2em; font-weight:bold; margin:0; }
.errorMessage p { font-size:1.0em; margin:0; }

.savedMessage { background-color:#E6FFE6; border:1px solid #66CC00; padding:5px 12px 6px 40px; margin:0 0 10px 0; background-image:url(../images/ico_correct.gif); background-position:7px 10px; background-repeat:no-repeat;}
.savedMessage p.title { font-size:1.2em; font-weight:bold; margin:0; }
.savedMessage p { font-size:1.1em; margin:0; }


/* 	CONTEXT SENSITIVE HELP
    Formatting for the roll-over support bubbles next to form items
------------------------------------------------
*/

.cHelp { margin:0 0 0 0; padding:0; border:0; float:right; }
.cHelp a {display:block; width:16px; height:16px; padding:0; color:#f5f5f5; border:0; text-decoration:none; background:url(/resources/images/ico_seehelp.gif) top left no-repeat;}
.cHelp a:hover { background-color:#f5f5f5; cursor: help;}
.cHelp a span {display:none;}
.cHelp a:hover span {display:inline; margin:0 0 0 21px; padding:5px 8px 5px 8px; border:1px solid #ccc; position:absolute; width:150px; color:#333; background:#FFFFFF;}

#formButton { overflow:hidden; width:100%; font-size:1em; float:left;}
#formButton a.button { color:#FFFFFF; background-image:url(/resources/images/but_form_2.gif); background-repeat:no-repeat; background-position:top right; display:block; font-size:1em; float:left; margin-right:20px; padding-right:10px; height:27px; text-decoration:none; }
#formButton a.button:hover { background-position:bottom right; color:#ffffff; outline:none;  }
#formButton a.button span.button2 { background-image:url(/resources/images/but_form_1.gif); background-repeat:no-repeat; height:27px;  display:block; line-height:17px; height:27px;  background-position:top left;}
#formButton a.button:hover span.button2 { background-position:bottom left; font-size:1em; }
#formButton p.text { padding:2px 0px 2px 10px;}

#formBackground { background-image:url(/resources/images/bg_form_440.gif); width:440px; background-repeat:repeat-y; background-position:0 0; }
#formBackground h4, label { padding-left:10px;}

#comunicationList { width:420px; float:left;}
#comunicationList dt { width:360px; float:left; display:block;}
#comunicationList dd { width:50px; float:right; display:block;}

/* additional tags for the franchise contact us form 
-------------------------------------------------------*/

.radioChoose { width:20px; padding:0px 7px 0px 2px; margin:0px; border:none; background-color:#f6f6f6;} 

#wideForm dt { width:400px; float:left;}
#wideForm dd { width:325px; float:left; padding:0px 0px 0px 115px; margin:0px;}
#wideForm dt.label { padding:10px 0px 0px 0px;}
#wideForm .radioChoose { width:20px; padding:0px 7px 0px 2px; margin:0px 0px 10px 0px;} 
div.requiredWide { background-image:url(/resources/images/ico_required.gif); background-repeat:no-repeat; width:16px; height:16px; display:block; float:left; }
#wideForm dt.tickHardCopy { width:350px; }
#wideForm dd.tick { width:60px;  margin:0px 0px 0px 10px; padding:0px; float:right;}
#wideForm dd.tick input { width:20px; border:none; background-color:#f6f6f6; text-align:left;}