
/* Debug style */
/* { background-color: rgba(255,0,0,.2); } */

/* Basic styles **************************************************************/
    body
    {
        margin: 0;
        padding: 0;
        background-color: #bc8c3f;
        font-family: Corbel, Tahoma, Arial, sans serif;
        color:#424343;
        font-size:16px;
        line-height:20px;
        overflow-y: scroll;
    }

    h1
    {
        font-family: Century Gothic, Avant Garde, Geneva, Arial, Helvetica, sans-serif;
        margin-top: 32px;
        margin-bottom:8px;
        color: #0B6C8F;
        font-size:26px;
        line-height: 32px;
        font-weight: bold;
    }

    h2
    {
        font-family: Century Gothic, Avant Garde, Geneva, Arial, Helvetica, sans-serif;
        margin-top: 12px;
        margin-bottom: 4px;
        color: #0B6C8F;
        font-size: 18px;
        line-height: 22px;
        font-weight: bold;
    }

    h3
    {
        font-family: Century Gothic, Avant Garde, Geneva, Arial, Helvetica, sans-serif;
        margin-top: 10px;
        margin-bottom: 4px;
        color: #0E7FA8;
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
    }

    h4, h5, h6
    {
        margin-top: 8px;
        margin-bottom: 4px;
        color: #1082AC;
        font-size: 14px;
        line-height: 18px;
        font-weight: normal;
    }

    th, tbody
    {
        border: 0;
    }

    p, ul, ol, dl, pre, table, fieldset, blockquote
    {
        margin-top: 0px;
        margin-bottom: 8px;
    }

    ul, ol
    {
        margin-left: 0;
        padding-left: 2em;
    }

    a:link
    {
        color: #008DBF;
        text-decoration: none;
    }

    a:visited
    {
      color: #9F3800;
    }




/* Structure *****************************************************************/
    #page-header
    {
        position: relative;
        background-color:#bc8c3f;
        height: 166px;
        margin: 0px;
    }

    .layout-content
    {
        background-color: #fff5ed;
        text-align: left;
        padding-bottom: 30px;
        padding-top: 1px;
    }

    .layout-content article
/*     .layout-content div#block-tribunalvoices-content (*/
    {
        width: 980px;
        margin: -1px auto 0px auto;
    }

    footer
    {
        font-size: 14px;
        text-align: center;
        color: #fff5ed;
        background-color: #bc8c3f;
        padding: 12px 12px 30px 12px;
        line-height: 28px;
        width: 980px;
        margin: 0 auto;
    }

    footer p
    {
        line-height: 16px;
    }
    footer a
    {
        color: #0d6f8a;
    }
    footer a:visited
    {
        color: rgb(0, 69, 95);
        text-decoration: none;
    }




/* Header ********************************************************************/
    #page-header #heading
    {
        width: 100%;
        margin: 0px auto;
        text-align: left;
    }

    #page-header #heading #floaters
    {
        float: right;
    }

    #page-header #heading #floaters div#counter
    {
        margin: 0px 1px;
        background-color: #0d6f8a;
        float: right;
        height: 48px;
        width: 60px;
        text-align: center;
        color: #fff5ed;
        padding: 4px;
    }

    #page-header #heading #floaters div#counter span.num
    {
        font-size: 20px;
        font-weight: bold;
    }

    #page-header #heading #floaters div#counter span.label
    {
        font-size: 12px;
    }

    #page-header #heading #floaters div#foot
    {
        position:absolute;
        top: 52px;
        margin: 0px 1px;
        background-color: #a37b3b;
        float: none;
        height: 20px;
        width: 130px;
        text-align: center;
        color: #fff5ed;
        padding: 4px;
    }


