/* 

FORMS STYLE SHEET FOR [ATTIK DESIGNS]
Created by [ADRIAN CORCORAN]
[https://www.attikdesigns.ie]

*/

/* --------- 5. forms --------- */

form * {
1	border: 1px solid #f00;
	text-decoration:none;
	}
form {
	}
form p {
	margin-top:0px;
	margin-bottom:15px;
	line-height:26px;
	}
form p.field {
	margin-right:10px;
	}
form p.text-right {
	}
input,
select,
textarea{
	padding:2px;
	line-height:26px;
	color:#656262;
	background: #eee;
	border:1px solid #dfdfdf;
	}
input {
	height:20px;
	text-indent:5px;
	padding-right:34px;
}
textarea {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:1em;
	padding-right:55px;
	}
select {
	}
input.button {
	font-size:14px;
	height:auto;
	text-indent:0;
	font-family:Tahoma, Geneva, sans-serif;
}
input.button:hover {
1	background-color:#c80000;
}
form .checkbox {
	display:inline-block;
	height:26px !important;
	background-position:0 center !important;
}
form#search-form p{
	margin-bottom:0;
}
/*	--------------------	*/
/*	SPEICAL STYLED SELECT BOXES	*/
/*	--------------------	*/

/* all form p's have position property set to relative so we can easily position newly created SPAN */
form p {position:relative;} 

/* setting the width and height of the SELECT element to match the replacing graphics */
select.styled{
    position:relative;
    z-index:10;
    height:20px !important;
    line-height:20px;
	cursor:pointer;
	width:auto;
}
option.styledoption {
	text-indent:10px;
	color:#656262;
}
/* dynamically created SPAN, placed below the SELECT */
span.select{
    position:absolute;
1	top:5px;
    left:0;
	width:88%;
    height:24px;
    line-height:22px;
    text-indent:10px;
    cursor:pointer;
    z-index:1;
	background:#eee url(/admin/mainpics/icons/arrow-down-red.png) 95% center no-repeat;
	border:1px solid #dfdfdf;
1	margin: 0 5px;
	margin: 0;
	}
form.edit-form span.select{
	top:0px;
    left:0;
	margin: 0;
	}
/*	--------------------	*/
/*	SPEICAL RULES FOR CERTAIN FORMS	*/
/*	--------------------	*/