/**************************** Global Colours that won't change *******************************/
body {color: #333;}

#right_wrap { /* background: #DADADA; */}


#bannerimage {  border-right: 1px solid #DADADA;}
#bannerimage  form { color: #fff;}
#bannerimage  form label {color: #fff;}
#bannerimage  form input {border: 1px solid #aaaaaa; }
#bannerimage  form input.sub {background: #fff; color: #333; }
#bannerimage .home_banner {background: url(../img/banners/home_bynight.jpg) no-repeat;}
#bannerimage .shopping_banner {background: url(../img/banners/shopping.jpg) no-repeat;}
#bannerimage .gallery_banner {background: url(../img/banners/gallery1.jpg) no-repeat;}
#bannerimage .gov_banner {background: url(../img/banners/government.jpg) no-repeat;}

a {color: #333; }


#center { border-right: 1px solid #DADADA;}

#leftCol { }


.logout_box {background: #E1F2DD; color: #fff}
.logout_box p.top {background: #39A91C; }
.logout_box a { color: #fff; }
.logout_box a:hover {color: #eac800;}

#youroptions ul li.title {color: #fff; background: #ce0c0d;}
#youroptions a.on { background: url(../img/on_arrow.gif) no-repeat; color: #fff; }

.leftcol_whitebox { color: #444;}
.leftcol_whitebox a {color: #444; }

.left_feature input.sub {border: 1px solid #ce0c0d; color: #ce0c0d; background: #fff;}

#tools h3 {background:#ce0c0d 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: #ce0c0d; } 
h1.dash {border-bottom: 1px dashed #e8e8e8;}
h2 { color: #ce0c0d; } 

#my_icons { background: #f8f8f8;}
#my_icons a { color: #a60505; }

#main_icons {  background: #f8f8f8;}
#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_gallery { border: 1px solid #dadada;  background: #f8f8f8;}
#my_gallery p { border-top: 1px solid #dadada; font-size: .9em; background: #eee;}
#my_gallery p a {color: #ce0c0d;}

/* 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.details {color: #999;}

/* My Tools */
#my_tools { border: 1px solid #dadada;  background-color: #f8f8f8;}
#my_tools a { color: #a60505;}

.select_dublin_ie_zones {background: #ce0c0d; 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: #CE0C0D;}
#top ul li a:hover {color: #ce0c0d;}
#top ul li.on a {color: #ce0c0d;}

#bannerimage .main_banner { background: url(../img/banners/home_bynight.jpg) top no-repeat;}
#bannerimage .main_banner_morn { background: url(../img/banners/home.jpg) no-repeat;}
#bannerimage .transport_banner { background: url(../img/banners/transport.jpg) no-repeat;}

#youroptions ul li { background: url(../img/arrow_bus.gif) no-repeat #eee;}
#youroptions ul li.on {background: url(../img/on_arrow.gif) no-repeat #bbb;}
#youroptions ul li.on a {color: #fff}
#youroptions ul li.sub { background: #ddd;  color: #333}
#youroptions ul li.subon {background: #ddd;  color: #333}

h3 { color: #ce0c0d; background-color: #DADADA; }
h4 { color: #666;}
h5 { color: #666;}

.middle_banner {background-color: #FF6600; color: #fff;}
.middle_banner h5 {color: #fff}

a:hover {text-decoration: none; color: #ce0c0d}
.leftcol_whitebox a:hover{color: #888; color: #ce0c0d}
#rightCol .rightcol_box a:hover{color: #888; color: #ce0c0d}


table.calendar th { background: #ce0c0d;}
table.calendar td a.date { background: #ffd9d9; }
table.calendar td a.on {background: #ce0c0d;}
table.calendar td a.event {color: #ce0c0d;}
table.calendar tr.categories input.sub { color: #ce0c0d;}
table.calendar td.functions a { color: #ce0c0d;}
table.calendar td.functions a:hover { border-color: #ce0c0d;}



div.calendar h2 {color: #ce0c0d;}
div.calendar table {border: 1px solid #aaa; border-collapse: collapse;}
div.calendar table th { background: #ce0c0d; color: #fff}
div.calendar table th a {color: #fff; }
div.calendar table tr td { color: #ccc;}
div.calendar table tr.days td {color: #ce0c0d; background: #eee; color: #666}
div.calendar table tr td a {  border: 1px solid #ccc; color: #ce0c0d;}
div.calendar table tr td a:hover {background: #ce0c0d; color: #fff;}


