body, input { font-family: tahoma, trebuchet ms, arial, sans serif; font-size: 10pt; color: #444;  }
body { background-color: #fff; }
form { padding: 0; margin: 0; } 
input { border-style: none solid solid; }
a { color: #0078cc; text-decoration: none; }
.textinput { background: #fff url(images/topfade.gif) repeat-x top; vertical-align: middle; border: 1px solid #aaa; padding: 4px; color: #555; }
.badtextinput { background: #fdd url(images/topfadered.gif) repeat-x top;}
/* uncomment to pink the input boxes on an error
input[type=text].error { background: #fdd url(images/topfadered.gif) repeat-x top;}
input[type=password].error { background: #fdd url(images/topfadered.gif) repeat-x top;}
*/
.no-border { border: 0; }
.bigbutton { padding: 4px; font-weight: bold;
    background-color: #0078cc;
    color: #fff;
    border: 1px;
    }
.button
{
    background-color: #0078cc;
    border-color: #80cbff #005c9c #005c9c #80cbff;
    border-style: solid;
    border-width: 1px;
    color: #fff;
}
.grayed
{ 
    background-color: #eee;
    border-color: #e5e5e5 #aaa #aaa #e5e5e5;
    border-style: solid;
    border-width: 1px;
    color: #666;
}
.small { color: #444; margin-top: 2px; font-size: 8pt; line-height: 140%; }
.dothr { background: url(images/dots.gif) repeat-x center; height: 7px; }
.note { color: #666; margin-top: 2px; font-size: 8pt; line-height: 150%; }
.note div { display: inline; }
.smidgenright { margin-left: 8px; }
a:hover { text-decoration: underline; }

.loginbox
{
    padding: 18px 0 0 0;
    display: inline;
    float: right;
    font-size: 8pt;
    text-align: right;
    margin: 0;
}

.smallinput
{
    font-size: 8pt;
    height: 13px;
    padding-top: 1px;
}

.littlelink { font-weight: normal; font-size: 8pt; }
.littlelink a { text-decoration: underline; }

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(images/box-br.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(images/box-hr.gif) no-repeat top right;
	margin: 0;
	padding: 0;
}
.boxhead h2 {
	background: url(images/box-hl.gif) no-repeat top left;
	margin: 0;
	padding: 28px 36px 5px;
	color: #0078cc; 
	font-weight: bold; 
	font-size: 12pt; 
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(images/box-bl.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 36px 31px;
}

.lined thead
{
    font-weight: bold;
}
.lined th
{
    margin: 0;
    color: #888;
    padding: 8px;
    background: url(images/dots.gif) bottom repeat-x; 
}
.lined td
{
    padding: 8px;
    border-bottom: 1px solid #f4f4f4;
}

.action_accepted
{
    color: #8a8;
    font-size: 8pt;
}

.action_declined
{
    color: #a88;
    font-size: 8pt;
}

#background
{
    background: transparent url(images/pane_left.jpg) no-repeat top;
    margin: 0;
    width: 759px;
    height: 218px;
    padding: 63px 0 0 0;
}

#background h1
{
    background: transparent url(images/storage_made_simple.gif) no-repeat top;
    height: 43px;
    width: 329px;
    text-indent: -9999px;
    margin: 0 0 0 55px;
    padding: 0;
}

#background h2
{
    background: transparent url(images/get_to_important_files.gif) no-repeat top;
    height: 89px;
    width: 431px;
    text-indent: -9999px;
    margin: 17px 0 0 54px;
    padding: 0;
}

h2
{
    padding-top: 3px;
    background: url(images/dots.gif) repeat-x bottom;
    padding-bottom: 10px;
    margin-bottom: 4px;
    font-size: 12pt;
}

h3
{
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 11pt;
}

h1
{ 
  font-size: 18pt;
  font-weight: normal;
  margin: 10px 0;
}
   
#leftnav
{
    width: 140px;
    /*padding-top: 4px;*/
    
}
#leftnav ul
{
    margin-top: 0;
    font-size: 8pt;
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
}
#leftnav li
{
    margin: 0;
    border: 1px solid white;
}

#leftnav li a
{
    padding: 8px;
    display: block;
    overflow: visible;
    margin: 0;
}
#leftnav li a:hover
{
    background-color: #f4faff;
    text-decoration: none;
}
#topnav
{
    margin: 0;
    padding: 0;
    margin-top: 18px;
    display: inline;
    float: right;
}
#topnav ul
{
    display: inline;
    font-size: 8pt;
    list-style: none;
    padding-left: 0;
    margin: 0;
}
#topnav li
{
display: inline;
}
#topnav li a
{
    padding: 8px;
    margin: 3px;
    display: block;
    float: left;
    overflow: visible;
    text-decoration: none;
}
#leftnav li.selected a
{
    background: url(images/bluenotch.gif) left no-repeat;
    font-weight: bold;
    padding-left: 8px;
}

#leftnav li.selected a:hover
{
    background-color: #f4faff;
}
#topnav li a:hover
{
    background-color: #f4faff;
}
#top-comment
{
    color: #888;
    margin-top: 40px;
    float: right;
    font-weight: bold;
}
#footer { padding: 0; margin: 0; }
#copy-footer
{
background: url(images/dots.gif) top repeat-x; 
color: #c4c4c4;
padding: 0;
padding-top: 8px;
text-align: right;
font-size: 8pt;
margin: 0;
margin-left: 450px;

}
#copy-footer img
{
vertical-align: middle;
}

#link-footer
{
width: 200px; 
background: url(images/dots.gif) top repeat-x; 
color: #c4c4c4;
padding: 0;
padding-top: 8px;
margin: 0;
padding-left: 8px;
text-align: left;
font-size: 8pt;
float:left;
}

#footer a { color: #999; }

div#feedback_box
{
    border: 1px solid #ebd750;
    background-color: #faf3c4;
    padding: 10px;
}

div#feedback
{
    z-index: 100;
    width: 500px;
    position: absolute;
    top: 100px;
    left: 50%;
    margin: 0 0 0 50px;
    margin-left: -250px;
    border: 0;
    padding: 10px;
    
    background: url("images/transbg.png") transparent;
}

div#feedback textarea
{
    width: 466px; height: 12em;
    margin: 6px 0;
    overflow: auto;
}

.filebrowser
{
	font-size: 8pt;
}

.deleted_file_line
{
        color: #999;
}

.deleted_file_line a
{
        color: #999;
        text-decoration: underline;
}

.deleted_file_line a:hover
{
        color: #0078cc;
}

        
.empty
{
    padding: 20px;
    color: #ccc;
    font-style: italic;
}

.empty.darker
{ 
    color: #aaa;
}

UL.dropdown, UL.dropdown *
{
    margin: 0;
    padding: 0;
}
UL.dropdown
{
    position: absolute;
    left: 5px;
    z-index: 100;
    list-style-type: none;
    background-color: #fff;
    border: 1px solid #0078cc;
}
UL.dropdown li
{
    width: 13em;
    border: none;
}
UL.dropdown li a
{
    padding: 4px;
    border: none;
    display: block;
    white-space:nowrap;
}
.noblock
{ 
    display: inline;
}

UL.dropdown li a:hover
{
    background-color: #f4faff;
}

/*
a.dropdown_arrow img
{
    vertical-align: middle;
    border: 1px solid #fff;
    margin: 0; padding: 0;
}
a.dropdown_arrow:hover img
{
    border: 1px solid #0078cc;
}
*/

a.dropdown_arrow
{
    background: url("images/downtick.gif") 0 3px no-repeat;
    margin: 0; padding: 0;
    width: 12px;
    height: 12px;    
}

a.dropdown_arrow:hover
{
    background-image: url("images/downtick-hover.gif");
    text-decoration: none;
}

.pad-bottom
{
    margin-bottom: 20px;
}

.hug-top
{
    margin-top: 2px;
}

.nudge-right
{
    margin-left: 25px;
}

img.inlined
{
    vertical-align: bottom;
    padding-left: 3px;
    padding-right: 3px;
}

.error-message
{
    color: #cc7800;
    font-size: 11px;
}

.gs_slide
{
    display: none;
}

#slideshow
{
    width: 760px;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

#slideshow-frame
{
    width: 760px;
    height: 180px;
    margin-left: auto;
    margin-right: auto;
    margin: 0;
    padding: 0;
}

#num_panel
{
    position: absolute;
    list-style: none;
    padding: 0;
    margin: 0;
    top: 140px;
    left: 340px;
    z-index: 100;
}

#num_panel li
{
    display: inline;
}

.slide_buffer
{
   position: absolute;
   left: 0px;
   top: 0px;
}

.slide_buffer h2 { display: none }
.slide_buffer img { }
.slide_buffer p 
{
  width: 400px;
  margin: 0px;
  margin-top: -170px;
  margin-left: 340px;
  padding: 0;

}
.slide_buffer span { font-size: 24px;}

.slide_num
{
   width: 24px;
   height: 24px;
   color: #fff;
   font-weight: bold;
   text-align: center;
   padding: 3px 6px 3px 6px;
   margin-left: 2px;
   margin-right: 10px;
   cursor: pointer;
}


/* gallery.css */

img.tb {
        background: #ffffff;
        padding: 5px;
        margin: 5px;
        display: inline;
        border: 1px solid #A2A2A2;
}

img.tb:hover {
        border: 1px solid #000000;
}

img.event-tb {
        background: #ffffff;
        padding: 2px;
        margin: 3px;
        display: inline;
        border: 1px solid #bbb;
}

img.tb-link { 
        border: 1px solid #7ad;              
}

img.tb-link:hover {
        border: 1px solid black;               
}


.imagecontainer {
        background: #FAFAFA;
        width: 600px;
        border: 1px solid #D6D6D6;
        padding: 5px;
}

.albumcontainer {
        background: #FAFAFA;
        width: 600px;
        border: 1px solid #D6D6D6;
        margin-bottom: 10px;
	padding: 5px;
}

.albumheader {
        margin-bottom: 15px;	
}

.albumblock {
        vertical-align: middle;
        padding: 5px;
        margin: 5px;
        width: 278px;
        height: 64px;
        display: inline-block;
        background: #ffffff;
        border: 1px solid #A2A2A2;
}

.albuminfo {
        font-size: 8pt;
        color: #808080;
	text-align: left;
}

.albumblock:hover {
        background: #f4faff;
}

.border {
        border: 1px solid #808080;
}

.high-ceiling {
	padding-top: 12px;
}
.photocontent {
	width: 620px;
	margin-left: auto;
	margin-right: auto;
}
#gallery-comment {
        padding-top: 6px;
	padding-bottom: 6px;
	font-size: 8pt;
	margin-left: auto;
	margin-right: auto;
	text-align: center;	
}
#gallery-header {
        width: 620px;
        padding-bottom: 25px;
}
#gallery-share-link {
        text-align: right;
}
#gallery-share-input {
        border: 0;
        width: 335px;
        text-align: left;
        padding: 0;
        margin: 0;
        vertical-align: top;
}
.gallery-share-row {
        padding-bottom: 5px;
}
.gallery-share-text {
        font-size: 8pt;               
}
.clear { clear: both; }

.faq-qlist-q {
        
}

.faq-alist-q {
        font-size: 1.1em;
	font-weight: bold;
}

.faq-qlist li {
        padding-bottom: 2px;
        font-size: 1.1em;
}

.faq-alist li {
        padding-bottom: 10px;
}

.faq-alist p {
       padg
}

pre {
    overflow: hidden; 
    padding: 2px;
}

pre:hover {
    overflow: auto
}

#feedback-tab {
   width: 104px;
   height: 20px;
   background: transparent url(images/feedback_tab_bg.gif) no-repeat;
   background-position: top center;
   position: absolute;
   top: 0px;
   left: 50%;
   margin-left: -52px;
   text-align: center;
   cursor: pointer;
   opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;
}

#feedback-tab a {
   color: #fff;
   font-weight: bold;
}

.panel
{
   border-top: 1px solid #f4f4f4;
   border-left: 1px solid #f4f4f4;
   border-right: 1px solid #e4e4e4;
   border-bottom: 1px solid #e4e4e4;
   padding: 4px;
   background-color: #f0f0f0;
   float: left;
}
.panel a
{
   text-decoration: underline;
}

.forty-wide
{ 
   width: 140px;
}

.inlined
{ 
   display: inline;
}


#share-table td
{

}

#share-table .textinput 
{ 
   width: 200px;
}

.share-button
{ 
   width: 75px;
   margin-right: 4px;
}

.right-lined {
   color: #888;
   background: #fff url(images/rightblueline.gif) repeat-y;
   background-position: right;         
   padding-right: 12px;
   vertical-align: top;
   text-align: right;
}

.right-lined.left-aligned { text-align: left; }

.no-text-effects {
   color: #444;
   text-align: inherit;
}

.left-lined { 
   padding-left: 7px;
   vertical-align: top;
}
 
.left-lined table { margin-top: -3px; padding-top: 0px; }


.left-lined-aligned {
   padding-left: 10px;
   vertical-align: top;
}

.ll-singlet { 
}

.spacer-row { 
   line-height: 15px; /* line-height of   */
 }

#upload-progress { 
   width: 150px;
   height: 10px;
   background: transparent url(images/progress.gif);
   background-position: -150px 0;
 }


#treeview { 
   font-size: 0.9em;
   border: 1px solid #0078CC;
   padding: 7px;
   position:absolute;
   top: -1000px;
   left: -1000px;
   background-color: #f8fcff;
   z-index: 2;
}

#treeview img { padding: 2px 0px 2px 0px; vertical-align: middle;}

.outer-progress-bar
{ 
   border: 1px solid #666;
   padding: 1px;
   margin: 0;
   width: 200px;
}

.inner-progress-bar
{ 
  vertical-align:center; 
  position: relative;
  width: 200px; 
  height:14px; 
}

.progress-bar
{ 
  width: 200px; 
  height: 14px; 
  font-size: 10px;
  position: absolute;
}

.under-pb { background: white; color:#333; }

.over-pb {  background: #3a93d2; color:white; }

.pb-percentage
{ 
  position: relative; 
  margin-left: 88px;padding:0;
}

#file-queue td 
{ 
  width: 250px;
  overflow: hidden;
  }

.page-note 
{
  color: #666; 
  margin-top: -4px; 
  margin-left: 8px;
  font-size: 8pt;
}

.page-note img
{ 
  margin: 0 4px;
}

.signup-step
{ 
   background-color: #c1d8ef;
   float: left;
   width: 235px;
   height: 40px;
   font-size: 40px;
   line-height: 100%;
   color: #fff;
   padding: 0;
   margin: 0;
   padding-left: 3px;
   border-left: 8px solid #7ad;
   margin-right: 10px;
}

.signup-step span
{ 
  color: #333;
  font-size: 15pt;
  margin-left: 3px;
}

.signup-step.faded
{ 
  background-color: #e6e6e6;
  border-color: #aaa;
}

.signup-step.faded span
{ 
  color: #898989;
}

#signup-steps
{ 
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 760px;
}

#signup-message
{ 
  width: 510px;
  margin: 25px auto;
  padding: 7px;
  border-top: 1px solid #7ad;
  border-bottom: 1px solid #7ad;
  background-color: #ebf3fa;
}

.no-right-margin{ margin-right: 0; padding-right: 0;}
.no-top-margin {  margin-top: 0; padding-top: 0; }

.nice_button { margin-right: -2px; }

a.big_download
{
  display: block;
  width: 139px;
  height: 56px;
  background: #fff url(images/dual_download.png) no-repeat left top;
}

a.big_download:hover
{ 
  background-position: right top;
  text-decoration: none;

}

.download-button
{
  margin-left: 20px;
}
.aligned-with-download-button
{ 
  margin-top: -2px;
  margin-left: 42px;
  margin-bottom: 10px;
}

#download-beta-code
{ 
  margin-top: 20px;
  margin-left: 20px;
}

#download-beta-code b
{ 
  font-size: 12pt;
}

.top-ten { margin-top: 10px; }

.cool-ul
{ 
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left: 15px;
  margin-top: 0;
  margin-bottom: 15px;
}

.cool-ul li
{ 
  background: #fff url(images/bullet_arrow_right.gif) no-repeat 0 50%;
  padding-left: 20px;
  font-size: 12pt;
  line-height: 16pt;
}

.space-bottom { 
   padding-bottom: 10px;
}

#tos br
{ 
  line-height: 0;
  padding: 0;
  margin: 0;
}

#tos p
{ 
  margin-top: 3px;
}

#privacy-policy h2
{ 
  font-size: 1.05em;
}

.graybox
{ 
  background-color: #ddd;
  border: 1px solid #333;
  padding: 5px;
}

.welcome-info
{ 
  width: 800px; 
  line-height: 150%; 
  text-align: justify;
  margin: 0 0 15px 0;
}

#base-page-frame
{ 
  width: 760px;
  margin: 0px auto;
}

.hack-base-page-frame
{ 
  width: 800px;
  margin: 0px auto;
}

.welcome-feature
{ 
  width: 390px;
  float: left;
  margin: 4px;
  margin-bottom: 14px;
}

.rbox
{ 
  width: 265px;
  float: left;
  border:1px solid #33FF00;
  margin-bottom: 10px;
  background-color:#21a72c;
  color:#FFFFFF; font-weight:bold;
}

.welcome-feature img
{ 
  padding: 0;
  margin: 0;
  float: left;
  display: inline;
}

.welcome-feature div
{ 
  width: 300px;
  float: left;
  padding: 0;
  margin: 0;
  margin-left: 6px;
}

.welcome-feature span
{ 
  font-size: 15pt;
  display: block;
}

.about-pic
{ 
  float: left;
  padding: 2px;
  border: 1px solid #bbb;
  margin: 4px;
  background-color: #fff;
  margin-right: 8px;
}

#main-content { width: 800px; margin: 0 auto; }
#sign-box { width: 640px; margin: 0px 80px 0px 80px; }

#modal-box
{
    border: 2px solid #7ad;
    background-color: #fff;
    padding: 10px;
    height: 100%;
}

#modal-box h2
{ 
    margin-top: -2px;
}

#modal-content
{ 
    margin-left: 10px;
    background-color: #fff;
}

#modal
{
    z-index: 100;
    width: 500px;
    position: absolute;
    left: 50%;
    margin: 0 0 0 50px;
    margin-left: -250px;
    border: 0;
    background-color: #fff;
}

#modal-overlay
{
 position: fixed; /* ie6 doesn't like this. check the hack in base, too */
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 99;
 background-color: #fff;
}