/* Main menu *****************************************************************/
    nav
    {
        width: 100%;
        padding: 0px 0px 4px 0px;
    }

    nav > ul#level1
    {
        margin: 0px 0px 0px 0px;
        padding: 0;
        line-height: 20px;
        display: table;
        height: 29px;
        list-style: none;
        font-family: Century Gothic, Avant Garde, Geneva, Arial, Helvetica, sans-serif;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }

    nav > ul#level1 > li
    {
        padding: 0;
        display: table-cell;
        list-style: none;
        text-align: center;
        width: 12.5%;
        position:relative;
        border-left: solid 1px #fff5ed;
    }

    nav > ul#level1 > li:first-child
    {
        border-left: 0px;
    }

    nav > ul#level1 > li > a
    {
        margin: 0px 7px;
        display: block;
        font-size: 15px;
        line-height:29px;
        text-decoration: none;
        color: #fff5ed;
    }

    nav > ul#level1 > li > a.is-active
    {
        display: block;
        list-style: none;
        text-align: center;
        margin: 0px 7px;
        background-color: #a37b3b;
    }

    nav > ul#level1 > li > a:hover
    {
        background-color: #0d6f8a;
        position:relative;
        color: #fff5ed;
    }

    nav #submenu-wrapper
    {
        display: none;
    }

    nav:hover #submenu-wrapper
    {
        background-color: rgba(244,220,186,0.95);
        border-bottom: 4px solid #bc8c3f;
        position: relative;
        top: 4px;
        display: block;
        z-index: 5;
    }

    nav #submenu-wrapper #submenu
    {
        display: flex;
        max-width: 1200px;
        margin: 0 auto;
    }

    #submenu div
    {
        margin: 0;
        padding: 0px 0px 0px 8px;
        vertical-align:top;
        width: 100%;
    }
    #submenu div ul
    {
        padding-left: 0px;
        max-width: 155px;
        text-align: left;
        line-height: 20px;
        list-style: none;
        font-family: Century Gothic, Avant Garde, Geneva, Arial, Helvetica, sans-serif;
    }

    #submenu ul.first
    {
        border: 0px;
    }

    #submenu ul li a
    {
        color: #202020;
        font-size: 12px;
        text-decoration: none;
    }

    #submenu ul li a:hover
    {
        color: #2D8DAD;
    }




/* Content pages *************************************************************/
    table.tv_content_table
    {
        margin-bottom: 30px;
        width: 980px;
        margin-top: 10px;
    }

    table.tv_content_table td
    {
        padding-left: 20px;
        padding-right: 8px;
        vertical-align:top;
        font-size: 14px;
        line-height: 20px;
    }

    table.tv_content_table td.content-column
    {
        padding-left: 20px;
        padding-right: 8px;
        width: 720px;
    }

    table.tv_content_table td.tabs-column
    {
        width: 260px;
    }
    table.tabs-table
    {
        width: 260px;
    }
    table.tabs-table td.tabs-content
    {
        background-color: rgba(244,220,186,1);
        width: 100%;
        padding-left: 10px;
        padding-right: 12px;
        padding-top: 0px;
        padding-bottom: 10px;
        font-size: 14px;
        line-height: 18px;
    }
    table.tabs-table td.tabs-content h3
    {
        color: black;
    }
    #tabs-spacer
    {
        line-height: 3px;
    }




