/**
	File:
		elements.css

	Validates:
		CSS Level 2.1

	Project:
		Weatherfor

	Author:
		Kristina Floyd

	Date Created:
		2008 05 31

	About:
		Contains styles for specific elements

	File content:
		#login

	Colour scheme

	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	print.css - Print specific styles
*/



/* START .section */
.section { color: #616264; }
	.section h3 { float: left; margin-right: 13px; margin-top: 0; }
	.section form {  }
	.midSection { border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; margin: 13px 0; padding: 13px 0; }
	#joinsPGA { border-top: 1px solid #FFFFFF; margin-top: 13px; padding-top: 13px; }
		#joinsPGA p {  }
/* END .section */






/* START #login */
#login {  }
	#login h3 { float: none; }
	#login input { }
/* END #login */






/* START #tagline */
#tagline { background: #0083B1 url(../images/gradients/blue.gif) repeat-x top left; margin-bottom: 4px; min-height: 0; }
/* END #tagline */






/* START #howDoesItWork */
#howDoesItWork { background: #414042 url(../images/gradients/darkGrey.gif) repeat-x top left; min-height: 0; padding: 0; }
	#howDoesItWork h2 { font-size: 1.25em; }
	#howDoesItWork img { float: right; margin-left: 16px; }
	#howDoesItWorkContent { padding: 16px 13px; }
/* END #howDoesItWork*/






/* START #register */
#register {  }
/* END #register */






/* START .subscription */
.subscription { float: left; margin-bottom: 20px; width: 285px; }
/* END .subscription */






/* START .buttonWrapper */
.buttonWrapper { float: right; padding-left: 8px; position: relative; }
.subscription .buttonWrapper { float: left; }
	.buttonStart { background: transparent url(../images/layout/buttons/lightGrey/start.gif) no-repeat top left; height: 22px; left: 0; position: absolute; top: 0; width: 8px; }
	.subscription .buttonStart { background: transparent url(../images/layout/buttons/blue/start.gif) no-repeat top left; }
	#register .buttonStart { background: transparent url(../images/layout/buttons/blue/start.gif) no-repeat top left; }
	#howDoesItWorkContent .buttonStart { background: transparent url(../images/layout/buttons/darkGrey/start.gif) no-repeat top left; }
	.section .buttonStart { background: transparent url(../images/layout/buttons/lightGrey/start.gif) no-repeat top left; }

	.buttonWrapper input { background: transparent url(../images/layout/buttons/lightGrey/bg.gif) no-repeat top right; border: none; color: #FFFFFF; cursor: pointer; float: left; font-size: 1em; font-weight: bold; min-height: 22px; padding-right: 8px; width: auto; }
	#register .buttonWrapper input { background: transparent url(../images/layout/buttons/blue/bg.gif) no-repeat top right; }

	.buttonWrapper a { color: #FFFFFF; font-weight: bold; float: left; min-height: 14px; padding: 4px 8px 4px 0; }
	.subscription .buttonWrapper a { background: transparent url(../images/layout/buttons/blue/bg.gif) no-repeat top right; }
	#howDoesItWorkContent .buttonWrapper a { background: transparent url(../images/layout/buttons/darkGrey/bg.gif) no-repeat top right; }
	.section .buttonWrapper a { background: transparent url(../images/layout/buttons/lightGrey/bg.gif) no-repeat top right; }

	.buttonWrapper a:hover { text-decoration: none; }
/* END .buttonWrapper */






/* START #sitemap */
#sitemap {  }
	#sitemap ol { margin: 0 1em; }
/* END #sitemap */






/* START #scroll */
#scroll { height: 300px; overflow: scroll; }
/* END #scroll */






/* START .historyBack */
.historyBack { margin: 0; }
/* END .historyBack */