html { min-height: 100%; margin-bottom: 1px; } /* so #viewpath doesn't shift in FF when there's no scrollbar. */

#fcbody { background: #fffff; font-family: sans-serif; font-size: 90%; text-align: left; }

#fcbody dl { margin: 0 0 1em; padding: 0; }
#fcbody dt, dd { margin: 0; padding: 0; }

#pb { margin: 14px auto 2px auto; padding: 3px; }
#pb a { color: #000; }
#pb a:hover { color: #aaa; }
#pb { position: absolute; left: -8000px; }
#fcfooter { color: #f80808; margin: 24px auto 4px auto; }
/* #uploaderpage, #filelistpage, #defaultpage etc, are the outer containers for their respective pages. */
#uploaderpage, #uploadcompletepage, #filelistpage, #defaultpage { width: 60%; text-align: left; margin: 0px auto; background: white; border: 0px solid #999; padding: 2px; }
#uploaderpage #title, #uploadcompletepage #title, #filelistpage #title, #defaultpage #title { font-size: 200%; font-weight: bold; padding: 8px; }
#uploaderpage { width: 100%; }
#uploaderpage #intro { text-align: left; }
#specialnote { font-weight: bold; }

#fc-container { padding: 0px 45px; } /* this is the whole page except for title and pb */
#fc-container a { color: #509076; }
#fc-container a:hover { color: #aaa; }

/* #progBarContainer includes everything (progress bar, text, table); #theMeter includes just the bar and the text (percent and rate) */
#progBarContainer { padding-top: 10px; }
#progBar, #progBarText	{ width: 350px; }
#progBar { margin: 2px auto; height: 20px; border: 1px inset; background: #eee; text-align: left; }
#progBarDone { width: 0; height: 20px; border-right: 1px solid #334400; background: #1e786a; /* background: url(/layout/filechucker-scrolling-bg-08.gif) repeat-x; */ }
#theMeter, #uploadCompleteMsg { margin-bottom: 20px; }
#progBarContainer table { width: 350px; margin: 4px auto 20px auto; text-align: right; border-collapse: collapse; border: 0; border-bottom: 1px solid #bbb;}
#progBarContainer table td { border-top: 1px solid #bbb; text-align: center; }
#progBarContainer #upload-row-1, #progBarContainer #upload-row-3 { background: #e6e6e6; }
#progBarContainer #upload-row-2, #progBarContainer #upload-row-4 { background: #efefef; }

#progBarText	{ font-size: 90%; margin: 1px auto; white-space: nowrap; }
#progRate	{ float: left; text-align: left; width: 19%; }
#progStatus	{ float: left; text-align: center; width: 70%; font-style: italic; }
#progPercent	{ float: right; text-align: right; width: 10%; }

#uploadsummary { margin-top: 20px; margin-bottom: 20px !important; }
#uploadsummary .file { margin-top: 8px; }
#uploadsummary dt { font-weight: bold; margin-bottom: 10px; }
#uploadstats dt { font-weight: bold; margin-bottom: 10px; }

td.headercell { font-weight: bold; }
#tca1,#tcb1,#tcc1,#tcd1 { width: 33%; }
#tca2,#donef,#leftf,#totalf { position: absolute; left: -10000px; overflow: hidden; height: 0; }
#tca3,#dones,#lefts,#totals { width: 34%; }
#tca4,#donet,#leftt,#totalt { width: 33%; }
#viewpath { white-space: nowrap; background: #efefef; border: 1px solid #bbb; margin: 0 auto 0 auto; padding: 0px 4px 0px 4px; width: 661px; } /* Note: CC used below to set the width for IE. */
#viewpath-outer { padding: 6px; }
/* #viewpath-inner { border: 1px solid #000; } */
#viewpath-text { text-align: left; float: left; width: 61%; margin-top: 2px; }

#optmenutop { text-align: right; float: right; width: 29%; }
#optmenutop select, #optmenutop input { margin: 0; padding: 0; vertical-align: middle; font-size: 85%; }
form#optionstop, form#optionsbottom { display: inline; margin: 0; padding: 0; }

#optionstop optgroup, #optionsbottom optgroup { font-weight: bold; font-style: normal; }
#optionstop option, #optionsbottom option { padding-left: 20px; }

#filelist { text-align: left; border-collapse: collapse; margin: 0 auto 2px auto; border: 1px solid #444; width: 670px; }
#filelist tr { border: 0px solid white; }
#filelist tr.even { background: #efefef; }
#filelist tr.odd { background: #e6e6e6; }
#filelist td { }

