/* ESSENTIALS */

html {
background-color: #E8E8E8;
}

body {
font-family: arial, tahoma, verdana, sans serif;
font-size: 77%;
margin: 0;
color: #555555;
background: url('/img/body_bkgd.gif') repeat-x top left;
}

p {
line-height: 1.3em;
margin: 1em 0;
}

strong {
font-weight: bold;
}

em {
font-style: italic;
}

.clear {
clear: both;
}

.left {
float: left;
}

.right {
float: right !important;
}

sub, sup {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.hotspot   /* FAQ links etc. */
{
margin-top: 8px;
cursor: pointer;
color: #005E6E;
}

.hotspot:hover
{
color: #000000;
text-decoration: underline;
}

.toggle
{
    margin: 0.5em 0 1.5em;
    border-bottom: 1px solid #E8E8E8;
}

a, .hotspotinv, .copy_column a:hover, .copy_column .news_panel a, .copy_column .news_panel a:hover
{
color: #005e6e;
text-decoration: none;
}

a:hover, .hotspotinv:hover, .copy_column a {
text-decoration: underline;
cursor: pointer;
}

ul
{
/*padding-left: 20px;*/
margin: 15px 0;
}

.body ul li {
list-style: square outside;
margin: 10px 0 10px 20px;
}

.body ol li {
list-style: decimal outside;
margin: 10px 0 10px 20px;
}

                                    /* HEADLINES */

h1
{
/*margin: 0;
color: #FFFFFF;
font-size: 130%;*/
display: none;
}

h2
{
font-family: OxygenRegular, sans-serif;
font-size: 153.9%;
color: #FFFFFF;
/*padding: 0.3em 0.3em 0.3em 0;
margin: 0;
color: #FFFFFF;
font-size: 110%;
display: inline;*/
}


h3
{
font-family: OxygenRegular, sans-serif;
letter-spacing: 0.05em;
font-size: 153.9%;
color: #8E9300;
padding: 0;
margin: 0;
}

h3 sub {
    font-size: 65%;
    font-family: OxygenItalic, sans-serif;
    margin-left: 0.5em;
}

h4
{
font-family: OxygenRegular, sans-serif;
margin: 1em 0 0 0;
font-size: 131%;
color: #662046;
}

h5
{
margin: 15px 0 0 0;
font-size: 116%;
color: #662046;
font-style: italic;
}


.headline h4
{
color: #000000;
margin-top: 8px;
cursor: auto;
}

.headline:hover
{
background-color: transparent;
}

.headlines {
background: url('/img/splash_frost_bkgd.png') repeat;
position: relative;
width: 410px;
height: 200px;
}

.headlines h2 {
padding: 12px 40px 10px;
background: #1E1E1E;
position: relative;
width: 330px;
}

.content.home .headlines {
margin-left: 0;
}



                                            /*  HEADER START   */
.header {
display: block;
color: #D6D6D6;
background: #1E1E1E;
padding: 0;
margin: 0;
height: 70px;
font-size: 108%;
position: relative;
z-index: 10;
}

/*.header li {
padding: 0;
display: inline;
list-style-type: none;
margin: 0;
}*/

.header li {
    font-family: OxygenRegular, sans-serif;
    letter-spacing: 0.05em;
    font-size: 109%;
}

.header div.logged_in {
    padding: 26px 1em;
    height: 18px;
    white-space: nowrap;
}

.header div.logged_in a {
    color: #C8CD6B;
    text-decoration: none;
}

.header li a.top_link {
    text-decoration: none;
    color: #C8CD6B;
    padding: 26px 1em;
    height: 18px;
    white-space: nowrap;
    transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out;
}

.header ul li:hover a.top_link {
color: #FFFFFF;
background-color: #61640c;
}
                                            /*  HEADER END     */
                                            /*  TOP MENU START      */

.top_menu {
padding: 0;
margin: 0 0 0 175px;
}

.top_menu li a .top_label {
display: block;
}

.top_menu li.active a .top_label
{
color: #FFFFFF;
border-bottom: 1px solid #61640c;
}



#nav, #nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#nav a {
    display: block;
    /*width: 10em;*/
}

#nav li {
    float: left;
    /*width: 10em;*/
    overflow: hidden;
}

#nav li li {
    float: none;
}

#nav li .menu_dropdown_shadow {
    position: absolute;
    width: 480px;
    left: -999em;
    z-index: 2;
    padding: 0 0 29px 0;
    background: url('/img/menu_dropdown_shadow.png') no-repeat bottom center;
}

.menu_dropdown {
    background: url('/img/sub_frost_bkgd.png') repeat;
    overflow: hidden;
    padding: 0 0 0 30px;
}

.menu_dropdown ul {
background-color: #FFFFFF;
width: 450px;
padding: 5px 0 !important;
overflow: hidden;
}


#nav li:hover .menu_dropdown_shadow, #nav li.sfhover .menu_dropdown_shadow {
left: auto;
}


/* EDGE! */
@media screen and (max-width: 1200px) {

#nav li#top_subscribe:hover .menu_dropdown_shadow, #nav li#top_subscribe.sfhover .menu_dropdown_shadow {
width: 290px;
height: auto;
background: url('/img/menu_dropdown_shadow_narrow.png') no-repeat bottom center;
}

#nav li#top_subscribe:hover ul, #nav li#top_subscribe.sfhover ul {
height: 300px;
}

#nav li#top_subscribe li:hover .section_teaser {
position: absolute;
top: 140px;
left: 0;
width: 225px;
height: 130px;
padding-left: 45px;
}

}



#nav .menu_dropdown li a {
width: 138px;
display: block;
color: #005E6E;
background-color: #FFFFFF;
text-decoration: none;
padding: 0 16px;
/*float: none;*/
}

#nav li li:hover a {
color: #FFFFFF;
background: #005E6E url('/img/arrow_right_mask.png') no-repeat center right;
}

.section_teaser {
display: none;
}

#nav li li:hover .section_teaser {
position: absolute;
display: block;
top: 15px;
left: 200px;
width: 225px;
height: 200px;
padding-left: 30px;
overflow: hidden;
font-family: arial, sans-serif;
font-size: 85%;
letter-spacing: 0;
color: #666666;
}

#nav li li:last-child .sub_menu_item {
border-bottom: 0;
}

#nav li li:hover .sub_menu_item {
border-bottom-color: #005E6E;
}

