@CHARSET "ISO-8859-1";
body {
	font-family: Arial, Helvetica, sans-serif, arial;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	background-color: #fff;
}

div#gantt-container {
	position: relative;
	width: 1050px;
	border: 1px solid #ccc;
}


/*Header CSS*/
div#gantt-header {
	position: relative;
	height: 124px;
	width: 1050px;
	background-image: url(../images/gantt/gantt-header-wide.gif);
	background-repeat: no-repeat;
}

/*Absolute Positioned Elements*/
div#gantt-title {
	position: absolute;
	top: 20px;
	left: 370px;
	width: 700px;
	font-size: 23px;
	color: #b00b24;
	text-transform: uppercase;
	font-family: "arial narrow";
	font-weight: bold;
	letter-spacing: 0.2em;
	z-index: 2;
}
div.gantt-month {
	position: absolute;
	top: 85px;
	left: 275px;
	width: 100px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	z-index: 2;
}
div.outage-sites-title {
	position: absolute;
	top: 108px;
	left: 10px;
	color: #000;
	height: 16px;
	width: 50px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	z-index: 2;
}
div.outage-fall-title {
	position: absolute;
	top: 109px;
	/*left: 115px;*/
	left: 255px;
	color: #000;
	height: 16px;
	width: 120px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	z-index: 2;
}


/*Body CSS*/
div#gantt-body {
	position: relative;
	width: 1050px;
	background-image: url(../images/gantt/gantt-bg2-wide.gif);	
	background-repeat: repeat-y;
	padding-bottom: 3px;
}
div#gantt-body div.gantt-divider {
	position: relative;
	height: 5px;
	width: 100%;
	background-image: url(../images/gantt/gantt-divider-bg.gif);
	background-repeat: repeat-x;
	overflow: hidden;
}
div#gantt-body div.gantt-white-divider {
	position: relative;
	margin-top: 1px;
	height: 5px;
	width: 100%;
	background-image: url(../images/gantt/gantt-white-divider-wide.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}


/*Outage CSS*/
div#gantt-body div.outage {
	position: relative;
	top: 3px;
	left: 12px;
	height: 16px;
	width: 1050px;
	overflow: hidden;
	font-size: 10px;
	clear: both;
}
div#gantt-body div.outage div.outage-link {
	position: relative;
	float: left;
	/*width: 106px;*/
	width: 236px;
}
div#gantt-body div.outage div.outage-link a { color: #555; }
div#gantt-body div.outage div.outage-dates {
	position: relative;
	float: left;
	width: 139px;
	color: #555;
}

/*Gantt Bar CSS*/
div#gantt-body div.outage div.gantt-bar-container {
	position: relative;
	float: left;
	height: 14px;
	margin: 1px 0;
}
div#gantt-body div.outage div.gantt-bar-container div.gantt-bar-left-arrow {
	position: relative;
	float: left;
	height: 12px;
	width: 12px;
	background-image: url(../images/gantt/left_grey_arrow.gif);
	background-repeat: no-repeat;
	margin: 1px 0;
}
div#gantt-body div.outage div.gantt-bar-container div.gantt-bar {
	position: relative;
	float: left;
	height: 6px;
	margin: 4px 0;
	background-color: #555;
	background-repeat: no-repeat;
	overflow: hidden;
}
div#gantt-body div.outage div.gantt-bar-container div.gantt-bar-right-arrow {
	position: relative;
	float: left;
	height: 12px;
	width: 12px;
	background-image: url(../images/gantt/right_grey_arrow.gif);
	background-repeat: no-repeat;
	margin: 1px 0;
}




/*Outage Spring Title*/
div#gantt-body div.outage-spring-title {
	position: relative;
	width: 1050px;
	height: 30px;
	background-image: url(../images/gantt/gantt-spring-title-bg.gif);
	background-repeat: repeat-y;
}
div#gantt-body div.outage-spring-title div.outage-spring-wrapper {
	position: relative;
	top: 10px;
	left: 8px;
}
div#gantt-body div.outage-spring-title div.outage-spring-wrapper div.sites-title {
	position: relative;
	float: left;
	top: -1px;
	width: 100px;
	color: #000;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}
div#gantt-body div.outage-spring-title div.outage-spring-wrapper div.spring-title {
	position: relative;
	float: left;
	width: 125px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	color: #000;
}


/*Footer CSS*/
div.gantt-footer-border-top {
	position: relative;
	height: 1px;
	width: 1050px;
	background-image: url(../images/gantt/gantt-footer-top-border-wide.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}
div#gantt-footer {
	position: relative;
	clear: both;
	width: 1050px;
	height: 24px;
	background-image: url(../images/gantt/gantt-footer-bg-wide.gif);
	background-repeat: no-repeat;
}
div#gantt-footer div.footer-text {
	position: relative;
	width: 495px;
	text-align: right;
	color: #555;
	font-size: 10px;
	top: 2px;
}

div.printer-friendly-link {
	width: 1050px;
	text-align: center;
	margin-top: 15px;
}
div.printer-friendly-link a {
	color: #660000;
	font-weight: bold;
	font-size: 14px;
	font-variant: small-caps;
	text-decoration: none;
	cursor: pointer;
}
div.printer-friendly-link a:hover {
	text-decoration: underline;
}