#filelist a:link { color: black; text-decoration: none; display: block; width: 100%; padding: 4px 2px; }
#filelist a:visited { color: black; text-decoration: none; display: block; width: 100%; padding: 4px 2px; }
#filelist a:hover { color: white; }

#filelist .emptytable { text-align: center; font-style: italic; padding: 4px; }

#filelist td.pname { background: url(/upload/fcarrow.gif) 1% 50% no-repeat; background-color: inherit; }
#filelist td.fname { background: url(/upload/fcfile.gif) 1% 50% no-repeat; background-color: inherit; }
#filelist td.diricon { background: url(/upload/fcfolder.gif) 1% 50% no-repeat; background-color: inherit; }
#filelist td.homeicon { background: url(/upload/fchome.gif) 1% 50% no-repeat; background-color: inherit; }
#filelist td.dname { background-color: inherit; }
#filelist td.pname, #filelist td.dname, #filelist td.fname { width: 340px; padding-left: 20px; }
/* #filelist td.thumb { background-image: none; } */


#filelist .info, #filelist .mv, #filelist .sel, #filelist .del { text-align: center; }
#filelist .size { text-align: right; }
#filelist .size { white-space: pre; padding: 4px 10px 4px 2px; }
#filelist .date { white-space: pre; padding: 4px 5px; text-align: right; }
#filelist .info, #filelist .mv, #filelist .del, #filelist .sel { padding: 0 6px; }
#filelist .spc { padding: 0 6px 0 3px; }

#filelist th { text-align: center; padding: 5px 0; font-size: 120%; background: #507090; border-bottom: 1px solid #444; }
#filelist #namehead { text-align: left; padding-left: 7px; }
#filelist #namehead a, #filelist #sizehead a, #filelist #datehead a { color: #fff; font-weight: bold; }


#filegrid { margin: 10px auto; text-align: center; }
#filegrid td { width: 33%; padding: 10px; border: 1px solid #fff; }
#filegrid td:hover { background: #efefef; border: 1px solid #bbb; }
#filegrid a.thumb { display: block; }
#filegrid a.icon { display: block; border: 0; }
#filegrid img.icon { border: 0; }
#filegrid .prnt .info, #filegrid .prnt .size, #filegrid .prnt .mv, #filegrid .prnt .sel, #filegrid .prnt .del { display: none; }
#filegrid .dir .info, #filegrid .dir .sel { display: none; }

#filegrid .pname a:link, #filegrid .dname a:link, #filegrid .fname a:link		{ color: #000; text-decoration: none; padding: 4px 2px; }
#filegrid .pname a:visited, #filegrid .dname a:visited, #filegrid .fname a:visited	{ color: #000; text-decoration: none; padding: 4px 2px; }
#filegrid .pname a:hover, #filegrid .dname a:hover, #filegrid .fname a:hover		{ color: #000; text-decoration: underline; }

#filegrid .file .info, #filegrid .file .mv, #filegrid .file .del { display: inline; padding: 4px; font-size: 90%; }
#filegrid .dir .mv, #filegrid .dir .del { display: inline; padding: 4px; font-size: 90%; }

#filegrid .date, #filegrid .size { font-size: 90%; color: #676767; }

#filegrid .emptytable { text-align: center; font-style: italic; padding: 4px; }


form#itemactions { margin: 0; padding: 0; }
td.actionlinks { padding: 6px; text-align: right; }
#filelist .actionlinks a:link { color: black; text-decoration: none; display: inline; width: auto; padding: 4px 2px; }
#filelist .actionlinks a:visited { color: black; text-decoration: none; display: inline; width: auto; padding: 4px 2px; }
#filelist .actionlinks a:hover, #filelist .actionlinks a:visited:hover { color: #000; }




#setfilecount_wrapper { text-align: center; margin: 15px 0 12px 0; }
#theuploadform { }
#filefields { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border: 1px solid #ccc; /* background: #e3e3e3; */ }
#filefields .even { background: #fff; }
#filefields .odd { /* background: #e3e3e3; */ }
.fileelement { margin-bottom: 5px; text-align: center;}
.onesubgroup { padding: 15px 0 10px 0; }
.onesubgroup div { margin-bottom: 2px; }
.onesubgroup label { display: inline; font-size: 100%; } /* we're centered by default, so we don't need the floats and clearfix-filefield stuff; just inline it. */