.sub_menu_item {
padding: 7px 0 5px;
display: block;
border-bottom: 1px solid #E8E8E8;
}

                                            /*  TOP MENU END        */

                                            /*  BREADCRUMBS START      */

.breadcrumbs {
    margin: 0;
    font-size: 93%;
    padding: 10px 40px;
    background-color: #E8E8E8;
}

.breadcrumbs li {
    display: inline;
    padding-left: 15px;
    margin-left: 12px;
    background: url('/img/breadcrumb.png') no-repeat center left;
}

.breadcrumbs li:first-child {
    background: none;
    padding-left: 0;
    margin-left: 0;
}

                                            /*  BREADCRUMBS END        */
                                            /*  GLOBAL MENU START   */

.header .global {
float: right;
}

.header .global ul {
margin: 0;
padding: 0;
}

.header .global ul a.top_link {
display: block;
}
                                            /*  GLOBAL MENU END     */


.logo {
float: left;
padding: 12px 25px 0;
}

.content {
zoom: 1;
/*background: #FFFFFF;
min-width: 969px;
padding: 0 40px;*/
margin: 0 40px;
/*min-height: 220px;*/
max-width: 1200px;
min-width: 700px;
position: relative;
}

/*.content.home
{
padding: 1em 1em 1em 0;
width: 982px;
}*/

.content .body {
padding: 25px 50px 50px;
background: #FFFFFF url('/img/wide_shadow.jpg') no-repeat bottom center;
min-height: 200px;
/*width: 949px;
border-bottom: 1px solid #DADADA;*/
}

.content .body.left_inset {
margin-left: 175px;
padding-left:  195px;
}

.b_how_to_subscribe .content .body {
    z-index: 1;
    position: relative;
    border-top: 1px solid #DDDDDD;
}

/*.bs_key_facts > .content {
    padding-left: 240px;
    max-width: 1000px;
}

.bs_key_facts > .content .body {
    padding-left: 180px;
    padding-right: 180px;
}*/

hr.divider
{
display: block;
margin: 20px 0;
*margin: 12px 0;
color: #DADADA;
height: 1px;
}

.login {
padding-top: 15px;
}


.colOne
{
float: left;
width: 360px;
margin-right: 20px;
}

.colTwo
{
float: left;
width: 180px;
margin-right: 20px;
}

.colThree
{
float: left;
width: 300px;
}

.copyright, .small_note
{
text-align: right;
font-size: 90%;
color: #666666;
}

.container {
    position: absolute;
    min-width: 969px;
    min-height: 400px;
    width: 100%;
    height: 91%;
}
                                            /*  HOME START      */


.splash_home {
    padding: 0 40px;
    max-width: 1200px;
    height: 300px;
    background: #691844 url(/img/illustrations/home_illustration.jpg) no-repeat top left;
}

.splash_promo {
    top: 60px;
    right: 0;
    position: relative;
    height: 190px;
}

.download_app {
    float: right;
    width: 185px;
    background: #FFFFFF url(/img/promo_bkgd_teal.gif) repeat-x top left;
    border-radius: 15px;
    border: 1px solid #004f5d;
    -moz-box-shadow: 0 2px 5px #000000;
    -webkit-box-shadow: 0 2px 5px #000000;
    box-shadow: 0 2px 5px #000000;
    margin-left: 20px;
}

.next_release {
    float: right;
    width: 145px;
    background: #FFFFFF url(/img/promo_bkgd_green.gif) repeat-x top left;
    border-radius: 15px;
    border: 1px solid #757900;
    -moz-box-shadow: 0 2px 5px #000000;
    -webkit-box-shadow: 0 2px 5px #000000;
    box-shadow: 0 2px 5px #000000;
}

.promo_header {
    padding: 10px 5px 0;
    height: 24px;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 108%;
}

.promo_header a {
    color: #FFFFFF;
}

.promo_content {
    padding: 15px 20px 10px;
    overflow: hidden;
}

.promo_content img.right {
    margin: 1em 0 0 1.5em;
}

.release_d {
    text-align: center;
    font-weight: bold;
    font-size: 131%;
    text-transform: uppercase;
    line-height: 1.1em;
}

.release_d span {
    display: block;
    font-size: 197%;
    line-height: 1.0em;
}

.release_q {
    text-align: center;
    color: #666666;
    font-style: italic;
    margin: 1em 0 1.5em;
}

.home_format {
    position: relative;
    overflow: hidden;
    clear: both;
    top: -20px;
}

.home_column {
    background-color: #FFFFFF;
    float: left;
    margin-left: -100%;
    position: relative;
    width: 31.0%;
    z-index: 1;
}

.home_format.home_shadow  .home_column {
    background-color: #E8E8E8 !important;
}

.home_column:after,
.home_column .ieafter {
    content: "";
    position: absolute;
    z-index: -1;
    background-color: inherit;
    left: 0;
    top: 0;
    right: -1px;
    bottom: -9999px;
}



.home_column.col1  {
    left: 100%;
}
.home_column.col2  {
    left: 134.333%;
}
.home_column.col3  {
    left: 168.666%;
}

.home_column_inner {
    padding: 20px;
}