/* Page specific - Home page *************************************************/
    div#home_text
    {
        width: 920px;
        margin: 24px auto 32px auto;
        font-size: 18px;
    }

    div#home_buttons
    {
        width: 925px;
        margin: 0px auto;
        display: table;
    }

    div#home_buttons div
    {
        width: 185px;
        height: 107px;
        display: table-cell;
        cursor: pointer;
        background-position: center;
    }
    div#home_button_1         { background-image: url('/voices/images/homepage/button_home_watch.gif'); background-position-x: 23px; border-left: 1px solid #ffffff; }
    div#home_button_1.active  { background-image: url('/voices/images/homepage/button_home_watch_active.gif'); background-position-x: 23px; }
    div#home_button_1:hover   { background-image: url('/voices/images/homepage/button_home_watch_hover.gif'); background-position-x: 23px; }
    div#home_button_2         { background-image: url('/voices/images/homepage/button_home_tag.gif'); background-position-x: 23px; border-left: 1px solid #ffffff; }
    div#home_button_2.active  { background-image: url('/voices/images/homepage/button_home_tag_active.gif'); background-position-x: 23px; }
    div#home_button_2:hover   { background-image: url('/voices/images/homepage/button_home_tag_hover.gif'); background-position-x: 23px; }
    div#home_button_3         { background-image: url('/voices/images/homepage/button_home_clip.gif'); background-position-x: 23px; border-left: 1px solid #ffffff; }
    div#home_button_3.active  { background-image: url('/voices/images/homepage/button_home_clip_active.gif'); background-position-x: 23px; }
    div#home_button_3:hover   { background-image: url('/voices/images/homepage/button_home_clip_hover.gif'); background-position-x: 23px; }
    div#home_button_4         { background-image: url('/voices/images/homepage/button_home_exhibit.gif'); background-position-x: 23px; border-left: 1px solid #ffffff; }
    div#home_button_4.active  { background-image: url('/voices/images/homepage/button_home_exhibit_active.gif'); background-position-x: 23px; }
    div#home_button_4:hover   { background-image: url('/voices/images/homepage/button_home_exhibit_hover.gif'); background-position-x: 23px; }
    div#home_button_5         { background-image: url('/voices/images/homepage/button_home_download.gif'); background-position-x: 23px; border-left: 1px solid #ffffff; }
    div#home_button_5.active  { background-image: url('/voices/images/homepage/button_home_download_active.gif'); background-position-x: 23px; }
    div#home_button_5:hover   { background-image: url('/voices/images/homepage/button_home_download_hover.gif'); background-position-x: 23px; }

    div#home_panels
    {
        width: 905px;
        margin: 0px auto;
        background-color: #FFE5BF;
        padding: 10px;
        font-size: 14px;
    }

    div#home_panels div.home_panel
    {
        display:none;
    }

    table#home_interview_table
    {
        margin-left: 10px;
    }
    table#home_interview_table td.l
    {
        text-align: right;
        vertical-align: top;
        width: 145px;
    }
    table#home_interview_table td.r
    {
        text-align: left;
        vertical-align: top;
        padding-left: 10px;
    }
    table#home_interview_table td.r a img.img1
    {
        display:inline;
    }
    table#home_interview_table td.r a img.img2
    {
        display:none;
    }
    table#home_interview_table td.r a:hover img.img1
    {
        display:none;
    }
    table#home_interview_table td.r a:hover img.img2
    {
        display:inline;
    }
    table#home_interview_table td.r div
    {
        position: absolute;
        display: none;
    }

    table#home_interview_table td.l h2
    {
        margin-top: 5px;
        text-align: right;
        vertical-align: top;
    }
    table#home_interview_table td.l h2 a
    {
        font-size: 16px;
        text-decoration: none;
        color: #0d6f8a;
    }




