/* body {
	 font-size:62.5%;
	 background: none;
	 font-family:Arial, Helvetica, sans-serif;
	 margin-left:10px;
}
 */
input, form, fieldset, label, select, legend { /* Resets padding of form
											  elements. Can be included in
											  a separate CSS reset file instead  */
	margin:0;
	padding:0;
}


#prettyForm {
	font-size:1em; /* Can go up to 1.5em without breaking anything. Higher
						values will require increasing the width of the span
						and labels */
	
	width:600px;	/* 	Changing this value is cool, but go too wide and you'll
						have to adjust the widths on the input fields as well.
						The fixed width causes the contained elements to wrap,
						giving them the appearance that they are 'block' - but
						really they're not :-) */
}

#prettyForm fieldset {
	margin:0 0 20px 0;
	/*background-color:#f2f9fe;*/
	border:solid 1px #aedcf5;
	padding:20px 15px 10px 15px;
	position:relative; /* To assist in fixing the background bleed issue on IE */
}

/*
#prettyForm fieldset:hover {
	;background-color:#fffccd;
	border:solid 1px #ffdb60;
}
*/

input:focus, textarea:focus{
 background-color: lightyellow;
}

#prettyForm fieldset:hover input { 
 border:solid 1px #ffdb60;
}

#prettyForm fieldset:hover select {
	/*background-color:#fff;*/
	border:solid 1px #ffdb60;
}

#prettyForm fieldset:hover .narrow { /*	Needed to stop border hover on radio buttons
									and checkboxes in IE */
	border:none;
	/*background-color:#fffccd; */
}

#prettyForm legend {
	/*position:absolute;*/ /* Fixes background bleed issue on IE. Fieldset must be
						  position:relative for this to work */
	top:-8px;
	color:#fd8f00;
	font-family:Georgia, "Times New Roman", Times, serif; /* Just adding a little variation */
	font-style:italic;
	font-size:10pt;
	
	/*position:absolute;*/ /* Stops IE from centering the legend text. Seriously - why IE, why?!!! */
}

#prettyForm fieldset:hover legend { /* Changes text colour of the legend when you
								   hover over the fieldset */
	color:#3f87e9;
}

#prettyForm label {
	width:120px; /* Must match the exact width specified in the span */
	display:block;
	float:left;
	font-weight:bold;
	padding:0;
	margin:0 10px 8px 0;
	color:#000;
}
/*
#prettyForm span {
	font-size:.8em;
	display:block;
	width:190px; /* Must match the exact width specified in the label */
	text-align:right;
	font-weight:normal;
	color:#656565;
}
*/
#prettyForm em {
	font-size:.8em;
	font-style:normal;
	font-weight:normal;
	color:#007bae;
	position:relative;
	top:-7px; /* Moves the em's up a little to line up with the radio buttons
				 and checkboxes*/
}

#prettyForm input {
	width:180px;	
	border:solid 1px #aedcf5;
	margin:0 0 13px 0;
	color:#3f87e9;
	font-size:1em;
	/*padding:3px 3px 3px 3px;*/
}

#prettyForm .submit {
	width:92px;
	height:35px;
	background-image:url(http://intranet.it.wuerth.com/php-scripts/private/championship2010/images/submit.gif);
	background-position:top;
	border:none;
	border:0;
	text-indent:-9999em;
}

#prettyForm .submit:hover {
	background-position:bottom;
	border:none;
	border:0;
	cursor:pointer;
}

#prettyForm input:hover {
	border:solid 1px #41a9d8;
}

#prettyForm .narrow {
	width:13px;
	margin:0 0 0 15px; /* Add a little spacing between radio button options */
	border:none; /* Removes borders from radio buttons and checkboxes in IE  */
}

#prettyForm .narrow:hover {
	border:none; /* Removes boders from radio buttons and checkboxes in IE on hover  */
}

#prettyForm select {
	width:190px;
	/*height:29px;*/
	border:solid 1px #aedcf5;
	margin:0 0 13px 0;
	color:#3f87e9;
	font-size:1em;	
	/*padding:4px 3px 2px 3px;*/
}

#prettyForm select:hover {
	border:solid 1px #41a9d8; /* Hover efefct won't work in IE, but then you're
								 probably not surprised */
}


#prettyForm .submit:hover {
	background-position:bottom;
	border:none;
	border:0;
	cursor:pointer;
}

#comments {
	height:100px !important; /* Must be important otherwise it wont be honoured */
}


/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD BUTTON*/

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE BUTTON*/

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE BUTTONS*/

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}