.home_column_inner h3 {
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.home_column_inner h3 a {
    color: #8E9300;
}

.home_column_shadow {
    padding-top: 12px;
    width: 100%;
    background: #E8E8E8 url('/img/home_column_shadow.jpg') no-repeat top center;
}

.links {
margin: 1em 0 0;
text-align: center;
}

.links img {
margin: 8px 12px;
}




.welcome_column {
float: left;
width: 461px;
}

.welcome_container {
background: #E8EEF2;
margin-bottom: 0.5em;
}

.welcome_content {
background: #F2F2F4;
padding: 1em 30px;
font-size: 108%;
}

.info_column {
float: left;
margin-left: 25px;
width: 230px;
}

.info_column h2 {
color: #FFFFFF;
font-size: 130%;
}

.info_column h3 {
position: relative;
color: #000000;
}

.info_column h4 {
position: relative;
font-weight: normal;
margin: 0;
}

.info_column .info_content {
background: #F2F2F4 url(/img/info_bkgd.gif) repeat-x top left;
color: #333333;
padding: 10px 15px;
margin-bottom: 20px;
}

.info_content_item {
padding-top: 10px;
margin-top: 15px;
border-top: 1px solid #CCCCCC;
}

.info_content_item:first-child {
padding-top: 0;
margin-top: 0;
border-top: 0;
}

.info_content_item .with_image {
float: right;
width: 125px;
}

.info_column h3 a.pdf {
background: url(../img/icon_pdf.png) no-repeat top left;
padding-left: 38px;
display: block;
min-height: 32px;
}

.info_column h3 a.m4v {
background: url(../img/icon_m4v.png) no-repeat top left;
padding-left: 38px;
display: block;
min-height: 32px;
}


.release_calendar {
background: url(../img/calendar_shadow.gif) no-repeat bottom center;
padding-bottom: 7px;
float: left;
margin-right: 12px;
}

.release_calendar .year {
background: #990000;
color: #FFFFFF;
font-weight: bold;
text-align: center;
padding: 2px 6px;
font-size: 93%;
}

.release_calendar .quarter {
background: #FFFFFF url(../img/calendar_bkgd.gif) repeat-x bottom left;
color: #000000;
font-weight: bold;
font-size: 167%;
text-align: center;
border: 1px solid #A0B4C8;
}

.release_date {
position: relative; /* Peekaboo fix for IE6 */
}

                                            /*  HOME END        */
                                            /*  STATS START  */
.stat_list {
    overflow: hidden;
    width: 62%;
    float: left;
    margin-bottom: 1em;
}

.stat_item {
    margin-top: 1.5em;
    overflow: hidden;
}

.stat_item:first-child {
    margin-top: 0;
}

.stat_item.teal,
.stat_item.teal h4 {
    color: #51626f !important;
}

.stat_item.green,
.stat_item.green h4 {
    color: #8e9300 !important;
}

.stat_item.mauve,
.stat_item.mauve h4 {
    color: #662046 !important;
}

.stat_icon {
    float: left;
    width: 46px;
}

.stat_info {
    padding-left: 46px;
}

.stat_title {
    font-family: OxygenBold, sans-serif;
    letter-spacing: 0.05em;
    font-size: 167%;
}

.stat_sub {
    display: block;
}

.stat_title.up,
.stat_title.down {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: top left;
}

.stat_item.teal .stat_title.up {
    background-image: url('/img/arrows/up_blue.png');
}

.stat_item.teal .stat_title.down {
    background-image: url('/img/arrows/down_blue.png');
}

.stat_item.green .stat_title.up {
    background-image: url('/img/arrows/up_green.png');
}

.stat_item.green .stat_title.down {
    background-image: url('/img/arrows/down_green.png');
}

.stat_item.mauve .stat_title.up {
    background-image: url('/img/arrows/up_mauve.png');
}

.stat_item.mauve .stat_title.down {
    background-image: url('/img/arrows/down_mauve.png');
}

.stat_title sub {
    font-family: OxygenRegular, sans-serif;
    font-size: 50%;
    letter-spacing: 0;
}

.stat_pullout {
    float: left;
    width: 38%;
}

.stat_pullout .stat_info {
    padding-left: 10px;
}

.stat_map {
    width: 100px;
    height: 155px;
    position: relative;
    top: 2px;
    margin-bottom: 15px;
}

.map_mask {
    position: absolute;
    top: -2px;
    z-index: 2;
    width: 100px;
    height: 157px;
    background: url('/img/ukmap_mask.png') no-repeat top left;
}

.map_percent {
    background-color: #662046;
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100px;
}
                                            /*  STATS END    */
                                            /*  HOME NEWS START  */

.home_news .article_date {
    color: #999999;
    font-size: 85%;
    margin-top: 0.25em;
}

.home_news img.right {
    border: 1px solid #D0CFCF;
    margin: 1em 0 1em 2em;
}

                                            /*  HOME NEWS END    */
                                            /*  INTERNAL COLUMNS START  */


.copy_column
{
/*float: left;*/
width: 690px;
padding-bottom: 30px;
}

.left_inset .copy_column {
position: relative;
width: 90%;
padding-bottom: 30px;
/*margin-left: -265px;*/
min-height: 250px;
}

.b_news .left_inset .copy_column,
bs_market_trends .left_inset .copy_column {
    width: 45%;
}

/*.copy_column h4, .copy_column p, .copy_column table
{
margin: 15px 0 5px 10px;
}*/

.copy_column hr
{
width: 50%;
margin-top: 20px;
margin-bottom: 0;
height: 1px;
font-size: 1px;
line-height: 1px;
color: #FFFFFF !important;
border: none;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #DADADA;

}

.copy_column .fourth_level
{
margin: 0 0 0 20px;
}

.copy_column .fourth_level p
{
margin: 15px 0 5px 0;
}

.menu_column {
position: fixed;
top: 170px;
left: 40px;
/*position: absolute;
top: -130px;
left: 0; */
width: 305px;
padding: 12px 0;
z-index: 1;
background-color: #FFFFFF;
border: 1px solid #e8e8e8;
border-radius: 15px;
-moz-box-shadow: 0 2px 5px #AAAAAA;
-webkit-box-shadow: 0 2px 5px #AAAAAA;
box-shadow: 0 2px 5px #AAAAAA;
}
                                            /*  INTERNAL COLUMNS END    */

                                            /*  LEFT MENU       */
.menu_column h4,
.menu_column table {
    margin: 4px 20px 8px;
}

.menu_column .third_menu a {
text-decoration: none;
padding: 1px 55px 1px 30px;
display: block;
font-weight: normal;
border-radius: 12px 0 0 12px;
border-top-right-radius: 60px 20px;
border-bottom-right-radius: 60px 20px;
}


.menu_column .third_menu a span {
border-top: 1px solid #e8e8e8;
display: block;
padding: 7px 0;
}

.menu_column .third_menu li:first-child a span {
border-top: 0;
}

.menu_column .third_menu a:hover {
color: #FFFFFF;
background-color: #8e416b;
border: 1px solid #e8e8e8;
padding-top: 0;
padding-bottom: 0;
-moz-box-shadow: 0 0 3px #444444;
-webkit-box-shadow: 0 0 3px #444444;
box-shadow: 0 0 3px #444444;
}

.menu_column .third_menu a:hover span {
border-top: 1px solid #8e416b;
}

ul.third_menu
{
font-weight: bold;
margin: 0;
padding: 0;
}

ul.third_menu li
{
list-style-type: none;
padding: 0;
margin: 0 -35px 0 -10px;
}

.menu_column table th {
    text-align: center;
}


.bss_the_rajar_research_service .bss1 a,
.bss_sampling_and_fieldwork .bss2 a,
.bss_fieldwork_materials .bss3 a,
.bss_data_processing .bss4 a,
.bss_results_publication .bss5 a,
.bss_using_the_data .bss6 a,

.bss_about_rajar .bss1 a,
.bss_why_rajar_is_important_to_the_industry .bss2 a,
.bss_how_the_survey_is_conducted .bss3 a,
.bss_the_rajar_measures_of_listenership .bss4 a,
.bss_profiling_listeners .bss5 a,
.bss_where_to_find_the_data .bss6 a,
.bss_the_diary .bss7 a {
padding-top: 0;
padding-bottom: 0;
color: #FFFFFF;
background-color: #428590;
border: 1px solid #e8e8e8;
-moz-box-shadow: 0 0 3px #444444;
-webkit-box-shadow: 0 0 3px #444444;
box-shadow: 0 0 3px #444444;
}

.bss_sampling_and_fieldwork .bss2 a span,
.bss_fieldwork_materials .bss3 a span,
.bss_data_processing .bss4 a span,
.bss_results_publication .bss5 a span,
.bss_using_the_data .bss6 a span,

.bss_about_rajar .bss1 a span,
.bss_why_rajar_is_important_to_the_industry .bss2 a span,
.bss_how_the_survey_is_conducted .bss3 a span,
.bss_the_rajar_measures_of_listenership .bss4 a span,
.bss_profiling_listeners .bss5 a span,
.bss_where_to_find_the_data .bss6 a span,
.bss_the_diary .bss7 a span {
border-top: 1px solid #428590;
}



                                            /*  LEFT MENU END       */
                                            /*  ACCORDIONS       */

.accordion_section {
    padding-bottom: 10px;
    margin-left: -410px;
}

.accordion_section h3 {
    width: 135px;
    background-color: #8e9300;
    color: #FFFFFF;
    padding: 7px 30px 3px 50px;
    cursor: pointer;
    transition: background-color .15s ease-in-out;
    -moz-transition: background-color .15s ease-in-out;
    -webkit-transition: background-color .15s ease-in-out;
}

.accordion_section h3:hover {
    background-color: #61640C;
}

.accordion_section_content {
    padding-left: 60px;
    overflow: hidden;
}

.accordion_section_content h4,
.accordion_section_content h5 {
    color: #767676;
    clear: left;
    width: 150px;
}

.accordion_section_content h5  {
    font-size: 108%;
}

.trends_column {
    float: left;
    width: 48%;
    margin-right: 2%;
}

.trends_column h5 {
    text-align: right;
    float: none;
    font-size: 131%;
    width: 100%;
}
                                            /*  NEWS PANELS       */

.news_panel {
    margin: 10px 0 20px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #8fbac1;
    background: -webkit-gradient(linear, left top, 0% 100%, from(#FFFFFF), to(#eaf2f3));  /* WebKit (Safari, Google Chrome etc) */
    background: -moz-linear-gradient(top, #FFFFFF 0%, #eaf2f3 100%);  /* Mozilla/Gecko (Firefox etc) */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFeaf2f3);    /* MSIE 5.5 - 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFeaf2f3)";   /* MSIE 8 */
    background: -ms-linear-gradient(top,  #FFFFFF 0%,#eaf2f3 100%); /* MSIE 10+ */
    background-color: #eaf2f3;
    -moz-box-shadow: 0 2px 5px #AAAAAA;
    -webkit-box-shadow: 0 2px 5px #AAAAAA;
    box-shadow: 0 2px 5px #AAAAAA;
}

.news_panel ul,
.news_panel ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.release_document {
    width: 18%;
    padding: 0;
    float: left;
}

a.release_link {
    background: url('/img/icon_pdf.png') no-repeat 20px 15px;
    padding: 23px 30px 23px 80px;
    display: block;
}

a.release_link.xls {
    background: url('/img/icon_xls.png') no-repeat 20px 15px;
}

a.release_link.doc {
    background: url('/img/icon_doc.png') no-repeat 20px 15px;
}

a.release_link.ppt {
    background: url('/img/icon_ppt.png') no-repeat 20px 15px;
}

a.release_link.jpg {
    background: url('/img/icon_jpg.png') no-repeat 20px 15px;
}

a.release_link.gif {
    background: url('/img/icon_gif.png') no-repeat 20px 15px;
}


a.release_link.vid {
    background: url('/img/icon_vid.png') no-repeat 20px 15px;
}

.latest_release  a.release_link {
    padding: 70px 0 10px 20px;
    height: 75px;
}

.news_releases a.release_link {
    background: url('/img/icon_pdf_small.png') no-repeat 20px 15px;
    padding: 16px 30px 15px 65px;
    border-top: 1px solid #8fbac1;
}

.news_releases a.release_link.xls {
    background: url('/img/icon_xls_small.png') no-repeat 20px 15px;
}

.news_releases a.release_link.doc {
    background: url('/img/icon_doc_small.png') no-repeat 20px 15px;
}

.news_releases a.release_link.ppt {
    background: url('/img/icon_ppt_small.png') no-repeat 20px 15px;
}

.news_releases a.release_link.jpg {
    background: url('/img/icon_jpg_small.png') no-repeat 20px 15px;
}

.news_releases a.release_link.gif {
    background: url('/img/icon_gif_small.png') no-repeat 20px 15px;
}

.news_releases a.release_link.vid {
    background: url('/img/icon_vid_small.png') no-repeat 20px 15px;
}

.news_releases li:first-child a.release_link {
    border-top: 0;
}


 a.release_link span {
    display: block;
}

 a.release_link span strong {
    padding-bottom: 5px;
    font-size: 108%;
    display: block;
}

 a.release_link:hover {
    text-decoration: none;
    background-color: #dbeaec !important;
}

a .item_date {
    color: #888888;
    font-size: 93%;
}


.release_stats {
    width: 50%;
    padding-left: 2%;
    float: left;
    padding-top: 6px;
    padding-bottom: 16px;
}

.release_map {
    width: 28%;
    float: left;
    padding-top: 6px;
}

.news_panel .stat_item {
    margin-top: 0.6em;
}

.news_panel .stat_title {
    font-size: 131%;
}

.news_panel .stat_title sub {
    font-size: 77%;
}

.news_panel .stat_sub {
    display: inline;
}

.news_panel.data_releases {
    float: left;
}

.news_panel.data_releases li {
    float: left;
}

.release_stats .stat_icon {
    width: 28px;
}

.release_stats .stat_info {
    padding: 2px 0 0 30px;
}

.release_stats .stat_icon img {
    width: 20px;
    height: 20px;
}

.release_map .stat_info {
    padding-left: 5px;
}

.release_map img {
    margin-right: 12px;
}

.release_map .stat_title {

    display: block;
}


.press_contact {
    float: right;
    width: 240px;
    overflow: hidden;
}

.press_contact .contacts {
    margin: 1em 0;
    padding: 5px 20px;
    background-color: #F4F4F4;
    border: 1px solid #e8e8e8;
    -moz-box-shadow: 0 2px 5px #AAAAAA;
    -webkit-box-shadow: 0 2px 5px #AAAAAA;
    box-shadow: 0 2px 5px #AAAAAA;
}


.press_contact .contacts .business_card {
    width: 100%;
    float: none;
    border: 0;
}

.quarter {
    overflow: hidden;
    border-top: 2px solid #E8E8E8;
    margin-top: 1em;
}


.quarter:first-child {
    overflow: hidden;
    border-top: 0;
    margin-top: 0;
}

                                            /*  INFO PANELS       */

.grey_panel {
    padding: 5px 20px;
    background-color: #F4F4F4;
    border: 1px solid #e8e8e8;
    -moz-box-shadow: 0 2px 5px #AAAAAA;
    -webkit-box-shadow: 0 2px 5px #AAAAAA;
    box-shadow: 0 2px 5px #AAAAAA;
}


.info_panel {
    border-left: 175px solid #824d6a;
    padding: 10px 25px;
    color: #333333;
    font-size: 116%;
    position: relative;
    left: -370px;
    width: 100%;
    margin: 10px 0 20px 0;
}

.info_panel h4 {
    position: absolute;
    left: -165px;
    top: 8px;
    width: 155px;
    text-align: center;
    color: #FFFFFF;
    font-size: 116%;
}


.info_panel.green {
    background-color: #d2d499;
    border-left-color: #a0a434;
}

.info_panel.mauve {
    background-color: #c2a6b5;
    border-left-color: #824d6a;
}

.info_panel.teal {
    background-color: #99bfc5;
    border-left-color: #3d8591;
}

.info_panel.grey {
    background-color: #b5b5b5;
    border-left-color: #6a6a6a;
}

                                            /*  TIMELINE       */

.timeline_base {
    height: 350px;
    position: relative;
    width: 100%;
    margin-left: 7%;
}

.timeline_base h4 {
    margin: 0;
    color: #FFFFFF;
    font-family: OxygenBold, sans-serif;
}

.timeline_year {
    width: 3.2%;   /*  100% / 31 years = 3.2% (Rounded down to cure IE7 conflict and Opera support) */
    height: 100%;
    float: left;
    position: relative;
    background: #f3f3f3 url('/img/timeline_arrows.png') no-repeat center 8px;
}

.timeline_year.even {
    background: #FFFFFF url('/img/timeline_arrows_even.png') no-repeat center 8px;
}

.timebars_row1,
.datebar_row1 {
    position: absolute;
    top: 120px;
    left: 0;
    width: 100%;
}

.timebars_row2,
.datebar_row2 {
    position: absolute;
    top: 190px;
    left: 0;
    width: 100%;
}

.timebar {
    width: 3.2%;   /*  100% / 21 years = 4% (Rounded down to cure IE7 conflict and Opera support) */
    height: 60px;
    float: left;
    position: relative;
    background-color: #f3f3f3;
}

.timebar.even {
    background-color: #FFFFFF;
}

.timebar.green {
    background-color: #aaae40;
}

.timebar.mauve {
    background-color: #8c5874;
}

.timebar.teal {
    background-color: #408692;
}

.timebar.grey {
    background-color: #7a8690;
}

.timebar.dkblue {
    background-color: #44546A;
}

.datebar {
    position: absolute;
    padding: 12px 10px 0;
}

.datebar h4 sub {
    font-size: 77%;
}

.datebar.y1992 {
    left: 0;
}

.datebar.y1996 {
    left: 12.0%;    /*  3.2% * 4 years  */
    width: 8%;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.datebar.y1998 {
    left: 17.6%;    /*  3.2% * 6 years minus a bit */
}

.datebar.y1999 {
    left: 22.4%;    /*  3.2% * 7 years  */
}

.datebar.y2006 {
    left: 42.8%;    /*  3.2% * 13 years minus a bit */
}

.datebar.y2007 {
    left: 48%;    /*  4% * 15 years  */
}

.datebar.y2011 {
    left: 60.8%;    /*  4% * 19 years  */
    width: 6;
    padding-left: 1%;
    padding-right: 1%;
}

.datebar.y2016 {
    left: 76.8%;    /*  3.2% * 24 years  */
}

.datebar.y2020 {
    left: 87.8%;    /*  3.2% * 28 years minus a bit */
}

.datebar.y2021 {
    left: 92.8%;    /*  3.2% * 29 years  */
}

.milestone {
    position: absolute;
}

.milestone h4 {
    margin: 0;
    padding: 10px 15px 6px;
    background-color: #FFFFFF;
}


.milestone.first {
    top: 70px;
    left: 3.2%;
    cursor: pointer;
}

.milestone.first h4 {
    border: 1px solid #aaae40;
    color: #8e9300;
}

.milestone.first .milestone_content {
    border: 1px solid #aaae40;
}

.milestone.first:hover h4 {
    color: #444600;
    background-color: #d2d499;
}


.milestone.second {
    top: 70px;
    left: 27.6%;
    cursor: pointer;
}

.milestone.second h4 {
    border: 1px solid #408692;
    color: #005e6e;
}

.milestone.second .milestone_content {
    border: 1px solid #408692;
}

.milestone.second:hover h4 {
    color: #003a44;
    background-color: #99bfc5;
}


.milestone.third {
    top: 70px;
    right: 22.0%;
    margin-right: 0%;
    cursor: pointer;
}

.milestone.third h4 {
    border: 1px solid #8c5874;
    color: #662046;
    text-align: right;
}

.milestone.third .milestone_content {
    border: 1px solid #8c5874;
}

.milestone.third:hover h4 {
    color: #501836;
    background-color: #c2a6b5;
}

.milestone.current {
    top: 70px;
    right: 0.8%;
    margin-right: 0%;
    cursor: pointer;
}

.milestone.current h4 {
    border: 1px solid #44546A;
    color: #44546A;
    text-align: right;
}

.milestone.current .milestone_content {
    border: 1px solid #44546A;
}

.milestone.current:hover h4 {
    color: #44546A;
    background-color: #a2aab5;
}


.milestone.review h4 {
    border: 1px solid #7d8993;
    color: #51626f;
}

.milestone.diary h4,
.milestone.mobile h4,
.milestone.review2 h4 {
    border: 1px solid #7d8993;
    color: #51626f;
    text-align: right;
}

.milestone.review .milestone_content,
.milestone.diary .milestone_content,
.milestone.mobile .milestone_content,
.milestone.review2 .milestone_content {
    border: 1px solid #7d8993;
}

.milestone.review:hover h4,
.milestone.diary:hover h4,
.milestone.mobile:hover h4,
.milestone.review2:hover h4 {
    color: #112a3d;
    background-color: #b9c0c5;
}

.milestone.review {
    top: 260px;
    left: 12.8%;
    cursor: pointer;
}

.milestone.diary {
    top: 260px;
    right: 32.8%;
    margin-right: 0%;
    cursor: pointer;
}

.milestone.mobile {
    top: 310px;
    right: 16.8%;
    margin-right: 0%;
    cursor: pointer;
}

.milestone.review2 {
    top: 260px;
    right: 4%;
    margin-right: 0%;
    cursor: pointer;
}


.milestone_content {
    width: 480px;
    display: none;
    background-color: #FFFFFF;
    overflow: hidden;
    padding: 10px 20px;
    border-top: 0 !important;
}


.milestone:hover h4 {
   border-bottom: 0;
}

.milestone:hover {
    z-index: 1;
    -moz-box-shadow: 0 5px 5px #AAAAAA;
    -webkit-box-shadow: 0 5px 5px #AAAAAA;
    box-shadow: 0 5px 5px #AAAAAA;
}

.milestone:hover .milestone_content {
    display: block;
}



                                            /*  LOGIN START     */
.login_box
{
    margin-bottom: 1.5em;
}

.login_box .login_item {
padding: 5px 0;
clear: both;
overflow: hidden;
}

#t_and_c {
clear: both;
overflow: hidden;
}

.login_box label {
width: 6em;
float: left;
font-size: 123.1%;
padding-top: 0.4em;
}

.login_field {
float: left;
font-size: 131%;
padding: 4px 6px;
}

.login_box input[type=checkbox] {
margin: 0.7em;
}

                                            /*  LOGIN END       */
.results_title h3,
.results_title h4 {
    margin: 0 1em 0 0;
    display: inline;
}

form.quarterly {
padding-left: 2em;
background: #FFFFFF url(/img/form_bkgd.gif) repeat-x left 0;
overflow: auto;
min-height: 168px;
}

.bs_quarterly_listening form.quarterly {
min-width: 970px;
}

form.quarterly .form_wrapper
{
padding: 0.7em 0.3em;
float: left;
}

form.quarterly .form_column_one
{
float: left;
padding: 0.3em 1em 0 0;
}

form.quarterly .form_column_two
{
float: left;
padding: 0.3em 1em;
border-left: 1px solid #DADADA;
border-right: 1px solid #DADADA;
}

form.quarterly .form_column_three
{
padding-right: 5px;
overflow: auto;
height: 9.5em;
width: 17em;
background: #FFFFFF;
border-right: 1px solid #DADADA;
}

form.quarterly .box_border
{
background: #DADADA url('../img/box_border.gif') repeat-y;
padding: 1px 0;
}

form.quarterly .form_group
{
padding: 4px 5px;
border-top: 1px solid #DADADA;
}


form.quarterly .form_group:first-child
{
padding: 0 5px 4px 5px;
border-top: 0;
}

form.volumes select,
form.mapping select {
    font-size: 116%;
}

form.volumes .form_item {
    margin: 1em 0;
}

form.volumes .quarter {
    margin: 2em 0 0 0;
    padding: 1em 0 0 0;
}

.em
{
padding: 0.3em 0;
font-style: italic;
display: block;
}

ul.errors li {
    list-style: none;
    color: #990000;
}


.form_element {
    margin: 1em 0;
}

.form_subs
{
padding: 3px 10px;
float: left;
border: 1px solid #DADADA;
background: #ffffff;
}

.form_subs h4
{
margin: 2px 0 -2px 0;
}

form.quarterly .subs_column_one
{
clear: both;
float: left;
}

form.quarterly .subs_column_two
{
float: left;
padding-left: 15px;
}

form.quarterly .subs_group
{
}

form.quarterly .subs_item
{
float: left;
padding-bottom: 0.5em;
}

form.quarterly .buttons
{
float: left;
}

form.quarterly .submitter
{
padding-top: 4.2em;
vertical-align: bottom;
padding-left: 0.4em;
}

form.quarterly .icons
{
margin-top: 1em;
padding-left: 0.4em;
height: 2em;
vertical-align: bottom;
}

.checkbox_aligner
{
width:8em;
float: left;
}

select
{
border: 1px solid #DADADA;
}

select.right
{
text-align: right;
float: none;
}

input.text
{
border: 1px solid #BEC266;
}

input.button,
.qtr_button {
background: #9FA617;
font-weight: bold;
font-size: 116%;
padding: 0.35em 1.5em 0.25em;
cursor: pointer;
border: 0;
color: #FFFFFF;
border-radius: 6px;
}

.qtr_button {
font-size: 100%;
padding: 0.5em 0.85em 0.5em;
display: inline-block;
}

.qtr_button img {
vertical-align: middle;
}

#grey
{
font-weight: normal;
font-size: 85%;
margin: 3px 0;
width: 8.5em;
background: #CBCBCB;
}


input.button:hover, #grey:hover, .qtr_button:hover {
text-decoration: none;
background: #636800;
}

label.required:after {
    content: "*";
}

.form_tabs
{
position: relative;
top: -1.7em;
margin-bottom: -1.7em;
}

.form_tabs      /*  IE6 and IE7 only reads this (to cater for tab panel height discrepency)     */
{
*top: -1.62em;
*margin-bottom: -1.62em;
}

.form_tabs .day_of_week
{
color: #555555;
font-size: 0.95em;
text-transform: capitalize;
background: #D9E2E8;
cursor:pointer;
padding: 0 15px;
height: 1.7em;
font-weight: bold;
border-color: #DADADA #DADADA -moz-use-text-color;
border-style: solid solid none;
border-width: 1px 1px medium;
}

.form_tabs .day_of_week:hover
{
background: #BACCD8;
}

.form_tabs .day_of_week_active
{
color: #000000;
text-transform: capitalize;
background: #FFFFFF;
cursor: pointer;
padding: 0 15px;
height: 1.7em;
font-weight: bold;
border-color: #DADADA #DADADA #FFFFFF #DADADA;
border-style: solid;
border-width: 1px 1px medium;
}

/* Registration form - begin */
#register label {
    width: 10em;
    float: left;
}

#register input {
    float: left;
}
/* Registration form - end */

table.dl th {
    width: 6em;
    color: #888;
}

table.dl td{
    margin: 0.5em 0.5em;
}

a.sml_button
{
background: #ECE26A url('../img/sml_button.gif') repeat-x;
border: 1px solid #DADADA;
border-bottom: 1px solid #BEC266;
border-right: 1px solid #BEC266;
font-size: 80%;
height: 17px;
padding: 1px 4px;
cursor: pointer;
text-decoration: none;
color: #000000;
}

a.sml_button:hover
{
background: #DADADA url('../img/sml_button.gif') repeat-x left -17px;
}

a.sml_button img
{
vertical-align: middle;
}

.close
{
clear: both;
}

.results_area
{
background-color: #FFFFFF;
clear: both;
padding: 1em 1em 1.5em 40px;
}

.table_buttons
{
padding-bottom: 5px;
float: right;
}


.data_table
{
clear: both;
padding: 0;
margin: 0 30px 30px 0;
border-top: 1px solid #DADADA;
border-left: 1px solid #DADADA;
empty-cells: show;
}

.data_table th
{
color:#555555;
font-weight: bold;
background: #d9e5e8;
padding: 0.4em 0.3em;
border-right: 1px solid #a7bbc9;
border-bottom: 1px solid #a7bbc9;
vertical-align: top;
}

.data_table td
{
padding: 0.4em 0.3em;
border-right: 1px solid #DADADA;
border-bottom: 1px solid #DADADA;
vertical-align: top;
}

.data_table .alternateRow td {
    background-color: #F4F4F4;
}

.data_table td.num
{
text-align: right;
}

.station_menu_handle
{
    text-decoration: underline;
    color: #005E6E;
    cursor: pointer;
    font-weight: bold;
}

.station_menu_handle:hover
{
    text-decoration: none;
}

.station_report_links
{
    background-color: white;
    color: #636800;
}

.station_report_links_hidden
{
    background: #e5ebf0;
    display: none;
    position: absolute;
    border: 1px solid #A7BBC9;
    padding: 0.5em 0.8em;
    width: 12em;
}

.station_report_links a
{
    color: #636800;
}

.columns_selector_hidden
{
    position:         absolute;
    visibility:       hidden;
    background-color: #fff;
    text-align:       left;
    width:            15em;
}

#popup_close
{
text-decoration: none;
float:right;
background: url('/img/close_button.gif') no-repeat;
width: 16px;
height: 15px;
}

#popup_close:hover
{
background: url('/img/close_button.gif') no-repeat left -15px;
}

#qtr_files_pdf, #qtr_files_xls {
    display: none;
    visibility: hidden;
}

#volumes_links, #volumes_unavailable {
    display: none;
    visibility: hidden;
}

