@import url(forms.css);
@import url(editor.css);

/* ######################################### STYLESHEET RESET ### */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
ul, ol {margin: 0.5em 0 0.5em 2em;}
:focus { outline: 0;}
.clear { clear:both; }
span.clear { display:block;}
.hidden { position:absolute; margin-left:-200000px; left:-200000px; top:-200000px;}
#mobile_name { display:none; }
a:link { color: #009; text-decoration:none; font-weight:bold;}
a:visited { text-decoration:none; font-weight:bold;}
a:hover { text-decoration:underline; font-weight:bold;}
a:active { text-decoration:underline; font-weight:bold;}
h2, h3, h4, h5, h6 {font-size: 1.3em; font-weight:normal; margin:0; padding:0;}
img {vertical-align:middle;}

.first { font-size: 1.2em; }

a:link {color: #039; text-decoration: none; font-weight: bold;}
a:visited {color: #60c; text-decoration: none; font-weight: bold;}
a:hover {color: #000; text-decoration: underline; font-weight: bold;}
a:active {color: #039; text-decoration: underline; font-weight: bold;}
a:focus {color: #333; text-decoration: underline; font-weight: bold;}

/* ######################################## BASIC LAYOUT ### */
body { font-size: 80%; font-family: Helvetica, Arial, Verdana, sans-serif; color: #333; padding:0; margin:0; line-height: 1.5; background: #fff url(./css_img/body_tile.gif) repeat-y 72em 0em; }
body > html {font-size: 12px;}

#wrapper { max-width: 72em; min-width: 50.75em;}
#container { clear: both; padding: 0 18px 0 10px; overflow: auto; }

/* ###################################### HEADER ELEMENTS */
#header  {position: relative; padding-bottom: 11.6em; margin:0;}
 
div.pseudoH1 a, #header h1 { display: block; width: 147px; height: 103px; position: absolute; top: 30px; left: 4px; }
div.pseudoH1 a span, #header h1 span, #header form label {position: absolute; margin-left: -1999px;}
div.pseudoH1 a:link, div.pseudoH1 a:visited, #header h1 {background: url(http://www.waverley.gov.uk/site/stylesext/css/css_img/logo.gif) no-repeat top left;}
div.pseudoH1 a:hover, div.pseudoH1 a:active {background: url(http://www.waverley.gov.uk/site/stylesext/css/css_img/logo.gif) no-repeat bottom left;}

p.access, p.users {color: #666; font-size: .9em;}
.access {position: absolute; top: 5px; left:20%;}
.users {position: absolute; top: 5px; right:0px;}

#header form {position: absolute; top: 0px; right:0px; width: 40%; height: 118px; border-top: 1px solid #fff;background: url(http://www.waverley.gov.uk/site/stylesext/css/css_img/xsearch_tile.gif) repeat-x top left; text-align: right;}

#header input.field {position: absolute; top: 2.2em; right: 6em; border: 1px solid #fff; color: #666; padding: 4px; background: #fff;}

#container #header input.button {outline: none; position: absolute; top: 2.2em;right: 1em; border: 1px outset #666; background: #E9ECF2; color: #666; padding: 3px; color: #333; font-weight: bold;}
#header form a { clear: both; color: #fff; font-size: .9em; display: block; font-weight: normal; margin:5em 1.1em 0 0;}

div#image_wrapper {background: url(http://www.waverley.gov.uk/site/stylesext/css/css_img/search_tile.gif) repeat-x top left; border-top:1px solid #ccc; border-bottom: 5px solid #999; height:118px; width:80.2%; position: absolute; top: 1.8em; right: 0;}

div#randomimage {background: url(http://www.waverley.gov.uk/site/stylesext/css/css_img/rand1.jpg) no-repeat top left;border-top: 1px solid #fff; width: 456px; height: 118px; position: absolute; top: 0px; left:0px;}

#header ul {position: absolute; bottom:0px; right:1em; margin:0; padding:0;}
#header ul li {display: inline; list-style-type: none; margin:0; padding:0; float: left; }
#header ul li a { float: left; padding: 0 0 0 2px; border-bottom: 1px solid #fff; color: #fff; font-weight: normal; background: url(http://www.waverley.gov.uk/site/stylesext/css/css_img/tab_l.gif) no-repeat left top; margin:0 0 0 1px; }
#header ul li a span { display: block; padding: 4px 6px 0 6px; background: url(http://www.waverley.gov.uk/site/stylesext/css/css_img/tab_r.gif) no-repeat right top; }
#header ul li a span.end { background: url(http://www.waverley.gov.uk/site/stylesext/css/css_img/tab_re.gif) no-repeat top right; }
#header ul li.active a { color: #eee; cursor: default;  padding: 0 0 0 2px; border-bottom: 1px solid #999; background: url(http://www.waverley.gov.uk/site/stylesext/css/css_img/tabact_l.gif) no-repeat left top; }
#header ul li.active a:hover, #header ul li.active a:active { text-decoration: none; }
#header ul li.active a span { display: block; padding: 4px 6px 0 6px; background: url(http://www.waverley.gov.uk/site/stylesext/css/css_img/tabact_r.gif) no-repeat right top; }
#header ul li.active a span.end { background: url(http://www.waverley.gov.uk/site/stylesext/css/css_img/tabact_re.gif) no-repeat top right; }

#footer { clear: both; margin: 20px 0; padding: 10px 0 0 0; border-top: 5px solid #ccc;color: #666; font-size: .9em; line-height: 2em; text-align: center; }
/* ###################################### FORM LAYOUT */


.renderbuttonstable {color:#363333; clear:both; margin:0; padding:12px 0; border-top: 1px solid #D5D9E1; border-bottom: 1px solid #D5D9E1; border-right: 1px solid #D5D9E1; background: #EDF2FA url(http://www.waverley.gov.uk/site/stylesext/css/css_img/form_tile.gif) repeat-y top left; }

.renderbuttonstable fieldset { border-bottom: 1px solid #D5D9E1; padding:0; margin:0 0 12px 0;}

.renderbuttonstable legend { font-size: 1.2em; font-weight:bold; margin: 2px 0; display: block;}



/*form label, #content form.basic_form .fake_label {font-weight:normal; font-size: 1.1em; color:#333; width:16em; float:left; margin:0; padding: 4px 0 0 12px;}
*/




.generictextinput{ border: 2px solid #363333; padding: 2px 3px; font-size: 1em;}

.progressbartoptable { margin-left: 180px ;}
.sectionnametable { margin-left: 180px ;}
/*

.basic_form p.dataprotection label { width: 90%; float: left; }
.basic_form p.form_text {font-weight:normal; font-size: 1.1em; color:#333; margin:0; padding: 10px 0 20px 12px; border-bottom: none;}

.basic_form p.form_text label { float: left; margin: 5px 0 0 0; }

*/

.genericsubmit {
	background-color: #040D58;
	background-repeat: repeat-x;
	background-position: top;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 0.95em;
	margin: 1px;
	margin-left: 5px;
	margin-right: 5px;
	cursor: hand;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#CECECE', Positive='true');
	}
	
H1 {
	font-size: 1.6em;
	font-weight: bold;
	color: black;
 	padding: 0;
	margin: 0;
	padding-bottom: 2px
	}

H2 {
	font-size: 1.2em;
	font-weight: bold;
	color: black;
 	padding: 0;
	margin: 0;
	padding-bottom: 2px
	}

.paragraghtext {
	color: rgb(0,0,0);
	font-weight:normal
	}

.renderbuttonstable {
	padding: 10 px
	}
	
.outerformtablerows {
	padding: 30px
	}