/* TAG CLASSES - moved to base.css */

/* STRUCTURE */

.container
{
    position: relative;
    width: 980px;
    margin: 0 auto;
    background: #FFFFFF url(../images/body_bkgd.gif) repeat-y left top;
    padding: 0 10px;
}

.logo
{
    background: url(../images/nav_bkgd.gif) no-repeat right top;
    padding: 2em 1.5em;
    height: 46px;
}

#content
{
    clear: both;
    background: url(../images/content_bkgd.gif) repeat-x;
    border-top: 1px solid #D2D7E5;
}

#debug {
    margin: 0 1em;
    border: #333333 1px solid;
    padding: 0.5em;
    background-color: #e5e5e5;
}

.debug_config {
    font-size: 70%;
    color: #cccccc;
    font-weight: normal;
    font-style: normal;
}

.page_footer
{
    position: relative;
    margin: 0 auto;
    background: url(../images/body_bkgd_footer.gif) no-repeat left top;
    width: 1000px;
    height: 20px;
}

.internal
{
    padding: 1.25em;
    overflow: hidden;
}

.internal_photo, .bulletin_photo
{
    margin-top: 2.25em;
    float: right;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(../images/photos/internal_01.png);
    width: 340px;
    height: 350px;
}

.bulletin_photo
{
    text-align: center;
    background: none;
    margin-top: 2.65em;
}

.separator
{
    width: 1px;
    background: #D2D7E5 url(../images/vert_line_fade.gif) no-repeat left top;
    float: left;
    padding-bottom: 1.5em;
}

.minor_links
{
    clear: both;
    overflow: hidden;
    padding: 1em 1.5em 2em;
}

.minor_links div
{
    float: right;
    border-right: 1px solid #C5CAD9;
    padding: 0 1em;
}

.minor_links div:first-child
{
    border-right: 0;
}

.minor_links a
{
    font-size: 93%;
    text-decoration: none;
}

.minor_links a:hover
{
    text-decoration: underline;
}

    /* STRUCTURE OF COLUMNS */

.left_column
{
    float: left;
    width: 575px;
    overflow: hidden;
}

.right_column
{
    float: left;
    width: 360px;
    overflow: hidden;
}

.home .left_column
{
    width: 555px;
}

.home .right_column
{
    width: 415px;
}

.reports .left_column
{
    width: 335px;
    padding-right: 17px;
}

.reports .right_column
{
    width: 560px;
    padding-left: 18px;
}

#monthly_summary .left_column, #monthly_universe .left_column, #weekly_summary .left_column, #average_weekly_viewing .left_column,
#weekly_reach .left_column
{
    width: 115px;   
}

#monthly_summary .right_column,
#monthly_summary .right_column .scroll_datagrid,
#monthly_universe .right_column,
#monthly_universe .right_column .scroll_datagrid,
#weekly_summary .right_column,
#weekly_summary .right_column .scroll_datagrid,
#average_weekly_viewing .right_column,
#average_weekly_viewing .right_column .scroll_datagrid,
#weekly_reach .right_column,
#weekly_reach .right_column .scroll_datagrid,
#monthly_summary .right_column,
#monthly_summary .right_column .scroll_datagrid
{
    width: 785px;   
}

.section
{
    padding: 0 0 0 0.5em;
    margin: 1em 0;
}

.left_column > .section, .internal > .section
{
    padding: 0 0.5em 0 0.5em;   
}

/* NAVIGATION */

#navigation                                     /* Area */
{
    position: absolute;
    width: 820px;
    margin-left: 150px;
    background: transparent;
    z-index: 50;
}

#navigation .menu_group, #navigation .menu_group.active             /* Tab fundamentals */
{
    float: right;
    display: block;
    z-index: 20;
}

/* horizontal padding MUST be in px for menu to function */
#navigation .menu_group .menu_tab /* Tab content padding */
{
    padding: 2em 12px 1em;
    display: block;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
}