.back_button
{
    font-weight: bold;
    text-decoration: none;
    padding: 0 0 2px 22px;
    background: url('../img/back_icon.gif') no-repeat;
}

.back_button:hover
{
    background: url('../img/back_icon.gif') no-repeat left -100px;
}

.sort
{
    cursor: pointer;
}


.sort:hover
{
    border-bottom: 1px solid #a7c3c9;
    background: #baccd8;
}

.sort img
{
    margin-left: 0.6em;

}

.tool-tip
{
    width: 220px;
    padding: 0.5em;
    background-color: #ffff99;
    color: #000000;
    border: solid 1px #999999;
}

/*.quarter a {text-decoration: none;font-style: normal;}
.quarter a span {text-decoration: underline;}
.quarter a:hover span {text-decoration: none;}
.quarter img {vertical-align: middle;}
.quarter ul {margin: 0.6em 0 0 0;padding: 0;}
.quarter li {list-style-type: none;margin: 0.4em 0;font-style: italic;}*/

.station_list_and_buttons
{
clear: both;
}


.station_list
{
clear: both;
float: left;
height: 200px;
overflow: auto;
padding: 0 20px 0 5px;
border: 1px solid #BEC266;
overflow-x: hidden;
}


.quarter_buttons
{
clear: both;
padding-top: 10px;
}