/* Page specific - Interview list page ***************************************/
    div.tv_interviews_frame
    {
        text-align: left;
    }

    div.tv_interviews_frame .content_wrapper
    {
        width: 940px;
        margin: -1px auto 0px auto;
    }

    div.tv_interviews_frame h1
    {
        margin-top: 16px;
    }
    div.tv_interviews_frame div div#button_return_to_top
    {
        width: 100%;
        padding: 0px;
        bottom: 0px;
        left: 0px;
        position: fixed;
        background-color: #bc8c3f;
        text-align: center;
        z-index: 101;
    }
    div.tv_interviews_frame div div#button_return_to_top a
    {
        width: 100%;
        padding: 4px 0px;
        display: block;
        color: #ffffed;
    }
    div#interview_list {
        margin-left: 0px;
        margin-right: auto;
        margin-bottom: 28px;
        width: 930px;
    }
    div#interview_list h2
    {
        margin-top: 40px;
        margin-bottom: 8px;
    }
    div#interview_list div.item
    {
        padding: 24px;
        background-color: #FFE5BF;
        margin-bottom: 18px
    }
    div#interview_list div.item div.wrapper
    {
        position: absolute;
        height: 0px;
    }
    div#interview_list div.item div.text
    {
        margin-left: 240px;
    }
    div#interview_list div.item div.text h2
    {
        font-size: 22px;
        margin-bottom: 0px;
    }
    div#interview_list div.item div.text h3
    {
        margin-top: 2px;
        margin-bottom: 18px;
    }
    div#interview_list div.item div.title
    {
        background-color: #fff5ed;
        color: #0E7FA8;
        z-index: 100;
        position: relative;
        left: 668px;
        top: -24px;
        width: 150px;
        text-align: center;
        font-size: 18px;
        line-height: 22px;
        padding: 8px 24px 8px 24px;
    }
    div#interview_list div.parts
    {
        position:relative;
        width: 876px;
        margin-top: 8px;
        text-align: right;
        display: inline-block;
    }
    div#interview_list  div.parts div.part
    {
        display: inline-block;
        width: 30px;
        height: 30px;
        text-align: center;
        margin-left: 4px;
    }
    div#interview_list  div.parts div a
    {
        text-decoration: none;
        font-size: 16px;
        line-height: 32px;
        font-family: Century Go Garde, Geneva, Arial, Helvetica, sans-serif;
        color: #424343;
        display:block;
        width: 30px;
        height: 30px;
        background-color: rgba(212, 196, 180, 1);
    }
    div#interview_list  div.parts div a:visited
    {
        color: #424343;
    }
    div#interview_list  div.parts div a:hover
    {
        color: #fff5ed;
    }
    div#interview_list div.transcript_link
    {
        text-align: right;
        margin: 6px 6px 0px 0px;
    }
    div#browsingnav
    {
        margin: 0px auto 0px 0px;
        padding-top: 8px;
        padding-bottom: 8px;
        background-color: #FFE5BF;
        text-align: center;
        font-family: Century Gothic, Avant Garde, Geneva, Arial, Helvetica, sans-serif;
        font-weight: bold;
        width: 930px;
    }
    div#browsingnav table
    {
        margin-top: 12px;
        margin-bottom: 4px;
    }
    div#browsingnav td.l
    {
        text-align: right;
        vertical-align: top;
        padding-left:14px;
        width: 145px;
    }
    div#browsingnav td.l h2 a
    {
        font-size: 16px;
        text-decoration: none;
        color: #0d6f8a;
        text-transform: uppercase;
    }
    div#browsingnav td.r
    {
        text-align: left;
        vertical-align: top;
        padding-right:22px;
    }
    div#browsingnav h2
    {
        color: #0B6C8F;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 10px;
        margin-right: 6px;
        font-size:16px;
    }
    div#browsingnav img
    {
    }



/* Page specific - Transcript list page **************************************/
    table#transcript_list
    {
        margin: 8px auto;
    }
    table#transcript_list tr.even
    {
        background-color: #F3DCBC;
        border: 0;
    }
    table#transcript_list tr.odd
    {
        background-color: #FFE5BF;
        border: 0;
    }


