h1,h2,h3,h4,h5,h6 { margin:0; color: #000; padding: 0 5px; line-height: 18px; font-weight: bold; vertical-align: text-bottom; }

p { margin: 0 0 1.5em 0; padding: 0 5px; }

ul,ol,dl,dd { padding: 0; margin: 0 0 18px 0; }

h1 { font-size: 18px; line-height: 22px; }

h2 { font-size: 15px; }

h3 { font-size: 14px }

h4 { font-size: 13px; }

h5, h6 { font-size: 12px; }

h6 { font-weight: normal; }

p,li,dt,dd { font-size: 1em; line-height: 1.5em; /* 15px */ }

ul { list-style-type: none; list-style-position: outside; }

a, button.btn, a.remixes span strong, button { color: #0063c8; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }

li *, li li { /* font-size:1em; */ }


.clear { clear:both; }
.clean { padding-left: 0; padding-right: 0; }
.plain { font-weight: normal; }
.black { color: #000; }
.gray { color: #555; }
.green { color: green; }
.light_gray { color: #909090; }
.dark_blue_bg { background-color: rgb(0, 99, 200); }
.normal { font-size: 12px; }
.small { font-size: 11px; }
.tiny { font-size: 10px; }
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.block { display: block; }
.red { color: #ff0000; }
.white { color: #fff; }
.no_bottom_margin { margin-bottom: 0; }
.align_left { text-align: left; }
.align_right { text-align: right; }
.align_center { text-align: center; }
.border_top_black { border-top: 1px solid #000; }
.border_bottom_black { border-bottom: 1px solid #000; }
.border_top_gray { border-top: 1px solid #ccc; }
.border_bottom_gray { border-bottom: 1px solid #ccc; }
.border_right_dotted { border-right: 1px dotted #bbb; margin-right: 5px; padding-right: 5px; }
.border_left_dotted { border-left: 1px dotted #bbb; margin-left: 5px; padding-left: 5px; }
.yellow_bg { background-color: #ffffaa; padding: 2px 3px; }
.tag_gray { background-color: #f0f0f0; }
.no_text_decoration:hover, .no_text_decoration:active { text-decoration: none; }
.underline { text-decoration: underline; }
.top_5px { margin-top: 5px; }
.right_5px { margin-right: 5px; }
.left_5px { margin-left: 5px; }
.right_2px { margin-right: 2px; }
.bottom_5px { margin-bottom: 5px; }
.no_bottom_margin { margin-bottom: none; }
ul.numbered_list li { list-style-type: decimal; margin-left: 25px; }

div.float_left, .float_left { float: left; }
div.float_right, .float_right { float: right;}

.rounded_corners { 
        -webkit-border-radius: 4px 4px;
        -moz-border-radius: 4px; 
        border-radius: 4px;
        behavior:url(/static/htc/border-radius-ie8.htc);}
.rounded_corners_small { 
    -webkit-border-radius: 1px 1px;
    -moz-border-radius: 1px; 
    behavior:url(/static/htc/border-radius-ie8  .htc);}
.drop_shadow { box-shadow: 2px 3px 3px #555; -webkit-box-shadow: 2px 3px 3px #555; -moz-box-shadow: 2px 3px 3px #555; }
.light_drop_shadow { box-shadow: 1px 0px 2px #333; -webkit-box-shadow: 1px 0px 2px #333; -moz-box-shadow: 1px 0px 2px #333; }

.avatar { margin: 5px 0 0 5px; }

.btn { background-color: #0063C8; color: #fff; padding: 3px 6px 4px; cursor: pointer; white-space: nowrap; border: none; }
   .treadmill_btn { padding: 6px 3px; margin-top: 9px; background-color: #eaeaea; }
   .btn_gray {  }
   
a.more { width: 100%; border: 1px solid #ccc; padding-top: 9px; padding-bottom: 10px; background: #fafafa; }
a.a_input { padding: 1px 6px; }

form.standard_form { }
   form.standard_form input.text 
   ,form.standard_form [type=text]
   ,form.standard_form [type=password] { padding: 3px 3px; }

   .signup_list li input.text
   ,.signup_list li input[type=text]
   ,.signup_list li input[type=password] { width: 293px; margin-left: 5px; padding: 3px 5px; font-size: 14px; }

form.standard_form .errorlist { color: red;  margin: 0; margin-left: 5px; padding-bottom: 0;}

.status_message {
    background-color:#FFFF99;
    border:1px solid #999900;
    color:black;
    padding:7px;
    float:left;
    margin-right:10px;
    position:relative;
    margin:0 -82px 1.5em 82px;
    width:810px;
}


/* HEADER */ 

   .public_header { background: black; }
   * html .public_header .container { padding-bottom: 9px; background: black; } /* IE6 */
   .public_header > div { background: black; padding-bottom: 9px;}
      #public_nav a { padding: 4px 5px; }
   
   .header { background-color: #fff; padding: 3px 0 5px 0; border-bottom: 7px solid #000; }
      .header_url { }
   
   .header h1 { margin-top: 0px; }
      .header h1 a { padding: 0; }
   
   .header_dropdown fieldset { display: none; padding: 5px; }
      .header_dropdown:hover a.btn { padding-bottom: 14px; z-index: 15002; }
      .header_dropdown a.btn img { margin-bottom: 1px; }
      .header_dropdown:hover fieldset, .header_fieldset:hover { display: block; }
      .dashboard_dropdown fieldset { top: 19px; right: -6px;  }
      .header_dropdown fieldset ul { z-index: 15001; padding: 9px; width: 160px; background-color: #bbeeee; border: 1px solid #003355; }
      .header_dropdown fieldset ul li a { padding: 4px 5px 5px; }
      .header_dropdown fieldset {}
   
   .header input.text
   ,.header [type=text]
   ,.header [type=password] { width: 181px; border: 1px solid;}
   
   .header_url input.text
   ,.header_url [type=text]
   ,.header_url [type=password] { width: 181px; }
   
   .header_search { margin-top: 2px; }
   .header_search input.text { padding: 4px; border: 0 solid; }
   .header_search a { padding: 2px 7px; }

   #webpage_controls { padding-top: 0px; margin-top: -4px; margin-bottom: -9px; width: 276px; border-right: 1px solid #ccc; }
      #header_inspector { width: 235px;}
      .inspector { background: transparent url('../images/22x22_inspect.png') no-repeat 9px 23px; padding: 5px 0px 9px; width: 39px; height: 32px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
         img.header_downarrow { bottom: -15px; }
         
      .perpetually-tooltip { z-index: 2147483645; display: inline-block; top: 44px; background-color: #0063C8; border: 3px solid #0063C8; }
         .perpetually-tooltip * { color: white; text-shadow: 0 0 5px black;} 
         .perpetually-tooltip img { margin-bottom: 5px; }
         .perpetually-tooltip img.tooltip_uparrow { top: -12px; }
         .perpetually-tooltip a.btn { top: 74px; left: 36px; display: none; }
         .perpetually-tooltip:hover a.btn { display: block; }
            
    #homepage_logo h1 { margin-top: 2px; margin-left: 1px;}
/* HOMEPAGE */ 
   
   #homepage_shoutout h1 { color: #333; font-size: 37px; line-height: 44px; }
   
   .homepage_signup { margin-bottom: 14px; }
      .homepage_signup a { color: #fff; text-shadow: #3388aa 1px 1px 1px; font-size: 16px; height:34px; width: 200px; padding-top: 11px; line-height: 17px; background: transparent url('../images/postprintbutton.png') no-repeat top left; }
   
   .homepage_widecall { padding-bottom: 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
   .homepage_widecall.timeline { margin-top:100px; }
   
   #IndexPage .section, #IndexPage .scroller { width: 677px; margin: 0 0 0 5px; border: 0; padding: 0; }
      #IndexPage .wrapper-records { width: 677px; }
      
   .homepage_timline { top: -95px; left: 0; }
      .homepage_timline h3, .homepage_timline h2 { bottom: -1.35em; width: 100%; }
       
   #screenshot_popup { top: 40px; left: 0px; z-index: 35002; }
      .homepage_screenshots_controls { width: 974px; padding: 9px 3px 6px; margin: -3px 0 0 -3px; border-bottom: 1px solid #ff9944; }
   
   .press {
       border-bottom:1px solid #DDDDDD;
       margin-top: -36px;
       background: #ffffee;
   }
   
   .press h1 {
       font-size: 17px;
       padding: 6px;
   }
/* SIGNUP PAGE */

   #signup_shoutout h1 { font-size: 22px; color: #1f1f1f; }
   
   h1.section_title { background-color: #fff; margin: -12px 0 12px 12px; margin-top: -12px; padding-right: 9px; padding-left: 9px; display: inline-block; 
                      /* IE Hack for inline-block. Shows the black horizontal line across full width. */
                      zoom: 1;
                      *display:inline;}
      
   div.plan_option { border: 1px solid #aaa; margin-bottom: 12px; }
   div.plan_option:hover,
   div.plan_option_selected,
   div.plan_option_hover { position: relative; left: -2px;}
      .plan_option_large { width: 383px; padding: 24px 0 23px 16px; margin-left: 5px; }
      .plan_option_medium { width: 370px; padding: 17px 0 16px 8px; margin-left: 15px; }
      .plan_option_small { width: 358px; padding: 14px 0px 13px 2px; margin-left: 23px; }
      div.plan_option_selected, div.plan_option:hover, div.plan_option_hover { background-color: #efffff; border: 3px solid #0063c8; margin-bottom: 10px; margin-top: -2px; }
      .plan_radio { padding: 12px 0 0 18px; width: 13px; }
      .option_price { line-height: 28px; }
      .dollar { vertical-align: top; line-height: 18px; font-size: 15px; letter-spacing: 1px;}
      .option_price .per_month { line-height: 17px; }
      label.plan_option h2 { line-height: 21px; }
      
    .disabled .plan_message { display: block;}
    .plan_message { display: none;}
   
   .signup_list { margin-top: 12px; }
   .signup_list li, .plan_contents li { padding-top: 9px; padding-bottom: 10px; margin-bottom: -1px; border-color: #ddd; }
      .signup_list h4 { padding-top: 3px; }
      
      .signup_list li input.checkbox { margin-top: 3px; }
      .signup_list li .span-6 input { width: 167px; }
      h5.signup_secure { height: 27px; padding-top: 7px; padding-left: 37px; background: #fff url('/static/images/lock.png') no-repeat left top; }
   .plan_contents li { padding-top: 6px; padding-bottom: 4px; }
   
   .signup_right_info { top: 6px; }
	* html #signup_plans_clicks { overflow: hidden; }

/* URL PAGE */
   
   .card, .current_card { border: 3px solid rgb(0, 99, 200); overflow: hidden; margin-left: 5px; }
   a.current_card { border-color: #000; height: 127px; }
   .webpage_iframe { width: 100%; overflow: visible; height: 3000px; }
   .small_card { height: 110px; }
   .small_card img { width: 138px; }
      
   .card_stats, .annotation_controls { top: -14px; left: 10px; line-height: 15px; }
      .card_stats a, .annotation_controls a { background-color: rgb(0, 99, 200); padding: 2px 6px 4px; }
      .current_stats a { background-color: #000; }
   .card_date { top: -14px; right: 2px; }
   .card_difference { background: transparent url('../images/arrows_change_gray.gif') no-repeat left 134px; height: 128px; }
   
   .divider { padding: 9px 0 11px; background-color: #000; margin-top: -3px; }
      .divider h2 { color: #fff; }
   
   .webpage { width: 1024px; }
   
   /* ANNOTATIONS */
   
      div.zindex_11000 { z-index: 11000; }
      div.zindex_12000 { z-index: 12000; }
      div.zindex_13000 { z-index: 13000; }
      
      .webpage_introduction { background-color: #000; z-index: 2; }
      
      .play_button { padding-left: 37px; height: 20px; padding-top: 6px; padding-bottom: 10px; background: transparent url('../images/annotation_play.png') no-repeat top left; }
   
      .annotation_border { border: 3px solid rgb(0, 99, 200); z-index: 1001; }
         
      .annotation_off { opacity: .4; }
         .annotation_off .annotation_border { border: 3px solid #3399cc; border-bottom-width: 3px; }
            .annotation_off .annotation_wrapper, .annotation_off .annotation_controls, .annotation_off .annotation { display: none; }
            .annotation_off:hover .annotation_wrapper, .annotation_off:hover .annotation_controls, .annotation_off:hover .annotation { display: block; }
            .annotation_off:hover .annotation, .annotation_off:hover .annotation_controls a { background-color: #3399cc; }
            .annotation_off:hover .annotation_border { border-bottom-width: 6px; }
         .annotation_off:hover { opacity: 1; }
         
      .annotation { padding: 10px 7px; margin-top: -5px; z-index: 1002; left: 0; min-width: 300px; }  
         .annotation_controls { padding-top: 50px; top: -69px; left: 0px; width: 100%; z-index: 1000; }         
         .annotation_controls a { margin: 0 0 0 4px; }
         .annotation_box { border: 1px solid #555; }
         .annotation_blue_spacer { height: 2px; width: 100%; background-color: rgb(0, 99, 200); }
         .annotation_title { max-width: 224px; }
         a.annotation_audio { margin-top: -2px; width: 90px; padding: 2px 0 2px 29px; background: transparent url('../images/annotation_play_small.png') no-repeat left top; }
           
      /* ANNOTATION PLAYER */

         #annotation_player { z-index: 11001; float: none; max-width: 269px; padding: 7px 6px 6px; top: -3px; margin: 0 0 0 779px; border: 3px solid rgb(0, 99, 200); border-top: none; background-color: #fff; } 
      
      /* ANNOTATION INDEX */
         
      #annotation_index_wrapper { top: 40px; left: 0px; z-index: 13002; }
      .annotation_index, #page_transition { border: 3px solid #111; background-color: #000; top: 180px; }  
         .annotation_index { margin-left: 41px; }
         .annotation_index ol { padding-left: 28px; }
         .annotation_index ol li { list-style: decimal outside; }
      
      /* VERSION TRANSITION */
      
      #page_transition { border: 3px solid #fff; z-index: 13001;}  
         #page_transition h1.transition_arrow { font-size: 56px; }
         
/* DASHBOARD */ 

      .dashboard_list li, .search_li { border-bottom: 1px solid #ccc; }
      .crawl_li_d { margin-top: -18px; }
      .crawl_li h2, .search_li h2, p.crawl_li_r { margin-bottom: 4px; }
      p.crawl_li_r { margin-top: 4px; }
      .dash_li_hover { margin-top: -4px; }
      .crawl_deets { margin-bottom: 9px;}
      a.thumb_border { border: 3px solid #ddd; margin: 0 0 18px 5px; }
      a.thumb_border img { border: 1px solid #aaa; }

      .tag { display: inline-block; margin-bottom: 5px; }
      .tag a { padding: 0px 5px 0 6px; background-color: #f0f0f0; }
         .tag a.border_right_dotted { margin-right: 0; }
         .tag a.tag_content:hover { color: #fff; background-color: #0063c8; border-right: 1px solid #0063c8; }
         .tag a.tag_delete:hover { color: #fff; background-color: #ff0000; }

      div.add_tag { top: 2em; left: 5px; padding: 5px; border: 1px solid #ccc; padding-left: 5px; }
      div.search_inside { top: 2em; left: 195px; top: -8px; padding: 5px; border: 1px solid #ccc; padding-left: 5px; }
         
/* SEARCH PAGE */ 

      #SearchPage input.search { width: 431px; font-size: 18px; border: 1px solid #555; font-weight: bold; padding: 4px 5px; }
      #SearchPage a.search_input { padding: 7px 10px 8px; font-size: 14px; }
      .search_li { }
         .search_li a.more { padding-top: 5px; padding-bottom: 5px;}
         .search_li a.treadmill_btn { margin: 0; padding: 4px 3px; }
    
      .search_recordflow { border: 1px solid #ccc; z-index: 2; }
         a.preview {  width: 24px; height: 24px; background: transparent url('../images/16x16_inspect.png') no-repeat 4px 3px; }
         .recordflow_on { border-bottom: none; background-color: #fff; -webkit-border-bottom-left-radius: 0px 0px; -webkit-border-bottom-right-radius: 0px 0px; -moz-border-bottom-right-radius: 0px;  -moz-border-bottom-left-radius: 0px; }
         .recordflow_on a.recordflow_toggle { display: none; }
         .recordflow_off { background-color: #fafafa; }
         .recordflow_off span.recordflow_controls { display: none; }
         .recordflow_controls { padding: 4px 3px 3px; }
         .recordflow_spark { padding: 0 2px 0 2px; }
      .search_li_screens { z-index: 1; width: 757px; height: 250px; margin: 6px 0 5px 5px; border: 1px solid #ccc; overflow: hidden; -webkit-border-top-right-radius: 0px 0px; }
      
      p.missing_entry { margin-top: 8px; }
         p.missing_entry span { background: #fff; margin: -1.1em 0 0 18px; padding: 3px 7px; }
         
/* LOGIN */
form[action="/account/login/"] .error { text-align: center; color: red;  margin-left: 5px; padding-bottom: 0;}
         
/* ADD_ARCHIVE */
#add_domain form {
    background-color: #EFFFFF;
    border: 3px solid #0063c8;
    position: relative;
    margin: 0px auto;
}
#add_domain [type=radio] {
    margin-right: 1em;
    margin-left: 5px;
}

#add_domain [type=text] { width: 370px; margin-left: 5px; padding: 3px 5px; font-size: 14px; }

#add_domain select { margin-left: 5px;}

#add_domain .depth label:first-child {
      padding-right: 20px;
      padding-left: 0;
  }
#add_domain .depth label {
    padding-left: 10px;
}

#add_domain  #domain_verification { display: none; background:white; width: 370px; padding: 10px; }
#add_domain  #domain_verification.visible { display: block; }
#add_domain  #domain_verification input {margin-left: 0; width: 300px; font-size: 12px; padding: 0;}
#add_domain  .toggle_domain_verification { cursor: pointer; }
#add_domain  .toggle_domain_verification:hover { text-decoration: underline;}
         
/* FOOTER */

#popup_overlay { position: absolute; top: 0; left: 0; display: block; width: 100%; z-index: 13000; background-color: #000; opacity: .85; }

.close { background: #444; padding-top: 6px; padding-bottom: 7px; }