/* Generic Default CSS */


/* PrimarySchool CSS v1.5 */
/* Basic CSS Framework */

/* 
(c) 2006 Robert Willie.
26 July 2006.
All Rights Reserved
This CSS cannot be resold, redistributed or reused without express permission.
Contact: robert_willie@hotmail.com
Author: Robert Willie


BEST VIEWED IN NOTEPAD ++  		http://notepad-plus.sourceforge.net/

Table of Contents 		

1. 	Main page layout			
2.	Accesability				
3.	General Navigation			
4.	For the Main Navigation		
5.	Home page elements			
6.	Kids' Zone					
7.	Classpages 					

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/*(1)  Main Page layout */


				/* General notes on background images 
				
				This CSS relies on a lot of background images for decorative purposes. You will need to change the properties of 
				the respective element to accommodate your own images.
				For example, if your image is 200px wide, by 100px high, you will need to change the width and height of the element so that
				this image can be accommodated.
				*/
				
			html,body
			{
				margin: 0;
				padding: 0;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: small;
				color: #000000;
				background-repeat: repeat-x;
				background-image: url(images/bg_body.jpg);
				background-color: #FFDF08;
			}

			#header{
				 height: 163px;
				 background-image: url(images/header.gif);
				 background-repeat: no-repeat;
			 }

				/* #container and #container 2 are wrappers that contain col-one and col-two.
				#container contains the main graphics for the Y axis, while #container 2 allows you to position an additional graphic
				elsewhere on the page - for example a watermark, or image at the bottom of the page which extends under the footer.
				http://www.westfield-inf.leics.sch.uk/ uses this technique for the bear's head at the base of the navigation . 
				If so inclined add additional containers to position extra images at the top, and sides, and so on*/
				

			#container{
				margin: 0px auto;
				background-color: #FFFF99;
				background-image: url(images/bg_container.gif);
				background-repeat: repeat-y;
				width: 777px;
				position: relative;
				top: 0px;
				border: 3px solid #FFFFFF;
			}

			#container2{
				margin: 0px auto;
				width: 777px;
				position: relative;
				background-image: url(images/watermark.jpg); 
				background-repeat: no-repeat;
				background-position: top left;
				top: 0px;
			}

				/* #col-one and #col-two are the main content areas. #col-one is used to provide a smaller box (for navigation), while #col-two is
				used to provide a bigger one. #col-one has absolute positioning, while #col-two is relative to the document. The only key thing to
				know about their usage is that the left margin on #col-two needs to be set with the width of #col-one in mind.
				For example:  #col-one is 100px wide, you will need to ensure that the left-margin on #col-two is greater than 100px */
			
			#col-one{
				position: absolute;
				top: 163px;
				left: 0px;
				width: 143px;
				margin: 0px;
				padding: 0px;
				height: 275px;
				z-index: 10;
		 	}

			#col-two{  /* For Mozilla etc */
				 top: 0px;
				 margin:  0px 15px 20px 143px;
				 padding: 0px 0px 0px 10px;
				 position :relative;
				 min-height: 355px; /* IE doesn't understand min-height, but other browsers do */
			 }
			
			* html #col-two{   /* IE ignores the * html so sees this as #col-two */
				 top: 0px;
				 margin:  0px 15px 20px 143px;
				 padding: 0px 0px 0px 10px;
				 position :relative;
				 height: 355px;  /* IE thinks height means min-height */
			 }

			#footer {
				height: 49px;
				background-image:url(images/footer.gif);
				background-repeat:no-repeat;
				clear:both;
			}
			
			
			#randoms {z-index:100;} /* Container in which on refresh image generator sits */

				/* Styles for Page Title Images. */
			
			.indent_title {text-indent: -5000px; } /* To force text off screen, leaving image behind */
			.title_wrapper {margin-left: 33%; margin-bottom: -15px;} /* To try and pull titles into the centre of the page and control the space between title and body text */
			
			
				#title_policies
			{
				height: 50px;
				background: url(images/titles/policiestitle.gif) no-repeat;
			}
			
				#title_calendar
			{
				height: 50px;
				background: url(images/titles/calendar.gif) no-repeat;
			}
			
				#title_classpages
			{
				height: 50px;
				background: url(images/titles/classpages.gif) no-repeat;
			}
			
				#title_clubs
			{
				height: 50px;
				background: url(images/titles/clubs.gif) no-repeat;
			}
			
				#title_contact
			{
				height: 50px;
				background: url(images/titles/contact.gif) no-repeat;
			}
			
				#title_curriculum
			{
				height: 50px;
				background: url(images/titles/curriculum.gif) no-repeat;
			}
			
				#title_gallery
			{
				height: 50px;
				background: url(images/titles/gallery.gif) no-repeat;
			}
			
				#title_governors
			{
				height: 50px;
				background: url(images/titles/governors.gif) no-repeat;
			}
			
				#title_guestbook
			{
				height: 50px;
				background: url(images/titles/guestbook.gif) no-repeat;
			}
				#title_governors
			{
				height: 50px;
				background: url(images/titles/governors.gif) no-repeat;
			}
			
				#title_keyinfo
			{
				height: 50px;
				background: url(images/titles/keyinfo.gif) no-repeat;
			}
			
				#title_kidszone
			{
				height: 50px;
				background: url(images/titles/kidszone.gif) no-repeat;
			}
			
				#title_letters
			{
				height: 50px;
				background: url(images/titles/letters.gif) no-repeat;
			}
			
				#title_news
			{
				height: 50px;
				background: url(images/titles/news.gif) no-repeat;
			}
			
				#title_newsletters
			{
				height: 50px;
				background: url(images/titles/newsletters.gif) no-repeat;
			}
			
				#title_parents
			{
				height: 50px;
				background: url(images/titles/parents.gif) no-repeat;
			}
			
				#title_pta
			{
				height: 50px;
				background: url(images/titles/pta.gif) no-repeat;
			}
			
				#title_staff
			{
				height: 50px;
				background: url(images/titles/staff.gif) no-repeat;
			}
			
				#title_tour
			{
				height: 50px;
				background: url(images/titles/tour.gif) no-repeat;
			}
			
				#title_welcome 
			{
				height: 50px;
				background: url(images/titles/welcome.gif) no-repeat;
			}
			
				#title_whoswho
			{
				height: 50px;
				background: url(images/titles/whoswho.gif) no-repeat;
			}
			
				#title_yeargroups
			{
				height: 50px;
				background: url(images/titles/yeargroups.gif) no-repeat;
			}
			
			
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* (2) Accesability */

