html { height: 100%; }

.float-off { display: block; height: 0; max-height: 0; margin: 0; padding: 0; clear: both; font-size: 0; overflow: hidden; line-height: 0; }

body#blog_body { height: 100%; border: none; background-image: url( /i/blog/70s/bg.png ); }
  body#blog_body form { height: 100%; }

  /* Top page */
  table#glob { width: 100%; height: 100%; font-family: Arial; font-size: 11px; font-weight: normal; color: #000; }
    table#glob td.side { width: 40%; }
    table#glob td#mid { width: 20%; vertical-align: top; background-color: #fff; }

  table#mnu_top { width: 890px; background-color: #fa791c; }
  table#mnu_top td.l div { display: block; width: 187px; height: 48px; background-image: url( '/i/blog/70s/schoolpagina-logo.png' ); }
  table#mnu_top td.r { width: 98%; text-align: right; color: #fff; font-weight: bold; padding: 0 15px 0 0; }
    table#mnu_top td.r a { color: #fff; text-decoration: none; }

  table#mnu_2nd { margin-top: 1px; width: 890px; height: 126px; background-color: #fa791c; background-image: url( '/i/blog/70s/70s-logo.png' ); background-position: top left; background-repeat: no-repeat; }
    table#mnu_2nd td.l div { width: 166px; height: 126px; }
    table#mnu_2nd td.r { width: 724px; vertical-align: top; }
      table#mnu_2nd td.r div.spc { float: right; width: 724px; height: 90px; border-bottom: solid 1px #fff; overflow: hidden; }

  /*  */
  table#central { width: 890px; height: 40px; }

  /* 1st row, user status + tttle area */
  table#central td.ust { width: 202px; height: 40px; background: top right url( "/i/new/bg.gif" ) repeat-y; }
    table#central td.ust div { width: 202px; height: 40px; background: bottom url( "/i/new/line.gif" ) repeat-x; }
    table#central td.ust td.ust_logged_nfo { background-color: transparent; color: #000; font-family: Arial; font-size: 11px; padding: 14px 5px 5px 18px; }
      table#central td.ust td.ust_logged_nfo b { font-weight: normal; }

  table#central td.rst { background: bottom url( "/i/new/line.gif" ) repeat-x; }

  /* 2nd row, left column + workarea */

  /* Left column: register, logon, menu */
  table#central td.l { width: 202px; vertical-align: top; }

    /* Register block */
    div#reg_cntr_btn { background-color: #d9c544; padding: 13px 0 13px 16px; }
      div#reg_cntr_btn a { display: block; background: 0 0 url( "/i/blog/70s/reg_quick.jpg" ) no-repeat; text-decoration: none; height: 54px; width: 171px; }
        div#reg_cntr_btn a:hover { background-position: 0 -54px; }
    div#reg_cntr_txt { font-size: 15px; font-weight: bold; color: #fa791c; text-align: left; padding: 0 10px 13px 20px; background-color: #d9c544; }

    /* Logon control */
    div#logon_wrapper { font-family: Arial !important; background-color: #d9c544; margin: 0 0 5px 0; padding-bottom: 10px; }
      div#logon a.logon { display: block; font-weight: bold; padding: 9px 0 5px 20px; margin: 0; color: black; text-decoration: none; }
      div#logon input { border: solid 1px #343434; background-color: #fff; width: 163px; height: 16px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 1px; margin: 0 0 0 20px; }
      div#logon span.lbl_email { padding: 5px 0 5px 20px; display: block; font-size: 11px; text-transform: capitalize; }
      div#logon span.lbl_pwd {padding: 7px 0 5px 20px; display: block; font-size: 11px; text-transform: capitalize; }
      /* Remember me */
      div#logon table {	width: 165px; margin: 12px 0 10px 20px; text-align: right; }
        div#logon td.chbox_lbl { display: inline; text-align: right; border: 0; }
          div#logon td.chbox input { width: 13px; height: 13px; border: 0; padding: 0; margin: 0; }
      /* Logon button */
      div#logon a.btn { display: block; width: 35px; height: 17px; text-align: left; padding: 0 0 0 18px; margin-left: 133px; background: url(/i/blog/70s/bp.gif) no-repeat; background-color: #000; font-weight: bold; color: #fff; border: 0; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
      /* Forgot password */
      div#logon_wrapper a.forgot_pwd { display: block; margin: 5px 0 0 20px; text-align: right; color: #000; text-decoration: underline; padding: 0 15px 0 0; letter-spacing: 1pt; font-size: 11px; }
        div#logon_wrapper a.forgot_pwd:hover{ text-decoration: none; }

    /* Left menu */
    div#lmnu { font-family: Arial Helvetica sans-serif; margin: 5px 0 0 0; }
      div#lmnu div.adm { margin: 10px 0; }
      div#lmnu a { display: block; color: #666; text-decoration: none; text-align: left; padding: 3px 20px 3px 30px; background: 18px center url("/i/blog/70s/mi.gif") no-repeat; }
        div#lmnu a:hover { text-decoration: underline; }
        div#lmnu a.home { background: 16px center url("/i/blog/70s/mi.home.gif") no-repeat; }
        div#lmnu a.go2sp { background: 14px center url("/i/blog/70s/mi.go2sp.gif") no-repeat; }

    /* AD place at left column */
    table#central td.l div.left180x150 { margin: 15px 0 5px 10px; background-color: #f0f0f0; height: 150px; width: 180px; }

  /* Right column, workarea: */
  table#central td.r { width: 688px; vertical-align: top; padding: 0; }
    table#central td.r div#main_pnl_nospace { width: 688px; background-color: #fff; font-family: Arial; }
    table#central td.r div#main_pnl { background-color: #fff; padding: 6px; font-family: Arial; }

    /* Workarea, button */
    table#central td.r a.actBtn { display: block; height: 16px; text-align: left; background: url(/i/blog/70s/bp.gif) no-repeat center left; background-color: #000; font-weight: bold; color: #fff; border: 0; padding: 1px 8px 1px 18px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
      table#central td.r a.actBtn :hover { text-decoration: none; color: #e3027f; }

    /* Workarea, datagrid */
    table#central td.r td.tblHdr a { color: #fff; }
    table#central td.r td.tblHdr { background-color: #ed9a21; border: solid 2px #fff; color: #fff; font-size: 12px; font-weight: bold; }
    table#central td.r td.tblData { background-color: #f9daac; border: solid #fff 2px; color: #000; font-size: 11px; }

    /* Workarea, comments */
    table#central td.r div.nf_blog * { font-family: Arial, sans-serif; }
      table#central td.r div.nf_blog td.tblHdr_blog { background-color: #ed9a21; border: solid 2px #fff; color: #fff; font-size: 12px; font-weight: bold; }

      table#central td.r div.nf_blog td.tblData_blog { background-color: #fceeda; border: solid #fff 2px; color: #333; font-size: 11px; }
        table#central td.r div.nf_blog td.tblData_blog td.btns a { display: block; color: #03c; }
          table#central td.r a.tblData_blog:hover { text-decoration: underline; }

    /* Page header */
    table#central td.r p.PageHdr { font-family: Arial; color: #fa791c; font-size: 20pt; padding: 0 0 0.5em 0; margin: 0; font-weight: bold; }

    /* Content, common styles */
    div#content { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
      div#content p { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
      div#content .highlight { background-color: #ffc; }
      div#content .quote { color: #999; font-weight: bold; font-family: Courier New; font-size: 11pt; }
      div#content .deprecated { text-decoration: line-through; }


  /* Tabs */
  table#central td.r td.tab_body,
  table#central td.r td.ac_tab_body { background-color: #fa791c; padding: 12px 15px; }
    table#central td.r td.TabHdr,
    table#central td.r td.ac_tab_hdr { background-color: #ed9a21; text-align: center; width: 60px; padding: 3px 5px; height: 30px; color: #fff; border: solid #ffffff 1px; border-top: solid #ffffff 4px; }
      table#central td.r .TabHdr,
      table#central td.r .ac_tab_hdr { color: #fff; font-weight: bold; text-decoration: none; }
        table#central td.r a.TabHdr:hover,
        table#central td.r table#central td.r a.ac_tab_hdr { text-decoration: underline; }
    table#central td.r td.TabSeled,
    table#central td.r td.ac_tab_hdr_sel { background-color: #fa791c; text-align: center; width: 60px; padding: 3px 5px; height: 30px; color: #fff; border: solid #fa791c 1px; border-top: solid #fa791c 4px; }
      table#central td.r .TabSeled { color: #000; font-size: 11px; font-weight: bold; text-decoration: none; }
        table#central td.r a.TabSeled:hover { text-decoration: underline; }

    /* Editor */
    table#central div.ac_imgs_panel { background-color: #fff; }

    table#central td.r div.adv_cms_fltr { background-color: #f9daac; }

  /* Blog view */
  table#central td.r div.flash_dt { font-weight: bold; font-size: 12px; margin: 0 0 10px 0; }

  /* Blog summary */
  div#blog-summary {}
    div#blog-summary table#lay { width: 100%; }

    table#lay td { padding: 0; vertical-align: top; }
      table#lay td.t1, table#lay td.t2, table#lay td.c1, table#lay td.c2, table#lay td.c0 { width: 50%; padding: 0; }

      table#lay td.t1 { background-color: transparent; }
        table#lay td.t1 h1 { font-family: Arial; color: #fa791c; font-size: 20pt; padding: 8px 0 0.5em 8px; margin: 0; }
        table#lay td.t1 div.txt { padding: 0 0 8px 8px; }

      table#lay td.t2 {}

      table#lay td.c1, table#lay td.c2 { background: left top url( "/i/blog/70s/bg_sect.png" ) repeat; }

      table#lay div.post { padding: 8px; }
      table#lay div.post * { font-family: Arial; font-size: 9pt; }

        table#lay table.data { margin-bottom: 10px; }
          table#lay table.data td.photo { width: 146px; }
            table#lay table.data td.photo div { margin: 0 16px 8px 0; min-height: 200px; }
            table#lay table.data td.photo img { border: 0; }

          table#lay div.post div.ttl { font-weight: bold; }
          table#lay div.post div.txt {  }
          table#lay div.post div.txt a.more { display: block; color: #03c; }

       table#lay div.sign { font-size: 9pt; font-weight: bold; }
        table#lay div.sign a { color: #000; text-decoration: none; }
          table#lay div.sign a:hover { text-decoration: underline; }


  /* Common functionalities: Jobs, News, Guestbook */
  table#central td.r table.schItem { margin-bottom: 10px;	border: solid 1px #fa791c; }
    table#central td.r td.schItemDate {	padding-left: 5px; font-size: 8pt; font-weight: normal;	color: #666; background-color: #fff; }
      table#central td.r span.schItemDate {	font-size: 8pt; font-weight: normal; color: #666; }
    table#central td.r td.schItemHeader { padding-left: 5px; font-size: 10pt; font-weight: bold;	background-color: #fff; }
    table#central td.r td.schItemRem { padding-left: 5px; background-color: #f9daac; }

  /* Guestbook */
  table#central td.r a.gb { text-decoration: none; color: #fff; }
  table#central td.r td.gbHdr { background-color: #ed9a21; border: none; color: #fff; font-size: 11px; font-weight: bold; padding: 3px 5px; }
  table#central td.r td.gbRem { background-color: #f9daac; color: #000; font-size: 11px; }


  /* Forum */
  table#central td.r .forumBtn { display: inline-block; height: 16px; background: url(/i/blog/70s/bp.gif) no-repeat center left; background-color: #000; padding: 1px 8px 1px 18px; border: 0; color: #fff; text-align: left; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
  table#central td.r .forumTlbBtn { font-family: Arial, serif; }
  table#central td.r table.forumMnu { font-family: Arial; }
    table#central td.r .forumInfo { font-family: Arial, serif; }
    /* Path line */
    table#central td.r table.forumPath { background-color: #f9daac; }
      table#central td.r .forumPath { font-family: Arial; }

    /* Pagination */
      table#central td.r select.forumItemsPerPage { font-family: Arial, serif; background-color: #f9daac; }
        table#central td.r input.forumCurPg { background-color: #f9daac; font-family: Arial, serif; }
      table#central td.r table.forumStatus { background-color: #ed9a21; font-family: Arial, serif; }

    /* view common */
    table#central td.r .forumHdr { font-family: Arial, sans-serif; }

    /* Items table */
    table#central td.r table.forumMsgs { background-color: #fceeda; padding: 0; }
    table#central td.r table.forumItems { background-color: #f9daac; margin: 3px 0 0 0; padding: 0; }
      table#central td.r table.forumItemsUnder { margin-top: -3px; }
        table#central td.r table.forumItemsUnder td { margin-top: -3px; padding: 3px; }
    table#central td.r tr.forumAlterItems { background-color: #fadfb8; }
      table#central td.r tr.forumTrHdr { background-color: #ed9a21; }
      table#central td.r td.forumPhoto { padding: 12px 0; }
      table#central td.r td.forumTdsLastPost { background-color: #f8ca85; }
      table#central td.r div.forumMsgQuote { border-bottom: solid 1px #651485; }


    /* Edit panels */
    table#central td.r div.forumEditPanel { background-color: #f9daac; }
    table#central td.r div.forumPopupPanel { background-color: #f9daac; }
    table#central td.r tr.forumEditHdr { background-color: #ed9a21; color: #fff; }

    table#central td.r span.forumNewMsgTitle { font-family: Arial; }
    table#central td.r span.forumEditLbl { font-family: Arial; }
    table#central td.r input.forumNewMsgHdr { font-family: Arial, serif; }
    table#central td.r textarea.forumNewMsgBody { font-family: Arial, serif; }
    table#central td.r select.forumSrchCmb { font-family: Arial, serif; }
    table#central td.r table.forumMsgPreview { background-color: #f9daac; }

    table#central td.r td.forumTds { padding: 5px; }
    table#central td.r td.forumTdNoIndent { padding: 0; }

  /* Newsflash archive */
  table#central div.nfa_item { margin-bottom: 15px; }
  table#central div.nfa_item * { font-family: Arial, Helvetica, sans-serif; }
    table#central div.nfa_item td.nfa_img { width: 212px; padding-right: 30px; }
    table#central div.nfa_item td.nfa_body { vertical-align: top; }
    table#central div.nfa_item div.nf_ttl { padding: 0 0 8px 0; text-align: left; font-weight: bold; }
    table#central div.nfa_item div.nf_date { padding: 0 0 10px 0; text-align: left; }
    table#central div.nfa_item div.nf_body { text-align: left; font-weight: normal; }
      table#central div.nfa_item div.nf_rd_more a { color: #03c; }
    table#central div.nfa_item div.nf_posts { text-align: left; font-weight: normal; color: #808080; padding: 10px 0 10px 0; }
      table#central div.nfa_item div.nf_posts a { color: #03c; }

  table#central div.nfa_fltr {}
  table#central div.nfa_fltr * { font-family: Arial, Helvetica, sans-serif; }
    table#central div.nfa_fltr td.yr_lbl { padding-left: 60px; padding-right: 10px; }
    table#central div.nfa_fltr td.srch_lbl { padding-left: 80px; padding-right: 10px; }
    table#central div.nfa_fltr input.nfa_txt { border: 1px solid #808080; }
    table#central div.nfa_fltr td.apply_btn { padding-left: 7px; }
      table#central div.nfa_fltr td.apply_btn a.nfa_search { display: block; width: 20px; height: 22px; text-decoration: none; background: url(/i/blog/70s/nf_fltr.gif) no-repeat -34px 0; }
    table#central div.nfa_fltr div.mnth_pnl { border-top: 1px solid #fa791c; border-bottom: 1px solid #fa791c; margin: 24px 0 0 0; padding: 5px 0; text-align: center; line-height: 22px; font-size: 10pt; }
      table#central div.nfa_fltr div.mnth_pnl a { padding: 0 4px; color: #000; text-decoration: none; margin: 0; }
        table#central div.nfa_fltr div.mnth_pnl a.nfa_seled { font-weight: bold; text-decoration: underline; }
        table#central div.nfa_fltr div.mnth_pnl a.nfa_left { padding: 0; display: inline-block; width: 17px; height: 22px; text-decoration: none; background: url(/i/blog/70s/nf_fltr.gif) no-repeat -17px top; }
        table#central div.nfa_fltr div.mnth_pnl a.nfa_right { padding: 0; display: inline-block; width: 17px; height: 22px; text-decoration: none; background: url(/i/blog/70s/nf_fltr.gif) no-repeat 0 0; }

  /* Newsflash, Admin */
  table#central div.nfFltr { margin-bottom: 10px; }

  /* Personal page */
    /* floating div's, used in user PP toolbar */
    table#central div.cb,
    table#central div.cbr { display: block; margin: 0 5px 5px 0; padding: 0; margin-bottom: 5px; float: left; }
      table#central div.cb a { color: #03c; }
    table#central div.cbr { float: right; }
      table#central .float_off { clear: both; }

    /* Section header */
    table#central table.section td.sect_hdr { background-color: #f7d642; }

  /* User edit */
  div#blog_usr_edt {}
  div#blog_usr_edt * { font-family: Arial, Helvetica, sans-serif; }
      /* Unused, CV edit */
  /*  div#blog_usr_edt table.cv-edt { width: 550px; }
      div#blog_usr_edt table.cv-edt td {}
      div#blog_usr_edt table.cv-edt td.job-rb { width: 20px; }
      div#blog_usr_edt table.cv-edt td.job-lbl { width: 120px; white-space: nowrap; }
      div#blog_usr_edt table.cv-edt td.job-fld { width: auto; padding-bottom: 5px; }
      div#blog_usr_edt table.cv-edt td.job-fld select,
      div#blog_usr_edt table.cv-edt td.job-fld input { width: 380px; }
      div#blog_usr_edt table.cv-edt td.job-fld .w150 { width: 150px; }
      div#blog_usr_edt table.cv-edt td.job-fld textarea { width: 500px; }
    */

    div#blog_usr_edt table.tlb { background-color: #fa791c; border-bottom: 20px solid #fa791c; margin-bottom: 10px; }
    div#blog_usr_edt a.btn { background: #000 url(/i/blog/70s/bp.gif) no-repeat scroll 0%; border: 0 none; color: #fff; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; height: 17px; margin-top: 1px; padding-left: 15px; padding-right: 8px; text-align: center; text-decoration: none; margin-right: 20px; width: 50px !important; }

    div#blog_usr_edt table.tabs_cntr { width: 100%; }
    div#blog_usr_edt table.tabs { background-color: #fa791c !important; border: 20px solid #fa791c; color: #000; width: 100%; }
      div#blog_usr_edt table.tabs td.tab div.hlp_ico { margin-bottom: 15px; text-align: right; }
      div#blog_usr_edt table.tabs td.tab input.txt,
      div#blog_usr_edt table.tabs td.tab textarea.txt { border-color: #999; }

  /* Page edit */
  div#content table.ac_tab_body div.feed_btns { margin: 0 0 5px 0; }
    div#content table.ac_tab_body div.feed_btns a { display: inline-block; margin-right: 2px; }

  /* Moderators control */
  div#blog_moders { font-family: Arial; }

    div#blog_moders a { color: #000; text-decoration: none; }
      div#blog_moders a:hover { text-decoration: underline; }

    div#blog_moders td { font-family: Arial; }
    div#blog_moders h3 { font-size: 14px; font-weight: bold; margin: 0 0 10px 0; }
    div#blog_moders div.add { margin-bottom: 20px; }

    div#blog_moders div.cur { }
      div#blog_moders div.cur span.nodata { }
      div#blog_moders div.cur table.data { width: 100%; }
        div#blog_moders div.cur table.data td { padding: 4px 5px; background: #f9daac; border-bottom: solid 2px #fff; }
          div#blog_moders div.cur table.data tr.head td { background: #fa791c; }
          div#blog_moders div.cur table.data td.act { width: 1%; text-align: right }
    div#blog_moders div.add { }
      div#blog_moders div.add span.nodata { display: block; margin-bottom: 5px; }
      div#blog_moders div.add div.lookup { margin: 0 0 2px 0; }
        div#blog_moders div.add div.lookup input { margin-right: 5px; border: solid 1px #f9daac; background-color: #fff; width: 120px; }
        div#blog_moders div.add div.lookup a { margin-right: 10px; }
          div#blog_moders div.add div.lookup a:hover { text-decoration: underline; }
      div#blog_moders div.add div.users { height: 60px; padding: 4px; border: solid 1px #f9daac; overflow-y: auto; }


