/*
    Alfresco Design / CompanyName (Form Styles)

    @company Alfreso Design
    @website alfresco.com.au | alfrescodesign.com
    @updated 2006-02-22
*/
/*
	*Assumptions
	-html elements use ID and Name attributes
	-labels are used to directly relate a label with a form element
	-to achieve a grid type layout treat each div as a seperate row
*/
/*
	*Form ID & Name attribute Naming Guide
	txt: 		Text Field
	btn: 		Button
	ddl: 		Drop Down List
	lst:		Multiple Select List
	chk: 		Checkbox
	rd: 		Radio
*/
/*
	*Structure Guide
	fieldset(.split)
		legend
		div(.nolabel, .full)
			label [not required for buttons]
				form element (chk, rd)
			input(txt, ddl, lst)
			ul(.row-count-x, .first-row) [required for chk, rd layouts]
				li [to enforce item clearing, number of list items should correspond with x]
					input(txt, ddl)
					label
*/

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

fieldset
{
	border: 0px none;
}

fieldset legend
{
	display: none;
}

fieldset h1,
fieldset h2,
fieldset h3,
fieldset h4,
fieldset h5,
fieldset h6
{
	margin: 0px;
	padding: 10px 0px 10px 0px;
}

fieldset div
{
    clear: both;
	margin: 0px 0px 5px 0px;
    padding: 0px 0px 5px 0px;
}
fieldset div.nolabel
{
    padding-left: 40%;
}

fieldset div.mleft
{
	margin-left: 40%;
}

fieldset div p
{
	margin: 0px;
	padding: 5px 0px 10px 0px;
}
fieldset div p.note
{
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	
	font-size: 90%;
	line-height: normal;
}
fieldset div span.note
{
	font-weight: normal;
	font-size: 80%;
}


/*
	=LayoutStyles
*/
fieldset.split div
{
	float: left;
	clear: none;
	width: 45%;
	margin: 0% 1% 0% 1%;
}
	fieldset.split div.cboth
	{
		clear: both;
	}
	fieldset.split div.nolabel
	{
		padding-left: 0px;
	}
	fieldset.split div.nolabel input.submit
	{
		margin-left: 40%;
	}
	fieldset.split div p.note
	{
		clear: both;
		padding: 0%;
	}


fieldset div.full
{
	margin-top: 2px;
}
	fieldset div.full input.txt,
	fieldset div.full textarea.txt
	{
		width: 90%;
		margin-bottom: 2px;
	}
	fieldset div.full p.note
	{
		padding-left: 0%;
	}


fieldset div.fulldiv
{
	width: 98%;
}


fieldset.sub-left div,
fieldset.sub-right div
{
	clear: none;
}


/*
	=Label Styles
*/
fieldset label
{
    display: block;
    float: left;
    width: 40%;
	padding-top: 2px !important;
	padding-top: 4px;
	
	font-weight: bold;
	cursor: pointer;
}

fieldset ul label,
fieldset label.label
{
    display: inline;
    width: auto;
	padding-top: 0px;
    float: none;
	cursor: pointer;
}

fieldset div.full label
{
	width: 90%;
	margin-bottom: 2px;
}



/*
	=Form Html Element Styles
*/
input, 
select, 
textarea 
{
	padding: 1px;
	
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 100%;
}

select.dd
{
	width: 50%;
}

textarea.txt,
textarea.text
{
	width: 50%;
}

input.txt,
input.text
{
	width: 50%;
}

input.txt-small,
input.text-small
{
	width: 20%;
}

input.txt-tiny,
input.text-tiny
{
	width: 10%;
}

input.chk,
input.checkbox
{
}

input.rd,
input.radio
{
}



/*
	=Button
*/
fieldset input.button
{
	padding: 1px 2px;
	
	background-color: #c84534;
	border: 1px solid #c3c3c3;
	
	color: #fff;
	cursor: pointer;
}
fieldset input.button:hover,
fieldset input.hover
{
	border-color: #333333;
}

div.buttons
{
	border-top: 1px solid #f2f2f2;
	
	text-align: center;
}



/*
	=List Styles
*/
fieldset ul li
{
	background-image: none;
	padding-left: 0px;
}

ul.row-count-2,
ul.row-count-3,
ul.row-count-4
{ 
	clear: left; 
	margin: 0px 0px 0px 40%; 
}

ul.first-row { clear: none; }

ul.row-count-2 li,
ul.row-count-3 li,
ul.row-count-4 li { float: left; }

ul.row-count-2 li { width: 48%; padding-right: 2%; }
ul.row-count-3 li { width: 31%; padding-right: 2%; }
ul.row-count-4 li { width: 25%; }



/*
	=Custom Styles
*/