/**
	File:
		elements.css

	Validates:
		CSS Level 2.1

	Project: 
		Wirebird

	Author:
		Kristina Floyd

	Date Created:
		2008 07 30

	About:
		Contains styles for specific elements 

		ID index:

		Class index:

	Notes:
		Place second in the cascade

	Cascade index:
		01	undo.css - Resets browser default styles
		02	layout.css - Styles for the main layout and framework of the site
		03	content.css - Styles for general content 
		04	elements.css - Styles for specific page elements 
		05	ie6.css - IE6 specific styles.
		06	ie7.css - IE7 specific styles.
		07	clearing.css - Enables the use of .clearfix across the site.
		08	main.css - Continuity generated stylesheet
		09	print.css - Print specific styles
*/



/* START .hr */
.hr {  }
	.hr hr {  }
/* END .hr */






/* START #panel */
#panel { color: #929395; font-size: 0.6976em; margin-bottom: 10px; padding-right: 30px; }
	#panel ol { float: right; list-style: none; margin: 0; padding: 0; }
		#panel li { background: #000000 url(../images/elements/panel/bg.jpg) repeat-x bottom left; border: 1px solid #181818; display: block; float: left; margin: 0 15px 0 0; padding: 0; width: 138px; }
			#panel .panelContent { height: 130px; padding: 6px 9px; position: relative; }
				#panel .panelImageWrapper { margin-bottom: 5px; position: relative; }
					#panel .highlight { height: 51px; position: absolute; top: 0; width: 120px; }
					#panel .normal { height: 51px; position: relative; width: 120px; }

					#panel #panel1 .highlight { background: transparent url(../images/elements/panel/panel1/on.jpg) no-repeat bottom left; }
					#panel #panel1 .normal { background: transparent url(../images/elements/panel/panel1/off.jpg) no-repeat bottom left; }

					#panel #panel2 .highlight { background: transparent url(../images/elements/panel/panel2/on.jpg) no-repeat bottom left; }
					#panel #panel2 .normal { background: transparent url(../images/elements/panel/panel2/off.jpg) no-repeat bottom left; }
					
					#panel #panel3 .highlight { background: transparent url(../images/elements/panel/panel3/on.jpg) no-repeat bottom left; }
					#panel #panel3 .normal { background: transparent url(../images/elements/panel/panel3/off.jpg) no-repeat bottom left; }
					
					#panel #panel4 .highlight { background: transparent url(../images/elements/panel/panel4/on.jpg) no-repeat bottom left; }
					#panel #panel4 .normal { background: transparent url(../images/elements/panel/panel4/off.jpg) no-repeat bottom left; }

					#panel #panel5 .highlight { background: transparent url(../images/elements/panel/panel5/on.jpg) no-repeat bottom left; }
					#panel #panel5 .normal { background: transparent url(../images/elements/panel/panel5/off.jpg) no-repeat bottom left; }

				#panel a { color: #9C9D9F; }
				#panel h2 { color: #FEFEFE; font-size: 0.9em; letter-spacing: 0.15em; margin-bottom: 4px; }
					#panel h2 a { color: #FEFEFE; font-weight: normal; text-decoration: none; text-transform: uppercase; }
				#panel img {  }
				#panel p { font-size: 0.8982em; margin: 0; }
			#panel .panelFooter { background: #050505 url(../images/elements/panel/bgFooter.png) repeat-x top left; border-top: 1px solid #181818; }
				#panel .panelFooter a { border-left: 1px solid #181818; display: block; float: right; padding: 5px 11px 5px 9px; text-decoration: none; }
				#panel .panelFooter a:hover { background: #720C69 url(../images/elements/panel/bgHover.png) repeat-x top left; color: #FEFEFE; }
			#panel form { padding-top: 6px; }
				#panel fieldset.panelContent { padding-top: 0; }
					#panel fieldset.panelContent p { font-size: 0.9em; }
					#panel legend { color: #FEFEFE; font-size: 0.9em; letter-spacing: 0.2em; margin-bottom: 4px; text-transform: uppercase; }
					#panel .textbox { background: #646466; border: 1px solid #3E3D40; color: #000000; height: 11px; margin: 4px 0; padding: 4px; width: 110px; }
					#panel .submit { background: #730E69 url(../images/elements/panel/bgHover.png) repeat-x top left; border: none; color: #FFFFFF; display: block; float: right; padding: 5px 11px 5px 9px; }
/* END #panel */






/* START #paging */
#paging { background: #181818; float: right; padding: 1px 1px 1px 0; }
	#paging ol { display: block; list-style: none; margin: 0; padding: 0; }
		#paging li { float: left; list-style: none; margin: 0; padding: 0; text-align: center; }
			#paging a { background: #050505 url(../images/elements/paging/bg.png) repeat-x top left; border-left: 1px solid #181818; color: #929395; display: block; padding: 0 4px; text-decoration: none; width: 10px; }
			#paging a:hover, 
			#paging .selected a { background: #730E69 url(../images/elements/paging/hover.png) repeat-x top left; color: #FFFFFF; }
/* END #paging */






/* START #sitemap */
#sitemap { list-style: none; margin: 0; }
	#sitemap li { list-style: none; margin: 0; }
		#sitemap li li { margin: 0 2em; }
/* END #sitemap */






/* START .clientColumn */
.clientP { margin-bottom: 0; }
.clientColumn { list-style: none; margin: 0; width: 550px; }
	.clientColumn li { float: left; list-style: none; margin: 0; width: 250px; }
		.clientColumn a { font-size: 0.7857em; }
/* END .clientColumn */






/* START #telFax */
#telFax { display: block; float: right; margin-bottom: 0; }
	#telFax .tubeCarpark { font-size: 0.7857em; }
/* END #telFax */






/* START #wirebirdMap */
#wirebirdMap { padding-bottom: 0; }
/* END #wirebirdMap */






/* START .lastP */
.lastP { margin-bottom: 0; }
/* END .lastP */






/* START .download */
.download { margin-top: 1.27273em; }
/* END .download */






/* START .newsList */
#newsTemplate .newsList { list-style: disc; margin: 0; }
	#newsTemplate .newsList li { list-style: disc; margin: 0 2em; padding: 0 0.5em; }
/* END .newsList */