#navigation .menu_group .menu_tab { /* To avoid content jumping when the item is hovered over */
    /*border-bottom: 1px solid transparent;*/
}

#navigation .menu_group:hover .menu_tab, #navigation .menu_group.active .menu_tab {
    border-left: 1px solid #C1C8DC;
    border-right: 1px solid #C1C8DC;
    border-bottom: 1px solid #C1C8DC;
}

#navigation .menu_group.has_items:hover .menu_tab {
    border-bottom: 1px solid #fff;
}

#navigation .menu_group .menu_tab                           /* Tab without border */
{
    margin: 0 1px 0em 1px;
}

#navigation .menu_group.active .menu_tab, #navigation .menu_group:hover .menu_tab   /* Tab with border */
{
    margin: 0 0 0em 0;
    background-color: #FFFFFF;
}

#navigation .menu_group.active span                         /* Active link style */
{
    /*This breaks in IE
    border-bottom: 2px solid #DDDDDD;
    color: #000000;
    */
}

#navigation #home_tab .menu_tab                             /* Bespoke tab height for 'Home' */
{
    padding-bottom: 5em;
}

#navigation .menu_group.active, #navigation .menu_dropdown                      /* Tab reflection */
{
    /*This breaks in IE
    background: url(../images/nav_item_reflect_bkgd.png) repeat-x left bottom;
    padding-bottom: 57px;
    */
}

#navigation .menu_tab {
    position: relative;
    z-index: 20;
}

#navigation .menu_dropdown {
    display: none;
    visibility: hidden;
    position: absolute;
    top: -1px;
    /*width: 38em;  */      /* needs to be manually set as ems inline, based on the width of the floating content */
    z-index: -1;
    overflow: hidden;
    font-size: 93%;
}

#navigation .menu_column_container 
{
    padding: 0.5em;
    overflow: hidden;
    background: #FFFFFF;
    border: 1px solid #C1C8DC;
}

#navigation .menu_column_container td
{
    vertical-align: top;
}

#navigation .menu_column 
{
    /*float: left;*/
    padding: 0 0.5em;
    font-weight: bold;
}

#navigation .menu_subset 
{
    margin-top: 0.2em;
    padding-top: 0.6em;
    background: url(../images/nav_item_reflect_bkgd.png) repeat-x left top;
}

#navigation .menu_column a
{
    display: block;
    padding: 0 0.3em 0.3em;
    text-decoration: none;
    font-weight: normal;
    white-space: nowrap;
}

#navigation .menu_column a:hover
{
    text-decoration: underline;
}


#navigation .menu_group:hover .menu_dropdown {
    visibility: visible !important;
}

/* bring the currently mouseovered menu element to the front wherever it is */
#navigation .menu_group:hover {
    z-index: 500 !important;
}

/* HOME SPECIFIC */

.home_banner
{
    border-top: 1px solid #D2D7E5;
    background: #E6E8EF url(../images/home_banner_bkgd.jpg) repeat-x left bottom;
    padding: 1em 1.25em 1.75em 0;
}


.bullet_wrapper
{
    background: url(../images/home_bullet_bkgd.png) repeat-y left top;
    margin-top: 0.4em;
    overflow: hidden;
}

.bullet_content
{
    position: relative;
    background: url(../images/home_bullet.png) no-repeat 1.6em center;
    padding: 0.3em 430px 0 4.6em;
    height: 1.6em;
}

.bullet_highlight
{
    position: absolute;
    visibility: hidden;
    opacity: 0;
    background-color: #eef;
}

#home_photos div
{
    position: absolute;
    width: 405px;
    height: 260px;
    margin-top: -14.75em;
    background: url(../images/photos/home_01.png) no-repeat top center;
    opacity: 0;
    visibility: hidden;
}

.home h1
{
    padding-left: 1.25em;
    padding-bottom: 0.25em;
    border: 0;
}

.home h2
{
    border: 0;
}

.home_news
{   
    padding: 0.5em 1.25em;
    overflow: hidden;
    width: 510px;
}