.quarter_buttons .button
{
margin: 0.2em 0;
width: 10em;
}

.complaints_area
{
    margin-top: 1.5em;
}

.complaint
{
    border-top: 1px solid #DADADA;
    padding: 1em 0 0;
    overflow: hidden;
}

.complaint img
{
    float: left;
    margin: 0.5em 2em 1em 0;
}

                                    /* Meet the team */
.bs_meet_the_team .body {
    margin-top: 50px;
    padding-top: 20px;
    position: relative;
    z-index: 1;
    border-top: 1px solid #E8E8E8;
}

.contacts .business_card {
    color: #662046;
    float: left;
    width: 29%;
    margin: 0 2% 1.25em 0;
    padding: 0.75em 1%;
    position: relative;
    border: 1px solid #E8E8E8;
    background-color: #F4F4F4;
}

.contact_switch {
    position: absolute;
    top: -90px;
    width: 32%;
    z-index: 0;
    overflow: hidden;
    padding-bottom: 53px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url('/img/contact_switch.png');
    transition: background-color .2s;
    -moz-transition: background-color .2s;
    -webkit-transition: background-color .2s;
}

.contact_switch.secretariat,
.contact_switch.stations {
    left: 0;
}
.contact_switch.board,
.contact_switch.non-broadcaster {
    left: 34%;
}
.contact_switch.tmg,
.contact_switch.bureaux {
    left: 68%;
}