/* Page specific - Video highlight page **************************************/
    div.tv_video_highlight_frame
    {
        text-align: left;
        height: 620px;
    }
    div.tv_video_highlight_frame div.header_bar
    {
        position: absolute;
        width: 100%;
    }
    div.tv_video_highlight_frame div.header_bar div.upper_bar
    {
        background-color: #005575;
        padding-top: 12px;
        padding-bottom: 4px;
    }
    div.tv_video_highlight_frame div.header_bar div.upper_bar div.upper_text
    {
        width: 980px;
        margin: 0px auto;
    }
    div.tv_video_highlight_frame div.header_bar div.upper_bar div.upper_text div
    {
        width: 188px;
        padding: 4px 6px;
    }
    div.tv_video_highlight_frame div.header_bar div.upper_bar div.upper_text div span.name
    {
        margin: 0px;
        color: #fff5ed;
        font-size: 26px;
        font-weight: bold;
        line-height: 24px;
    }
    div.tv_video_highlight_frame div.header_bar div.upper_bar div.upper_text div span.text
    {
        margin: 0px;
        color: #fff5ed;
        font-weight: normal;
        line-height: 22px;
    }
    div.tv_video_highlight_frame div.header_bar div.lower_bar
    {
        padding-top: 0px;
        margin-top: 0px;
        height: 58px;
        position: relative;
        text-align: right;
    }
    div.tv_video_highlight_frame div.header_bar div.lower_bar div.lower_text
    {
        width: 980px;
        margin: 0px auto;
    }
    div.tv_video_highlight_frame div.header_bar div.lower_bar div.lower_text div
    {
        width: 188px;
        color: #fff5ed;
        padding: 4px 6px;
        text-align: right;
    }
    div.tv_video_highlight_frame div.header_bar div.lower_bar div.lower_text div span
    {
        margin: 0px;
        color: #005575;
        font-size: 20px;
        line-height: 24px;
        font-weight: normal;
    }
    div.tv_video_highlight_frame div.content_wrapper
    {
        width: 940px;
        margin: -1px auto 0px auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative; /* To enable fixed position of lower elements */
    }

    div.tv_video_highlight_frame div.content_wrapper div.video
    {
        margin-top: 12px;
    }
    div.tv_video_highlight_frame div.content_wrapper div.navigation
    {
        width: 528px;
        text-align: right;
    }
    div.tv_video_highlight_frame div.content_wrapper div.navigation div
    {
        display: inline-block;
        width: 25px;
        height: 25px;
        text-align: center;
        background-color: rgba(212, 196, 180, 1);
        margin-left: 4px;
    }
    div.tv_video_highlight_frame div.content_wrapper div.navigation div a
    {
        text-decoration: none;
        font-size: 16px;
        line-height: 24px;
        font-family: Century Gothic, Avant Garde, Geneva, Arial, Helvetica, sans-serif;
        color: #424343;
        display:block;
    }
    div.tv_video_highlight_frame div.content_wrapper div.navigation div.active
    {
        background-color: rgba(85, 152, 170,1);
    }
    div.tv_video_highlight_frame div.content_wrapper div.navigation div a:visited
    {
        color: #424343;
    }
    div.tv_video_highlight_frame div.content_wrapper div.navigation div.active a
    {
        background-color: rgba(85, 152, 170,1);
        color: #fff5ed;
    }
    div.tv_video_highlight_frame div.content_wrapper div.navigation div a:hover
    {
        color: #fff5ed;
    }
    div.tv_video_highlight_frame div.content_wrapper div.transcript
    {
        width: 514px;
        border: 1px solid rgba(212, 196, 180, 1);
        padding: 6px;
        overflow-y: scroll;
        height: 242px;
        margin-top: 10px;
        position: relative; /* Necessary for transcript item positioning */
    }
    div.tv_video_highlight_frame div.content_wrapper div.transcript div.line
    {
        margin-bottom: 8px;
        cursor: pointer;
    }
    div.tv_video_highlight_frame div.content_wrapper div.transcript div.line:hover
    {
        background-color: #F3DCBC;
    }
    div.tv_video_highlight_frame div.content_wrapper div.transcript div.line.active
    {
        background-color: #F3DCBC;
        color: #424343;
    }
    div.tv_video_highlight_frame div.content_wrapper div.transcript div.timestamp
    {
        display: inline-block;
        width:  40px;
        vertical-align: top;

    }
    div.tv_video_highlight_frame div.content_wrapper div.transcript div.transcript_text
    {
        vertical-align: top;
        display: inline-block;
        width: 452px;
    }
    div.tv_video_highlight_frame div.content_wrapper div.transcript div.english,
    div.tv_video_highlight_frame div.content_wrapper div.transcript div.french,
    div.tv_video_highlight_frame div.content_wrapper div.transcript div.kinyarwanda
    {
        display: none;
    }
    div.tv_video_highlight_frame div.content_wrapper div.transcript select
    {
        position: absolute;
        top: 3px;
        right: 12px;
        width: 112px;
    }
    div.tv_video_highlight_frame div.content_wrapper div.forms
    {
        position:absolute;
        top: 12px;
        left: 745px;
        width: 212px;
        font-size: 14px;
    }
    div.tv_video_highlight_frame div.content_wrapper div.forms h3
    {
        width: 176px;
    }
    div.tv_video_highlight_frame div.content_wrapper div.forms div #tv_video_close
    {
        display:none;
        width: 20px;
        height: 20px;
        position: relative;
        left: 189px;
        top: 4px;
        cursor: pointer;
    }
    div.tv_video_highlight_frame div.content_wrapper div.forms div input.submit
    {
        border: 1px solid #BC8C3F;
        background-color: #ffffff;
        color: #A37B3B;
        width: 80px;
        font-size: 12px;
        height: 22px;
    }
    div.tv_video_highlight_frame div.content_wrapper div.forms div.buttons
    {
        margin-top: 210px;
    }
    div.tv_video_highlight_frame div.content_wrapper div.forms div.buttons div.button
    {
        padding: 2px;
        margin-bottom: 8px;
        cursor: pointer;
        height: 20px;
        width: 90px;
    }
    div.tv_video_highlight_frame div.content_wrapper div.forms div.buttons div.button img
    {
        float: left;
    }
    div.tv_video_highlight_frame div.content_wrapper div.forms div.buttons div.button div
    {
        display: inline-block;
        float: left;
        margin-left: 6px;
    }
    div.tv_video_highlight_frame div.content_wrapper div.forms div.form
    {
        display: none;
        background-color: #fff5ed;
        padding: 8px;
        border: 1px solid rgba(212, 196, 180, 1);
    }
    div.tv_video_highlight_frame div.content_wrapper div.forms div.form div.details
    {
        position: relative;
        width: 180px;
        font-size: 14px;
        line-height: 16px;
        display: inline-block;
    }
    div.tv_video_highlight_frame div.content_wrapper div.forms div.form div.details div.label
    {
        font-weight: bold;
        padding-top: 8px;
    }
    div.tv_video_highlight_frame div.content_wrapper div.forms div.form div.details div.value
    {
        padding-left: 0px;
    }
    div.tv_video_highlight_frame div.content_wrapper div.forms div.buttons #tv_video_download
    {
        display:none;
    }
    div.tv_video_highlight_frame div.content_wrapper div.notification_wrapper
    {
        width: 300px;
        margin: auto;
    }
    div.tv_video_highlight_frame div.content_wrapper div.notification_wrapper div.notification
    {
        width: 300px;
        position: absolute;
        padding: 6px;
        background-color: #fff5ed;
        z-index: 30;
        top: 80px;
        border: 1px solid rgba(212, 196, 180, 1);
    }