.home_boxes
{
    padding: 1em 0 0 1.25em;
    overflow: hidden;
}

.home_viewing
{
    padding: 11em 1.25em 1em;
    overflow: hidden;
}

.home_viewing .date
{
    padding: 0.5em 0 1em;
}

.home_viewing .date span, p.date
{
    font-style: italic;
    color: #555555;
}

.home_viewing td.station {
    font-weight: bold;
}

.home_news a
{
    text-decoration: none;
}

.home_news a:hover
{
    text-decoration: underline; 
}

    /* HOME BOXES */

.box_row
{
    clear: both;
    overflow: hidden;
    margin-bottom: 1em;
}

.box_row .report
{
    border-top: 2px solid #B42A2A;
}

.box_row .miscellaneous
{
    border-top: 2px solid #D69200;
}

.box_row .enquiries
{
    border-top: 2px solid #E9E100;
}

.box_row .subscriber
{
    border-top: 2px solid #71D130;
}

.box_row .student
{
    border-top: 2px solid #3087D1;
}

.box_row .search
{
    border-top: 2px solid #D130C4;
}

.box_row .other
{
    border-top: 2px solid #9716CC;
}

.box
{
    background: #FFFFFF url(../images/box_border_bkgd.gif) repeat-x left top;
    padding: 0 1px;
    width: 155px;
    float: left;
    margin-right: 20px;
}

.box a
{
    color: #000000;
    text-decoration: none;
}

.box_inner
{
    background: #FFFFFF url(../images/box_bkgd.gif) repeat-x left top;
    padding: 0.5em;
    height: 3em;
    display: block;
    cursor: pointer;
}

.box_inner:hover
{
    background: #FFFFFF url(../images/box_bkgd_hover.gif) repeat-x left top;
}

.box a .nav_item_name
{
    display: block;
    font-weight: bold;
}

/* DATAGRID */

.reports h3
{
    font-style: italic;
    color: #555555;
}

.reports h4
{
    color: #555555;
}

.scroll_datagrid
{
    overflow-x: auto;
    padding: 1em 0 0 0;
    width: 560px;
}

.task_error {
    color: red;
}

.task_output_generic {
    background-color: #eeeeee;
    padding: 0.5em;
    border: 1px solid #bbbbbb;
    margin-bottom: 1em;
}

pre.exec_output {
    border: 1px dashed grey; 
    padding: 0.5em; 
    margin-top: 1em;
}

.annual-shares-of-viewing td { 
    text-align: right; 
}


/* FORMS */

input, select, textarea
{
    border: 1px solid #BBBBBB;
    font-size: 93%;
    padding: 0.15em;
}

textarea
{
    overflow-y: auto;
    font-family: arial, tahoma, verdana, sans serif;
    font-size: 100%;
}

.checkbox, .radio
{
    border: 0;
    padding: 0;
    margin: 0.2em 0 0;
}

optgroup
{
    color: #888888;
}

optgroup option
{
    color: #000000;
}

#form_loading
{
    text-align: center;
    color: #30D1AD;
    /* form loading enabled by JS so hide all initially */
    display: none;
}

.form_block
{
    padding: 0 0 0.5em 0;
    clear: both;
    overflow: hidden;
}

.form_block.separate
{
    padding: 0 0 1.25em 0;
}

.form_block label
{
    font-style: italic;
    display: block;
    padding-bottom: 0.4em;  
}

.form_block label span
{
    color: #555555;
}

.form_block .input_format {
    font-size: 80%;
}

#period_year_block, #period_month_block, #period_week_block
{
    padding: 0 1em 1em 0;
    width: 100%;
}

#form_weekly_top_report #period_year_block, #form_weekly_top_report #period_month_block
{
    width: 45%;
}

#form_weekly_top_report #period_week_block
{
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
}

.button, button
{
    background: #D7DCE7 url(/images/button_bkgd.gif) repeat-x left top;
    cursor: pointer;
    color: #162867;
    border-top: 1px solid #96A3D5;
    border-left: 1px solid #96A3D5;
    border-right: 1px solid #162867;
    border-bottom: 1px solid #162867;
    font-size: 93%;
    padding: 0.2em;
}