/* These elements are used to help make the site accessible. These are used to provide additional textual information for screen readers 
and non css browsers etc. Nb where images can't really be used to their full effect, or get messed up, or are invisible we need to provide the visitor with this information as text. 			
			
				.hiddentext is used to hide items. For accessibility purposes we may need to include items which spoil the design.
				For example, we can use it to hide text links from within visuals. Visitors can still click on these visuals to navigate 
				to the page in question, but will not see the text link. For those who have turned off visuals, or disabled CSS this
				text will become visable, so people will still be able to navigate the site */

			.hiddentext{
			display: none;
			}

				/* This is used to hide access key information from visitors. There is an access information page to inform visitors
				of the accesskeys which the site uses. However, for those with screen readers these keys will become visible. */
				
			.accesstext {
			display: none;
			}

				/* If you wish to display access key information as part of the link, please use this style. */
			
			.accesskeyline {
			text-decoration: underline;
			}

				/* Hides the title from within the header, so that those with a text reader
				can still know what the page is about */
				
			.hiddenheadtext {
			display: none;
			}

				/* Hidden skip button. This is used to style a link that will skip the navigation, going straight to the main content. 
				Visable on text readers etc, but not apparent when viewing on normally */
				
			#skip a, #skip a:hover, #skip a:visited  { 
			 position: absolute; 
			 left: 0px; 
			 top: -500px; 
			 width:1px; 
			 height: 1px; 
			 overflow: hidden;
			 } 
			  
			 #skip a:active { 
			 position: static; 
			 width: auto; 
			 height: auto; 
			 } 

			#wai_logo img {border:none;} /* To remove border from WAI logo */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* (3) General Navigation */

				/* Styles for hyperlinks */

			a {
				text-decoration: none;
				color: #E11E04;
			}
			
			a:hover {
				text-decoration: none;
				color: #0033FF;
			}
			
				/* Styles for links at the bottom of the page  */
			
			#bottomlinks {
				color: #E11E04;
				font-weight: bold;
			}
			
			
			#bottomlinks a{
				text-decoration: none;
				color: #E11E04;
				padding-left: 5px;
				border-left: 2px solid #FFFFFF;
			}
					
			#bottomlinks a:hover{
				text-decoration: none;
				color: #FFFFFF;
			}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* (4) For the Main Navigation */

				/* Two generic styles are provided. The 1st is for a straight list, the second is for a list based on pop up menus.
				Please comment out the styles you do not wish to use.
				
				1. This is used to style the main navigation 
				It utilises a list, and has a background image which is positioned to the left of the text
				*/	
				
			#nav {
				padding: 0;
				margin: 0;
				overflow: hidden;
				list-style: none;
				}

			* html #nav {
				width: 128px;
				padding: 0;
				margin: 0;
				overflow: hidden;
				list-style: none;
				}
				
			#nav li {
				margin: 0;
				margin: 0;
				list-style: none;
				}

			#nav a {
				padding: 32px 0 0 0;
				display: block;
				overflow: hidden;
				height: 0px !important;
				height: /**/:32px;
				}
		/*
			html>body #nav li a {
				width: auto;
				}
		*/
		
			#nav a:hover {
				background-position: -128px 0;
				}

			#nav_home a{
				width: 128px;
				background: url(images/nav/home.gif) no-repeat;
			}
			#nav_welcome a{
				width: 128px;
				background: url(images/nav/welcome.gif) no-repeat;
			}
			#nav_tour a{
				width: 128px;
				background: url(images/nav/tour.gif) no-repeat;
			}
			#nav_parents a{
				width: 128px;
				background: url(images/nav/parents.gif) no-repeat;
			}
			#nav_calendar a{
				width: 128px;
				background: url(images/nav/calendar.gif) no-repeat;
			}
			#nav_letters a{
				width: 128px;
				background: url(images/nav/letters.gif) no-repeat;
			}
			#nav_gallery  a{
				width: 128px;
				background: url(images/nav/gallery.gif) no-repeat;
			}
			#nav_classpages a{
				width: 128px;
				background: url(images/nav/classpages.gif) no-repeat;
			}
			#nav_news a{
				width: 128px;
				background: url(images/nav/news.gif) no-repeat;
			}
			#nav_kidszone a{
				width: 128px;
				background: url(images/nav/kidszone.gif) no-repeat;
			}
			
			#nav_curriculum a{
				width: 128px;
				background: url(images/nav/curriculum.gif) no-repeat;
			}
			#nav_governors a{
				width: 128px;
				background: url(images/nav/governors.gif) no-repeat;
			}
				#nav_policies a{
				width: 128px;
				background: url(images/nav/policies.gif) no-repeat;
			}
			#col-one .navhide {visibility: hidden;}
			


			
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* (5) Home page elements */

		#homebg {
		width: 100%;
		height: 410px;
		background: url(images/bg_home.gif) no-repeat bottom;
		}

		/* #fader is used for the fading image slideshow */
		#fader {
			position: absolute;
			left: 14px;
			top: -11px;
			width: 316px;
			height: 287px;
			z-index: 1;
			}
			
		#welcome_message {
			position: absolute;
			background: url(images/bubble.gif) no-repeat;
			left: 241px;
			top: 184px;
			width: 154px;
			height: 73px;
			z-index: 2;
			padding: 20px 45px 20px 35px;
			text-align:center;
			font-weight: bold;
			}
			
			#motto {
			position: absolute;
			left: 26px;
			top: 306px;
			width: 369px;
			height: 101px;
			z-index: 1;
			text-align:center;
			font-size: 90%;
			}
			
			#hitcountbox {padding-top: 50px;}
			
			
				
					.htext{
						font-weight: bold;
						font-size: medium;
						display:none;
						z-index:0;
					}
				
					div#latestnews_teaser a {
						position:absolute;
						width: 237px;
						height: 55px;
						display: block;
						background: url(images/latestnews_teaser.gif) no-repeat;
						overflow: hidden;
						left: 369px;
						top: 30px;
								}
					div#latestnews_teaser a:hover {
						background-position: -237px 0;
						}
								
					div#kidszone_teaser a {
						position:absolute;
						width: 237px;
						height: 55px;
						display: block;
						background: url(images/kidszone_teaser.gif) no-repeat;
						overflow: hidden;
						left: 370px;
						top: 116px;
								}
			
					div#kidszone_teaser a:hover {
						background-position: -237px 0;
						} 
							
							
					div#tourhome a {
						position:absolute;
						width: 143px;
						height: 165px;
						display: block;
						background: url(images/tourhome.gif) no-repeat;
						overflow: hidden;
						left: 182px;
						top: -9px;
						}
			
					div#tourhome a:hover {
						background-position: -143px 0;
						} 
	

					div#galleryhome a {
						position:absolute;
						width: 163px;
						height: 68px;
						display: block;
						background: url(images/galleryhome.gif) no-repeat;
						overflow: hidden;
						left: 340px;
						top: 64px;
						}
			
					div#galleryhome a:hover {
						background-position: -163px 0;
						} 


					div#kidszonehome a {
						position:absolute;
						width: 121px;
						height: 119px;
						display: block;
						background: url(images/kidszonehome.gif) no-repeat;
						overflow: hidden;
						left: 552px;
						top: 21px;
						}
			
					div#kidszonehome a:hover {
						background-position: -121px 0;
						} 


					#hitcountbox {
						position: absolute;
						width: 141px;
						height: 25px;
						left: -159px;
						top: 356px;
						}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* (6) Kids' Zone */

