/* html { min-height: 100%; margin-bottom: 1px; } */   
/* so #viewpath doesn't shift in FF when there's no scrollbar. -- update 200703: no longer needed since #viewpath is inside the table now. */

#fcbody { background: transparent; color: #000; font-family: sans-serif; text-align: center; }
.popupstatusbody { background: #fff !important; }

#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: #8b8f8b; margin: 24px auto 4px auto; }

#fcwrapper { width: auto; margin: 0 auto; } /* default styling, for most pages. */
.uploaderbody #fcwrapper, .uploadcompletebody #fcwrapper { width: 500px; margin: 0 auto; } /* narrower styling for uploader and uploadcomplete pages. */
.popupstatusbody #fcwrapper { width: auto; height: auto; } /* narrower/bare styling for popupstatus page. */

/* #uploaderpage, #filelistpage, #defaultpage etc, are the outer containers for their respective pages. */
#uploaderpage, #uploadcompletepage, #filelistpage, #defaultpage { margin: 15px auto; background: white; border: 1px solid #999; padding: 10px; }
#uploaderpage #title, #popupstatuspage #title, #uploadcompletepage #title, #filelistpage #title, #defaultpage #title { font-size: 200%; font-weight: bold; padding: 8px 0 15px 0; }
#uploaderpage, #uploadcompletepage { }
#uploaderpage #intro { text-align: center; margin: 0px auto 25px auto; }
#popupstatuspage { padding: 0; margin: 0 auto; }
#specialnote { font-weight: bold; }

#fc-container { /* padding: 8px 12px; */ } /* this is the whole page except for title and pb */
#fc-container a { color: #7D3990; }
#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 #444; background: #7D3990; background: #4a6695 url(/upload/fc_icons_etc/pb-bg-02.png) repeat-x; }
#theMeter { margin-bottom: 20px; }
#uploadCompleteMsg { width: 350px; margin: 0 auto 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; position: relative; }
#progRate	{ position: absolute; top: 0; left: 0; text-align: left; }
#progStatus	{ margin: 0 auto; text-align: center; font-style: italic; }
#progPercent	{ position: absolute; top: 0; right: 0; text-align: right; }

#theuploadform, #progBarPlaceholder, #uploadDoneContainer, #progBarContainer, #progBarContainer table { font-size: 9pt; } /* for sites that set their own ridiculous font sizes on general HTML elements instead of IDs and classes */

#fcuploadsummary { margin-top: 20px; margin-bottom: 20px !important; }
#fcuploadsummary dt { font-weight: bold; font-size: 120%; margin: 20px auto 10px auto; }
#fcuploadsummary dt.first { margin-top: 0; }
#fcuploadsummary dd { margin-bottom: 5px; }
#fcuploadsummary input { padding: 3px; }
#uploadstats dt { font-weight: bold; font-size: 120%; margin-bottom: 10px; }

td.headercell { font-weight: bold; }

#viewpath { white-space: nowrap; background: #efefef; margin: 0 auto 0 auto; padding: 0px 4px 0px 4px; }
#viewpath-outer { padding: 6px; }
#viewpath-inner { position: relative; height: 1.8em; }
#viewpath-text { text-align: left; position: absolute; left: 0; margin-top: 2px; }
#filelist #viewpath-text a { display: inline; }

div#optmenutop { text-align: right; position: absolute; right: 0; }
#optmenutop select, #optmenutop input			{ margin: 0; padding: 0; vertical-align: middle; font-size: 85%; }
.actionrow .controls select, .actionrow .controls input	{ margin: 0; padding: 0; vertical-align: middle; font-size: 85%; }
/* form#optionstop, form#optionsbottom { display: inline; margin: 0; padding: 0; } */

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

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

/* Add these to replace the JS-based row mouseovers: 
#filelist tr.odd:hover, #filelist tr.even:hover { background: #7D3990; color: #fff; }
#filelist tr.odd:hover a, #filelist tr.even:hover a { color: #fff; }
*/

#filelist td { }
#filelist td#viewpath-cell { padding: 0; }
#filelist td#viewpath-cell a { text-decoration: underline; }
#filelistpage .pagelinks { margin-top: 20px; }

#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/fc_icons_etc/fcarrow.gif) 1% 50% no-repeat; background-color: inherit; }
#filelist td.fname { background: url(/upload/fc_icons_etc/fcfile.gif) 1% 50% no-repeat; background-color: inherit; }
#filelist td.diricon { background: url(/upload/fc_icons_etc/fcfolder.gif) 1% 50% no-repeat; background-color: inherit; }
#filelist td.homeicon { background: url(/upload/fc_icons_etc/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: 55%; padding-left: 20px; }
/* #filelist td.thumb { background-image: none; } */
#filelist img.fcthumb, #filelist img.fcvidthumb { border: 1px solid #000; }
#filelist .mimeicon, #filegrid .mimeicon { border: 0; }


#filelist .info, #filelist .mv, #filelist .sel, #filelist .del, #filelist .opt, #filelist .cinfo { 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, #filelist .opt, #filelist .cinfo { padding: 0 6px; }
#filelist .spc { padding: 0 6px 0 3px; }

#filelist .info, #filelist .cp, #filelist .mv, #filelist .sel, #filelist .mopts, #filelist .del, #filelist .perms { display: none; }
#filegrid .info, #filegrid .cp, #filegrid .mv, #filegrid .sel, #filegrid .mopts, #filegrid .del, #filegrid .perms { display: none; }
#filelist #infohead, #filelist #cphead, #filelist #mvhead, #filelist #selhead, #filelist #delhead, #filelist #moptshead, #filelist #permshead { display: none; }
#filegrid #infohead, #filegrid #cphead, #filegrid #mvhead, #filegrid #selhead, #filegrid #delhead, #filegrid #moptshead, #filegrid #permshead { display: none; }


.optsmenu { min-width: 90px; max-width: 150px; background: #eee; border: 1px solid #999; color: #000; text-align: left; }
.optsmenu a { display: block; text-decoration: none; padding: 5px; color: #000; }
.optsmenu div { display: block; padding: 5px; color: #555; white-space: nowrap; font-style: italic; }
.optsmenu a:hover { background: #c7c7c7; }

#filelist th { text-align: center; padding: 5px 0; font-size: 120%; background: #7D3990; color: #fff; 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 .cp, #filegrid .prnt .mv, #filegrid .prnt .sel, #filegrid .prnt .del { display: none; }
#filegrid .dir .info, #filegrid .dir .sel { display: none; }
#filegrid td#viewpath-cell a { text-decoration: underline; }
#filegrid img.fcthumb, #filegrid img.fcvidthumb { border: 1px solid #000; }

#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 .date, #filegrid .size { font-size: 90%; color: #676767; }

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


form#itemactions { margin: 0; padding: 0; }
#filelist .actionrow a:link, #filelist .actionrow a:visited, #filegrid .actionrow a:link, #filegrid .actionrow a:visited { text-decoration: none; display: inline; width: auto; padding: 0; margin: 0; }
td.actionrow { padding: 6px; text-align: right; vertical-align: middle; white-space: nowrap; }
#filegrid { width: 100%; }
.actionrow .sizeinfo	{ float: left; text-align: left; padding-left: 5px; margin-top: 2px; }
.actionrow .links	{ float: right; text-align: right; padding-right: 10px; margin-top: 2px; width: 20%; }
.actionrow .controls	{ float: right; text-align: right; padding-right: 5px; padding-left: 8px; }

.actionrow a.toggle-counts { text-decoration: underline !important; }

#fcinfo { border-collapse: collapse; border: 1px solid #ccc; background: #efefef; padding: 3px; }
#fcinfo tr:hover { background: #e0e0e0; }
#fcinfo td { border-top: 1px solid #ccc; padding: 4px;  }
#fcinfo .spacer { height: 25px; }
#fcinfo .f { text-align: left; width: 50%; font-weight: bold; }
#fcinfo .v { text-align: left; }
#fcinfo .h { text-align: left; font-size: 16pt; font-weight: bold; }



#setfilecount_wrapper { margin: 15px 0 12px 0; }
#fcbody form#theuploadform { margin: 15px auto; width: 96%; }
#filefields { }
#filefields .even { }
#filefields .odd { }
.fileelement { margin-bottom: 5px; }
.onesubgroup { padding: 10px 0; border-top: 1px solid #ddd; }
.onesubgroup div { margin-bottom: 5px; }
.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. */
.onesubgroup label, .onesubgroup input, .onesubgroup select { margin: 2px 0; }
.onesubgroup picksubdir_label, .onesubgroup .newsubdir_label { }
.onesubgroup input.file { background: #eee; } /* compensate for weird width in Safari */
.upform_note { clear: both; }

#addanotherfile { margin: 15px auto; }

.fcfieldwrap
{
	border-top: 1px solid #ddd;
	padding: 8px;
}
#fc-humantest
{
	border-top: 1px solid #ddd;
	padding: 8px;
}

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

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

#theuploadform textarea.upform_field
{
	height: 150px;
}
.radiobox
{
	margin-top: 3px !important;
	text-align: left;
}
#top-textboxes .radiobox,
#perfile-textboxes .radiobox,
#bottom-textboxes .radiobox
{
	float: left;
	width: 40%;
	display: block;
}

#uploadbutton { margin: 25px 0 10px 0; }
#uploadbuttonwrapper { border-top: 1px solid #ddd; }
.uploader-comments { text-align: left; border: 1px solid #e0e0e0; padding: 4px; }

.input_error_reqd, .input_error_email, .input_error_num { background-color: #FFDD00 !important; }




.onesubgroup label, .onesubgroup input, .onesubgroup select { margin: 7px 0; }

.upform_pair
{
	clear:both;
}
.upform_label
{
	float: left;
	width: 49%;
	text-align: left;
	padding: 3px 0;
}
#theuploadform .upform_field
{
	display: block;
	width: 49%;
	float: left;
}
#theuploadform input.text,
#theuploadform textarea.upform_field,
#theuploadform select.upform_field
{
	border: 1px solid #888;
	padding: 3px;
	background: #efefef;
}
#theuploadform input.text,
#theuploadform textarea.textarea
{
	width: 47%;
}
#theuploadform input.checkbox
{
	width: 15px;
}
#theuploadform .upform_field:hover, #theuploadform .upform_field:focus
{
	background: #fff;
}
.upform_note
{
	text-align: left;
	padding: 7px 0;
}




#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; }

#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/fc_icons_etc/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: #7D3990; 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.path { text-align: left; }
#itemperms td.none { text-align: left; font-style: italic; }
#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: #7D3990; text-decoration: none; }
#fc-container .itemperms-letters a:hover { background: #7D3990; color: #fff; }
#fc-container .itemperms-letters a.current { text-decoration: underline; }
#itemperms .button { margin: 10px; }


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

.enc_tbl
{
	border: 1px solid #777;
	margin: 10px auto;
}
.enc_tbl table
{
	border-collapse: separate;
	border-spacing: 0;
	border: 0;
	background: #fff;
	width: 100%;
	margin: 0;
	font-size: 8pt;
}
.enc_tbl table th
{
	padding: 9px;
	background: #7D3990;
	color: #fff;
}
.enc_tbl td.verthead
{
	padding: 9px;
	background: #7D3990;
	color: #fff;
	width: 50%;
}
.enc_tbl table th a, .enc_tbl td.verthead a
{
	color: #fff !important;
	text-decoration: none;
}
.enc_tbl table td a, .enc_tbl table td a:visited
{
	color: #000 !important;
	border: 0;
}
.enc_tbl table td
{
	padding: 7px;
	border-bottom: 1px solid #fff;
}
.enc_tbl table td.vertcell
{
	border-bottom: 1px solid #fff;
}
.enc_tbl table tr
{
	border-bottom: 1px solid #fff;
}
.enc_tbl table tr.odd
{
	padding: 4px;
	background: #f4f6f8;
	background: #f1f1f1;
	background: #efefef;
}
.enc_tbl table tr.even
{
	padding: 4px;
	background: #ffffff;
	background: #fafafa;
	background: #e9e9e9;
}
.enc_tbl table tr:hover
{
	background: #fcffb8;
	background: #d5d9d3;
}
.pagelinks span, .pagelinks a
{
	margin: 4px;
}
.enc_tbl input.text
{
	width: 200px !important;
	border: 1px solid #555;
	padding: 3px;
}
.enc_tbl textarea
{
	border: 1px solid #555;
	padding: 3px;
}
.enc_tbl textarea.shorttext
{
	width: 300px;
	height: 50px;
}
.enc_tbl textarea.mediumtext
{
	width: 300px;
	height: 80px;
}
.enc_tbl textarea.longtext
{
	width: 300px;
	height: 200px;
}
.enc_tbl .readonly
{
	margin-left: 5px;
}
#database_deleter
{
	margin: 30px 0;
	padding: 0;
}
.enc_create_tbl table
{
	/* width: auto; */
}
.enc_create_tbl th, .enc_create_tbl td,
.enc_edit_tbl th, .enc_edit_tbl td
{
	text-align: left;
}
.enc_create_tbl td.button, .enc_edit_tbl td.button
{
	text-align: center;
}


.encmenu { border: 1px solid #777; margin: 5px auto 20px auto; max-width: 400px; text-align: center; }
.encmenu a { display: block; padding: 5px; border: 0; color: #000 !important; border-top: 1px solid #fff; text-decoration: none; }
.encmenu a.odd { background: #efefef; }
.encmenu a.even { background: #e9e9e9; }
.encmenu a:visited { border: 0; border-top: 1px solid #fff; }
.encmenu a.first, .encmenu a.first:visited { border: 0; }
.encmenu a:hover { background: #d5d9d3; text-decoration: none; }
.encmenu .header { background: #7D3990; color: #fff; font: bold 8pt sans-serif; padding: 12px; }


.altcolor1 { color: #ffd200; }


.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 */





#filelist tr.actionrow { background: #7D3990; color: #fff; }
#filelist td.actionrow { border-top: 1px solid #444; }
#filelist .actionrow a:link { color: #fff; }
#filelist .actionrow a:visited { color: #fff; }
#filelist .actionrow a:hover, #filelist .actionrow a:visited:hover { color: #000; }
#filelist td#viewpath-cell a { color: #7D3990; }
#filelist td#viewpath-cell a:hover { color: #aaa; }

#filegrid td#viewpath-cell { background: #efefef; border: 1px solid #bbb; padding: 2px; }
#filegrid td.actionrow { background: #efefef; border: 1px solid #bbb; }


#uploaderpage, #uploadcompletepage, #filelistpage, #defaultpage
{
	border: 1px solid #aaa;
	margin: 0 auto;
}

#fcbody {  }

#fcwrapper .shad01 { background: url(/upload/fc_icons_etc/shad01c.png); top: 0; left: 0;	left: 22px; right: 22px; height: 12px; }
#fcwrapper .shad02 { background: url(/upload/fc_icons_etc/shad02c.png); top: 0; right: 0;	top: 22px; bottom: 22px; width:  12px; }
#fcwrapper .shad03 { background: url(/upload/fc_icons_etc/shad03c.png); bottom: 0; left: 0;	left: 22px; right: 22px; height: 12px; }
#fcwrapper .shad04 { background: url(/upload/fc_icons_etc/shad04c.png); top: 0; left: 0;	top: 22px; bottom: 22px; width:  12px; }
#fcwrapper .shad05 { background: url(/upload/fc_icons_etc/shad05c.png); top: 0; left: 0; }
#fcwrapper .shad06 { background: url(/upload/fc_icons_etc/shad06c.png); top: 0; right: 0; }
#fcwrapper .shad07 { background: url(/upload/fc_icons_etc/shad07c.png); bottom: 0; right: 0; }
#fcwrapper .shad08 { background: url(/upload/fc_icons_etc/shad08c.png); bottom: 0; left: 0; }
#fcwrapper .shad01, #fcwrapper .shad02, #fcwrapper .shad03, #fcwrapper .shad04 { position: absolute; }
#fcwrapper .shad05, #fcwrapper .shad06, #fcwrapper .shad07, #fcwrapper .shad08 { position: absolute; width: 22px; height: 22px; }
#fcwrapper { position: relative; padding: 12px; }







</style>

<!--[if IE]>
<style type="text/css">
.actionrow .links, .actionrow .sizeinfo { margin-top: 4px; }

</style>
<![endif]-->

<!--[if lt IE 7]>
<style type="text/css">

#fcbody { background: #fff; }

</style>
<![endif]-->

<style type="text/css">




#tca1,#tcb1,#tcc1,#tcd1 { width: 25%; }
#tca2,#donef,#leftf,#totalf { width: 25%; }
#tca3,#dones,#lefts,#totals { width: 25%; }
#tca4,#donet,#leftt,#totalt { width: 25%; }