.button:hover, button:hover
{
    background: #ADD5D0 url(/images/button_bkgd.gif) repeat-x left -200px;
    color: #284F4C;
    border-top: 1px solid #96D5CD;
    border-left: 1px solid #96D5CD;
    border-right: 1px solid #166757;
    border-bottom: 1px solid #166757;
}

.button_disabled
{
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.form_right
{
    margin-right: 0.5em;
    float: right;
}

#station_letters
{
    /*float: right;*/
    width: 100%;
    overflow: hidden;
    padding-top: 0.1em;
    padding-bottom: 0.5em;
    display: block;
}

#station_letters span
{
    font-size: 93%;
    font-style: italic;
    width: 1.05em;
    display: block;
    float: left;
    text-align: center;
}

#station_letters span.active
{
    cursor: pointer;
    color: #11206A;
}

#station_letters span.active:hover
{
    font-weight: bold;
    background-color: #DADEEB;
}

#station_letters span.inactive
{
    color: #999999;
}

select#station {
    height: 130px;
}

#station_select_all {
    padding-right: 20px;
}

.form_block select
{
    width: 100%;
}

.hang_right
{
    float: right;
    font-size: 93%;
    margin-left: 1em;
}

form.side_by_side 
{
    clear: both;
}

form.side_by_side label
{
    float: left;
    width: 11em;
    margin-top: 0.2em;
}

form.side_by_side input
{
    font-size: 100%;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

form.side_by_side select
{
    width: auto;
    font-size: 100%;
}

form.side_by_side .required
{
    border-left: 0.4em solid #30D1AD;
    padding-left: 0.25em;
}

form .error
{
    border-left: 0.4em solid #c00000;
    padding-left: 0.25em;
}

form .form_error {
    color: #c00000;
}

form.side_by_side .form_error {
    margin-left: 11em;
}

label.option {
    float:none; 
    width: auto; 
    display:inline; 
    margin-left: 0.5em; 
    font-style: none;
}

input.long {
    width: 20em;
}

.option_header {
}

.option_subform {
    margin: 0.5em 0;
}

.page_inner_menu {
    margin-bottom: 1.5em;
}

.required_legend
{
    float: right;
    border-left: 0.4em solid #30D1AD;
    padding-left: 0.5em;    
}

.exception
{
    color: #C00000;
    clear: both;
    padding: 0.5em 0;
}

.option_note 
{
    font-size: 85%;
    color: #555555;
}

.captcha_refresh
{
    padding: 1em 1.2em;
    float: left;
    font-style: italic;
    color: #555555;
}

/* TOOLTIPS */
.tooltip {
    z-index: 1000;
    width: 300px;
    font-size: 93%;
    border: 1px solid #BBBBBB;
}

.tooltip .tip-title {
    background: red;
    color: white;
    font-weight: bold;
    border-bottom: 1px solid black;
    display: none;
}

.tooltip .tip-text {
    background: #F4F4F4;
}

.tooltip td
{
    padding: 0.3em 0.6em;
    border-top: 1px solid #BBBBBB;
    vertical-align: top;
}

.tooltip tr:first-child td
{
    border-top: 0;
    font-weight: bold;
}

.tooltip td.dates
{
    font-style: italic;
    color: #555555;
}

.tooltip tr:first-child td:first-child
{
    font-weight: normal;
}

.helptip {
    z-index: 1000;
    width: 350px;
    font-size: 93%;
    background: url(../images/popup_shadow_350w.png) no-repeat center bottom;
    padding-bottom: 15px;
}

.helptip .tip-title {
    background: red;
    color: white;
    font-weight: bold;
    border-bottom: 1px solid black;
    display: none;
}

.helptip .tip-text {
    background: #D7DCE7 url(/images/button_bkgd.gif) repeat-x scroll left top;
    padding: 0.5em 1em;
    border-color: #96A3D5 #162867 #162867 #96A3D5;
    border-style: solid;
    border-width: 1px;
}

.invalid_input_message {
    display: none; /* don't show by default */
    margin-top: 1em;
    background: #F7EDED;
    border: 1px solid #B42A2A;
    padding: 1em 1.5em;
}

.help_week, .help_station
{
    position: absolute;
    top: 0;
    right: 0;
}

/* POPUPS */

.popup_all
{
    width: 350px;
    background: url(/images/popup_shadow_350w.png) repeat-x left bottom;
    padding-bottom: 25px;
    margin: 5% auto 0;
}

.popup_panel
{
    background: #FFFFFF url(/images/popup_bkgd.gif) repeat-x left top;
    border: 1px solid #6E7EB7;
    padding: 1.5em;
    overflow: hidden;
}

.popup_panel h1
{
    padding-bottom: 0.25em;
    border: 0;
}

.popup_panel .box
{
    width: auto;
    float: none;
    margin: 0 3em 0.5em;
}

.popup_panel .box_inner .cat_title
{
    margin: 0 0 0.2em 1.5em;
}

.popup_panel .box_inner .cat_item
{
    margin: 0 0 0 1.5em;
}

.popup_panel .box_inner
{
    height: auto;
    padding: 0.5em 1.5em;
    overflow: hidden;
}

.popup_panel .box_inner:hover
{
    background: #FFFFFF url(../images/box_bkgd.gif) repeat-x left top;
    cursor: auto;
}

.keyword {
    background: #19BD93 url(../images/string_found_bkgd.gif) repeat-x left bottom;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0 0.15em 0 0.1em;
}

.keyword .keyword {
    padding: 0;
}

.invisible {
    display: none;
}

#content .menu_column {
    padding: 1em;
}