/*
We wish to hide the text links, as the images contain the text themselves. So we use .ktext to hide the text.
*/

	
	.BackTO {text-align:left; font-weight:bold; padding-top:10px; } /* To style "back to" text */
	#IframeHolder {padding-top: 20px;} /*To reposition kidszone iframe if needed */

			.ktext{
				display: none;
				}

				

h2.KZ {
text-align: center;
}


		div#kgames a {
				position: absolute;
				width: 150px;
				height: 71px;
				display: block;
				background: url(images/kidszoneimages/games.gif) no-repeat;
				overflow: hidden;
				font-weight: bold;
				left: 89px;
				top: 88px;
				}
		
		 div#kgames a:hover {
				background-position: -150px 0;
				} 

		 div#ks1 a {
				position: absolute;
				width: 150px;
				height: 71px;
				display: block;
				background: url(images/kidszoneimages/ks1links.gif) no-repeat;
				overflow: hidden;
				font-weight: bold;
				left: 260px;
				top: 87px;
				}
			
		 div#ks1 a:hover {
				background-position: -150px 0;
				} 

		 div#ks2 a {
				position: absolute;
				width: 150px;
				height: 71px;
				display: block;
				background: url(images/kidszoneimages/ks2links.gif) no-repeat;
				overflow: hidden;
				font-weight: bold;
				left: 432px;
				top: 86px;
				}
			
		 div#ks2 a:hover {
				background-position: -150px 0;
				} 

		div#brainbuilders a {
				position: absolute;
				width: 150px;
				height: 71px;
				display: block;
				background: url(images/kidszoneimages/brainbuilders.gif) no-repeat;
				overflow: hidden;
				font-weight: bold;
				left: 89px;
				top: 177px;
				}
			
		 div#brainbuilders a:hover {
				background-position: -150px 0;
				} 
				
		 div#english a {
				position: absolute;
				width: 150px;
				height: 71px;
				display: block;
				background: url(images/kidszoneimages/english.gif) no-repeat;
				overflow: hidden;
				font-weight: bold;
				left: 261px;
				top: 179px;
				}
			
		 div#english a:hover {
				background-position: -150px 0;
				} 

		 div#history a {
				position: absolute;
				width: 150px;
				height: 71px;
				display: block;
				background: url(images/kidszoneimages/history.gif) no-repeat;
				overflow: hidden;
				font-weight: bold;
				left: 348px;
				top: 270px;
				}
			
		 div#history a:hover {
				background-position: -150px 0;
				} 

		 div#science a {
				position: absolute;
				width: 150px;
				height: 71px;
				display: block;
				background: url(images/kidszoneimages/science.gif) no-repeat;
				overflow: hidden;
				font-weight: bold;
				left: 434px;
				top: 177px;
				}
			
		 div#science a:hover {
		    	background-position: -150px 0;
				} 

		 div#maths a {
				position: absolute;
				width: 150px;
				height: 71px;
				display: block;
				background: url(images/kidszoneimages/maths.gif) no-repeat;
				overflow: hidden;
				font-weight: bold;
				left: 173px;
				top: 270px;
				}
			
		 div#maths a:hover {
				background-position: -150px 0;
				} 