/* Page specific - Video part page *******************************************/
    div.tv_video_frame
    {
        height: 620px;
    }

    div.tv_video_frame div.header_bar
    {
        position: absolute;
        width: 100%;
    }
    div.tv_video_frame div.header_bar div.upper_bar
    {
        background-color: #fff5ed;
        padding-top: 12px;
        padding-bottom: 4px;
    }
    div.tv_video_frame div.header_bar div.upper_bar div.upper_text
    {
        width: 980px;
        margin: 0px auto;
    }
    div.tv_video_frame div.header_bar div.upper_bar div.upper_text div
    {
        width: 188px;
        padding: 4px 6px;
    }
    div.tv_video_frame div.header_bar div.upper_bar div.upper_text div span.name
    {
        margin: 0px;
        color: #0B6C8F;
        font-size: 26px;
        font-weight: bold;
        line-height: 24px;
    }
    div.tv_video_frame div.header_bar div.upper_bar div.upper_text div span.title
    {
        margin: 0px;
        color: #0B6C8F;
        font-weight: normal;
        line-height: 22px;
    }

    div.tv_video_frame div.content_wrapper
    {
        width: 940px;
        margin: -1px auto 0px auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative; /* To enable fixed position of lower elements */
    }

    div.tv_video_frame div.content_wrapper div.video
    {
        margin-top: 12px;
    }

    div.tv_video_frame div.content_wrapper div.details
    {
        position: relative;
        width: 180px;
        font-size: 14px;
        line-height: 16px;
        display: inline-block;
    }
    div.tv_video_frame div.content_wrapper div.details div.label
    {
        font-weight: bold;
        padding-top: 8px;
    }
    div.tv_video_frame div.content_wrapper div.details div.value
    {
        padding-left: 0px;
    }

    div.tv_video_frame div.content_wrapper div.navigation
    {
        width: 528px;
        text-align: right;
    }
    div.tv_video_frame div.content_wrapper div.navigation div
    {
        display: inline-block;
        width: 25px;
        height: 25px;
        text-align: center;
        background-color: rgba(212, 196, 180, 1);
        margin-left: 4px;
    }
    div.tv_video_frame div.content_wrapper div.navigation div a
    {
        text-decoration: none;
        font-size: 16px;
        line-height: 24px;
        font-family: Century Gothic, Avant Garde, Geneva, Arial, Helvetica, sans-serif;
        color: #424343;
        display:block;
    }
    div.tv_video_frame div.content_wrapper div.navigation div.active
    {
        background-color: rgba(85, 152, 170,1);
    }
    div.tv_video_frame div.content_wrapper div.navigation div a:visited
    {
        color: #424343;
    }
    div.tv_video_frame div.content_wrapper div.navigation div.active a
    {
        background-color: rgba(85, 152, 170,1);
        color: #fff5ed;
    }
    div.tv_video_frame div.content_wrapper div.navigation div a:hover
    {
        color: #fff5ed;
    }

    div.tv_video_frame div.content_wrapper div.forms
    {
        position:absolute;
        top: 12px;
        left: 745px;
        width: 212px;
        font-size: 14px;
    }
    div.tv_video_frame div.content_wrapper div.forms h3
    {
        width: 176px;
    }
    div.tv_video_frame div.content_wrapper div.forms div #tv_video_close
    {
        display:none;
        width: 20px;
        height: 20px;
        position: relative;
        left: 189px;
        top: 4px;
        cursor: pointer;
    }
    div.tv_video_frame div.content_wrapper div.forms div input.submit
    {
        border: 1px solid #BC8C3F;
        background-color: #ffffff;
        color: #A37B3B;
        width: 80px;
        font-size: 12px;
        height: 22px;
    }
    div.tv_video_frame div.content_wrapper div.forms div.buttons
    {
        margin-top: 178px;
    }
    div.tv_video_frame div.content_wrapper div.forms div.buttons div.button
    {
        padding: 2px;
        margin-bottom: 8px;
        cursor: pointer;
        height: 20px;
        width: 90px;
    }
    div.tv_video_frame div.content_wrapper div.forms div.buttons div.button img
    {
        float: left;
    }
    div.tv_video_frame div.content_wrapper div.forms div.buttons div.button div
    {
        display: inline-block;
        float: left;
        margin-left: 6px;
    }
    div.tv_video_frame div.content_wrapper div.forms div.form
    {
        display: none;
        border: 1px solid rgba(212, 196, 180, 1);
        padding: 8px;
    }
    div.tv_video_frame div.content_wrapper div.forms div.buttons #tv_video_download
    {
        display:none;
    }

    div.tv_video_frame div.content_wrapper div.transcript
    {
        width: 514px;
        border: 1px solid rgba(212, 196, 180, 1);
        padding: 6px;
        overflow-y: scroll;
        height: 242px;
        margin-top: 10px;
        position: relative; /* Necessary for transcript item positioning */
    }
    div.tv_video_frame div.content_wrapper div.transcript div.line
    {
        margin-bottom: 8px;
        cursor: pointer;
    }
    div.tv_video_frame div.content_wrapper div.transcript div.line:hover
    {
        background-color: #F3DCBC;
    }
    div.tv_video_frame div.content_wrapper div.transcript div.line.active
    {
        background-color: #F3DCBC;
        color: #424343;
    }
    div.tv_video_frame div.content_wrapper div.transcript div.timestamp
    {
        display: inline-block;
        width:  40px;
        vertical-align: top;

    }
    div.tv_video_frame div.content_wrapper div.transcript div.transcript_text
    {
        vertical-align: top;
        display: inline-block;
        width: 452px;
    }
    div.tv_video_frame div.content_wrapper div.transcript div.english,
    div.tv_video_frame div.content_wrapper div.transcript div.french,
    div.tv_video_frame div.content_wrapper div.transcript div.kinyarwanda
    {
        display: none;
    }
    div.tv_video_frame div.content_wrapper div.transcript select
    {
        position: absolute;
        top: 3px;
        right: 12px;
        width: 112px;
    }
    div.tv_video_frame div.content_wrapper div.notification_wrapper
    {
        width: 300px;
        margin: auto;
    }
    div.tv_video_frame div.content_wrapper div.notification_wrapper div.notification
    {
        width: 300px;
        position: absolute;
        padding: 6px;
        background-color: #fff5ed;
        z-index: 30;
        top: 80px;
        border: 1px solid rgba(212, 196, 180, 1);
    }