#content .menu_column a {
    display: block;
    padding: 0.2em 0;
}

#content .menu_subset {
    margin-top: 0.2em;
    padding-top: 0.6em;
    background: url(../images/nav_item_reflect_bkgd.png) repeat-x left top;
}

.hoverbox_tip .tip {
    width: 200px;
    border: 1px solid #888888;
}

.hoverbox_tip .tip-title {
    font-weight: bold;
    font-size: 100%;
    padding: 3px 0.5em;
}

.hoverbox_tip.report .tip-title {
    color: #FFFFFF;
    background: #B42A2A url(../images/hoverbox_headers/report_bkgd.gif) repeat-x left bottom;
}

.hoverbox_tip.miscellaneous .tip-title {
    color: #FFFFFF;
    background: #D69200 url(../images/hoverbox_headers/miscellaneous_bkgd.gif) repeat-x left bottom;
}

.hoverbox_tip.enquiries .tip-title {
    color: #000000;
    background: #E9E100 url(../images/hoverbox_headers/enquiries_bkgd.gif) repeat-x left bottom;
}

.hoverbox_tip.subscriber .tip-title {
    color: #FFFFFF;
    background: #71D130 url(../images/hoverbox_headers/subscriber_bkgd.gif) repeat-x left bottom;
}

.hoverbox_tip.student .tip-title {
    color: #FFFFFF;
    background: #3087D1 url(../images/hoverbox_headers/student_bkgd.gif) repeat-x left bottom;
}

.hoverbox_tip.search .tip-title {
    color: #FFFFFF;
    background: #D130C4 url(../images/hoverbox_headers/search_bkgd.gif) repeat-x left bottom;
}

.hoverbox_tip.other .tip-title {
    color: #FFFFFF;
    background: #9716CC url(../images/hoverbox_headers/other_bkgd.gif) repeat-x left bottom;
}

.hoverbox_tip .tip-text {
    background: #FFFFFF;
    padding: 0.5em;
}

.chart-flash {
    margin-bottom: 1em;
}

.chart-nonflash {
    border: 1px solid black; 
    padding: 1em; 
    margin: 1em;
    background: #cccccc;
}

