/* 
    Document   : screen
    Created on : Mar 2, 2009, 12:05:52 PM
    Author     : jdurand
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body { 
        color:#434D51;
        padding:20px 0px 20px 0px;margin:0px;
        background: repeat-x top center #30393E url(/images/bigbg.jpg);}

#wrapper {min-height:600px;width:700px;padding:40px 120px 40px 120px;margin:auto;background: #FFFFFF;}

#logo {
    /*text-align: left;*/
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: 300px;

}

*:active, *:focus {
    outline:0;
}
body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   14px;
  line-height: 19px;
}
#nav {list-style-type:none;padding:0px;margin:0px;}
#nav li {list-style-type:none;padding:0px;margin:0px;}

#filenav {display:block;width:70px;float:left;}
#filenav a {display:block;width:70px;height:39px;background:url('/images/navigation/files.png') no-repeat 0px 0px;}
#filenav a:hover {background:url('/images/navigation/files.png') no-repeat 0px -39px;}
#filenav a.active {background:url('/images/navigation/files.png') no-repeat 0px -78px;}
#filenav a:active {background:url('/images/navigation/files.png') no-repeat 0px -78px;}

#emailnav {display:block;width:112px;float:left;}
#emailnav a {display:block;width:112px;height:39px;background:url('/images/navigation/email_list.png') no-repeat 0px 0px;}
#emailnav a:hover {background:url('/images/navigation/email_list.png') no-repeat 0px -39px;}
#emailnav a.active {background:url('/images/navigation/email_list.png') no-repeat 0px -78px;}
#emailnav a:active {background:url('/images/navigation/email_list.png') no-repeat 0px -78px;}


#twitterize {display:block;width:113px;float:left;}
#twitterize a {display:block;width:113px;height:39px;background:url('/images/navigation/twitterize.png') no-repeat 0px 0px;}
#twitterize a:hover {background:url('/images/navigation/twitterize.png') no-repeat 0px -39px;}
#twitterize a.active {background:url('/images/navigation/twitterize.png') no-repeat 0px -78px;}
#twitterize a:active {background:url('/images/navigation/twitterize.png') no-repeat 0px -78px;}

#drop_urls {display:block;width:113px;float:left;}
#drop_urls a {display:block;width:113px;height:39px;background:url('/images/navigation/dropurls.png') no-repeat 0px 0px;}
#drop_urls a:hover {background:url('/images/navigation/dropurls.png') no-repeat 0px -39px;}
#drop_urls a.active {background:url('/images/navigation/dropurls.png') no-repeat 0px -78px;}
#drop_urls a:active {background:url('/images/navigation/dropurls.png') no-repeat 0px -78px;}


#settingsnav {display:block;width:168px;float:left;}
#settingsnav a {display:block;width:168px;height:39px;background:url('/images/navigation/accountsettins.png') no-repeat 0px 0px;}
#settingsnav a:hover {background:url('/images/navigation/accountsettins.png') no-repeat 0px -39px;}
#settingsnav a.active {background:url('/images/navigation/accountsettins.png') no-repeat 0px -78px;}
#settingsnav a:active {background:url('/images/navigation/accountsettins.png') no-repeat 0px -78px;}

