/*




	This file was auto generated by Less (http://lesscss.org). To change the contents of this file, edit app/stylesheets/screen.less instead.




*/body {
  font: 12px/16px Helvetica, Arial, sans-serif;
  color: #333333;
  margin: 40px 20px;
}
body.simple { margin: 20px; }
a {
  color: #272727;
  text-decoration: none;
  border-bottom: 1px solid #272727;
}
a.icon { border: 0; }
a.icon:hover { background-color: transparent; }
a:hover { background-color: #dddddd; }
a:focus { outline: 0; }
img { border-width: 0; }
#wrapper {
  width: 760px;
  margin: 0 auto;
  background: url(/images/column_divider.gif) no-repeat 233px 0;
}
#cols {
  width: 100%;
  overflow: hidden;
}
#side_col {
  width: 200px;
  float: left;
}
#logo {
  position: relative;
  right: -12px;
  margin: 0 0 0 40px;
}
#logo a { border: 0; }
#logo a:hover { background: transparent; }
#nav {
  list-style: none;
  margin: 20px 4px 0 0;
  text-align: right;
}
#nav li { margin: 0 0 3px 0; }
#nav li a {
  color: #4d4d4d;
  font-weight: bold;
  font-size: 12px;
  border: none;
}
#ad { margin: 50px 0 0 0; }
#main_col {
  padding: 15px 0 0 0;
  margin: 0 10px 0 276px;
  position: relative;
}
h1 {
  margin: -3px 0 10px 0;
  font-size: 20px;
  line-height: 22px;
  font-weight: normal;
}
#intro p {
  font-size: 14px;
  line-height: 20px;
}
h2 {
  font-size: 16px;
  font-weight: normal;
  border-top: 1px solid #dc9c00;
  padding: 10px 0 0 0;
}
h2 span { font-weight: bold; }
h2 span sup {
  vertical-align: text-top;
  line-height: 12px;
  font-size: 12px;
}
h3 {
  font-size: 14px;
  font-weight: normal;
  margin: 10px 0 2px 0;
  border-top: 1px solid #e6e6e6;
  padding: 10px 0 0 0;
}
p {
  margin: 10px 0;
  text-align: left;
}
p.explanation { margin: 0; }
ul {
  margin: 12px 0;
  padding: 0 0 0 20px;
}
#percentage_remaining { font-weight: bold; }
.file_field { margin: 5px 0 0 0; }
#documents {
  list-style: none;
  margin: 10px -15px 0 0;
  padding: 0;
  overflow: hidden;
}
#documents .document {
  list-style: none;
  float: left;
  width: 112px;
  margin: 0 15px 6px 0;
  padding: 0 0 0 36px;
  line-height: 16px;
}
.document { background: url(/images/icons/file_types/generic.gif) no-repeat; }
.aac { background-image: url(/images/icons/file_types/aac.gif); }
.ai { background-image: url(/images/icons/file_types/ai.gif); }
.aif { background-image: url(/images/icons/file_types/aif.gif); }
.as { background-image: url(/images/icons/file_types/as.gif); }
.asp { background-image: url(/images/icons/file_types/asp.gif); }
.aspx { background-image: url(/images/icons/file_types/aspx.gif); }
.bmp { background-image: url(/images/icons/file_types/bmp.gif); }
.cfm { background-image: url(/images/icons/file_types/cfm.gif); }
.css { background-image: url(/images/icons/file_types/css.gif); }
.dfont { background-image: url(/images/icons/file_types/dfont.gif); }
.dmg { background-image: url(/images/icons/file_types/dmg.gif); }
.doc { background-image: url(/images/icons/file_types/doc.gif); }
.eml { background-image: url(/images/icons/file_types/eml.gif); }
.eps { background-image: url(/images/icons/file_types/eps.gif); }
.fla { background-image: url(/images/icons/file_types/fla.gif); }
.flv { background-image: url(/images/icons/file_types/flv.gif); }
.gif { background-image: url(/images/icons/file_types/gif.gif); }
.hqx { background-image: url(/images/icons/file_types/hqx.gif); }
.html { background-image: url(/images/icons/file_types/html.gif); }
.ics { background-image: url(/images/icons/file_types/ics.gif); }
.inc { background-image: url(/images/icons/file_types/inc.gif); }
.indb { background-image: url(/images/icons/file_types/indb.gif); }
.indd { background-image: url(/images/icons/file_types/indd.gif); }
.jpg { background-image: url(/images/icons/file_types/jpg.gif); }
.js { background-image: url(/images/icons/file_types/js.gif); }
.jsp { background-image: url(/images/icons/file_types/jsp.gif); }
.keynote { background-image: url(/images/icons/file_types/keynote.gif); }
.mov { background-image: url(/images/icons/file_types/mov.gif); }
.mp3 { background-image: url(/images/icons/file_types/mp3.gif); }
.numbers { background-image: url(/images/icons/file_types/numbers.gif); }
.otf { background-image: url(/images/icons/file_types/otf.gif); }
.pages { background-image: url(/images/icons/file_types/pages.gif); }
.pdf { background-image: url(/images/icons/file_types/pdf.gif); }
.php { background-image: url(/images/icons/file_types/php.gif); }
.pict { background-image: url(/images/icons/file_types/pict.gif); }
.png { background-image: url(/images/icons/file_types/png.gif); }
.pps { background-image: url(/images/icons/file_types/pps.gif); }
.ppt { background-image: url(/images/icons/file_types/ppt.gif); }
.psd { background-image: url(/images/icons/file_types/psd.gif); }
.rtf { background-image: url(/images/icons/file_types/rtf.gif); }
.sit { background-image: url(/images/icons/file_types/sit.gif); }
.sitx { background-image: url(/images/icons/file_types/sitx.gif); }
.svg { background-image: url(/images/icons/file_types/svg.gif); }
.tar { background-image: url(/images/icons/file_types/tar.gif); }
.tgz { background-image: url(/images/icons/file_types/tgz.gif); }
.tiff { background-image: url(/images/icons/file_types/tiff.gif); }
.ttf { background-image: url(/images/icons/file_types/ttf.gif); }
.txt { background-image: url(/images/icons/file_types/txt.gif); }
.vcf { background-image: url(/images/icons/file_types/vcf.gif); }
.wav { background-image: url(/images/icons/file_types/wav.gif); }
.xls { background-image: url(/images/icons/file_types/xls.gif); }
.xml { background-image: url(/images/icons/file_types/xml.gif); }
.zip { background-image: url(/images/icons/file_types/zip.gif); }
.document .icon { vertical-align: middle; }
#select_documents_button_wrapper { margin: 10px 0 0 0; }
#select_documents_button { display: block; }
#upload_button {
  border-top: 1px solid #e6e6e6;
  padding: 12px 0 0 0;
  margin: 12px 0;
}
#upload_button:hover { background-position: 0 -20px; }
#upload_button span { display: none; }
.document .size { display: block; }
#base_cost { margin: 10px 0 0 0; }
#base_cost .cost_info { display: block; }
.cost { font-weight: bold; }
.faux_remove_button, #faux_add_document_button { color: #7f7f7f; }
#order_duration, #order_max_downloads, #order_display_ads, #order_email_address { margin: 2px 0 0 0; }
#total_cost {
  border: 2px solid #dc9c00;
  padding: 1px 3px;
}
.upload {
  position: absolute;
  width: 0;
  height: 0;
  border: 0;
}
#footer {
  margin: 0 10px 0 276px;
  vertical-align: bottom;
  border-top: 1px solid #dc9c00;
}
#footer ul {
  list-style: none;
  margin: 10px 0;
  padding: 0;
}
#footer li {
  list-style: none;
  margin: 0 0 0 3px;
  padding: 0 0 0 5px;
  border-left: 1px solid #999999;
  display: inline;
}
#footer li.first {
  margin-left: 0;
  padding-left: 0;
  border-left-width: 0;
}
#footer p { margin-bottom: 0; }
#fileset_accepted_terms_wrapper {
  margin: 2px 0 0 0;
  line-height: 20px;
}
#fileset_accepted_terms {
  margin: -4px 0 0 0;
  vertical-align: middle;
}
.section {
  overflow: hidden;
  width: 100%;
  margin: -2px;
  padding: 2px;
}
.section .part {
  float: left;
  margin: 5px 10px 0 0;
}
.section .part .label_wrapper { font-size: 12px; }
#fileset_card_number { width: 204px; }
#fileset_email_address { width: 199px; }
#fileset_zip_code { width: 122px; }
p.error {
  margin: 2px 0 0 0;
  font-weight: bold;
  color: #9f2200;
  padding: 0 0 0 16px;
  line-height: 13px !important;
  background: url(/images/icons/error.gif) no-repeat 0 1px;
}
p.base { background-image: url(/images/icons/alert.gif); }
label.error {
  font-weight: bold;
  color: #9f2200;
}
#fileset_storage_size_errors p.error { margin-top: -8px; }
#money_back_guarantee {
  text-indent: -9999px;
  width: 97px;
  height: 98px;
  background: url(/images/money_back_guarantee.gif) no-repeat;
  position: absolute;
  right: 0;
}
#money_back_guarantee a {
  display: block;
  width: 42px;
  height: 13px;
  position: absolute;
  left: 27px;
  top: 64px;
  border: none;
}
#money_back_guarantee a:hover { background: transparent; }
#pickup {
  overflow: hidden;
  width: 100%;
  line-height: 20px;
}
#url {
  display: block;
  float: left;
  height: 20px;
  padding: 0 20px 0 0;
}
#copy_link, #email_link, #visit_link {
  display: block;
  float: left;
  height: 20px;
  background: url(/images/share_action_items.gif) no-repeat;
  border: 0;
}
#copy_link { width: 35px; }
a#copy_link { background-position: 0 -20px; }
#email_link {
  width: 35px;
  background-position: -35px 0;
}
#email_link:hover { background-position: -35px -20px; }
#visit_link {
  width: 33px;
  background-position: -70px 0;
}
#visit_link:hover { background-position: -70px -20px; }
#copy_link span { display: none; }
#email_link span { display: none; }
#visit_link span { display: none; }
#documents_for_download {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
}
#documents_for_download li {
  width: 100%;
  overflow: hidden;
  margin: 0 0 5px -2px;
}
#documents_for_download a {
  display: block;
  float: left;
  border: 0;
  padding: 2px 4px 2px 38px;
  background-position: 2px 2px;
}
#documents_for_download .expired_document {
  display: block;
  float: left;
  border: 0;
  padding: 2px 4px 2px 38px;
  background-position: 2px 2px;
}
.expired_document .notice {
  display: block;
  color: #909090;
}
#documents_for_download a:hover { background-color: #e3e3e3; }
#upload_files_button {
  border: 0;
  display: block;
  width: 102px;
  height: 20px;
  background: url(/images/buttons/upload_files.gif) no-repeat;
}
#upload_files_button:hover { background-position: 0 -20px; }
#upload_files_button span { display: none; }
.faq .question a {
  border: 0;
  padding-right: 10px;
  background: url(/images/icons/arrow.gif) no-repeat right center;
}
.faq .question a.selected { background-image: url(/images/icons/arrow_down.gif); }
.faq .question a:hover { background-color: #e3e3e3; }
.faq .answer {
  margin-left: 10px;
  color: #555555;
}
.faq .answer a {
  color: #555555;
  border-color: #555555;
}
.container_full {
  overflow: hidden;
  width: 484px;
  margin: 10px -5px;
}
.half {
  float: left;
  margin: 0 5px;
}
.half div { margin: 0 6px 3px 0; }
.half div input { width: 100%; }
.half div textarea { width: 100%; }
.half div select { width: 100%; }
.third {
  float: left;
  margin: 0 5px;
}
.third div { margin: 0 6px 3px 0; }
.third div input { width: 100%; }
.third div textarea { width: 100%; }
.third div select { width: 100%; }
.half { width: 232px; }
.third { width: 151.333333333333px; }
#request_refund_button {
  border: 0;
  display: block;
  width: 122px;
  height: 20px;
  background: url(/images/buttons/request_refund.gif) no-repeat;
}
#request_refund_button:hover { background-position: 0 -20px; }
#request_refund_button span { display: none; }
#status {
  border-top: 1px solid #e6e6e6;
  padding: 12px 0 0 0;
  margin: 12px 0;
}
#status p {
  margin: 0;
  line-height: 20px;
}
#upload_progress { background: url(/images/upload_progress_bar_fill.gif) no-repeat -474px 0; }
#upload_progress div {
  height: 8px;
  background: url(/images/upload_progress_bar.gif) no-repeat;
}
p.warning {
  border: 1px solid #9f2200;
  padding: 10px;
}
.radio {
  padding-right: 8px;
  white-space: nowrap;
}
.radio input {
  margin: 0 2px 0 0;
  vertical-align: 0%;
}
input.checkbox { margin-left: 0; }
.answers {
  overflow: hidden;
  width: 100%;
  padding: 2px 0;
  margin: -2px 0;
}
fieldset {
  float: left;
  border: 1px solid #999999;
  padding: 4px 7px 9px 7px;
}
body.user fieldset {
  border: none;
  padding: 0;
}
body.user fieldset legend { display: none; }
fieldset.all {
  border: none;
  padding-left: 0;
  padding-right: 0;
}
fieldset legend { color: #808080; }
fieldset.all legend { visibility: hidden; }
input.dummy {
  width: 1px;
  padding-left: 0;
  padding-right: 0;
  visibility: hidden;
}
#fileset_form.sign_in #sign_up { display: none; }
#fileset_form.sign_in #guest { display: none; }
#fileset_form.sign_up #sign_in { display: none; }
#fileset_form.sign_up #guest { display: none; }
#fileset_form.guest #sign_in { display: none; }
#fileset_form.guest #sign_up { display: none; }
#fileset_form.guest fieldset.account label { color: #808080; }
.groups {
  overflow: hidden;
  width: 100%;
  margin: 0;
}
.group {
  float: left;
  margin: 5px 10px 5px 0;
}
#sign_up {
  overflow: hidden;
  width: 100%;
  margin: 0;
}
#sign_up p { line-height: 22px; }
p.remember { margin: 0; }
.row {
  overflow: hidden;
  width: 100%;
}
#sign_up .groups {
  float: left;
  width: 237px;
  margin-left: 0;
}
#sign_up .group {
  float: none;
  display: block;
  min-height: 22px;
  line-height: 22px;
  margin-right: 0;
}
#sign_up .group label {
  width: 70px;
  display: block;
  float: left;
  text-align: right;
}
#sign_up .first label { width: 120px; }
#sign_up .fields { margin: 0 0 0 75px; }
#sign_up .first .fields { margin-left: 125px; }
.nowrap { white-space: nowrap; }
table#filesets {
  margin: 0 0 0 0;
  width: 100%;
  border-collapse: collapse;
  line-height: 13px;
}
table#filesets th { padding: 3px; }
table#filesets td { padding: 3px; }
table#filesets th {
  text-align: left;
  vertical-align: bottom;
  border-bottom: 2px solid #e6e6e6;
  padding-top: 0;
}
table#filesets td { border-bottom: 1px solid #e6e6e6; }
table#filesets .icon { vertical-align: middle; }
table#users {
  margin: 0 0 0 0;
  width: 100%;
  border-collapse: collapse;
  line-height: 13px;
}
table#users th { padding: 3px; }
table#users td { padding: 3px; }
table#users th {
  text-align: left;
  vertical-align: bottom;
  border-bottom: 2px solid #e6e6e6;
  padding-top: 0;
}
table#users td { border-bottom: 1px solid #e6e6e6; }
table#users .icon { vertical-align: middle; }
table#payments {
  margin: 0 0 0 0;
  width: 100%;
  border-collapse: collapse;
  line-height: 13px;
}
table#payments th { padding: 3px; }
table#payments td { padding: 3px; }
table#payments th {
  text-align: left;
  vertical-align: bottom;
  border-bottom: 2px solid #e6e6e6;
  padding-top: 0;
}
table#payments td { border-bottom: 1px solid #e6e6e6; }
table#payments .icon { vertical-align: middle; }
table#payment {
  margin: 0 0 0 0;
  width: 100%;
  border-collapse: collapse;
  line-height: 13px;
  border-top: 2px solid #e6e6e6;
  border-bottom: 2px solid #e6e6e6;
}
table#payment th {
  padding: 3px;
  border-bottom: 1px solid #e6e6e6;
}
table#payment td {
  padding: 3px;
  border-bottom: 1px solid #e6e6e6;
}
table#payment th { text-align: left; }