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: #336699; 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; }
.grey { color: #555; }
.light_grey { color: #bfbfbf; }
.dark_grey { color: #333; }
.green { color: green; }
.dark_blue_bg { background-color: rgb(0, 99, 200); }
.white_bg { background-color: #fff; }
.blue_bg { background-color: #45abde; color: #fff; }
.blue_bg:hover { background-color: #2b90c2; }
a.red_bg, .red_bg:hover { background-color: #ff3333; color: #fff; }
.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_grey { border-top: 1px solid #ccc; }
.border_bottom_grey { 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, .tag_grey { background-color: #ffffaa; padding: 2px 3px; }
.tag_grey { 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; }
ul.numbered_list li { list-style-type: decimal; margin-left: 25px; }

.remove_text { text-indent: -99999px; }

div.float_left, .float_left { float: left; }
div.float_right, .float_right { float: right; }
.width_100 { width: 100%; }

.rounded_corners { -webkit-border-bottom-left-radius: 4px 4px; -webkit-border-bottom-right-radius: 4px 4px; -webkit-border-top-left-radius: 4px 4px; -webkit-border-top-right-radius: 4px 4px; -moz-border-radius: 4px; }
.rounded_corners_small { -webkit-border-bottom-left-radius: 1px 1px; -webkit-border-bottom-right-radius: 1px 1px; -webkit-border-top-left-radius: 1px 1px; -webkit-border-top-right-radius: 1px 1px; -moz-border-radius: 1px; }
.rounded_c_top { -webkit-border-top-left-radius: 4px 4px; -webkit-border-top-right-radius: 4px 4px; -moz-border-radius: 2px 2px 0 0; }
.rounded_c_bottom { -webkit-border-bottom-left-radius: 4px 4px; -webkit-border-bottom-right-radius: 4px 4px; -moz-border-radius: 0 0 2px 2px; }
.rounded_c_left { -webkit-border-top-left-radius: 4px 4px; -webkit-border-bottom-left-radius: 4px 4px; -moz-border-radius: 2px 0 0 2px; }
.rounded_c_right { -webkit-border-top-right-radius: 4px 4px; -webkit-border-bottom-right-radius: 4px 4px; -moz-border-radius: 0 2px 2px 0; }
.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; }
   .treadmill_btn { padding: 6px 3px; margin-top: 9px; background-color: #eaeaea; }
   button.btn { background-color: #45abde; border: none; color: #fff; }
   
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 { padding: 3px 3px; border: 1px solid #000; }

/* HEADER */ 

   .public_header { padding-bottom: 9px; background-color: #000; border-bottom: 1px solid #555; }
      .public_header a { text-shadow: #444 1px 1px 1px; }
      #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 { width: 261px; }
   .header_url input.text { width: 181px; }
   
   #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('/static/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; }
         
      .date_preview_loop { top: 44px; background-color: #fff; border: 3px solid #0063C8; }
         .date_preview_loop img { margin-bottom: 5px; }
         img.loop_uparrow { top: -21px; left: 61px; }
         .date_preview_loop a.btn { top: 74px; left: 36px; display: none; }
            .date_preview_loop:hover a.btn { display: block; }
            
/* HOMEPAGE */ 

   #homepage_header { background: #fafafa; padding-bottom: 12px; text-align: right; }
   #homepage_header .white { color: #fafafa; }
   #homepage_header ul { margin: 12px 0 6px 0; }
   #homepage_header li a { color: #777777; }
   #homepage_header li { display: inline; border-left: 1px dotted #bbb; margin-left: 5px; padding-left: 5px; }
   #homepage_header li.first { border-left: 0; }

   #homepage_shoutout h1 { color: #333; font-size: 37px; line-height: 44px; height: 203px; width: 554px; background: transparent url('/static/images/perpetually_hp_text2.png') no-repeat 5px top; }
   
   #homepage_signup_wrap { background: #f4f4f4; padding: 28px 0 26px; border: 1px solid #dedede; }
   .homepage_signup { margin-bottom: 11px; }
      .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; }
      
   #IndexPage .section, #IndexPage .scroller { width: 582px; margin: 0 0 0 5px; border: 0; padding: 0; }
      #IndexPage .wrapper-records { width: 582px; height: 193px; }
      #IndexPage ol.records { height: 193px; }
      #IndexPage ol.records li { height: 193px; width: 258px; }
      #IndexPage ol.records li span { top:170px; }
      
   #IndexPage .hp_timeline_wrap { margin-bottom: -84px;  }
      .timeline_arrows { height: 193px; width: 25px; line-height: 193px; border: 1px solid #2b90c2; cursor: pointer;}
      .timeline_arrows_small { height: 152px; width: 25px; line-height: 152px; border: 1px solid #2b90c2; cursor: pointer;}
      /*.inactive_arrow { background-color: #f0f0f0; border: 1px dotted #bbb; }*/
      .left_arrow { border-right: 1px solid #fff; }
      .right_arrow { border-left: 1px solid #fff; }
      
      .timeline_screens { background: #fff; width: 582px; height: 193px; border: 1px solid #2b90c2; }
      .timeline_screens_small { background: #fff; width: 582px; height: 152px; border: 1px solid #2b90c2; }
      .timeline h3, .timline h2 { bottom: -1.35em; }
      
      .curved_arrow { padding-left: 19px; background: transparent url('../images/curvedarrow.gif') no-repeat 0 1px; margin: 8px 48px 0 13px; }
      
      .hp_timeline_search { padding-top: 6px; }
      .hp_timeline_search input { padding: 2px 3px; border: 1px solid #2b90c2; background-color: #EDF4F5; color: #777; width: 164px; margin-right: 3px; }
         .hp_timeline_search input.off { }
         .hp_timeline_search input.on { border-color: #555; background-color: #fff; color: #000; }
         .hp_timeline_search label { top: 1px; left: 12px; }
            .hp_timeline_search label.on span { opacity: 0; }
         .hp_timeline_search button { margin: 0 2px 0; }
      
   .homepage_press { }
   
   #homepage_bottom { background-color: #d5e9ed; border-color: #ABE2ED;} 
       #homepage_bottom h1, #homepage_bottom h2 { color: #2E79B8; }
       #homepage_bottom ul li { padding: 8px 0 9px 24px; background: transparent url('/static/images/icon_check.gif') no-repeat 5px 10px;  }
   
   #screenshot_popup { top: 110px; left: 0px; z-index: 35002; }
      .homepage_screenshots { }
      .homepage_screenshots_controls { top: -38px; left: 0; background-color: #fff; width: 968px; padding: 9px 3px 10px; }
      #screenshot_popup img { }
      
   .home_footer { border-color: #aaa; }
   
/* SIGNUP PAGE */

   #signup_shoutout h1 { font-size: 30px; 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; }
      
   .plan_option {  border: 1px solid #aaa; margin-bottom: 12px; }
      .plan_option_large { width: 399px; padding: 24px 0 23px 0; margin-left: 5px; }
      .plan_option_medium { width: 378px; padding: 17px 0 16px 0; margin-left: 15px; }
         .plan_option_medium:hover { margin-left: 13px ;}
      .plan_option_small { width: 361px; padding: 14px 0px 13px 0; margin-left: 23px; }
         .plan_option_small:hover { margin-left: 21px; }
         div.plan_option_small, div.plan_option_small:hover { margin: 5px 0 18px 5px; }
      .plan_option_selected, label.plan_option:hover { background-color: #efffff; border: 3px solid #336699; margin-bottom: 10px; margin-top: -2px; }
      .plan_radio { padding: 12px 0 0 18px; width: 13px; }
      .option_price { line-height: 28px; }
         div.plan_option .option_price { padding-left: 18px; }
      .dollar { vertical-align: top; line-height: 18px; font-size: 15px; letter-spacing: 1px;}
      .option_price .per_month { line-height: 17px; }
      .plan_option h2 { line-height: 21px; }
   
   .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.text, #AccountPage input.text { width: 293px; margin-left: 5px; padding: 3px 5px; font-size: 14px; }
      .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; }

/* 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('/static/images/arrows_change_grey.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('/static/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('/static/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 #fff; 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 { margin-bottom: 4px; }
      .dash_li_hover { margin-top: -4px; }
      p.crawl_deets { margin-bottom: 9px;}
      a.thumb_border { border: 2px solid #f2f2f2; margin-left: 5px; }
         #IndexPage a.thumb_border { margin-bottom: 14px; }
      a.thumb_border img { border: 1px solid #aaa; }
         
/* 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; width: 183px; z-index: 2; }
         a.preview { padding: 2px 5px 2px 23px; background: transparent url('/static/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; }
         
/* FOOTER */

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

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