table.form {
	border-collapse:		separate;
	border-spacing:			10px 4px;
	margin:					0;
	padding:				0;
}

table.form caption {
	text-align:				left;
	font-size:				14px;
	font-weight:			normal;
	margin-left:			10px;
}

table.form th {
	font-size:				12px;
	color:					#000000;
	padding:				0px;
	padding-top:			10px;
	padding-left:			2px;
	text-align:				left;
	font-weight:			normal;
	vertical-align:			top;
}

table.form td {
	font-size:				12px;
	color:					#000000;
	padding:				0px;
	text-align:				left;
	vertical-align:			top;
}

table.form td.submit {
	padding-top:			10px;
	text-align:				right;
}

table.form td.inputlabel {
	vertical-align:			middle;
}

input[type="text"], input[type="password"], textarea {
	width:					100%;
	margin:					0;
	padding:				0;
	padding-top:			2px;
	padding-bottom:			2px;
	font-size:				12px;
	border:					1px solid #666666;
	background-image:		url(../elements/tf.png);
	background-position:	left top;
	background-repeat:		repeat-x;
}

textarea {
	font-family:			Arial, Helvetica, sans-serif;
	padding:				4px;
}

input[type="text"].amt {
	width:					40px;
	text-align:				center;
	margin-right:			5px;
}

input[type="text"].price {
	width:					60px;
	text-align:				right;
	margin-right:			5px;
}

select {
	width:					100%;
	margin:					0;
	padding:				1px;
	padding-top:			1px;
	padding-bottom:			1px;
	font-size:				12px;
	border:					1px solid #666666;
	background-image:		url(../elements/tf.png);
	background-position:	left top;
	background-repeat:		repeat-x;
}

select.multi {
	padding:				1px;
	padding-top:			1px;
	padding-bottom:			4px;
}

option {
}

select.multi option {
	padding:				2px;
	padding-left:			3px;
	padding-right:			3px;
	margin-bottom:			1px;
}

input.date {
	width:					100px;
	text-align:				center;
}

input[type="submit"], input[type="button"], input.submit, input.button {
	font-size:				12px;
	color:					#FFFFFF;
	background-image:		url(../elements/button1.jpg);
	background-position:	0px 0px;
	background-repeat:		repeat-x;
	border:					1px solid #222222;
	padding:				1px;
	padding-left:			10px;
	padding-right:			10px;
}

input[type="submit"]:hover, input[type="button"]:hover, input.submit:hover, input.button:hover {
	background-image:		url(../elements/button1_hover.jpg);
}

a.button {
	display:				block;
	font-size:				12px;
	color:					#FFFFFF;
	background-image:		url(../elements/button1.jpg);
	background-position:	0px 0px;
	background-repeat:		repeat-x;
	border:					1px solid #222222;
	padding:				3px;
	padding-bottom:			2px;
	padding-left:			10px;
	padding-right:			10px;
	text-decoration:		none;
	text-align:				center;
	cursor:					default;
}

a.button:hover {
	background-image:		url(../elements/button1_hover.jpg);
}

a.inline {
	display:				inline;
}

a.checkbox {
	display:				block;
	font-size:				12px;
	color:					#444444;
	background-image:		url(../elements/checkbox.png);
	background-position:	0px 2px;
	background-repeat:		no-repeat;
	border:					0px none;
	padding:				3px;
	padding-bottom:			2px;
	padding-left:			20px;
	padding-right:			10px;
	padding-top:			4px;
	text-decoration:		none;
	text-align:				left;
	cursor:					pointer;
}

a.checkbox:hover {
	background-image:		url(../elements/checkbox_hover.png);
	color:					#000000;
}

a.active {
	background-image:		url(../elements/checkbox_active.png);
	color:					#000000;
	text-decoration:		underline;
}

a.active:hover {
	background-image:		url(../elements/checkbox_active.png);
}

a.ractive {
	background-image:		url(../elements/greenbut_center.jpg);
	color:					#000000;
}

a.ractive:hover {
	background-image:		url(../elements/greenbut_center.jpg);
}


a.objtitle {
	color:					#000000;
	text-decoration:		none;
	padding-left:			1px;
	border-bottom:			1px dotted #000000;
}

a.objtitle:hover {
	border-bottom:			1px dotted #EF9433;
}


form.formbox {
	border:					1px solid #DDDDDD;
	background-color:		#FCFDFF;
	padding-top:			10px;
	padding-right:			10px;
	padding-bottom:			5px;
	margin-left:			10px;
	margin-right:			10px;
	margin-bottom:			10px;
}

a.attachment {
	color:					#000000;
	text-decoration:		none;
	border-bottom:			1px dotted #000000;
}

a.attachment:hover {
	border-bottom:			1px dotted #EF9133;
}

/* expander */

a.expand, a.collapse {
	font-size:				12px;
	border:					0px none;
	display:				block;
	padding-left:			0px;
	padding-right:			20px;
	padding-top:			5px;
	width:					90px;
	height:					19px;
	background-image:		url(../elements/expander.png);
	background-position:	left top;
	background-repeat:		no-repeat;
	margin-top:				5px;
	margin-bottom:			10px;
	cursor:					pointer;
	text-align:				center;
}

a.collapse {
	background-image:		url(../elements/collapser.png);
}

a.expand:hover {
	background-image:		url(../elements/expander_hover.png);
}

a.collapse:hover {
	background-image:		url(../elements/collapser_hover.png);
}