.datagrid_controls {
    margin: 1em 0;
    border: #E5E5E5 1px solid;
    padding: 0.25em;
}

/* USER TRACKING */

#user_tracking_shim {
    position: absolute;
    background-color: #ACB2C6;
    border: 0;
    top: 0;
    left: 0;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 99998;
    /* 
    Width and height are actually set to the full pages width and height (overridden in JS) 
    so that if the user scrolls, the shim still covers everything.
    */ 
    width: 100%;
    height: 100%;
}

iframe#user_tracking {
    position: absolute;
    /*
    Top and left properties are set dynamically (in JS) so as to position the iframe in the center
    of the screen over the shim. 
    */
    top: 0;
    left: 0;
    width: 400px;
    height: 500px;
    border: 0;
    z-index: 99999;
}
/* NEWS */

.item_primary
{
    border-bottom: 1px solid #30D1AD;
    margin: 1.25em 0;
}

.item_primary a, .item_secondary a
{
    text-decoration: none;
}

.item_primary a:hover, .item_secondary a:hover
{
    text-decoration: underline;
}

.item_primary .date, .item_secondary .date 
{
    float: right;
    font-style: italic;
    color: #555555;
    background-color: #FFFFFF;
    padding: 0.2em 0 0.3em;
}

.item_secondary
{
    clear: both;
}

.item_secondary h4
{
    border-bottom: 1px dashed #D2D7E5;
    padding: 0.2em 0 0;
}

.item_secondary a
{
    background-color: #FFFFFF;
    padding-bottom: 0.3em;
}

.item_archive_header
{
    color: #162867;
        margin: 0.5em 0.5em 0 0;
    border-bottom: 1px solid #30D1AD;
    cursor: pointer;
    padding-bottom: 0.25em;
}

.item_archive_header:hover, .item_archive_header.open
{
    background: url(../images/table_header_bkgd.gif) repeat-x left bottom;
    font-weight: bold;
    border-bottom: 1px solid #6E7EB7;
}

.item_archive_content
{
    padding: 0 1em 0.5em 0.5em;
}

.item_archive_header .arrow
{
    float: right;
    background: url(../images/arrow_expand.gif) no-repeat left bottom;
    width: 1em;
    height: 1em;
}

.item_archive_header.open .arrow
{
    background: url(../images/arrow_collapse.gif) no-repeat left bottom;
}

/* SITEMAP / SEARCH */

    /**
     * Reset some default styles applied elsewhere
     */
    #sitemaptree p {
        margin: 0;
        padding: 0.2em;
    }
    
    #sitemaptree h3 span {
        display: inline;
    }
    
    #sitemaptree a {
        text-decoration: underline;
        padding: 0 0.25em;
    }
    
    /**
     * General styling 
     */
    #sitemaptree ul {
        margin-left: 20px;
    }
    
    #sitemaptree > ul {
        margin-left: 0;
    }
    
    #sitemaptree li {
        list-style-type: none;
        padding: 0.1em 0.2em;
        margin: 0;
    }
    
    /*
     * Title blocks (h4 headings for parent non-clickables, h3 for the linkable items)
     */
    #sitemaptree h3, #sitemaptree h4 {
        padding: 0.2em;
        margin-right: 0.2em;
        border-bottom: 1px dashed #d2d7e5;  
    }
    
    #sitemaptree h3 {
        color: #000;
    }
    
    #sitemaptree h3.sub {
        font-size: 108%;
    }
    
    #sitemaptree h4 {
        font-size: 100%;
    }
      
    
    #sitemaptree h4 {
        background: transparent url(../images/arrow_expand.gif) no-repeat right;
        margin-right: 5px;
    }
    
    #sitemaptree h4.open, #sitemaptree h4.open:hover {
        background: transparent url(../images/arrow_collapse.gif) no-repeat right;
        border-bottom: 1px solid transparent;
        margin-right: 5px;
    }
    
    /*
     * Mouseover styles
     */
    #sitemaptree h4:hover {
        /* Can't use this as we lose the expand/collapse arrows */
        background: transparent url(../images/arrow_expand_hover.gif) no-repeat right;
        background-color: #EEEEEE;
        border-bottom: 1px solid transparent;
        cursor: pointer;
        margin-right: 0;
    }

    #sitemaptree h4 a:hover { 
        background-color: #162867;
        padding-bottom: 0;
        color: #FFFFFF;
        text-decoration: none;
    }