.contact_switch.open,
.contact_switch.open:hover {
    top: -95px;
    z-index: 2;
    background-image: url('/img/contact_switch_open.png');
}

.contact_switch span {
    border-radius: 15px 15px 0 0;
    font-family: OxygenRegular, sans-serif;
    font-size: 123.1%;
    text-align: center;
    display: block;
    background-color: #FFFFFF;
    border-top: 2px solid #E8E8E8;
}

.contact_switch span {
    height: 2.5em;
    padding: 2em 0 0;
}
.contact_switch.tmg span {
    height: 3.0em;
    padding: 1.5em 0 0;
}

.contact_switch.open span,
.contact_switch.open:hover span {
    font-family: OxygenBold, sans-serif;
    color: #FFFFFF;
    background-color: #8d3e6b;
    text-decoration: none;
}

.contact_switch:hover {
    text-decoration: none;
    background-image: url('/img/contact_switch_hover.png');
    z-index: 2;
}

.contact_switch:hover span {
    background-color: #e0c9d6;
    color: #501836;
}

.contacts h3 {
    clear: both;
    padding-bottom: 0;
}

.contacts .business_card_column h4 {
    margin: 1em 0 1.25em 0;
    padding: 0;
    font-size: 100%;
    border-bottom: 1px solid #000000;
    position: relative;
}

