#home-page-left-pane { width: 43%; float: left; }
#home-page-right-pane { float: left; width: 55%; margin: 0px 0px 0px 10px; position: relative; height: 450px; }
.clear-both { clear: both; }

#mainContent #root-list {
	padding: 0px;
	margin: 0px;
}

#mainContent #root-list li {
	color: #30699B;
	font-size: 135%;
	padding: 6px 0px;
	background: none;
	margin: 0px;
	cursor: pointer;
	font-weight: 700;
	font-family: Tahoma,Verdana,sans-serif;
}

#mainContent #root-list #help-pane-link { padding-top: 0px; }

#help-pane-link-bl,#browse-pane-link-bl,#service-pane-link-bl,#news-pane-link-bl { min-height: 45px; }
.min-height-hack { height: 45px; width:0px; float: left; }

#root-list #help-pane-link-tr { background: url(lt-blue-box-i-tr.png) top right no-repeat; zoom:1;}
#root-list #help-pane-link-tl { background: url(lt-blue-box-i-tl.png) top left no-repeat; }
#root-list #help-pane-link-br { background: url(lt-blue-box-i-br.png) bottom right no-repeat; }
#root-list #help-pane-link-bl { 
	background: url(lt-blue-box-i-bl.png) bottom left no-repeat; 
	padding: 7px 60px 10px 7px;
}

#root-list #help-pane-link-tr.hover { background: url(lt-blue-box-i-tr-hover.png) top right no-repeat; }
#root-list #help-pane-link-tl.hover { background: url(lt-blue-box-i-tl-hover.png) top left no-repeat; }
#root-list #help-pane-link-br.hover { background: url(lt-blue-box-i-br-hover.png) bottom right no-repeat; }
#root-list #help-pane-link-bl.hover { 
	background: url(lt-blue-box-i-bl-hover.png) bottom left no-repeat;  
	color: white;
}

#root-list #browse-pane-link-tr { background: url(lt-blue-box-mag-tr.png) top right no-repeat; zoom:1;}
#root-list #browse-pane-link-tl { background: url(lt-blue-box-mag-tl.png) top left no-repeat; }
#root-list #browse-pane-link-br { background: url(lt-blue-box-mag-br.png) bottom right no-repeat; }
#root-list #browse-pane-link-bl { 
	background: url(lt-blue-box-mag-bl.png) bottom left no-repeat; 
	padding: 7px 60px 10px 7px;
}

#root-list #browse-pane-link-tr.hover { background: url(lt-blue-box-mag-tr-hover.png) top right no-repeat; }
#root-list #browse-pane-link-tl.hover { background: url(lt-blue-box-mag-tl-hover.png) top left no-repeat; }
#root-list #browse-pane-link-br.hover { background: url(lt-blue-box-mag-br-hover.png) bottom right no-repeat; }
#root-list #browse-pane-link-bl.hover { 
	background: url(lt-blue-box-mag-bl-hover.png) bottom left no-repeat; 
	color: white;
}

#root-list #service-pane-link-tr { background: url(lt-blue-box-pen-tr.png) top right no-repeat; zoom:1;}
#root-list #service-pane-link-tl { background: url(lt-blue-box-pen-tl.png) top left no-repeat; }
#root-list #service-pane-link-br { background: url(lt-blue-box-pen-br.png) bottom right no-repeat; }
#root-list #service-pane-link-bl { 
	background: url(lt-blue-box-pen-bl.png) bottom left no-repeat; 
	padding: 7px 60px 10px 7px;
}

#root-list #service-pane-link-tr.hover { background: url(lt-blue-box-pen-tr-hover.png) top right no-repeat; }
#root-list #service-pane-link-tl.hover { background: url(lt-blue-box-pen-tl-hover.png) top left no-repeat; }
#root-list #service-pane-link-br.hover { background: url(lt-blue-box-pen-br-hover.png) bottom right no-repeat; }
#root-list #service-pane-link-bl.hover { 
	background: url(lt-blue-box-pen-bl-hover.png) bottom left no-repeat; 
	color: white;
}

#root-list #news-pane-link-tr { background: url(lt-blue-box-news-tr.png) top right no-repeat; zoom:1;}
#root-list #news-pane-link-tl { background: url(lt-blue-box-news-tl.png) top left no-repeat; }
#root-list #news-pane-link-br { background: url(lt-blue-box-news-br.png) bottom right no-repeat; }
#root-list #news-pane-link-bl { 
	background: url(lt-blue-box-news-bl.png) bottom left no-repeat; 
	padding: 7px 60px 10px 7px;
}

