BODY { COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; }


H1 { PADDING-RIGHT: 20px; PADDING-LEFT: 250px; FONT-SIZE: 1.0em; BACKGROUND-IMAGE: url(/htdocs/gws/includes/personal/images/logo.gif); PADDING-BOTTOM: 20px; WIDTH: 400px; COLOR: white; PADDING-TOP: 20px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #003366; }

#direct-debit { PAGE-BREAK-BEFORE: always; }

.formtable { BORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: gray; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: gray; PADDING-BOTTOM: 2px; WIDTH: 100%; BORDER-TOP-COLOR: gray; PADDING-TOP: 2px; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: gray; }


div{
	margin-top:15px;
}
H2 { FONT-SIZE: medium; COLOR: #003366; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; }

H3 { FONT-SIZE: medium; COLOR: #003366; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; }

.mandatory { COLOR: red; }

STRONG { COLOR: #000000; }

FORM P.on { BORDER-RIGHT: #dddddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #dddddd 1px solid; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 17px; MARGIN: 5px 0px; BORDER-LEFT: #dddddd 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #dddddd 1px solid; BACKGROUND-COLOR: #f8fafb; }
p{
	display:block;
}
span P { DISPLAY: inline; }

FORM { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: small; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 670px; PADDING-TOP: 0px; FONT-FAMILY: verdana,arial,sans-serif; min-width: 500px; max-width: 670px; }

.floatright { FLOAT: right; }

FIELDSET.print-break{ PAGE-BREAK-BEFORE: always; }

FORM FIELDSET { CLEAR: both; BORDER-RIGHT: #9ac9dc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #9ac9dc 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 10px 0px; BORDER-LEFT: #9ac9dc 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #9ac9dc 1px solid; }

FORM SELECT { BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; BORDER-LEFT: #000 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #000 1px solid; }

FORM FIELDSET LEGEND { FONT-WEIGHT: bold; FONT-SIZE: medium; MARGIN-BOTTOM: 10px; COLOR: #333333; }
/*
LABEL SPAN { CLEAR: left; PADDING-RIGHT: 10px; DISPLAY: inline-block; PADDING-LEFT: 0px; FONT-SIZE: small; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; WIDTH: 40%; PADDING-TOP: 0px; TEXT-ALIGN: left; }
*/

FORM INPUT {font-weight:normal; font-family:  Arial, Helvetica, sans-serif; FONT-SIZE: small; MARGIN: 5px 2px 5px 0px; VERTICAL-ALIGN: middle; WIDTH: auto; COLOR: #333333; }

FORM TEXTAREA { FONT-SIZE: small; font-family:  Arial, Helvetica, sans-serif; MARGIN: 5px 0px 0px; VERTICAL-ALIGN: middle; WIDTH: auto; height:auto; COLOR: #333333; }

FORM SELECT { FONT-SIZE: small; font-family:  Arial, Helvetica, sans-serif; MARGIN: 5px 0px 0px; VERTICAL-ALIGN: middle; WIDTH: auto; COLOR: #333333; }

FORM radio { FONT-SIZE: small; MARGIN: 5px 0px 0px; VERTICAL-ALIGN: middle; WIDTH: auto; COLOR: #333333; }

FORM checkbox { FONT-SIZE: small; MARGIN: 5px 0px 0px; VERTICAL-ALIGN: middle; WIDTH: auto; COLOR: #333333; }

FORM INPUT#reset { MARGIN-LEFT: 0px; }

TEXTAREA { OVERFLOW: auto; }

TEXTAREA { /*CLEAR: left;*/ WIDTH: 200px; HEIGHT: 50px; }

SPAN.error { CLEAR: right; FONT-SIZE: x-small; MARGIN: 5px 0px 0px 5px; VERTICAL-ALIGN: middle; COLOR: #ff0000; }

SPAN.note { CLEAR: left; FONT-SIZE: x-small; MARGIN: 0px 0px 0px 0px; VERTICAL-ALIGN: top; COLOR: #666666; }

SPAN.small { FONT-SIZE: small; }

#page2 { DISPLAY: none; }

#page3 { DISPLAY: none; }

#page4 { DISPLAY: none; }

LI { PADDING-LEFT: 10px; FONT-SIZE: x-small; LINE-HEIGHT: 2em; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; }

FORM BUTTON { FLOAT: right; }

#sectiond LI A { BACKGROUND: none transparent scroll repeat 0% 0%; LIST-STYLE-TYPE: square; }

IMG { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; }

.border { DISPLAY: block; }

.header { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; DISPLAY: block; PADDING-BOTTOM: 35px; MARGIN: 0px 4%; BORDER-LEFT: #ccc 1px solid; WIDTH: 88%; BORDER-BOTTOM: #ccc 1px solid; }

.header UL { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 0.8em; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none; }

.header LI { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: smaller; FLOAT: left; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; WIDTH: 120px; COLOR: #ccc; LINE-HEIGHT: normal; PADDING-TOP: 2px; HEIGHT: 33px; TEXT-ALIGN: center; }

.header IMG { CLEAR: both; }

.header LI.current { }

.hideDisplayStyle { BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999 1px solid; DISPLAY: block; PADDING-LEFT: 5px; FONT-SIZE: x-small; FLOAT: right; VISIBILITY: hidden; PADDING-BOTTOM: 2px; BORDER-LEFT: #999 1px solid; WIDTH: 130px; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid; BACKGROUND-COLOR: #eaeff4; }

#jointaccount { DISPLAY: none; }

.right{ float: right; }

OL { PADDING-LEFT: 40px; PADDING-RIGHT: 10px; MARGIN: 0px; font-size: large; }

OL LI{
font-size: small;
	}
	
#form { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: small; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 670px; PADDING-TOP: 0px; FONT-FAMILY: verdana,arial,sans-serif; min-width: 500px; max-width: 670px; }
#header img.left{float: left;}
#header a.close_window{float: right; background: url('../images/icons/close_window.gif') no-repeat top left; width: 28x; height: 27px; margin: 10px 100px 0px 0px; font-weight: bold; padding: 5px 0px 0px 35px; }
#contentpanel1 h1{background-color: #fff; color: #003366; font-size: 1.2em; border-bottom: 1px solid #003366;; text-align: left; padding: 0px; margin: 10px 0px 5px 10px; width: 90%;}
#form {font-size: medium; color: #036; padding: 0px 0px 5px 10px;}
#form p{margin: 0px; padding: 5px; font-size: .75em;}
#form p strong{color: #036; font-weight: bold; font-size: medium;}
#form p span{font-weight: .9em; background: none; border: none; height: auto; float: none; width: 20%; background-color: red; }
#form form{margin: 0px; padding: 0px;}
#form fieldset{ BORDER-RIGHT: #9ac9dc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #9ac9dc 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 10px 0px 0px 20px; BORDER-LEFT: #9ac9dc 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #9ac9dc 1px solid;}
#form fieldset legend { FONT-WEIGHT: bold; FONT-SIZE: medium; MARGIN: 0px 0px 10px 0px; COLOR: #333333; }
#form span {BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 17px; MARGIN: 5px 0px; BORDER-LEFT: #ddd 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #ddd 1px solid; BACKGROUND-COLOR: #f8fafb; vertical-align: top;}

#form span label { CLEAR: left; PADDING-RIGHT: 10px; DISPLAY: inline-block; PADDING-LEFT: 0px; FONT-SIZE: small; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; WIDTH: 40%; PADDING-TOP: 0px; TEXT-ALIGN: left;}
#form span label input{ FONT-SIZE: small; MARGIN: 5px 0px 0px; VERTICAL-ALIGN: middle; WIDTH: auto; COLOR: #333333; }


#buttons{float: right; padding-right: 50px;  margin-top: -2px;}

#form img{margin-left: 200px;}