.contacts .business_card_column h4 span.centred {
    margin: 0;
    font-style: italic;
    position: absolute;
    top: -0.6em;
    width: 100%;
    text-align: center;
}

.contacts .business_card_column h4 span.centred span {
    background-color: #FFFFFF;
    padding: 0 1.5em;
}

.contacts .business_card h5 {
    margin: 0.5em 0 0 0;
    padding: 0;
    color: #333333;
    font-size: 123.1%;
    font-style: normal;
}

.contacts .business_card img {
    float: left;
    margin-right: 1.5em;
    position: relative;
}

.contacts .business_card a {
    margin-top: 0.4em;
    display: inline-block;
}

#map-widget-container {
    position: fixed !important;
    height: 100% !important;
}

/* FOOTER START */

.footer {
    color: #888888;
    font-size: 93%;
    overflow: hidden;
    clear: both;
    padding: 30px 0 40px;
}

.footer_col {
    padding-left: 20px;
}

.footer_heading {
    font-size: 108%;
}

.footer ul {
    padding: 0;
    margin: 5px 0;
}

.tableContainer {
    position: relative;
}

.bs_quarterly_listening .data_table {
    margin: 0;
}

.bs_quarter_hour_chart .tableContainer {
    top: 215px;
}

.bs_quarter_hour_chart .quarterly {
    background-image: none;
}



