/* -----------------------------------------------
	www.swfupload.org
	Description: Common Screen Stylesheet for SWFUpload Demos
	Updated on:  May 1, 2008
----------------------------------------------- */


/* ----------------------------------------------- 
	GLOBAL RESET 
   ----------------------------------------------- */

#photoupload div, #photoupload span, #photoupload applet, #photoupload object, #photoupload iframe,
#photoupload h2, #photoupload h3, #photoupload h4, #photoupload h5, #photoupload h6, #photoupload p, #photoupload blockquote, #photoupload pre,
#photoupload a, #photoupload abbr, #photoupload acronym, #photoupload address, #photoupload big, #photoupload cite, #photoupload code,
#photoupload del, #photoupload dfn, #photoupload font, #photoupload img, #photoupload ins, #photoupload kbd, #photoupload q, #photoupload s, #photoupload samp,
#photoupload small, #photoupload strike, #photoupload strong, #photoupload sub, #photoupload sup, #photoupload tt, #photoupload var,
#photoupload dl, #photoupload dt, #photoupload dd, #photoupload ol, #photoupload ul, #photoupload li,
#photoupload fieldset, #photoupload form, #photoupload label, #photoupload legend,
#photoupload table, #photoupload caption, #photoupload tbody, #photoupload tfoot, #photoupload thead, #photoupload tr, #photoupload th, #photoupload td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
#photoupload :focus { outline: 0; }

#photoupload ol, #photoupload ul { 
	list-style: none; 
}
/* tables still need 'cellspacing="0"' in the markup */
#photoupload table {
	border-collapse: separate;
	border-spacing: 0;
}
#photoupload caption, #photoupload th, #photoupload td {
	text-align: left;
	font-weight: normal;
}
#photoupload blockquote:before, #photoupload blockquote:after,
#photoupload q:before, #photoupload q:after { 
	content: "";
}
#photoupload blockquote, #photoupload q {
	quotes: "" "";
}


/* ----------------------------------------------- 
	BASIC ELEMENTS
   ----------------------------------------------- */
   
   
/* -- Text Styles ------------------------------- */

#photoupload a { 
	color: #385ea2; 
	text-decoration: none; 
}
#photoupload a:hover { text-decoration: underline; }

#photoupload strong { font-weight: 700; }



#photoupload h1 a{
	color: #fff;
	text-decoration: none;
}

#photoupload h2 { 
	font-size: 22px; 
	font-weight: 300;
	padding-top: 1em;
	padding-bottom: .25em;
}


#photoupload p { 
	margin-top: .25em;
	margin-bottom: .5em;
}

#photoupload ul { padding: 4px 5px; }
#photoupload ul li { 
	padding: 4px 5px; 
	margin: 0 20px;
	list-style:square; 
}

#photoupload code {
	display: block;
	background:#edffb8 none repeat scroll 0%;
	border-color:#b2da3a;
	border-style:solid;
	border-width:1px 0;
	font-size: 1em;
	margin: 1em 0pt;
	overflow:auto;
	padding: 0.3em 0.4em;
	white-space:pre;
}

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







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



#photoupload fieldset {
	border:  1px solid #afe14c;
	margin: 5px 0;
	padding: 20px 10px;
}

/* IE6 FIX */
#photoupload html fieldset { 
	position: relative; 
	margin-top:1em;  
}
/* IE6 FIX */
#photoupload html legend { 
	position:absolute; 
	top: -0.5em; 
	left: .5em; 
}

#photoupload fieldset.flash {
	width: 415px;
	margin: 10px 5px;
	border-color: #D9E4FF;
}

#photoupload legend {
	font: 700 14px Arial, Helvetica, sans-serif;
	padding: 0 5px;
	margin: 0 10px;
	color: #73b304;
}


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



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


#photoupload label { 
	width: 300px; 
	text-align: right; 
	display:block;
	margin-right: 5px;
}

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

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

#photoupload .progressWrapper {
	width: 420px;
	overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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