/* Page specific - Contact us page *******************************************/
    form.webform-client-form textarea
    {
        margin-right:20px;
        width: auto;
    }
    form.webform-client-form .form-wrapper
    {
        margin-top: -14px;
        position: absolute;
        width: 980px;
    }

    form.webform-client-form div div.form-wrapper input.form-submit
    {
        margin-left: 802px;
        margin-top: 6px;
        right: 18px;
        bottom: 12px;
        position: absolute;
        border: 1px solid #BC8C3F;
        background-color: #ffffff;
        color: #A37B3B;
        width: 80px;
        font-size: 12px;
        height: 22px;
    }
    form.webform-client-form #webform-component-header
    {
        margin-top: 0px;
    }




/* Page specific - Community page ********************************************/
    td.curriculum
    {
    }
    td.curriculum div.button_download
    {
        position: relative;
    }
    td.curriculum div.button_download div
    {
        position: absolute;
        top: 5px;
        left: 32px;
    }
    td.curriculum div.video
    {
        display: inline-block;
        width: 256px;
        padding: 8px 40px 0px 0px;
        margin-bottom: 8px;
    }
    td.curriculum div.video h4
    {
        margin: 0px;
    }

    div#share
    {
        border: 1px solid rgba(212, 196, 180, 1);
        padding: 8px;
        margin-bottom: 40px;
    }
    div#share h3
    {
        width: 176px;
    }
    div#share div.label
    {
        margin-top: 12px;
    }
    div#share textarea
    {
        width: 236px;
        height: 96px;
        resize: none;
    }
    div#share input
    {
        width: 238px;
    }
    div#share input[type="button"]
    {
        border: 1px solid #BC8C3F;
        background-color: #ffffff;
        color: #A37B3B;
        width: 80px;
        font-size: 12px;
        height: 22px;
    }
    div#share_working_wrapper
    {
        display: inline-block;
        width: 159px;
    }
    div#form_share_label_working
    {
        display: none;
    }
    div#share_submit_wrapper
    {
        margin: 12px 2px 0px 0px;
        display: inline-block;
        width: 78px;
    }
    div#share_notification_wrapper
    {
        height: 0px;
        width: 100%;
    }
    div#share_notification
    {
        display: none;
        width: 300px;
        background-color: rgba(244,220,186,1);
        z-index: 30;
        top: 80px;
        border: 1px solid rgba(212, 196, 180, 1);
        position: relative;
        padding: 6px;
        top: 80px;
        margin: 0px auto;
        width: 300px;
    }


/* Drupal - Admin page fixes *************************************************/
    div.tabs, div.messages
    {
        margin: 10px;
    }

    .node-form, #system-themes-page
    {
        margin-left: 10px;
        margin-right: 10px;
    }




/* Tech - Honey pot **********************************************************/
    div.trap_fields
    {
        position: absolute;
        left: -2400px;
    }



/* Tech - video placement ****************************************************/
    video
    {
        position: relative;
        z-index: 2;
    }




/* Historic - Unknown usage - could be junk **********************************/
    /*
    div#footerpanel {
        margin:0 auto;
        padding-top: 10px;
        padding-bottom: 10px;
        width:980px;
        background-color: #FFE5BF;
        text-align: center;
    }

    div#commentspanel {
        background-color: #FFE5BF;
        margin-bottom: 20px;
        width: 700px;
    }

    div#commentspanel   form tbody
    {
        border-top: none;
    }

    */
