html { min-height: 100%; margin-bottom: 1px; } /* so #viewpath doesn't shift in FF when there's no scrollbar. */
#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; }
/* #uploaderpage, #filelistpage, #defaultpage etc, are the outer containers for their respective pages. */
#specialnote { font-weight: bold; }
#numfileelements, #numitems { display:none; }
#setfilecount fieldset { padding:5px; }
#setfilecount input { margin-top:5px; }
/* #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: #507090; background: #4a6695 url(/upload/pb-bg-02.png) 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: 25%; }
#tca2,#donef,#leftf,#totalf { width: 25%; }
#tca3,#dones,#lefts,#totals { width: 25%; }
#tca4,#donet,#leftt,#totalt { width: 25%; }
#viewpath { position:relative; z-index:100; top:-33px; white-space: nowrap; background: #efefef; border: 1px solid #bbb; margin: 0 auto 0 auto; padding: 0px 4px 0px 4px; width:750px; } /* 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; }
div#optmenutop { display:none; text-align: right; float: right; width: 29%; }
#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; }
#optionstop optgroup, #optionsbottom optgroup { font-weight: bold; font-style: normal; }
#optionstop option, #optionsbottom option { padding-left: 20px; }
#filelist { position:relative; z-index:100; top:-33px; text-align: left; border-collapse: collapse; margin: 0 auto 2px auto; border: 1px solid #444; width: 725px; }
#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, #filelist .opt { 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 { padding: 0 6px; }
#filelist .spc { padding: 0 6px 0 3px; }
#filelist .info, #filelist .mv, #filelist .sel, #filelist .mopts, #filelist .del, #filelist .perms { display: none; }
#filegrid .info, #filegrid .mv, #filegrid .sel, #filegrid .mopts, #filegrid .del, #filegrid .perms { display: none; }
#filelist #infohead, #filelist #mvhead, #filelist #selhead, #filelist #delhead, #filelist #moptshead, #filelist #permshead { display: none; }
#filegrid #infohead, #filegrid #mvhead, #filegrid #selhead, #filegrid #delhead, #filegrid #moptshead, #filegrid #permshead { display: none; }
.optsmenu { 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: #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 .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; }
#setfilecount_wrapper { }
#theuploadform { }
#filefields { }
#filefields .even { background: #EBF7EB; }
#filefields .odd { background: #fff; }
.fileelement { margin-bottom: 5px; }
.onesubgroup { padding: 5px 10px; }
.onesubgroup div { }
.onesubgroup label { } /* we're centered by default, so we don't need the floats and clearfix-filefield stuff; just inline it. */
.uploader-comments { text-align: left; border: 1px solid #e0e0e0; padding: 4px; }
.comments textarea
{
}
#top-textboxes, #perfile-textboxes, #bottom-textboxes, #specialnote
{
padding: 5px;
}
#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;
}
.radiobox
{
margin-top: 3px !important;
}
#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: #507090; 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; }
.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: #507090; 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; }
#filegrid td.actionrow { background: #efefef; border: 1px solid #bbb; }