/* Structure Companies */

.company_item
{
    float: left;
    width: 260px;
    border-bottom: 1px solid #B6BEDB;
    padding: 1em 0 1em 10px;
    margin: 0 5px;
}

.company_item img
{
    float: left;
}

.company_address
{
    float: left;
    width: 170px;
    margin-left: 15px;
}

.company_name
{
    font-weight: bold;
    font-size: 108%;
}

/* Useful Websites */

.website_item
{
    border-bottom: 1px solid #B6BEDB;
    padding: 1em 0 1.5em 10px;
    margin: 0 5px;
    overflow: hidden;
    width: 100%;
}

.website_item img
{
    float: left;
    margin-top: 0.9em;
}

.website_details
{
    float: left;
    width: 450px;
    margin-left: 15px;
}

.website_more
{
    float: left;
    width: 25%;
    text-align: center;
}

.website_more a, .website_more a:hover div
{
    text-decoration: none;
}

.website_more a div
{
    text-decoration: underline;
}

.subscribing_companies {
    float: left;
    width: 50%;
}

.subscribing_companies .company_ipa {
    font-weight: bold;
}

.subscribing_companies .company_underwriter {
    font-weight: bold;
}

.file_list.universe_comps
{
    float: right;
    margin: 1em 1em 1em 2em;
    padding: 1em;
    border: 1px solid #ACB4D1;
}

.file_list a
{
    display: block;
    margin-bottom: 0.25em;
    min-height: 16px;
}

.app_link
{
    padding-left: 24px;
}

.app_link.pdf
{
    background: url(../images/icons/app_pdf.gif) no-repeat top left;
}

.app_link.doc
{
    background: url(../images/icons/app_doc.gif) no-repeat top left;
}

.app_link.ppt
{
    background: url(../images/icons/app_ppt.gif) no-repeat top left;
}

.app_link.xls
{
    background: url(../images/icons/app_xls.gif) no-repeat top left;
}

.app_link.img
{
    background: url(../images/icons/app_img.gif) no-repeat top left;
}

.app_link.txt
{
    background: url(../images/icons/app_txt.gif) no-repeat top left;
}

.app_link.zip
{
    background: url(../images/icons/app_zip.gif) no-repeat top left;
}

.app_link.mpp
{
    background: url(../images/icons/app_mpp.gif) no-repeat top left;
}

/* COLOUR LEGEND */

.colour_legend {
    border: 1px solid grey;
}

.colour_legend .header {
    background:#FFFFFF url(../images/table_header_bkgd.gif) repeat-x scroll left bottom;
    padding: 0.5em;
    font-weight: bold;
}

.colour_legend .content {
    padding: 0.5em;
}

#faq .section
{
    margin-top: 0;
}

#faq .section .scroll {
    height: 200px;
    padding: 0 1em;
    overflow-x: hidden;
    overflow-y: scroll;
}

#faq h4
{
    cursor: pointer;
}

#faq h4:hover
{
    color: #000000;
}

/* HELP */

.help_about_overview, .help_about, .help_figures, .help_where_zero, .help_duration_overview, .help_duration, .help_archive, .help
{
    color: #444444;
    font-size: 93%;
    padding-bottom: 1em;
    text-align: justify;
}

.help_archive a {
    display: block;
    margin: 0.5em 0;
    text-align: left;
}

.form_help
{
    vertical-align: middle;
}

/* two-column layout */

.two_column .left_column {
	width: 38%;
}

.two_column .right_column {
	width: 58%;
	margin-left: 3%;
}