/* main smartform container */
.smartform
{
	margin: 0px auto 30px auto; 

}

/* all smartform elements */
.smartform *
{
	font-size: 100%;
	line-height: normal;
	font-family: tahoma;
}

/* smartform header apperance */
.smartform span.title
{
	display:block;
	background:#ffffff url(../icons/h1square.gif) no-repeat scroll 0px 5px;
	color:#444444;
	font-family:arial,Tahoma,Verdana,Arial;
	font-size:1em;
	font-weight:bold;
	margin:10px 0px;
	padding:2px 2px 2px 10px;
	text-transform:uppercase;
}

/* required astrix for user information */
.smartform .astrix
{
	display:inline-block;
	width: 14px;
	background: url(../icons/astrix.gif) center center no-repeat;
	clear: none;
}

/* form fieldset layout */
.smartform fieldset
{
	display: block;
	padding: 10px !important;
	overflow: auto !important;
	border: 1px double #cccccc;
	border-left: 0px;
	border-right: 0px;
	margin: 15px auto 15px auto;
}

/* fieldset legend apperance */
.smartform fieldset legend
{ 
	font-size: 100%;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding:3px 8px 3px 8px;
	margin: 0px 5px 0px 0px;
	text-transform: capitalize;

}

/* field label */
.smartform fieldset label 
{
	height: auto;
	line-height: 1.5em;
	vertical-align: top;
	margin: 0px;
	overflow: auto;
	padding: 0px 0px 2px 16px;
	width: 20%;
	display:block;
	float:left;
}

/* input rows */
.smartform div.field
{
	width: 100%;
	height: auto;
	padding: 10px 0px 8px 0px;
	margin: 0px;
	overflow: hidden;
	border: 0px;
}

/* form input elements apperance */
.smartform fieldset div input, .smartform fieldset div select, .smartform fieldset div textarea
{
	width: 55%;
	font-weight: normal;
	margin-left: 15px;
	_margin:0px;
	padding: 2px;
	border: 1px solid #cccccc;
	background: url(../icons/field_bg.gif) top left repeat-x;
	color: #666666;
}

.smartform fieldset div select
{
	text-transform: capitalize;
}

.smartform fieldset label textarea
{
	width: 10.25em;
}

/* form checkboxes */
.smartform fieldset div.field input.checkbox
{
	/*width: 1.25em;*/
	width: 25px !important;
	border: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
}

/* form selection list */
.smartform fieldset label select
{
	width: 12.75em;
}

/* form readonly elements apperance */
.smartform fieldset label input.readonly, .smartform fieldset label select.readonly, .smartform fieldset label textarea.readonly
{
	border: 1px solid buttonface;
	overflow:auto;
}

/* input required marker apperance */
.smartform fieldset div.required label
{
	background: url(../icons/astrix_gray.gif) 4px center no-repeat;
}

/* form submit buttons apperance */
.smartform input.submit
{
	border:	1px solid #d6d4d4;
	border-left: 6px solid #EF2923;
	padding:2px 4px 2px 4px;
	margin: 0px 10px 0px 10px;
	background:	#F9F9F9;
	color: #717171;
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
	cursor: pointer;
}