a img {border:none;}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}
div.errors {margin:5px;border:1px solid red;padding:10px;color:#333333;-moz-border-radius: 5px;-webkit-border-radius: 5px;background-color:#FFFFFF;}
div.errors ul {padding:0px;margin:0px 0px 0px 20px;font-size:80%;}
div.errors ul li {padding:5px 0px 5px 0px;}

a { color:#86642D; }
span.bigor{display:block;padding:20px;font-size:24px; font-family:serif;}
a:hover {text-decoration:none;}
div.pagination {font-size:80%;}
#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

label {color:#BC7134;}
form.slim {width:60%;}
form div.text-field {margin-top:15px;}
form div.text-field input {width:90%;font-size:100%;padding:2px;margin-top:4px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border:1px solid #A1A1A1;}
form div.password-field {margin-top:15px;}
form div.password-field input {width:90%; font-size:100%;padding:2px;margin-top:4px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border:1px solid #A1A1A1;}
form fieldset {margin-top:15px;}
form fieldset legend {margin-top:4px;}
form div.form_buttons {margin-top:15px;text-align:right;border-top:1px dotted #D1D1D1;padding:15px;}
form div.fieldWithErrors input {border:1px solid #900000;}
form div.textarea-field {margin-top:15px;}
form div.textarea-field label {padding:0px 0px 3px 0px;}
form div.textarea-field div.input textarea {width:100%;}
form div.date-field {margin-top:10px;}
form div.select-field {margin-top:15px;}

div.check-box-field {margin:15px 0px 4px 0px;}
div.check-box-field div.input {width:20px;float:left;text-align:left;display:block;}
div.check-box-field label {width:210px;float:right;text-align:left;display:block; padding-top:0px;}
div.check-box-field div.input:after {clear:both;}
span.help {display:block;font-size:80%;color:#666666;}
table {border:none;}
table tr td {border:none;}
div.smalltxt table tr td { font-size:100%;}
table tr th {border:none;}
table tr.odd {background-color:#f1f1f1;}
#dialog1_c tr td {border:none;padding:0px;margin:0px;}
#dialog1_c div.text-field {margin:0px;padding-top:5px;}
#dialog1_c div.select-field {margin:0px;padding-top:5px;}
#dialog1_c div.check-box-field {float:left;}
#dialog1_c {position:fixed; top:10px;}
fieldset {margin:0px;}
p, fieldset, table, pre {
margin-bottom:0px;
}
form fieldset {
margin-top:0px;
}
*.align-right {text-align:right;}
*.align-center {text-align:center;}
*.clear {clear:both;}
div.buttonbox {border-top:1px solid #BC7134;padding-top:15px;}
h1,h2,h3,h4,h5 {color:#434D51;font-weight:100;padding-bottom:4px;font-weight: normal;letter-spacing: normal;}
h2 {border-bottom:1px dotted #434D51;}
h1 {border-bottom:1px solid #434D51;}
div.littlepadding {padding:10px;}
ol {margin-left:10px;}
li {padding:5px 0px 5px 0px;}
p {line-height:22px;}
*.bigtxt {font-size:16px; line-height:22px;}
#footer {
    background:url(/images/footer_bg.png) repeat-x  #2E2D26;
    clear:both;
    margin:0px;
    padding:0px;
    text-align:left;
    width:940px;
    margin:auto;
    min-height:66px;
    }
#innerfooter {padding: 5px 10px 5px 10px;color:#86642D;}
#innerfooter a {color:#86642D;text-decoration:none;font-size:90%; padding:0px 5px 0px 5px;}
#innerfooter a:hover {text-decoration:underline;}


#open_id_url {
  background: url(/images/openid-16x16.gif) no-repeat #FFF 5px;
  padding:4px 4px 4px 25px;
  width:350px;
}
#login {-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;color:#818181;display:block;padding:10px 0px 0px 40px;width:900px;margin:auto;background-color:#FFFFFF; list-style-type:none;}
#login li {list-style-type:none;display:block;}
#newfilebtn-button {background:url('/images/add.gif') no-repeat 4px 4px !important; padding-left:24px;}
div.column2 div.leftcol {width:60%;float:left;}
div.column2 div.rightcol {width:36%;margin-left:3%;float:right;}
div.twocolumn5050 div.leftcol {width:47%;float:left;}
div.twocolumn5050 div.rightcol {width:47%;float:right;}
#flatrate{background: url(/images/flatrate.png) no-repeat bottom left;width:326px;height:145px;display:block;}
#percentrate {background: url(/images/percentage.png) no-repeat bottom left;width:326px;height:145px;display:block;}
a.bigbtnflat {width:326px;height:145px;display:block;background: url(/images/flatrate.png) no-repeat top left;}
a.bigbtnflat:hover {background: url(/images/flatrate.png) no-repeat bottom left;}
a.bigbtnpercent {width:326px;height:145px;display:block;background: url(/images/percentage.png) no-repeat top left;}
a.bigbtnpercent:hover {background: url(/images/percentage.png) no-repeat bottom left;}
ul.bigpoints {margin:0px 0px 0px 40px; padding:0px;}
ul.bigpoints li {padding:5px 0px 5px 0px;}
table.logintable tr td {padding:0px 10px 0px 0px; margin:0px;}
div.begincheckout div.namepricebox {width:45%;float:left;}
div.begincheckout div.description {width:50%;float:right;}
div.smalltxt {font-size:75%;color:#666666;}

ul.prettylinklist {margin:0px;padding:0px;list-style-type:none;margin-top:10px;}
ul.prettylinklist li {margin:0px;padding:0px;list-style-type:none;width:339px;float:left;margin:3px 4px 3px 4px;}
ul.prettylinklist li a {display:block;height:23px;background:url('/images/prettybg.png');padding:12px;text-decoration:none;}
ul.prettylinklist li a:hover {text-decoration:underline;background-position:bottom left;}

dl.twocoldl {padding:0px;margin:0px;}
dl.twocoldl dt {margin:0px;padding:2px 0px 2px 0px;width:48%;float:left;font-weight:bold; text-align:right;}
dl.twocoldl dd {margin:0px;padding:2px 0px 2px 0px;width:48%;float:right;}
ol li { list-style-type:decimal;}
ol ol li{ list-style-type: lower-alpha;}
ol ol ol li{list-style-type: lower-roman;}
ol ol ol ol li{list-style-type: decimal; }
div.yui-pg-container {font-size:80%;}
ol.smallertxt {font-size:90%;}
ol.smallertxt ol {font-size:90%;}
ol.smallertxt ol ol {font-size:90%;}
ol.smallertxt ol ol ol{font-size:90%;}
ol.smallertxt ol ol ol ol{font-size:90%;}
#learnmore p img {float:left;margin:4px 15px 15px 0px;}
#slider-bg { background:url('/images/bg-fader.gif') 5px 0 no-repeat;}
span.rednow {color:red;}
ul.twitterurls {margin:0px;padding:0px;}
ul.twitterurls li {list-style-type:none;margin:5px 0px 5px 0px;padding:10px;width:350px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border:1px solid #A1A1A1;}
ul.twitterurls li span.smalldates {font-size:11px;color:#777777;}
ul.twitterurls li p {margin-top:0px;padding-top:0px;}
span.tweet {line-height:12px;font-size:11px;}
a.signupbtn {display:block;width:150px;float:left;height:100px;text-indent:-4000px;}
#hasdownloaded ul {margin:0px;padding:0px;}
#hasdownloaded ul li {margin:0px;padding:4px;font-size:12px;color:#555555;list-style-type:none;line-height:13px;}
span.tenpixeltxt {font-size:10px;color:#666666;}
#hasdownloaded ul li.even {background-color:#F1F1F1;}
#filterfind {background-color:#F1F1F1;border:1px solid #A1A1A1;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding:10px;}
#filterfind h3 {padding:0px; margin:0px;}
#urltable {width:100%;overflow:auto;}
#urltable table tr th {background: url('/images/footer_bg.png') repeat-x;}
div.threecolumns div.column {width:33%;float:left;text-align:center;}
div.threecolumns div.column p {text-align:left;}