/* For IE 

		* html div#kgames a {
				position: absolute;
				width: 150px;
				height: 71px;
				display: block;
				background: url(images/kidszoneimages/games.gif) no-repeat;
				overflow: hidden;
				font-weight: bold;
				left: 37px;
				top: 72px;
				}
		
		* html div#kgames a:hover {
				background-position: -150px 0;
				} 

		* html div#ks1 a {
				position: absolute;
				width: 150px;
				height: 71px;
				display: block;
				background: url(images/kidszoneimages/ks1links.gif) no-repeat;
				overflow: hidden;
				font-weight: bold;
				left: 208px;
				top: 74px;
				}
			
		* html div#ks1 a:hover {
				background-position: -150px 0;
				} 

		* html div#ks2 a {
				position: absolute;
				width: 150px;
				height: 71px;
				display: block;
				background: url(images/kidszoneimages/ks2links.gif) no-repeat;
				overflow: hidden;
				font-weight: bold;
				left: 384px;
				top: 76px;
				}
			
		* html div#ks2 a:hover {
				background-position: -150px 0;
				} 

		* html div#brainbuilders a {
				position: absolute;
				width: 150px;
				height: 71px;
				display: block;
				background: url(images/kidszoneimages/brainbuilders.gif) no-repeat;
				overflow: hidden;
				font-weight: bold;
				left: 39px;
				top: 167px;
				}
			
		* html div#brainbuilders a:hover {
				background-position: -150px 0;
				} 
				
		* html div#english a {
				position: absolute;
				width: 150px;
				height: 71px;
				display: block;
				background: url(images/kidszoneimages/english.gif) no-repeat;
				overflow: hidden;
				font-weight: bold;
				left: 210px;
				top: 167px;
				}
			
		* html div#english a:hover {
				background-position: -150px 0;
				} 

		* html div#history a {
				position: absolute;
				width: 150px;
				height: 71px;
				display: block;
				background: url(images/kidszoneimages/history.gif) no-repeat;
				overflow: hidden;
				font-weight: bold;
				left: 296px;
				top: 265px;
				}
			
		* html div#history a:hover {
				background-position: -150px 0;
				} 

		* html div#science a {
				position: absolute;
				width: 150px;
				height: 71px;
				display: block;
				background: url(images/kidszoneimages/science.gif) no-repeat;
				overflow: hidden;
				font-weight: bold;
				left: 386px;
				top: 165px;
				}
			
		* html div#science a:hover {
		    	background-position: -150px 0;
				} 

		* html div#maths a {
				position: absolute;
				width: 150px;
				height: 71px;
				display: block;
				background: url(images/kidszoneimages/maths.gif) no-repeat;
				overflow: hidden;
				font-weight: bold;
				left: 117px;
				top: 266px;
				}
			
		* html div#maths a:hover {
				background-position: -150px 0;
				} 
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* (7) Classpages */

			/* .Again, these are used to provide rollovers for the classs / yeargroup pages. 
			These images sit in a class called .flaotleft so that we can get
			them to sit in the page properly */

		.classbox {
			margin: 0 auto;
			width: 350px;
			}

		.classfloatleft {
			float: left;
			padding-left: 2px;
			padding-right: 2px;
			
			}

		.classicontext{
			font-weight: bold;
			font-size: small;
			padding-top: 76px;
			z-index:2;
			}
			
			
			

		.classicon1 a {
		    width: 100px;
		    height: 20px;
		    display: block;
		    background: url(images/classicon1.gif) no-repeat;
		    overflow: hidden;
			font-weight: bold;
			}
			
		.classicon1 a:hover {
		    background-position: -100px 0;
			} 
						
		.classicon2 a {
		    width: 100px;
		    height: 20px;
		    display: block;
		    background: url(images/classicon2.gif) no-repeat;
		    overflow: hidden;
			font-weight: bold;
			}
			
		.classicon2 a:hover {
		    background-position: -100px 0;
			} 
			
			/* And so on.... */
			
		.classicon3 a {
		    width: 100px;
		   height: 20px;
		    display: block;
		    background: url(images/classicon3.gif) no-repeat;
		    overflow: hidden;
			font-weight: bold;
			}
			
		.classicon3 a:hover {
		    background-position: -100px 0;
			}

		.classicon4 a {
		    width: 100px;
		    height: 20px;
		    display: block;
		    background: url(images/classicon4.gif) no-repeat;
		    overflow: hidden;
			font-weight: bold;
			}
			
		.classicon4 a:hover {
		    background-position: -100px 0;
			}
			
		.classicon5 a {
		    width: 100px;
		    height: 20px;
		    display: block;
		    background: url(images/classicon5.gif) no-repeat;
		    overflow: hidden;
			font-weight: bold;
			}
			
		.classicon5 a:hover {
		    background-position: -100px 0;
			}	
			
			
			.classicon6 a {
		    width: 100px;
		    height: 20px;
		    display: block;
		    background: url(images/classicon6.gif) no-repeat;
		    overflow: hidden;
			font-weight: bold;
			}
			
		.classicon6 a:hover {
		    background-position: -100px 0;
			}
			
			
			.classicon7 a {
		    width: 100px; height: 76px;
			height: 20px;
		    display: block;
		    background: url(images/classicon7.gif) no-repeat;
		    overflow: hidden;
			font-weight: bold;
			}
			
		.classicon7 a:hover {
		    background-position: -100px 0;
			}
			
			
			.classicon8 a {
		    width: 100px;
		    height: 20px;
		    display: block;
		    background: url(images/classicon8.gif) no-repeat;
		    overflow: hidden;
			font-weight: bold;
			}
			
		.classicon8 a:hover {
		    background-position: -100px 0;
			}
			
			.classicon9 a {
		    width: 100px;
		    height: 40px;
		    display: block;
		    background: url(images/classicon9.gif) no-repeat;
		    overflow: hidden;
			font-weight: bold;
			}
			
		.classicon9 a:hover {
		    background-position: -100px 0;
			}
/*-------------------------------------------------- */
h2.sectionheading {
color: #00CC33
}

/* CSS changes needed due to upgrade to 3+ final */
.newstitlehome{margin:0;font-weight:bold}
#MediaBlock .MediaFloat{width:203px}





	/* EDITABLE SLIDESHOW */

	#fader{
		position: absolute;

		top: -13px;
		left: 20px;
		width: 316px;
		height: 287px;
		overflow: hidden;
		background: url(../images/mask.png) no-repeat;
		z-index: 2;
		}

	#EditSlideButton {
	position: absolute; 
	z-index: 500; 
	top: -35px; 
	left: 40px;
	}

	#innerfader {
		position: relative;
		top: -13px;
		left: 20px;
		overflow: hidden;
		width: 300px;
		height: 287px;
		z-index:1;
		}

	#innerfader img {height: 100%;margin-left:-20%}
	
	/* Ticker */
#ticker {
position:relative;
height:18px;
margin: 0 auto;
border:#AA0202 solid 2px;
background-color: #FCFCCA;
top:412px;
left:0px;
z-index:50000;
}

div#ticker a#EditButton{
position:relative;
left:-20px;
z-index:100!important
}