#root-list #news-pane-link-tr.hover { background: url(lt-blue-box-news-tr-hover.png) top right no-repeat; }
#root-list #news-pane-link-tl.hover { background: url(lt-blue-box-news-tl-hover.png) top left no-repeat; }
#root-list #news-pane-link-br.hover { background: url(lt-blue-box-news-br-hover.png) bottom right no-repeat; }
#root-list #news-pane-link-bl.hover { 
	background: url(lt-blue-box-news-bl-hover.png) bottom left no-repeat; 
	color: white;
}

.search form { margin: 0px; padding 0px; }
.search { padding-left: 5px; }
.search h3 { margin-bottom: 2px; color: #3d74ba; }
.search input { margin: 0px 10px 35px 0px; vertical-align: bottom; }

#intranet-l { background: url(intranet-l.png) center left no-repeat; zoom:1; cursor:pointer; }
#intranet-r { background: url(intranet-r.png) center right no-repeat; font-size: 135%;}
#intranet-r a, #intranet-r a:link, #intranet-r a:visited { color: #2E5465; text-decoration: none; display: block; padding: 10px; }

#help-pane, #browse-pane, #service-pane, #news-pane { position: absolute; top:0px; left: 0px; width: 100%; }

#help-pane { z-index: 5; }

#help-pane.br { background: url(header-box-br.png) bottom right no-repeat; zoom:1; }
#help-pane .bl { background: url(header-box-bl.png) bottom left no-repeat; zoom:1; }
#help-pane .tl { background: url(green-header-box-tl.png) top left no-repeat; zoom:1; }
#help-pane .tr { background: url(green-header-box-tr.png) top right no-repeat; zoom:1; padding: 0px 10px 1px 10px; height: 450px; }
#help-pane h2 { color: white; font-size: 165%; font-weight: normal; padding-top: 2px; }
#help-pane h3 { color: #4784C5; font-size: 135%; font-weight: bold; padding-top: 6px; }

#help-pane a, #help-pane a:link, #help-pane a:visited { color: #494F57; text-decoration: none; }
#bodyContent #help-pane a:hover { color: #478ACC; text-decoration: underline; }

#help-pane .othercontacts a:link, #help-pane .othercontacts a:visited { color:#676B6B; font-size:120%; font-weight:bold; text-decoration: underline; }
#help-pane .othercontacts a:hover { color:#478ACC; text-decoration: underline;}

#help-pane ol { padding-left: 25px; margin-left: 0px; }

.its-phone-box-l { background: url(phone-box-l.png) top left no-repeat; zoom:1; padding-bottom: 2px; }
.its-phone-box-r { 
	background: url(phone-box-r.png) top right no-repeat; 
	zoom:1; 
	padding: 15px 5px 10px 60px; 
	font-size: 160%;
	font-weight: bold;
}

#mainContent .its-phone-box-r { line-height: 1em; }

.grey-text { color:#515461; font-size:120%; font-weight:bold; }
.blue-text { color:#478ACC; }
.tiny-text { font-family:Tahoma,Verdana,sans-serif; font-size: 50%; font-weight: normal; }

#help-pane p { margin-bottom: 0px; }

#browse-pane.br { background: url(orange-header-box-br.png) bottom right no-repeat; }
#browse-pane .bl { background: url(orange-header-box-bl.png) bottom left no-repeat; }
#browse-pane .tl { background: url(orange-header-box-tl.png) top left no-repeat; }
#browse-pane .tr { background: url(orange-header-box-tr.png) top right no-repeat; zoom:1; padding: 0px 10px 1px 10px; height: 450px;}
#browse-pane h2 { color: white; font-size: 165%; font-weight: normal; padding-top: 2px; }

#mainContent #browse-pane ul { margin: 15px 0px; padding: 0px; }
#mainContent #browse-pane li { padding: 0px 0px 0px 10px; background: none; font-size:120%; color:#494F57; }
#mainContent #browse-pane li.no-padding { padding: 0px; }

#browse-pane a:link, #browse-pane a:visited { color:#676B6B; font-weight:bold; text-decoration: underline; }
#bodyContent #browse-pane a:hover { color:#478ACC; text-decoration: underline;}

#blue-box-l { background: url(blue-box-l.png) center left no-repeat; zoom:1; }
#blue-box-r { background: url(blue-box-r.png) center right no-repeat; 
	padding:5px 10px 10px 10px; 
	color: #32469D; 
	font-size:120%;
	zoom: 1;
}
#blue-box-r p { margin: 0px 0px 10px 0px; }
#blue-box-r input { margin: 0px 10px 10px 0px; vertical-align: bottom; }

#blue-box-r form { padding: 0; margin: 0px; }

#mainContent #browse-pane #didyouknow-homepage { font-size: 100%; margin-top: 15px; }
#mainContent #browse-pane #didyouknow-homepage .inner { font-size: 90%; }
#mainContent #browse-pane #didyouknow-homepage .inner a { font-size: 100%; }

#service-pane.br { background: url(header-box-br.png) bottom right no-repeat; zoom:1;}
#service-pane .bl { background: url(header-box-bl.png) bottom left no-repeat;zoom:1; }

.service-tab-planned-work { background: url(blue-header-box-tl-tab1.png) top left no-repeat; zoom:1; }
.service-tab-incidents { background: url(blue-header-box-tl-tab2.png) top left no-repeat; zoom:1; }

#service-pane .tr { background: url(blue-header-box-tr.png) top right no-repeat; zoom:1; padding: 0px 0px 1px 0px; height: 450px; }
#service-pane h2 { color: white; font-size: 165%; font-weight: normal; padding: 2px 0px 6px 10px; margin: 0; }

#service-help-link { position: absolute; top: 5px; right: 5px;}
#service-help-link img { width: 25px; height: 25px; }

.small-text { font-size: 50%; }

#service-pane h3 { color: black; font-size: 120%; display: block; float: left; margin-right: 5px; padding-left: 10px; width: 148px; }
#service-pane h3.hover { text-decoration:underline; cursor:pointer; }

h3.green { background: url(mini-green.png) 135px 1px no-repeat; }
h3.amber { background: url(mini-amber.png) 135px 1px no-repeat; }
h3.red { background: url(mini-red.png) 135px 1px no-repeat; }

#planned-work-pane, #incidents-pane { position: absolute; zoom:1; width: 100%; margin-top: 22px; left:0px; }

#planned-work-pane p { margin: 5px 0px; padding: 0px 15px; }
#planned-work-pane p a:link, #planned-work-pane p a:visited { color:#676B6B; font-size:120%; font-weight:bold; text-decoration: underline; }
#planned-work-pane p a:hover { color:#478ACC; text-decoration: underline;}
/* #planned-work-cal-container { padding: 8px; } */ #planned-work-cal-container { padding: 0px 1px 0px 1px; }
#planned-work-cal-container table { border-collapse: collapse; width: 100%; }
#planned-work-cal-container table td { 
	border-top: 1px solid #bcbdbe; 
	border-bottom: 1px solid #bcbdbe;
	padding: 1px 3px; 
	font-size: 75%;
	vertical-align: top;
	line-height: 1em;
	font-family: Tahoma,Verdana,sans-serif;
	background: white;
}
#planned-work-cal-container table td a, 
#planned-work-cal-container table td a:link, 
#planned-work-cal-container table td a:visited { text-decoration:none; }

#planned-work-cal-container table td.spacer { padding: 2px; }
#planned-work-cal-container table td.date { 
	/* border-left: 1px solid #828384; */ 
	border-right: 1px solid #828384;
	width: 40px; 
	font-size: 90%; 
	padding:8px 5px;
	vertical-align: middle;
}
#planned-work-cal-container table td span.day { font-weight: bold; display: block; }
#planned-work-cal-container table td span.date-inner { white-space:nowrap; }
#planned-work-cal-container table td.even { background-color: #ebeff2; }
#planned-work-cal-container table td.weekend { background-color: #cbced3; color: #595a5c; }
#planned-work-cal-container table td span.time { display:block; white-space:nowrap; }
#planned-work-cal-container table td.today { background-color: #abccec; }

