body { font-family: arial,helvetica,sans-serif; font-size: 13px; color: #808080; background: #ffffff; margin: 0px; padding: 0px; }
td   { font-family: arial,helvetica,sans-serif; font-size: 13px; color: #808080; vertical-align: top; text-align: left; }

form { margin: 0px; }

a       { text-decoration: none; color: #007dc3; outline: none; }
a:hover { text-decoration: none; color: #00669f; }
a:visited { text-decoration: none; color: #007dc3; }
a:visited:hover { text-decoration: underline; color: #00669f; }
a:active { text-decoration: none; color: #000000; }

img { vertical-align: middle; font-size: 1px; }

a img { border: none; }

.clear { clear: both; }

.banners {}
.banner  { display: none; }

.headbanner { width: 468px; height: 60px; }

.headbanner .banners {}
.headbanner .banner  {}

.welcomeText { font-size: 24px; font-weight: bold; color: #ffad18; }

.headcell    { height: 150px; background: ffffff; }
.menucell    { height: 56px; background: #606060; }
.panelcell   { background: #d0d0d0; }
.contentcell { background: #ffffff; padding: 0px; }
.footcell    { height: 72px; vertical-align: bottom; background: #c4c4c4;
               background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c4c4c4), to(#ffffff));
               background: -webkit-linear-gradient(top, #c4c4c4, #ffffff);
               background: -moz-linear-gradient(top, #c4c4c4, #ffffff);
               background: -ms-linear-gradient(top, #c4c4c4, #ffffff);
               background: -o-linear-gradient(top, #c4c4c4, #ffffff);
             }

.headcell .head { width: 950px; margin-left: auto; margin-right: auto; padding: 30px 0 0 0; }

.menucell .menu { width: 950px; margin-left: auto; margin-right: auto; padding: 19px 0 0 0; }

.contentcell .hero { height: 322px; margin-top: 28px; background: #c4c4c4;
                     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c0c0c0), to(#e0e0e0));
                     background: -webkit-linear-gradient(top, #c0c0c0, #e0e0e0);
                     background: -moz-linear-gradient(top, #c0c0c0, #e0e0e0);
                     background: -ms-linear-gradient(top, #c0c0c0, #e0e0e0);
                     background: -o-linear-gradient(top, #c0c0c0, #e0e0e0);
             }
.contentcell .hero .picture { width: 950px; margin-left: auto; margin-right: auto; height: 262px; background: #ffffff; }
.contentcell .hero .strapline { width: 950px; margin-left: auto; margin-right: auto; height: 60px; background: #e55a00;
                     background: -webkit-gradient(linear, left top, right top, from(#e55a00), to(#f6d50f));
                     background: -webkit-linear-gradient(left, #e55a00, #f6d50f);
                     background: -moz-linear-gradient(left, #e55a00, #f6d50f);
                     background: -ms-linear-gradient(left, #e55a00, #f6d50f);
                     background: -o-linear-gradient(left, #e55a00, #f6d50f);
                     font-size: 18px; color: #ffffff;
             }
.contentcell .box { width: 950px; margin-left: auto; margin-right: auto; padding: 23px 0 0 0; background: transparent; }
.contentcell .box .articles { float: left; width: 374px; margin-right: 80px; }
.contentcell .box .sections { float: left; }
.contentcell .box .sections .padder { float: left; width: 20px; }
.contentcell .box .sections .chartbox { float: left; width: 152px; background: #606060; }
.contentcell .box .sections .chartbox .graphic { height: 159px; background: #e4e4e4; }
.contentcell .box .sections .chartbox .title { padding: 5px; 4px 0 6px; line-height: 18px; color: #ffffff; }
.contentcell .box .sections .chartbox .title a { color: #ffffff; }

.morenews { padding-left: 80px; }

.footcell .foot { position: relative; width: 950px; margin-left: auto; margin-right: auto; }
.footcell .foot .copy { position: absolute; left: 0; bottom: 24px; text-align: left; color: #606060; font-size: 12px; font-weight: bold; }
.footcell .foot .dlm { position: absolute; right: 0; bottom: 18px; text-align: right; }
.footcell .foot .terms {}

.note    { font-size: 10px; font-weight: bold; padding: 0px 2px 0px 2px; }
.error   { color: #ff0000; font-weight: bold; padding-bottom: 5px; }
.message { color: #008000; font-weight: bold; padding-bottom: 5px; }

.formLabel   { font-weight: bold; text-align: right; padding-right: 10px; }
.formElement { border: 1px solid #000000; background-color: #ffffff; }
.formButton  { border: 1px solid #808080; background-color: #808080; color: #ffffff; color: rgb(250,250,250); font-weight: bold; padding-left: 5px; padding-right: 5px; }
.formButtons { text-align: left; padding-top: 10px; }

.mandatory { color: #e55a00; }

.pageTitle { font-size: 16px; font-weight: bold; color: #ffad18; padding: 2px 2px 20px 2px; }
.subHead   { font-size: 12px; font-weight: bold; color: #ffad18; padding: 2px 2px 10px 2px; }

.footcell .footer {}

/*
 *
 *  site styles
 *
 */

.activeMonth      { font-weight: bold }
.unclickableMonth { font-weight: normal }

.header1 {}
.header2 {}
td.menu1 { text-transform: uppercase; }
.menu2 {}

.page1 { width: 772px; height: 76px; }
.page2 { height: 76px; }

.content { width: 700px; }
.dotdotdot { background-image:url('/art/dotdotdot.gif'); background-repeat: no-repeat; height: 1px; font-size: 1px; line-height: 1px; }
.dotdot { background-image:url('/art/dotdot.gif'); background-repeat: repeat-y; }
.heading { font-size: 18px; font-weight: normal; padding: 0 0 18px 0;
           text-transform: uppercase;
           background-image: -webkit-gradient(linear, left top, right top, from(#e55a00), to(#f6d50f));
           -webkit-background-clip: text;
           -webkit-text-fill-color: transparent;
         }
.main { padding: 0; }
.chartDateSelect { width: 120px }
.chartListT { background-image:url('/art/chartList_top.gif'); }
.chartListB { background-image:url('/art/chartList_btm.gif'); }
.chartList1 { background-image:url('/art/chartList_1.gif'); }
.chartList2 { background-image:url('/art/chartList_2.gif'); }
.more2      { padding-top: 3px; }
.centreIt	{ text-align: center; vertical-align: middle; }
.chartPublisher	{ font-size: 10px; }
.chartTitle		{ font-weight: bold; }

.chartNum		{ text-align: center; vertical-align: middle; color: #FFFFFF; font-weight: bold; }
.chartNumTW		{ background: url('/art/orangeBullet.gif') no-repeat; background-position: 2px 0px; text-align: center; padding-top: 2px; font-weight: bold; }
.chartNumLW		{ background: url('/art/orangeBullet.gif') no-repeat; background-position: 1px 0px; text-align: center; padding-top: 2px; }

.chartTopTW		{ color: #ffad18; }
.chartTopLW		{ color: #ffad18; }
.chartTopTitle		{ color: #ffad18; }
.chartTopPublisher	{ color: #ffad18; }
.col1ODD,  .col2ODD,  .col3ODD,  .col4ODD  { font-size: 12px; padding-left: 5px; vertical-align:middle; }
.col1EVEN, .col2EVEN, .col3EVEN, .col4EVEN { font-size: 12px; padding-left: 5px; background-color: #FFF8E5; vertical-align:middle; }

.imageR         { float: right; margin-right: 5px; margin-left: 15px; }
.image2         { float: left; margin-right: 5px; margin-bottom: 5px; margin-top: 5px; }
.imageico       { float: left; margin-right: 5px; margin-bottom: 5px; }

.selectSub {}
.selectSub td { vertical-align: middle; }

.dateSelect td { vertical-align: middle; }

/*
 *  Site-wide defaults for the various classes, list type specific values are set below
 */

.head          { font-size: 14px; font-weight: bold; padding-top: 5px; }
.title         { margin: 0px; font-weight: normal; color: #007dc3; line-height: 19px; }
.date          { margin: 0px; font-size: 12px; color: #999999; line-height: 19px; }
.standfirst    { margin: 0px; color: #007dc3; line-height: 19px; }
.standfirst a:hover  { text-decoration: none; }

.body          { margin: 0px; }
.image         { float: left; margin: 3px 12px 0 0; }

.list .title      { font-weight: bold; }
.list .date       {}
.list .standfirst {}
.list .body       {}
.list .image      {}

.item .title      { font-size: 14px; font-weight: bold; }
.item .date       { text-align: right; margin-right: 5px; }
.item .standfirst {}
.item .body       {}
.item .image      {}

.more          { display: block; text-align: right; padding-top: 3px; }
.more a        {}
.more a:hover  {}

.view          { padding-top: 3px; }
.view a        {}
.view a:hover  {}

.page       { text-align: center; margin: 0; }
.page .prev { float: left;  padding: 2px 4px 2px 4px; border: 1px solid black; }
.page .next { float: right; padding: 2px 4px 2px 4px; border: 1px solid black; }
.page .num  { margin: 0px 2px 0px 2px; padding: 2px 4px 2px 4px; border: 1px solid black; }
.page .sep  { margin: 0px 2px 0px 2px; padding: 2px 4px 2px 4px; }
.page .cur  { font-weight: bold; background: #e0e0e0; }

#formListHolder { position: relative; }
#darkBack { position: absolute; top: 0px; left: 0px; background: #000000; text-align: center; opacity: 0.7; }

.files         { width: 120px; border: 1px solid #d0d0d0; }
.fileHead      { background: #d0d0d0; font-weight: bold; margin: 0px; padding-left: 2px; }
.fileSubHead   {}
.files a       {}
.files a:hover {}


/*
 * Twitter Icon LInk
*/

.twitter   { padding-right: 30px; }
.twitter a { color: #007dc3; text-decoration: none; }
a:hover, a:active { color: #007dc3; }
#twitter_panel { min-height:45px; height:auto !important; height:40px; padding: 0 0 10px 0; margin: 0; }
#twitter_update_list            { padding: 0; margin: 0; overflow: hidden; font-family: Arial, sans-serif; font-size: 13px; color: #999; line-height: 16px; }
#twitter_update_list li         { list-style: none; padding: 28px 0 0 0; margin: 0; }
#twitter_update_list li a       { color: #007dc3; text-decoration: none; }
#twitter_update_list li a:hover { color: #007dc3; }


/*
 * Fun stuff herein
 * Each list type has a class
 * Each list type can appear in a list of as an item
 * Each item attribute has a class
 *
 * e.g. ".news .list .standfirst" refers to the standfirst of a news story in the list context
 *
 * Also the "...read more" and "View the X page" links have a class each of their own
 *
 * Also the "Related Files" boxout has a class
 * The "Related Files" header has a class
 * The file type titles under "Related Files" have a class
 *
 * e.g. ".news .fileHead" refers to the related files header for a news story
 */

.allnews .list .image     { height: 68px; width: 68px; }

.uknews .list .image      { height: 68px; width: 68px; }
.uknews .list .date, uknews .list .title, uknews .list .standfirst { width: 620px; }

.irishnews .list .image   { height: 68px; width: 68px; }
.irishnews .list .date, irishnews .list .title, irishnews .list .standfirst { width: 620px; }

.news { width: 100%; }

.news .activeMonth { font-weight: bold }
.news .unclickableMonth { font-weight: normal }

.news .list .head       {}
.news .list .title      {}
.news .list .date       {}
.news .list .standfirst {}
.news .list .body       {}
.news .list .image      { height: 68px; width: 68px; }

.news .item .head       {}
.news .item .title      {}
.news .item .date       {}
.news .item .standfirst {}
.news .item .body       {}
.news .item .image      {}

.news .more         {}
.news .more a       {}
.news .more a:hover {}

.news .view         {}
.news .view a       {}
.news .view a:hover {}

.news .files       {}
.news .fileHead    {}
.news .fileSubHead {}


.jobs { width: 100%; }

.jobs .list .head       {}
.jobs .list .title      {}
.jobs .list .date       {}
.jobs .list .standfirst {}
.jobs .list .body       {}
.jobs .list .image      {}

.jobs .item .head       {}
.jobs .item .title      {}
.jobs .item .date       {}
.jobs .item .standfirst {}
.jobs .item .body       {}
.jobs .item .image      {}

.jobs .more         {}
.jobs .more a       {}
.jobs .more a:hover {}

.jobs .view         {}
.jobs .view a       {}
.jobs .view a:hover {}

.jobs .files       {}
.jobs .fileHead    {}
.jobs .fileSubHead {}


.staff { width: 100%; }

.staff .list .head       {}
.staff .list .title      {}
.staff .list .date       {}
.staff .list .standfirst {}
.staff .list .body       {}
.staff .list .image      {}

.staff .item .head       {}
.staff .item .title      {}
.staff .item .date       {}
.staff .item .standfirst {}
.staff .item .body       {}
.staff .item .image      {}

.staff .more         {}
.staff .more a       {}
.staff .more a:hover {}

.staff .view         {}
.staff .view a       {}
.staff .view a:hover {}

.staff .files       {}
.staff .fileHead    {}
.staff .fileSubHead {}


.events { width: 100%; }

.events .list .head       {}
.events .list .title      {}
.events .list .date       {}
.events .list .standfirst {}
.events .list .body       {}
.events .list .image      {}

.events .item .head       {}
.events .item .title      {}
.events .item .date       {}
.events .item .standfirst {}
.events .item .body       {}
.events .item .image      {}

.events .more         {}
.events .more a       {}
.events .more a:hover {}

.events .view         {}
.events .view a       {}
.events .view a:hover {}

.events .files       {}
.events .fileHead    {}
.events .fileSubHead {}


.proj { width: 100%; }

.proj .list .head       {}
.proj .list .title      {}
.proj .list .date       {}
.proj .list .standfirst {}
.proj .list .body       {}
.proj .list .image      {}

.proj .item .head       {}
.proj .item .title      {}
.proj .item .date       {}
.proj .item .standfirst {}
.proj .item .body       {}
.proj .item .image      {}

.proj .more         {}
.proj .more a       {}
.proj .more a:hover {}

.proj .view         {}
.proj .view a       {}
.proj .view a:hover {}

.proj .files       {}
.proj .fileHead    {}
.proj .fileSubHead {}