#uploadbutton { margin: 14px 0 6px 0; }
.uploader-comments { text-align: center; border: 1px solid #e0e0e0; padding: 4px; }

#fcbody .hr { height: 1px; border-bottom: 1px solid #000; margin: 15px 2px; line-height: 1px; }
#fcbody h1, #fcbody h2, #fcbody h3, #fcbody h4, #fcbody h5, #fcbody h6 { margin-top: 5px; margin-bottom: 5px; }
#fcbody form { margin: 0; padding: 0; }
#fcbody p { margin-top: 10px; margin-bottom: 10px; }

.comments textarea
{
	width: 300px; height: 50px;
}

#top-textboxes, #perfile-textboxes, #bottom-textboxes
{
	margin: 25px 0;
	padding: 5px;
	border: 1px solid #ccc;
}
#top-textboxes div, #perfile-textboxes div, #bottom-textboxes div
{
	margin: 7px 2px;
}
#top-textboxes-title, #perfile-textboxes-title, #bottom-textboxes-title, #setfilecount_title, #choosefiles_title
{
	font-size: 110%;
	font-weight: bold;
}

#setfilecount_title { margin-bottom: 8px; }
#choosefiles_title { margin-top: 10px; }

#perfile-textboxes
{
	margin: 8px 20px;
}

.textboxes-label
{
	float: left;
	width: 47%;
	text-align: right;
	margin-top: 3px !important;
}
.radiobox
{
	margin-top: 3px !important;
}
#top-textboxes input.textfield,		#top-textboxes textarea,	#top-textboxes .radiobox,
#perfile-textboxes input.textfield,	#perfile-textboxes textarea,	#perfile-textboxes .radiobox,
#bottom-textboxes input.textfield,	#bottom-textboxes textarea,	#bottom-textboxes .radiobox
{
	float: left;
	width: 37%;
	display: block;
}
#top-textboxes select,
#perfile-textboxes select,
#bottom-textboxes select
{
	float: left;
}


#selections_table
{
	border-collapse: collapse;
	border: 1px solid #9a9a9a;
	margin: 15px auto;
	text-align: left;
}
#selections_table .odd	{ background: #e6e6e6; }
#selections_table .even	{ background: #efefef; }
#selections_table td { padding: 4px 4px 4px 20px; background: url(/upload/fcfile.gif) 1% 50% no-repeat; }

#place_order { text-align: center; }
#theorderform { width: 300px; margin: 0 auto; padding: 3px; text-align: left; border: 1px solid #999; background: #e6e6e6; }
#theorderform .text { width: 150px; margin: 5px; padding: 3px; border: 1px solid #676767; }
#theorderform .submit input { margin: 5px; }

#itemperms { border-collapse: collapse; border: 1px solid #bbb; text-align: center; margin: 10px auto; color: #575757; width: 90%; }
#itemperms th { background: #507090; color: #fff; padding: 12px; font: bold 16pt sans-serif; }
#itemperms .heading td { background: #83B96B; color: #fff; padding: 4px; font: bold 10pt sans-serif; }
#itemperms td { padding: 2px; }
#itemperms td.name { text-align: left; }
#itemperms td.ro, #itemperms td.rw { text-align: left; padding-left: 80px; white-space: nowrap; }
#itemperms tr.odd { background: #e9e9e9; }
#itemperms tr.even { background: #efefef; }
#itemperms a { color: #000; }
#itemperms tr:hover { background: #83B96B; color: #fff; }
#itemperms tr:hover a { color: #fff; text-decoration: underline; }
#itemperms tr:hover a:hover { color: #000; }
.itemperms-letters { font-size: 120%; font-weight: bold; }
#fc-container .itemperms-letters a { padding: 4px; color: #507090; text-decoration: none; }
#fc-container .itemperms-letters a:hover { background: #1e786a; color: #fff; }
#fc-container .itemperms-letters a.current { text-decoration: underline; }
#itemperms .defaultbutton { margin: 10px; }


.footnote { font: italic 9pt sans-serif; color: #888; margin: 5px 40px; }

.clear { height: 0; line-height: 0; font-size: 0; clear: both; }

.clearfixtb:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfixtb { display: inline-block; }

/* Hides from IE-mac */
* html .clearfixtb {height: 1%;}
.clearfixtb {display: block;}
/* End hide from IE-mac */



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */










</style>
<!--[if IE]>
<style type="text/css"> #viewpath { width: 660px; } </style>
<![endif]-->
<style type="text/css">