/* -- Steps ------------------------------- */
.UISteps{margin:0;padding:0;background:url(/images/upload/step-bg.png);height:51px}
.UIStep_Part{float:left;height:51px;color:#666;background:url(/images/upload/step-btn.png) 0 0 no-repeat}
.UIStep_Back{background-position:-24px 0}
.UIStep_Middle{width:145px;background:url(/images/upload/step-bg.png)}
.UIStep_Point{width:21px;background-position:-30px 0}
.UIStep_Content{margin:11px 10px 0 11px;}
.UIStep_Content a{ color:#333 }
.UIStep_Title{font-size:13px;font-weight:bold}
.UIStep_Description{font-size:11px}
.UIStep_Description_Small{font-size:9px}
.UIStep_Nub{background:#eceef4;width:169px;height:51px;float:left}
.UISteps div:first-child .UIStep_Back{width:3px}
.UISteps div:first-child .UIStep_Content{margin-left:15px}
.UIStep_Activated .UIStep_Back{background-position:-21px 0;}
.UIStep_Activated .UIStep_Middle{background:url(/images/upload/step-bg-selected.png)}
.UIStep_Activated .UIStep_Point{background-position:0 0; width:20px}
.UIStep_NextActivated .UIStep_Point{background-position:-51px 0}
.UIStep_Complete .UIStep_Content{color:#666}
.UIStep_Activated .UIStep_Content{color:#fff}
.UIStep_Activated .UIStep_Content a{color:#fff}
.UIValidate { margin:0px;padding:0;color:#333;background:#fff;width:500px;height:150px;}
.UIValidate p { padding:20px; }
.UIButton { margin:10px 2px; font-size: 8pt; width:120px;height: 29px; }
/* -- Layout ------------------------------- */

#content { width: 680px; margin: 20px 90px; }

#box-uploader { margin:20px 0 10px 50px; }
#div-steps {
	margin:0 auto;
	background: url(/images/block-background-675.png) no-repeat;
  	padding: 20px 0 0 30px;
}
#div-steps p { width:600px; }
#div-step-detail {
  float: left;
  width: 450px;
  padding: 0px 0 0 30px;
  
}

.div_stuff {
  padding: 0 0 0 20px;
}
.div_cadre_stuff {
  color: white; // 7ba51e
  margin: 0px auto 0 auto;
  padding: 0px 20px;
  width:890px;
  background: #ff0000;
}

.example_stuff {
  font-size: 12px;
  margin: 15px 0px;
  border: solid 1px #666;
  padding: 10px;
  background: #000;
}

.div_cadre_stuff a { color: #7ba51e; text-decoration: underline; }
.div_cadre_stuff a:hover { color: #fff; text-decoration: underline; }

.footer_stuff {
  font-size: 9px;
  padding: 5px 20px;
  background: #8c9c57;
  color: white;
  width: 850px;
  margin: 0px auto;
}




/* -- Form Styles ------------------------------- */
form {	
	margin: 0;
	padding: 0;
}



div.fieldset {
	border:  1px solid #afe14c;
	margin: 0px 0;
	padding: 20px 10px;
	display:none;
}

.legend {
	margin: 0px 0 10px 0;
	font: 700 14px Arial, Helvetica, sans-serif;
	color: #eee;
}

div.flash {
	width: 425px;
	margin: 10px 5px;
	border-color: #D9E4FF;

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;

}

button,
input,
textarea { 
	border-width: 1px; 
	margin-bottom: 10px;
	padding: 2px 3px;
}



input[disabled]{ border: 1px solid #ccc } /* FF 2 Fix */


label { 
	width: 150px; 
	text-align: right; 
	display:block;
	margin-right: 5px;
}

#btnSubmit { margin: 0 0 0 155px ; }

/* -- Table Styles ------------------------------- */
td {
	font: 10pt Helvetica, Arial, sans-serif;
	vertical-align: top;
}

.progressWrapper {
	width: 407px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #666;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #6a81b0;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #eee;
	width: 373px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: white;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 387px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(/images/upload/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}