/* Styles for component */

#artforms-box {
	width: 99%;
	border: 1px solid #d6d6d6;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 1px 5px 1px;
}

#artforms-box input,
#artforms-box .inputboxtxt,
#artforms-box fieldset {
	padding-top:0px;
	border: 1px solid #d6d6d6;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
	background: #f4f4f4 url(../images/input.png) -3px -3px repeat-x;
}

#artforms-box .inputboxhtml {
	padding-top:0px;
	border: 1px solid #d6d6d6;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
	background: #f4f4f4 url(../images/input.png) -3px -3px repeat-x;
}

#artforms-text {
	padding: 5px 5px 5px 5px;
}

#artforms-danktext {
	padding-left: 10px;
	padding-bottom: 15px;
}

.affieldname {
	padding-top:3px;
}

.artformstextarea-html {
	margin-left:1px;
}

.artformstextarea-txt {
	padding-left:80px;
}

#artforms-box .artforms-date {
	width: 145px;
}

#artforms-box .artforms-button {
	border: 1px solid #777;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
	background: transparent url(../images/input.png) -3px -3px repeat-x;
	font-size: 12px;
	color: #888;
	padding:2px 4px 2px 7px;
}	

#artforms-box div.artforms-date input.button:hover,
#artforms-box .artforms-button:hover {
	border: 1px solid #d6d6d6;
	border-left-color: #777;
	border-top-color: #777;
	background: transparent url(../images/input.png) -3px -3px repeat-x;
	font-size: 12px;
	color: #333;
	padding:2px 4px 2px 6px;
	margin:1px 0px -1px 1px;
}	

#artforms-box #artforms-reqtext {
	padding:2px 2px 2px 2px;
	height:99%;
}

#artforms-box .artforms-error {
	margin: 10px 0px;
	padding: 28px 15px 5px 75px;
	height: 45px;
	border: 1px solid #cc0000;
	background: #ffffcc;
	text-align: left;
	color: red;
	font-weight: bold;
	background-image: url(../images/error.png);
	background-repeat: no-repeat;
	background-position: 10px 50%;
}

#artforms-box .artforms-errorwtype {
	margin: 10px 0px;
	padding: 28px 15px 5px 75px;
	border: 1px solid #cc0000;
	background: #ffffcc;
	text-align: left;
	color: red;
	font-weight: bold;
	background-image: url(../images/error.png);
	background-repeat: no-repeat;
	background-position: 10px 18px;
}

#artforms-box .artforms-errorfield {
	margin: 2px 0px 2px;
	padding: 5px 15px 5px 35px;
	border: 1px solid #cc0000;
	background: #ffffcc;
	text-align: left;
	color: red;
	font-weight: bold;
	background-image: url(../images/minierror.png);
	background-repeat: no-repeat;
	background-position: 10px 50%;
}

#artforms-box .artforms-errorftxt {
	margin: 2px 0px 2px;
	padding: 5px 0px 5px 35px;
	text-align: right;
	color: red;
	font-weight: bold;
	background-image: url(../images/minierror.png);
	background-repeat: no-repeat;
	background-position: 10px 50%;
}

#artforms-box .artforms-errorfield {
	margin: 2px 0px 2px;
	padding: 5px 15px 5px 35px;
	border: 1px solid #cc0000;
	background: #ffffcc;
	text-align: left;
	color: red;
	font-weight: bold;
	background-image: url(../images/minierror.png);
	background-repeat: no-repeat;
	background-position: 10px 50%;
}

.attfile {
	display: block;
}


.aferrorm {
   width:100%;
   height:44px;
   color:#C64934;
   font-family:Arial;
   font-size:14px;
   font-weight:bold;
   float:left;
   margin:7px 2px 7px 2px;
   padding:2px 2px 0px 2px;
   text-align:center;
   overflow:hidden;
}

.aferrorm img {
   margin-bottom:-4px; 
   padding:0px 3px 0px 3px;
}

.clear {
   clear:both;
} 


/* AttFile Styles */

		#afattfile .afattfilebox
		{
			width:					100%;
			float:					left;
		}
		#afattfile .afattfilebtnbox
		{
			width:					28%;
			height:					20px;
			padding-top:		3%;
			float:					left;
		}
		#afattfile .afattfilequeuebox
		{
			width:					70%;
			float:					left;
		}
		#afattfile fieldset
		{
			border: 1px solid #d6d6d6;
			border-left-color: #e4e4e4;
			border-top-color: #e4e4e4;
			background-image: none;
		}

		#afattfile legend
		{
			font-weight:			bold;
			font-size:				1.2em;
			color:					#888;
			margin:					auto;
		}
		#afattfile label
		{
			float:					left;
			text-align:				right;
			font-size:				1.1em;
		}
		#afattfile label.error
		{
			color:					#ff0000;
		}
		#afattfile div.label
		{
			clear:					both;
			margin:					0 0 0 0;
			padding:				0.1em 0.3em;
		}
		#afattfile input,
		#afattfile select
		{
			width:					10em;
		}
.ajax-loading
{
	padding:                50px;
	background:             url(../images/spinner.gif) no-repeat center;
}

		/**
		 * Thats the basic css needed for the upload bars
		 */

		#afattfile .photoupload-queue
		{
			list-style:				none;
		}
		#afattfile .photoupload-queue li
		{
			background:				url(../includes/js/fancyupload/photo_upload.png) no-repeat 0 5px;
			padding:				5px 0 5px 22px;
			text-align:				left;
			width:					100%;
		}
		#afattfile .photoupload-queue span
		{
			text-align:				left;
		}
		#afattfile .photoupload-queue .queue-file
		{
			font-weight:			bold;
		}

		#afattfile .photoupload-queue .queue-size
		{
			color:					#aaa;
			margin-left:			1em;
			font-size:				0.9em;
		}

		#afattfile .photoupload-queue .queue-loader
		{
			position:				relative;
			margin:					3px 15px;
			font-size:				0.9em;
			background-color:		#ddd;
			color:					#fff;
			border:					1px inset #ddd;
		}
		#afattfile .photoupload-queue .queue-subloader
		{
			text-align:				center;
			position:				absolute;
			background-color:		#81B466;
			height:					100%;
			width:					0%;
			left:					0;
			top:					0;
		}

		#afattfile .photoupload-queue .input-delete
		{
			width:					16px;
			height:					16px;
			background:				url(../includes/js/fancyupload/delete.png) no-repeat 0 0;
			text-decoration:		none;
			border:					none;
			float:					right;
		}
		
		#afattfile .afattfileselected
		{
			display:				block;
			color:					#888;
			font-size:				0.85em;
			margin:					1em 0.5em 1em 0;
			padding:				1em 0;
		}