#planned-work-cal-container table td.event { background-color: #F3F3F3; }
#planned-work-cal-container table td.unavailable { background-color: #f3c2c2; }
#planned-work-cal-container table td.partially { background-color: #f9c293; }
#planned-work-cal-container table td.risk { background-color: #fbf395; }
#planned-work-cal-container table td.postponed { background-color: #cbced3; }

/* #planned-work-cal-container table td.more { border-right: 1px solid #828384; } */
#planned-work-cal-container table td.more,
#planned-work-cal-container table td.less { vertical-align: middle; width: 15px; }

#planned-work-cal-container table td .more,
#planned-work-cal-container table td .less { width: 12px; height: 12px; cursor:pointer;}

#planned-work-cal-container table td .more { background: url(more.png) top center no-repeat; }

#planned-work-cal-container table td .less { background: url(less.png) top center no-repeat; }

#planned-work-cal-container table td.header { 
	background: url(cal-header.png) top center no-repeat; 
	height: 15px; 
	padding: 0px;
	border: 0;
	cursor: pointer;
}
#planned-work-cal-container table td.header .click { width:100%; height: 15px;}

#planned-work-cal-container table td.header .left { 
	/* background: url(cal-header-left.png); */ 
	height: 15px; 
	width: 9px;
	position: absolute;
	left: 7px;
}

#planned-work-cal-container table td.header .right { 
	/* background: url(cal-header-right.png); */ 
	height: 15px; 
	width: 9px;
	position: absolute;
	right: 8px;
}

#planned-work-cal-container table td.footer { 
	background: url(cal-footer.png) top center no-repeat; 
	height: 15px; 
	padding: 0px;
	border: 0;
	cursor: pointer;
}