/* User stories, CMS */
#cms-usr-stories { font-family: Arial; }
  #cms-usr-stories * { font-family: Arial; }
  #cms-usr-stories div.tlb { margin: 0; }
    #cms-usr-stories div.tlb a { font: bold 12px/19px Arial; display: block; float: left; margin: 0.3em 0.3em 0 0; text-align: left; background: #000 url(/i/blog/70s/bp.gif) no-repeat center left; color: #fff; border: 0; padding: 0 8px 0 18px; text-decoration: none; }
  /* Filter */
  #cms-usr-stories .filter { margin: 0 0 1em 0; }
    #cms-usr-stories .filter .flds td { padding: 0 1em 0.3em 0; }
      #cms-usr-stories .filter .flds td input { width: 150px; border: solid 1px #999; }
      #cms-usr-stories .filter .flds td select { width: 150px; border: solid 1px #999; }
        #cms-usr-stories .filter div.tlb { margin-top: 0.2em; }
          #cms-usr-stories .filter div.tlb a { margin-top: 0; }
  /* Table */
  #cms-usr-stories div.tbl {}
    #cms-usr-stories div.tbl table.tbl { width: 100%; }
    #cms-usr-stories div.tbl td { font-size: 12px; }
    #cms-usr-stories div.tbl td.hdr { padding: 4px; background: #ed9a21; border-bottom: solid 2px #fff; color: #fff; font-size: 12px; font-weight: bold; }
    #cms-usr-stories div.tbl td.pgn { padding: 4px; background: #f9daac; border; color: #000; font-size: 11px; }
    #cms-usr-stories div.tbl td.da { padding: 4px; background: #f9daac; border-bottom: solid 2px #fff; color: #000; font-size: 12px; }
      #cms-usr-stories div.tbl td.da { padding: 4px; background: #f9daac; border-bottom: solid 2px #fff; color: #000; font-size: 12px; }
        #cms-usr-stories div.tbl td.da div.ttl a { font-size: 13px; color: #000; font-weight: bold; }
        #cms-usr-stories div.tbl td.da div.about { margin: 0.4em 0 0 0; font-size: 11px; }
          #cms-usr-stories div.tbl td.da div.about a { color: #000; }
        #cms-usr-stories div.tbl td.da div.info { margin: 0 0 0.4em 0; font-size: 11px; }
          #cms-usr-stories div.tbl td.da div.info a { color: #000; }
        #cms-usr-stories div.tbl td.da div.tlb { margin: 0.2em 0 0 0; }
  /* #c6b8da -> #fa791c
     #411485 -> #ed9a21
     #ece7f3 -> #f9daac
     #eae2ef -> #fceeda
     #dfd4df -> #fadfb8
     #c6b8da -> #f8ca85*/