/* -----------------------------------------------


	www.swfupload.org


	Description: Common Screen Stylesheet for SWFUpload Demos


	Updated on:  May 1, 2008


----------------------------------------------- */








/* ----------------------------------------------- 


	GLOBAL RESET 


   ----------------------------------------------- */




















/* ----------------------------------------------- 


	BASIC ELEMENTS


   ----------------------------------------------- */


   


   


























/* -- Layout ------------------------------- */








#header {


	background: #313131 url(../images/header-bg.jpg) repeat-x top left;


	height: 125px;


	position: relative;


}


	#logo { 


		padding: 0;


		margin: 0;


		background: url(../images/logo.gif) no-repeat 20px 20px;


		height: 106px;


		width: 272px;


		text-indent: -5000px;


		overflow: hidden;


	}


	/* hide link text */


	#logo a {


		display: block;


		color: #fff;


		text-indent: -5000px;


		overflow: hidden;


		height: 106px;


		width: 272px;


	}


	


	#version {


		color: #fff;


		position: absolute;


		right: 20px;


		top: 85px;


	}








#content { width: 680px;}

















/* -- Form Styles ------------------------------- */


form {	


	margin: 0;


	padding: 0;


}











div.fieldset {


	border:  1px solid #afe14c;


	margin: 10px 0;


	padding: 20px 10px;


}


div.fieldset span.legend {


	position: relative;


	background-color: #FFF;


	padding: 3px;


	top: -30px;


	font: 700 14px Arial, Helvetica, sans-serif;


	color: #73b304;


}





div.flash {


	width: 375px;


	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,


select,


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: 357px;


	overflow: hidden;


}





.progressContainer {


	margin: 5px;


	padding: 4px;


	border: solid 1px #E8E8E8;


	background-color: #F7F7F7;


	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: #EBFFEB;


}





/* Complete */


.blue {


	border: solid 1px #CEE2F2;


	background-color: #F0F5FF;


}





.progressName {


	font-size: 8pt;


	font-weight: 700;


	color: #555;


	width: 323px;


	height: 20px;


	text-align: left;


	white-space: nowrap;


	overflow: hidden;


}





.progressBarInProgress,


.progressBarComplete,


.progressBarError {


	font-size: 0;


	width: 0%;


	height: 2px;


	background-color: blue;


	margin-top: 2px;


}





.progressBarComplete {


	width: 100%;


	background-color: green;


	visibility: hidden;


}





.progressBarError {


	width: 100%;


	background-color: red;


	visibility: hidden;


}





.progressBarStatus {


	margin-top: 2px;


	width: 337px;


	font-size: 7pt;


	font-family: Arial;


	text-align: left;


	white-space: nowrap;


}





a.progressCancel {


	font-size: 0;


	display: block;


	height: 15px;


	width: 14px;


	background-image: url(../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;


}