.splash.short {
    max-width: none;
    background-repeat: repeat-x;
    height: 45px;
    overflow: hidden;
}

.flash_message {
    width: 100%;
    padding: 1em;
    margin: 1em;
}

.revalidation_popup {
    width: 400px;
}
.revalidation_popup div.label_checkbox_pair {
    clear: both;
    float: none;
    position: relative;
    margin: 1em 0;
}

.revalidation_popup div.label_checkbox_pair input {
    left: 10px;
    position: absolute;
    top: 1px;
}

.revalidation_popup div.label_checkbox_pair label {
    display: block;
    margin-left: 30px;
}

.revalidation_popup button {
    clear: both;
    margin: 1em 30px;
}

.revalidation_popup .date {
    margin-left: 30px;
    width: 10em;
}

.revalidation_popup .descripion {
    margin-left: 30px;
    text-align: left;
    font-style: italic;
    width: 160px;
}
 /* --- Cookie warning --- */
 #cookie_warning {
    z-index: 99999;
     width: 100%;
     margin: 0;
     left: 0;
     color: #ffff;
     font-size: 14px;
     line-height: 19px;
     background-color: #6E224B;
     border-top: 2px solid #fff;
     position: fixed;
     padding: 0.25em 0 0.25em 3em;
     border-bottom: none;
     bottom: 0px;
 }

 #cookie_warning button {
     color: #fff;
     width: 11em;
     background: #94902C;
     border: 1px solid #fff;
     margin-top: 6px;
     font-size: 18px;
     font-weight: normal;
     margin-right: 7px;
     border-radius: 5px;
     margin-bottom: 10px;
     padding: 14px;
     position: absolute;
     top: 15%;
     right: 5em;
     opacity: 100;
 }
 #cookie_warning h2 {
     margin-bottom: 10px;
 }

 #cookie_warning a {
     color: #94902C;
     font-weight: bold;
 }

  #cookie_warning div {
      width: 65%;
      color: #fff;
  }

/* This is the basis of making data tables scrollable with fixed headers.
 * Don't uncomment this though, because it doesn't work, changes colours, and
 * messes with the column headers. It needs much more work before it can be
 * used.
 *
 *
div.tableContainer {
border:1px solid #996633;
clear:both;
height:285px;
overflow:auto;
width:756px;
}
html > body div.tableContainer {
overflow:hidden;
width:756px;
}
div.tableContainer table {
float:left;
width:740px;
}
html > body div.tableContainer table {
width:756px;
}
thead.fixedHeader tr {
position:relative;
}
html > body thead.fixedHeader tr {
display:block;
}
thead.fixedHeader th {
background:#CC9966 none repeat scroll 0%;
border-left:1px solid #EEBB88;
border-right:1px solid #BB7744;
border-top:1px solid #EEBB88;
font-weight:normal;
padding:4px 3px;
text-align:left;
}
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
color:#FFFFFF;
display:block;
text-decoration:none;
width:100%;
}
thead.fixedHeader a:hover {
color:#FFFFFF;
display:block;
text-decoration:underline;
width:100%;
}
html > body tbody.scrollContent {
display:block;
height:262px;
overflow:auto;
width:100%;
}
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
background:#FFFFFF none repeat scroll 0%;
border-color:#DDDDDD rgb(204, 204, 204) -moz-use-text-color -moz-use-text-color;
border-style:solid solid none none;
border-width:1px 1px medium medium;
padding:2px 3px 3px 4px;
}
tbody.scrollContent tr.alternateRow td {
background:#EEEEEE none repeat scroll 0%;
border-color:#DDDDDD rgb(204, 204, 204) -moz-use-text-color -moz-use-text-color;
border-style:solid solid none none;
border-width:1px 1px medium medium;
padding:2px 3px 3px 4px;
}
html > body thead.fixedHeader th {
width:200px;
}
html > body thead.fixedHeader th + th {
width:240px;
}
html > body thead.fixedHeader th + th + th {
width:316px;
}
html > body tbody.scrollContent td {
width:200px;
}
html > body tbody.scrollContent td + td {
width:240px;
}
html > body tbody.scrollContent td + td + td {
width:300px;
}
*/