#planned-work-cal-container table td.footer .click { width:100%; height: 15px;}

#planned-work-cal-container table td.footer .left { 
	/* background: url(cal-footer-left.png); */ 
	height: 15px; 
	width: 9px;
	position: absolute;
	left: 7px;
}

#planned-work-cal-container table td.footer .right { 
	/* background: url(cal-footer-right.png); */ 
	height: 15px; 
	width: 9px;
	position: absolute;
	right: 8px;
}

#planned-work-cal-overlay {
	background-color: black;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	opacity: 0.5;
	filter: alpha(opacity=50); 
}

#planned-work-cal-overlay-content { 
	position: absolute;
	width: 140px;
	height: 30px;
	top: 35%;
	left: 40%;
	background-color: white;
	font-size: 140%;
	padding: 20px;
} 

#planned-work-cal-overlay-content img { margin-right: 20px; vertical-align: middle; }

#incidents-pane { padding: 1px 5px 0px 0px; }

#incidents-pane p { padding-left: 10px; }
#incidents-pane a, #incidents-pane a:link, #incidents-pane a:visited { color: #494F57; text-decoration: none; }
#bodyContent #incidents-pane a:hover { color: #478ACC; text-decoration: underline; }

#mainContent #statustable {color: #515461; font-size: 120%; font-weight: bold; }

#statustable .green {background: url(new-green.gif) no-repeat 5px 4px; padding: 8px 0px 10px 0px; }
#bodyContent #statustable .green a {color: #515461; padding-left: 40px; display: block; width: 85%; height: 90%; text-decoration: none;}
#bodyContent #statustable .green a:link { color: #515461;}
#bodyContent #statustable .green a:visited {color: #515461;}
#bodyContent #statustable .green a:active { color: #515461;}
#bodyContent #statustable .green a:hover { color: #478ACC; text-decoration: underline;}

#statustable .greenstripe {background: url(new-greenstripe.gif) no-repeat 0px 4px #eeeeee; padding: 8px 0px 10px 0px;  }
#bodyContent #statustable .greenstripe a {color: #515461; padding-left: 40px; display: block; width: 85%; height: 90%; text-decoration: none;}
#bodyContent #statustable .greenstripe a:link { color: #515461;}
#bodyContent #statustable .greenstripe a:visited {color: #515461;}
#bodyContent #statustable .greenstripe a:active { color: #515461;}
#bodyContent #statustable .greenstripe a:hover { color: #478ACC; text-decoration: underline;}

#statustable .red {background: #9f1d0e url(new-red.gif) no-repeat 5px 0px; color: white; padding: 8px 0px 10px 0px;}
#bodyContent #statustable .red a {color: white; padding-left: 40px; display: block; width: 85%; height: 90%;}
#bodyContent #statustable .red a:link { color: white;}
#bodyContent #statustable .red a:visited {color: white;}
#bodyContent #statustable .red a:active { color: white;}
#bodyContent #statustable .red a:hover { color: white; background: url(new-redinfo.gif) no-repeat bottom right;}

#statustable .amber {background: #ffb200 url(new-amber.gif) no-repeat 5px 0px; color: white; padding: 8px 0px 10px 0px;}
#bodyContent #statustable .amber a {color: white; padding-left: 40px; display: block; width: 85%; height: 90%; }
#bodyContent #statustable .amber a:link { color: white;}
#bodyContent #statustable .amber a:visited {color: white;}
#bodyContent #statustable .amber a:active { color: white;}
#bodyContent #statustable .amber a:hover { color: white; background: url(new-amberinfo.gif) no-repeat bottom right;}


#news-pane.br { background: url(header-box-br.png) bottom right no-repeat;  }
#news-pane .bl { background: url(header-box-bl.png) bottom left no-repeat; }
#news-pane .tl { background: url(purple-header-box-tl.png) top left no-repeat; }
#news-pane .tr { background: url(purple-header-box-tr.png) top right no-repeat; zoom:1; padding: 0px 10px 1px 10px; height: 450px;}
#news-pane h2 { color: white; font-size: 165%; font-weight: normal; padding-top: 2px; margin-bottom: 15px; }

#news-pane div.date { display:none; }
#mainContent div.newsItems { margin-bottom: 0px; }
#news-pane div.newsItem { margin-bottom: 14px; }

#news-pane a, #news-pane a:link, #news-pane a:visited { color: #494F57; text-decoration: none; }
#bodyContent #news-pane a:hover { color: #478ACC; text-decoration: underline; }
#news-pane p.more-news a:link,#news-pane p.whats-new a:link, #news-pane p.more-news a:visited, #news-pane p.whats-new a:visited { color:#676B6B; font-size:120%; font-weight:bold; text-decoration: underline; }
#news-pane p.more-news a:hover, #news-pane p.whats-new a:hover { color:#478ACC; text-decoration: underline;}