/* previous button */
.smartform input.previous
{
	background-image: url(../icons/arrow_left.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 3px 15px 3px 15px;
}

/* next button */
.smartform input.next
{
	background-image: url(../icons/arrow_right.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 3px 15px 3px 15px;
}

/* fake form buttons (A) */
.smartform a.button, .smartform a.button:hover, .smartform a.button:visited
{
	display:block;
	float:left;
	border:	1px solid #d6d4d4;
	border-left: 6px solid #EF2923;
	padding: 3px 10px 3px 10px;
	margin: 0px 5px 0px 0px;
	background:	#F9F9F9;
	color: #717171;
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
	cursor: pointer;
}

/* form buttons div container */
.smartform .buttons
{
	margin: 0px;
	overflow: visible;
	width: 100%;
}

/* form text cdata sections */
.smartform div.html,.smartform div.html p
{
	display: block !important;
	float: none !important; 
	clear: both !important;
	margin:	10px auto 10px auto;
	line-height: 1.65em
}

.smartform div.html p
{
	margin: 15px 0px 15px 0px;
}

/* form horizontal rule */
.smartform fieldset hr
{
	display: block;
	border:	1px solid;
	border-color: ThreeDDarkShadow ThreedHighlight ThreedHighlight ThreeDDarkShadow;
	height: 2px;
	margin: 1em 0em 1em 0em;
}

/* form hyperlink */
.smartform fieldset label a
{
	/*font-size: 110%;*/
}

.smartform fieldset span.output
{
	display:block;
	float:left;
	width: 14.25em;
	border-width: 2px;
	font-weight: normal !important;
	/*font-size: 100%;*/
	word-wrap: break-word;
}

/*-------------------------------------------------------------------------------------------------------------------*/
/* ERROR/INFO ELEMENTS																											   */
/*-------------------------------------------------------------------------------------------------------------------*/

/* label accesskey apperance */
.smartform fieldset label span.accesskey
{
	text-decoration: underline;
}

/* form fieldinfo container */
.smartform fieldset span.info
{
	clear:both;
	display:block;
	border:	1px solid #DDDDDD;
	padding: 4px 4px 4px 19px;
	width: auto;
	border: 1px solid #e7e7e7;
	background: #F9F9F9 url('../icons/info.gif') 3px 3px no-repeat;
	margin: 2px 1% 0px 37.5%;
	_margin: 0px 4% 0px 34.75%;
	color: #444444;
	border: 1px solid #aaaaaa;
	white-space: normal;
}

/* error span apperance contained within invalid label */
.smartform  div.invalid span.error
{
	clear:both;
	display:block;
	padding: 5px 5px 5px 22px;
	width: auto;
	font-family: tahoma, arial;
	background: #F9F9F9 url('../icons/error.gif') 3px center no-repeat;
	text-transform: lowercase;
	border: 1px solid #DDDDDD;
	color: #222222;
	margin: 0px 14.25% 0px 24.85%;
	_margin: 0px 4% 0px 34.75%;
}

.smartform  div.invalid_show span.error
{
	display: block !important;
}

/*-------------------------------------------------------------------------------------------------------------------*/
/* INVALID ELEMENT																									*/
/*-------------------------------------------------------------------------------------------------------------------*/

/* form invalid label */
.smartform fieldset div.invalid label
{
	background: url(../icons/exclamation.gif) 6px center no-repeat;
	/*color: #ff0000;*/
	padding: 0px 0px 0px 16px;
}

.smartform fieldset div.invalid 
{
	/*margin-top: 10px;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;*/
}

/*.smartform fieldset label.invalid span.labeltext {}*/

/* form invalid input positioning/appernace */
.smartform fieldset div.invalid input, .smartform fieldset div.invalid select, .smartform fieldset div.invalid textarea
{
	border: 1px solid #ff9999 !important;
}

/*-------------------------------------------------------------------------------------------------------------------*/
/* DYNAMIC ICONS																													   */
/*-------------------------------------------------------------------------------------------------------------------*/

/* date picker icon */
.smartform .dateicon
{
	display: block;
	width: 20px;
	height: 20px;
	border:	0px;
	background: url(../icons/cal.gif) center center no-repeat;
	overflow: auto;
	margin:	0px 0px 0px 0px;
	cursor:	pointer;
}

.smartform .datepicker 
{
	background: url(../icons/cal.gif) center right no-repeat;
}

/*-------------------------------------------------------------------------------------------------------------------*/
/* DEVELOPMENT STATUS																											   */
/*-------------------------------------------------------------------------------------------------------------------*/

.smartform div.developmentstatus
{
	/*font-size: 0.75em;*/
	color: #dd0000;
	border: 1px solid #B2B2B2;
	background: #EdEdEd url('../icons/info.gif') 5px center no-repeat;
	text-transform:capitalize;
	margin: 0px 0px 10px 0px;
	padding: 5px 5px 5px 20px;
}

.smartform div.developmentstatus span
{
	font-weight: bold;
	color: #000000;
}

/*-------------------------------------------------------------------------------------------------------------------*/
/* INFORMATION																														   */
/*-------------------------------------------------------------------------------------------------------------------*/

/* form fieldinfo container */
.smartform div.information
{
	margin:	5px auto 5px auto; 
	clear: both !important;
	border: 1px solid gray;
	padding: 2px 4px 2px 22px;
	width: auto;
	border:	1px solid #DDDDDD;
	color: #777777;
	background: #F9F9F9 url('../icons/info.gif') 4px 4px no-repeat;
	text-align:left;
	font-weight: normal;
	line-height: 1.65em;

}

/*-------------------------------------------------------------------------------------------------------------------*/
/* INPUT FOCUS HIGHLIGHT																										   */
/*-------------------------------------------------------------------------------------------------------------------*/
input:focus, select:focus, textarea:focus, input.focus, select.focus, textarea.focus
{
	background-color: #fefefe !important;
	border-color: #b5b6bd !important;
	white-space: pre-line;
}

div.tooltip
{
	position: absolute;
	padding: 5px 5px 5px 22px;
	width: auto;
	height: auto;
	font-size: 75%;
	background: #ffffe1 url('../icons/error.gif') 3px center no-repeat;
	text-transform: lowercase;
	border: 1px solid #aaaaaa;
	color: #222222;
}

.smartform fieldset.newlines
{
	display:block;
	float: none;
	clear:both;
	width: 95% !important;
}

/* form input elements apperance */
.smartform fieldset.newlines input, .smartform fieldset.newlines textarea
{
	width: 98%;
	font-weight: normal;
	padding: 2px;
	border: 1px solid #cccccc;
	background: url(../icons/field_bg.gif) top left repeat-x;
	color: #666666;
	display: block;
	clear: both;
	float: none;
	margin: 0px;
}

.smartform fieldset.options label
{
	width: 80%;
}