/**************************** Global Colours that won't change *******************************/
body {color: #333;}

#right_wrap {background: #FFFFFF; }


#bannerimage {  border-right: 1px solid #DADADA;}
#bannerimage form { color: #fff;}
#bannerimage form label {color: #fff;}
#bannerimage form input {border: 1px solid #AAAEB1; }
#bannerimage form input.sub {background: #fff; color: #333; }

a {color: #333; }


#center {border-right: 1px solid #DADADA; }

.logout_box {background: #E1F2DD; color: #fff}
.logout_box p.top {background: #39A91C; }
.logout_box a { color: #fff; }
.logout_box a:hover {color: #eac800;}


.leftcol_whitebox { color: #444;}
.leftcol_whitebox a {color: #444; }


.left_feature {background: url(../img/left_feature_bg.gif) repeat-y;}


#tools h3 {  background: #CE0C0C url(../img/tools-bg.gif) right no-repeat; color: #fff;}
#tools ul { background: #F9DDDD;}
#tools ul li { border-bottom: 1px solid #fff; }
#tools ul li a { color: #444; }
#tools ul li a:hover { color: #a60505;}

h1 { color: #26537c; } 
h1.dash {border-bottom: 1px dashed #e8e8e8;}

#my_icons {  border: 1px solid #dadada; background: #f8f8f8;}
#my_icons a { color: #a60505; }

#main_icons { border: 1px solid #dadada;  background: #f8f8f8;}
#main_icons td { border-bottom: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8; }
#main_icons td.link a {color: #a60505; } /* #a60505 */
#main_icons td.link a:hover {color: #999}
#main_icons td.desc {color: #666;}
#main_icons td.desc a {color: #666;}
#main_icons td.desc a:hover { color:#b8860b}

#my_shortcuts img.link {border: 1px solid #dadada;}

/* rcol boxes */
#rightCol .rightcol_box { color: #444;}
#rightCol .rightcol_box ul li.date {color: #777}
#rightCol .rightcol_box a {color: #333; }

#rightCol .rightcol_box ul.download li {background: url(../img/download_min.gif) top left no-repeat;}
#rightCol .rightcol_box ul.download li.details {color: #999;}
#rightCol .rightcol_box ul.download li.more {background: none;}

/* My Tools */
#my_tools { border: 1px solid #dadada;  background-color: #f8f8f8;}
#my_tools a { color: #a60505;}

.select_dublin_ie_zones {background: #CE0C0C; color: #fff;}
.select_dublin_ie_zones select { border: 1px solid #7E807F;}


/* Weather */
.weather h4 { color: #fff;}

a.whitearrow {color: #fff;}
a.whitearrow:hover {color: #fff;}



/* footer */
#footer { color: #666666;  background: #F3F4F4;}
#footer p {color: #999;}
#footer a {color:#666;}
#footer a:hover { color: #999; }



/************************** Colours that may change **********************************/
#top p {color: #fff; height:}
#top p a {color: #fff;}
#top p a:hover {text-decoration: underline;}




/************************** Colours that will definitely change in each zone **************************/
#top { background: #5273EB;}
#top ul li a:hover {color: #5273EB;}
#top ul li.on a {color: #5273EB;}

#submenu a.on {color: #5273EB;}

#bannerimage .main_banner { color: #fff; background: url(../img/banners/home.jpg) no-repeat;}

#youroptions ul li { background: url(../img/arrow_bus.gif) no-repeat #eceffd;}
#youroptions ul li.title {background: /*url(../img/bg_youroptions_learning.gif) right no-repeat*/ #5273EB; color: #fff}
#youroptions ul li.on {background: url(../img/on_arrow.gif) no-repeat #5273EB;}
#youroptions ul li.on a {color: #fff}
#youroptions ul li.sub { background: #8DA2F2;  color: #fff}
#youroptions ul li.subon { background: #6783ED;  color: #fff}
#youroptions ul li.subon a {color: #fff}
#youroptions ul li.sub a.on {color: #fff}
#youroptions ul li.sub2 {background-color: #C5D0FA;}
#youroptions ul li.sub2on {background-color: #8FA5F5;}

h1 { color: #5273EB; } 
h3 { color: #5273EB; background-color: #DADADA; }
.third_column h2 {color: #5273EB;}
.left_feature h2 {color: #5273EB;}


.middle_banner {background-color: #FF6600; color: #fff;}

a.largearrow {background: url(../img/arrow_cdb_lge.gif) no-repeat;}
p.largearrow {background: url(../img/arrow_cdb_lge.gif) no-repeat; padding-left: 12px; font-size: .9em}
ul.largearrow li {background: url(../img/arrow_cdb_lge.gif) top left no-repeat;}

a:hover {color: #5273EB;}
.leftcol_whitebox a:hover{color: #5273EB;}
#rightCol .rightcol_box a:hover{color: #5273EB;}

table.datatable th {background: #5273EB; }
table.datatable td.sec { color: #5273EB;}

table.calendar th { background: #5273EB;}
table.calendar td a.date { background: #eceffd; }
table.calendar td a.on {background: #5273EB;}
table.calendar td a.event {color: #5273EB;}
table.calendar tr.categories input.sub {color: #5273EB;}
table.calendar td.functions a { color: #5273EB;}
table.calendar td.functions a:hover { border-color: #5273EB;}

.left_feature h2 {color: #5273EB}
.left_feature input.sub {border: 1px solid #5273EB; color: #5273EB; background: #fff;}

div.calendar h2 {color: #5273EB;}
div.calendar table {border: 1px solid #aaa; border-collapse: collapse;}
div.calendar table th { background: #5273EB; color: #fff}
div.calendar table th a {color: #fff; }
div.calendar table tr td { color: #ccc;}
div.calendar table tr.days td {color: #ce0c0c; background: #eee; color: #666}
div.calendar table tr td a {  border: 1px solid #ccc; color: #5273EB;}
div.calendar table tr td a:hover {background: #5273EB; color: #fff;}