/* 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: #ddd; font-family: sans-serif; font-size: 0.8em; 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; font-size: 8pt; }
/* #uploaderpage, #filelistpage, #defaultpage etc, are the outer containers for their respective pages. */
#uploaderpage, #uploadcompletepage, #filelistpage, #defaultpage { width: 700px; 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; }
#uploaderpage, #uploadcompletepage { width: 450px; }
#uploaderpage #intro { text-align: justify; }
#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: #507090; }
#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: #507090; 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; }
#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 dt { font-weight: bold; font-size: 120%; margin: 20px auto 10px auto; }
#uploadsummary dt.first { margin-top: 0; }
#uploadsummary dd { margin-bottom: 5px; }
#uploadsummary 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: 0 auto 2px auto; border: 1px solid #444; width: 670px; color: #000; }
#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: #507090; 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; }
#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: 340px; padding-left: 20px; }
/* #filelist td.thumb { background-image: none; } */
#filelist img.fcthumb, #filelist img.fcvidthumb { border: 1px solid #000; }
#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: #507090; 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; }
#theuploadform { }
#filefields { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border: 1px solid #ccc; /* background: #e3e3e3; */ }
#filefields .even { background: #eee; }
#filefields .odd { /* background: #e3e3e3; */ }
.fileelement { margin-bottom: 5px; }
.onesubgroup { padding: 15px 0 10px 0; }
.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. */
#addanotherfile { margin-top: 15px; }
#uploadbutton { margin: 14px 0 6px 0; }
.uploader-comments { text-align: left; border: 1px solid #e0e0e0; padding: 4px; }
#fc-safari-note { margin: 20px auto; padding: 8px; text-align: left; border: 1px solid #bbb; background: #eee; }
#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; }
#top-textboxes, #perfile-textboxes, #bottom-textboxes, #specialnote, #fc-humantest
{
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;
text-align: left;
}
#top-textboxes input.textfield,
#perfile-textboxes input.textfield,
#bottom-textboxes input.textfield
{
float: left;
width: 37%;
display: block;
}
#top-textboxes textarea,
#perfile-textboxes textarea,
#bottom-textboxes textarea
{
float: left;
width: 37%;
height: 100px;
display: block;
}
#top-textboxes .radiobox,
#perfile-textboxes .radiobox,
#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/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: #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.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: #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; }
.enc_db_data
{
border: 1px solid #777;
margin: 10px auto;
}
.enc_db_data table
{
border-collapse: collapse;
border: 0;
background: #fff;
width: 100%;
margin: 0;
font-size: 8pt;
}
.enc_db_data table th
{
padding: 9px;
background: #507090;
}
.enc_db_data table th a
{
color: #fff !important;
}
.enc_db_data table td
{
padding: 7px;
}
.enc_db_data table tr
{
border-bottom: 1px solid #fff;
}
.enc_db_data table tr.odd
{
padding: 4px;
background: #f4f6f8;
background: #f1f1f1;
background: #efefef;
}
.enc_db_data table tr.even
{
padding: 4px;
background: #ffffff;
background: #fafafa;
background: #e9e9e9;
}
.enc_db_data table tr:hover
{
background: #fcffb8;
background: #d5d9d3;
}
.pagelinks span, .pagelinks a
{
margin: 4px;
}
.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; }
#filelist td#viewpath-cell a { color: #507090; }
#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: 0;
margin: 0 auto;
}
#fcbody { background: #abaab0; }
/* default styling, for most pages: */
#fcwrapper { width: 750px; margin: 0 auto; background: url(/upload/fc_icons_etc/shadowbg-30-center-750px.png) repeat-y; }
#fcwraphead { width: 750px; height: 15px; margin: 0 auto; background: url(/upload/fc_icons_etc/shadowbg-30-top-750px.png) no-repeat; }
#fcwrapfoot { width: 750px; height: 15px; margin: 0 auto; background: url(/upload/fc_icons_etc/shadowbg-30-bottom-750px.png) no-repeat; }
/* narrower styling for uploader and uploadcomplete pages: */
.uploaderbody #fcwrapper, .uploadcompletebody #fcwrapper { width: 500px; margin: 0 auto; background: url(/upload/fc_icons_etc/shadowbg-30-center-500px.png) repeat-y; }
.uploaderbody #fcwraphead, .uploadcompletebody #fcwraphead { width: 500px; height: 15px; margin: 0 auto; background: url(/upload/fc_icons_etc/shadowbg-30-top-500px.png) no-repeat; }
.uploaderbody #fcwrapfoot, .uploadcompletebody #fcwrapfoot { width: 500px; height: 15px; margin: 0 auto; background: url(/upload/fc_icons_etc/shadowbg-30-bottom-500px.png) no-repeat; }
/* narrower/bare styling for popupstatus page: */
.popupstatusbody #fcwrapper, .popupstatusbody #fcwraphead, .popupstatusbody #fcwrapfoot
{
width: auto; background-image: none; height: auto;
}