/*  @ Title:  forms style sheet
	@ Client: Poke
	@ Author: Ben Copping
	@ Date: 02/04/2009 */

/*-- some global form styles
	NOTE - Please check layout.css where more custom forms structure may be defined
	example might be input widths, font sizes etc
--*/

form legend {
	margin:0;
	padding:0;
	}

/*-- hidden form legends --*/
form legend.hidden {text-indent:-3000px;line-height:0;height:0;}

form button.button {
	float:left;
	font-weight:bold;
	padding:0 8px 0 0;
	height:22px;
	border:0;
	cursor:pointer;
	text-align:center;
	background: transparent url('../images/formBtnRight.png') top right no-repeat;
	overflow:visible;
	}

form button.button span {
	margin:0;
	display:block;
	height:22px;
	line-height:22px;
	white-space: nowrap;
	padding: 0 0 0 8px;
	background: transparent url('../images/formBtnLeft.png') top left no-repeat;
	}

form button.button2			{background: transparent url('../images/formBtn2Right.png') top right no-repeat;}
form button.button2 span	{background: transparent url('../images/formBtn2Left.png') top left no-repeat;color:#FFF;font-weight:normal;}

/*-- hover state for the buttons --*/
form button.button:hover 		{background: transparent url('../images/formBtnRightHover.png') top right no-repeat;}
form button.button:hover span	{background: transparent url('../images/formBtnLeft.png') 0 -22px no-repeat;}
form button.button2:hover 		{background: transparent url('../images/formBtn2RightHover.png') top right no-repeat;}
form button.button2:hover span	{background: transparent url('../images/formBtn2Left.png') 0 -22px no-repeat;}
form input.inputText {
	background:none;
	background: transparent url('../images/formBtnLeft.png') top left no-repeat;
	padding: 4px 0 0 8px;
	border:none;
	float:left;
	display:block;
	height:18px;
	font-weight:bold;
	outline:none;
	}

form .inputFrame {
	background: transparent url('../images/formBtnRight.png') top right no-repeat;
	padding:0 8px 0 0;
	float:left;
	margin-right:8px;
	}

form .formRow {
	padding:8px 0;
	display:block;
	overflow:hidden;
	}

form .formCheckRow {
	position:relative;
	margin: 4px 0 4px 0;
	padding:8px 0;
	}

form .formCheckRow input.check {
	position:absolute;
	left: 0;
	top: 0;
	}

form .formCheckRow label {
	position:absolute;
	left: 20px;
	top: 0;
	}

form input.check {padding:0; margin:0;}

button::-moz-focus-inner /* fixing evil default firefox padding */ {
    padding:0;
    border:none;
	}

/*-- form errors, there well may be other custom error styling depending on what other forms are created --*/
form img.formErrorIcon {margin-bottom:-3px;}
form img.feiHidden,
form div.hidden {display:none;}

form label.error,
form label.error a,
form span.error,
form input.error {color: #CC0000 !important;}