/* New Styles */
*{margin:0; padding:0;}

body{font: 76% verdana, arial, sans-serif;line-height:1.4em;text-align:left;background: #f7f7ff;}

ul{padding:0px 0px 0px 40px;}
ol{padding:0px 0px 0px 0px;}

p{padding:0 0 0.5em 0;}
p form{margin-top:0; margin-bottom:10px;}

a{color:#0884c2;}
a:hover{color:#f19f00;}
a img{border:none;}

.cleardiv{padding:0px 0px 0px 0px; clear:both;}

H1		{margin:0px; padding:2px 0px 10px 0px; font-size:200%; font-weight:normal; color:#10769e;}
.Heading1{color:#ffffff;line-height:1.3em;font-size:200%}
H2, .Heading2		{margin:0px; padding:10px 0px 10px 0px; font-size:140%; font-weight:normal; color:#1689b7;}
H3, .Heading3		{margin:0px; padding:10px 0px 10px 0px; font-size:120%; font-weight:normal; color:#1689b7;}
H4, .Heading4		{margin:0px; padding:10px 0px 10px 0px; font-size:100%; font-weight:normal; color:#1689b7;}
P, .Normal			{font-size:100%;}
.blue				{color:#209AC1;}


#SiteContainer{width:976px;margin: 0 auto;}

.HeaderContainer{background: #5584cf url(images/header_bg.jpg) no-repeat top left; height:8.3em;}
.HeaderLogoSection{float:left;height:100px; width:490px;}

.Logo{float:left;margin:0px 0px 0px 0px;width:118px; }

.LogoText{
padding:18px 0px 0px 0px;
color:#ffffff;
margin:0px 0px 0px 0px;
float:left;
width:360px; 
}

.HeaderTitle{color:#ffffff;padding:0px 0px 0px 0px;line-height:1.3em;}
.PageHeaderTitle{color:#ffffff;padding:0px 0px 0px 0px;line-height:1.3em;}

.HeaderRightSection{float:right; color:#ffffff; width:480px;}

#TopLinks{margin: 0 auto;text-align:right;font-size:0.9em;padding:5px 15px 5px 0px;}
#TopLinks a{color:#ffffff;}
#TopLinks a:hover{color:#f19f00;}

.small_font a{ font-size:14px;}
.medium_font a{ font-size:16px; }
.large_font a{ font-size:18px; }

#TopMenuContainer1{background: url(images/topmenubg_a.gif) repeat-x left bottom;height:32px;width:976px;}
#navbar1{height:32px;}
#topnav1 {LINE-HEIGHT: 32px;float:left;}
#topnav1 UL {LIST-STYLE-TYPE: none; display:block;padding:0px 0px 0px 0px;}
#topnav1 LI {DISPLAY: inline;}

#topnav1 A {
font-weight:normal; PADDING: 0; width:243px; FLOAT: left; height:32px;line-height:28px; TEXT-ALIGN: center; color:#175694;
TEXT-DECORATION: none; border-right:1px solid #aec8e2;font-size:1.4em;background: url(images/topmenubg_a.gif) repeat-x left bottom;
}

#topnav1 A:hover {border-right:1px solid #aec8e2;color:#175694; TEXT-DECORATION: none; font-weight:normal;background: url(images/topmenubg_b.gif) repeat-x left bottom;}

.MainContentContainer{overflow:auto;background-color:#ffffff;width:976px;}
.MainContentContainerPad{padding:14px 10px 14px 10px;}

.MainContentContainer{BACKGROUND: #ffffff url(images/valelogobg.gif) no-repeat bottom left;}
.MainContentContainerFull{overflow:auto;background-color:#ffffff;width:976px;}

#LeftSection{width:208px;float:left;padding-bottom:14px;}
.LeftMenuTop{BACKGROUND: url(images/LeftMenuTop.gif) no-repeat left top;height:3px;}
.LeftMenuBottom{BACKGROUND: url(images/LeftMenuBottom.gif) no-repeat left top;height:3px;}
.LeftMenuContent{BACKGROUND: url(images/LeftMenuContent.gif) repeat-y left top;padding:0px 0px 0px 10px;}
.PadMenuBottom{height:62px;}

/* Side menu */

#sidemenu {width: 170px;padding:5px 0px 5px 0px;}
#sidemenu ul {margin: 0;padding: 0;list-style: none;}
#sidemenu li a:link, #sidemenu li a:visited {text-decoration: none;background-color: transparent;color: #606060;}
#sidemenu li a:hover {	text-decoration: underline;	background-color: transparent; color: #FF7C19;}
#sidemenu h2{color:#18567b;padding:8px 4px 7px 7px;margin:0px 0px 0px 0px;font-weight:normal;font-size:1.4em;}

#sidemenu li.HomeMenuItem {padding: 8px 0 8px 16px;background: transparent url(images/arrow.gif) no-repeat 0 1em;border-bottom: 1px dotted #CCCCCC;} 
#sidemenu li.HomeMenuItemChild {padding: 4px 0 4px 22px;background: transparent url(images/arrow.gif) no-repeat 0 0.6em;} 

#sidemenu ul li ul{padding-top:5px;}

/* End Side Menu */

#RightSection{padding:0px 0px 0px 0px; }

#LegalContainer{background: url(images/legalbg.gif) repeat-x left bottom; height: 30px; line-height:17px; color:#18567b;text-align:center;font-size:0.9em;}
.LegalContainerText{padding:0.6em 0px 0px 0px;}

/* Footer Section */

#FooterText{width:976px;margin: 0 auto;text-align:right;font-size:0.9em;padding:10px 0px 20px 0px;}
#FooterText a{color:#0884c2;}
#FooterText a:hover{color:#f19f00;}

/* End Footer Section */


/* Styles for content page main text area section */

/* Two versions of content container, full no menu / with menu */

#content{padding:0px 0px 20px 20px;width:710px;float:left;}
#contentfull{padding:0px 0px 20px 20px;width:920px;float:left;}

#content ul{padding:5px 0px 10px 40px;}
#content ol{padding:5px 0px 10px 40px;}


#bread		{color:#344D52;text-align:left;}
#bread li a			{color:#344D52;}
#bread li			{margin-right:2px;  float:left }
#bread * ul			{list-style:none; margin:0px; }
#bread * li			{margin:0px; padding:0px 2px 0px 2px;list-style:none; }
#bread ul{padding:0px 0px 0px 0px; }

.cleardivbread{height:15px; clear:both;}

/* Non-Bulleted Lists */
.nobullets			{list-style:none; margin:0px; padding:0px;float:right; }
.nobullets li			{margin:0px; padding:0px;display: inline; }
.nobullets * ul			{list-style:none; margin:0px; padding:0px; }
.nobullets * li			{margin:0px; padding:0px; }

/* End Styles for content page main text area section */



/* Set of classes to overrride Achieveforms style */


/* Colour Welsh part of title */
.GreenColour{color:#03813a;}

.Red{
color:#da0f0f;
}


.bold {
font-weight:bold;
}
 
.title {
text-align:center;
}

.progressbartoptable{
padding:6px 0px 6px 0px;
text-align:left;
width:905px;
margin:0px 0px 0px 0px;

}

.outertoolbarmaincontainer{}


.progress1, .view1 {
font:12px Arial,sans-serif;
background-color:#cccccc;

color:#fff;
}

.progress0, .view0 {
font:12px Arial,sans-serif;
color:#fff;
}




.view1 {
	color: #fff;
	
}
.view0 {
	color: #fff
}

.progressbartoptable .progress1, .sectionnametable .progress1 {
	background: url(http://achieveforms.valeofglamorgan.gov.uk/af/Branding/vog_internet/images/NavBg.gif) repeat-x top left;
	margin-right: 0.16em;
	font-weight: normal;
	color: #4d4d4d;
	cursor: hand;
	padding: 0.08em;
	border: 1px solid #bdbdbd;
}

.progressbartoptable .progress0, .sectionnametable .progress0 {
	margin-right: 0.16em;
	font-weight: normal;
	color: #4d4d4d;
	cursor: hand;
	padding: 0.08em;
	border: 1px solid #bdbdbd;
	background-color:#fff;

}


.PadDate{
margin:0px 10px 0px 0px;

}

.dateyeartextbox{
margin:0px 10px 0px 0px;
}

/* Defines the background colour of the form area */
.renderbuttonstable, .renderbuttonstablesidenav {
border:1px solid #e6ece9;
background-image: none;
}

.referencepagetable {
	background-color: #FFFFFF;
	border:1px solid #e6ece9;
	width: 100%;
	text-align: center;
}


.langbuttons{ /* Welsh - English Buttons */



width:96px;
/*display:block*/


font:12px Arial,sans-serif;
vertical-align: top;



}





/* Removes excess margins and padding */
div.renderbuttonstable {
margin-left:0px;
margin-right:0px;
padding:20px 0px 20px 20px;	

}

.genericsubmit{
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: #ffffff url(images/buttonimage.jpg) no-repeat top left;
width:144px;
height:27px;
color:#055b88;
text-align:center;
font-weight:normal;

}


.sectionnametable{ /* Section Titles */
padding:0px 0px 0px 0px;
}



.aftextinput{ /* Text Box Formatting */
border:1px solid #7f9db9;
padding:3px 0px 3px 0px;
margin:0px 0px 3px 0px;
font:12px Arial,sans-serif;
}

.aftextarea{ /* Text Area Formatting */
border:1px solid #7f9db9;
padding:3px 0px 3px 0px;
margin:0px 0px 3px 0px;
font:12px Arial,sans-serif;
}

.leftlabel{ /* Labels */
}


a img{border:none;}



.leftlabel{padding: 0px 0px 0px 0px;}



.control{
border:0px solid #ffffff;
}


.aftable{
padding:0px 0px 15px 0px;
}

.standardtableheader{
background-image:none;
background-color:#6da3c5;
}

.helparea{
/*background-color:#ffffff;*/

}

.deletemessagediv{

padding-bottom:20px;
}






.genericimagesubmit{
border:4px solid #e6ece9;
margin-right:0px;
}


/* Sets the width of the form area and centres the form within the page */
.form {

}


.footer{

margin: 0 auto;
text-align:right;
font-size:12px;
padding:0px 0px 30px 0px;
}


.errormessage {
	color: blue;
	text-align: right;
}

.LeftLabel{

}

.datael {

padding:0px 0px 0px 0px;
margin:0px 0px 0px 3px;
}

.repeatableouter{float:left;position:relative;}



.TitleImageContainer
{
width:100%;
}


.TitleImage{
float:right;

}

/* Removes AchieveForms watermark */
.eformstext {
display:none;
}

/* Sets vertical spacing between form objects */
.form div {
margin-bottom:2px;
}

.paragraghtext{

font-size:13px;
color:#000;
font-weight:normal;
}




/* New Set of CSS overrides to style the login bar */

.outertoolbarmaincontainer{
height:100px;

}

.outertoolbarcontainer{

background-color:#4d99b9;

}

.AFlogo{
display:none;
}


.logoImage{
display:none;
}


.uppertoolbartable{
/*background-image:none;*/
display:block;
background: #61ad7d url(images/AF_headerBackground_custom.gif) repeat-x top left;

}

.navigationtablefront{
background-image:none;

background: url(images/AF_toolbarBackground_custom.gif) repeat-x top left;
}

.loginSwirl{
}

.underLogofront{
background-image:none;
}

.buttonSideBarBackgroundFront{
background-image:none;
}

.buttonSideBarFront{
background-image:none;
}


.uppertoolbartableauth{
/*background-image:none;*/
background: #61ad7d url(images/AF_headerBackground_custom.gif) repeat-x top left;
}

.formselected{
display:none;
}

.navigationtable{
background: url(images/AF_toolbarBackground_custom.gif) repeat-x top left;
height:43px;

}

.underLogo{
background-image:none;
}


.buttonSideBarBackground{
display:none;
}

.buttonSideBar{
display:none;
}

.tabbutton{
display:none;
}

.outertoolbarcontainer{
background: #61ad7d url(images/AF_headerBackground_custom.gif) repeat-x top left;
}

.label{
display:none;
}





/* End Login bar styles */