/** Styles for RTA Pre-ROCK IRIS 2 Traffic Reports */

/* Default font for all text */
BODY { font-family:arial,verdana,helvetica; }


/* All pages
   -> Title box at top
      -> Background */
.title_bar_box {
	background-color:#E17400; 
	font-family:arial,verdana,helvetica; }

/* All pages
   -> Title box at top
      -> Text */
.title_bar_text {
	color:#FFFFFF;
	font-size:1.65em; 
	font-family:arial,verdana,helvetica; }

/* All pages (except traffic report pages)
   -> "Section links" side box
      -> link */
.section_link A:link {
	font-size:0.68em; color:#0066CC;
	text-decoration: underline; 
	font-family:arial,verdana,helvetica; }
.section_link A:visited {
	font-size:0.68em; color:#0066CC;
	text-decoration: underline; 
	font-family:arial,verdana,helvetica; }

/* All pages (except traffic report pages)
   -> "Related links" side box
      -> link */
.related_link A:link {
	font-size:0.68em; color:#FFFFFF;
	text-decoration: underline; 
	font-family:arial,verdana,helvetica; }
.related_link A:visited {
	font-size:0.68em; color:#FFFFFF;
	text-decoration: underline; 
	font-family:arial,verdana,helvetica; }

/* All pages 
   -> "Related links" side box
      -> background */
.related_link_box {
	background-color:#6699CC;}

/* Traffic Report pages
   -> Lists of Current Conditions
      -> Title box at top of list
         -> Text and background */ 
.conditions_title {
	color:white;
	background-color:#666666;
	font-size:0.72em; font-weight:bold;
	padding:3px; 
	font-family:arial,verdana,helvetica;
	width:100%;
	margin-top: 1em;}
	
/* Traffic Report pages
   -> Lists of Event Records
      -> Title box at top of list
         -> Text and background */ 
.events_title {
	color:white;
	background-color:#666666;
	font-size:0.72em; font-weight:bold;
	padding:3px; 
	font-family:arial,verdana,helvetica;
	margin-top:0.5em;}
	
/* Traffic Report pages
   -> Current Conditions Records & Event Records
      -> Location description */ 
.incident .location, .incident .type, .major_incident .location, .major_incident .type, .ubd {
	font-size:0.80em;
	color: #0000ff; 
	font-family:gil sans,arial,verdana,helvetica;
	font-weight:bold;
	padding-left:0;
	margin-left:0;
	text-transform:uppercase;
}

.major_incident .location {
	text-transform:none;
}
.major_incident .location  strong{
	text-transform:uppercase;
}

.incident .location i, .incident .type i {
	text-transform:lowercase;
}
.incident .location {
	margin-topX:0.5em;
}

.extra_status {
	text-transform:none;
}


/* Traffic Report pages
   -> Current Conditions Records & Event Records
      -> Description of incident type */ 

.type a {
	text-decoration: underline; 
	color: #0000FF; }

/* Traffic Report pages
   -> Current Conditions Records & Event Records
      -> Label for incident and event details in traffic report page 
  	 ("Effect:", "Response:", etc) */
.detail_head {
	width:8em;
	font-weight:normal;
	font-size:0.80em;
	color: #000000; 
	font-family:arial,verdana,helvetica; }

/* Traffic Report pages
   -> Current Conditions Records & Event Records
      -> Content of details in traffic report page */
.detail {
	font-size:0.80em;
	color: #000000; 
	font-family:arial,verdana,helvetica;
	padding-bottom:0.3em;
	line-height:1.2;}

/* Traffic Report pages
   -> "Refresh Data" side box
      -> Text */
.refresh_text {
	font-style:italic; 
	font-family:arial,verdana,helvetica;
	font-size: 75%;
	padding-bottom:1em;
	}

/* Traffic Report pages
   -> All side box headers */
.side_head {
	background-color:#CCCCCC;
	border: 5px;
	border-color: blue;
	padding-top:1px;
	font-size:0.70em;
	font-weight:500; 
	font-family:arial,verdana,helvetica; }

/* Traffic report pages
   -> "Key" side box
      -> text */
.key_text {
	font-size:0.54em; 
	font-family:arial,verdana,helvetica; }

/** Because the right side box on the traffic report pages is is constrained
in width, we may need smaller fonts for these **/

/* Traffic report pages
   -> "Section links" side box
      -> link */
.section_link_reports A:link, .section_link_reports A:visited {
	font-size:0.68em; color:#0066CC;
	text-decoration: underline; 
	font-family:arial,verdana,helvetica; }

/* Traffic report pages
   -> "Realted links" side box
      -> link */
.related_link_reports A:link, .related_link_reports A:visited {
	font-size:0.68em; color:#FFFFFF;
	text-decoration: underline; 
	font-family:arial,verdana,helvetica; }

/* Traffic Camera pages
   -> "Traffic Cameras" side box
      -> road */
.camera_link_road A:link, .camera_link_road A:visited {
	font-size:0.68em; color:#333333;
	text-decoration: underline; 
	font-family:arial,verdana,helvetica; }

/* Traffic Camera pages
   -> "Traffic Cameras" side box
      -> location */
.camera_link_location A:link, .camera_link_location A:visited  {
	font-size:0.68em; color:#333333;
	text-decoration: none; 
	font-family:arial,verdana,helvetica; }

/* Traffic Report pages
   -> List of Current Conditions & Event Records
      -> Notice inserted when there are no incidents or events to list */ 
.empty_list_notice {
	font-size:0.68em;
	color: #666666;
	padding-top:4px;
	padding-bottom:6px; 
	font-family:arial,verdana,helvetica; }

/* All pages
   -> Most prominent text */
.first_text {
	font-weight:bold;
	font-size:0.72em;
	color: #0000FF; 
	font-family:arial,verdana,helvetica; }

/* All pages
   -> Less prominent text */
.second_text {
	font-size:0.70em;
	font-weight:600; 
	font-family:arial,verdana,helvetica; }

/* All pages
   -> Still less prominent text */
.third_text {
	font-size:0.63em;
	font-weight:600; 
	font-family:arial,verdana,helvetica; }

.notice_text {
	color: #666666;
	font-size:0.68em; 
	font-weight:600; 
	font-family:arial,verdana,helvetica; }

.camera_text {
	font-size:0.56em; 
	font-weight:400; 
	font-family:arial,verdana,helvetica; }

/* SSI warnings when haven't been able to update  real-time data
   -> Warning message
      (Not yet implemented) */
.warning_not_available {
	font-size:1.45em; 
	font-family:arial,verdana,helvetica; }

/* Main page
   -> Camera disclaimer note text */
.cameras_disclaimer {
	font-size:0.60em; 
	font-weight:400; 
	font-family:arial,verdana,helvetica; }


/* Some styles that have now been omitted from the main ROCK stylesheet */
.BodyTextWhite {
	font-family:arial,verdana,helvetica; font-size:0.70em; color:#FFFFFF;
	margin-top:0pt;
	margin-bottom:6pt;
}

.Heading2White {
	font-family:arial,verdana,helvetica; font-size:1.01em; color:#FFFFFF; font-weight:bold;
	margin-top:10pt;
}

.WhiteLink A:link {
	font-family:arial, verdana, helvetica; font-size:1em; color:#FFFFFF;
	text-decoration: underline;
}
.WhiteLink A:visited {
	font-family:arial,verdana,helvetica; font-size:1em; color:#FFFFFF;
	text-decoration: underline;
}


.startdate, .lastupdated {
	font-size: 0.80em;
	margin-bottom:0.5em;
	color:#999999 !important;
}


table.incident_data {
	width:100%;
	margin:0;
	padding:0;
	margin-top:0.5em;
}
table.incident_data  td{
	vertical-align:top;
	border:1px solid red;
	margin:0;
	padding:0;
	border:none;
}

table.incident_data .detail_head {
	width:150px;
	font-weight:normal;
}

div.incident, div.planned_event {
	padding-bottom:0.5em;
	margin-bottom:0em;
	margin-top:0.5em;
	border-bottom: 1px solid #999999;
}

.ubd {
	float:right;
	font-size:100%;
}

.planned_event .type {
	font-size:0.8em;
	color:#0000ff;
	font-weight:bold;
	text-transform:uppercase;
	margin-left:150px;
	
}

.planned_event .location {
	font-size:0.8em;
	color:#0000ff;
	font-weight:bold;
	margin-bottom:0em;
	text-transform:uppercase;
	margin-left:147px;
}
.planned_event .location i, .planned_event .type i{
	text-transform:lowercase;
}

span.type {
	margin-bottom:0.8em;
}

table .collapsible {
	display:block;
	visibility:visible;
	}


span.controls {
	width:1.0em;
	float:left;
	margin:0;
	margin-topX: 0.3em;
	margin-rightX: 0.5em;
	paddingX:0.2em 0.6em 0 0;
	clear:both;
	heightX:1.0em;
	}
	
* html span.controls {
	margin-top: 0.3em;
	padding-top: 0.2em;
}

.controls a {
	text-decoration: none;
	font-size:0.7em;
	font-weight:bold;
	width:100%;
	color:black;
	font-family:courier;
	border:none;
	padding:0.1em 0 0 0;
	margin: 0 0.5em 0 0;
	height:1.0em;
}

a.plus {
	visibility:hidden;
	display:none;
}
a.minus {
	visibility:visible;
	display:inline;
	white-space:nowrap;

}


.events_title a {
	color:white;
}



span.iris_status {
	clearX:both;
	float:left;
	width:150px;
	margin-rightX:2em;
	height:2.1em;
	margin-topX:0.4em;
	font-size:80%;
	white-space: nowrap;
}

div.major_incident span.iris_status {
	height:1.1em;
	white-space:nowrap;
}

td.startdate {
	height:2.1em;
}

.iris_new {
	color:red;
	font-weight: bold;
	font-style: italic;
}

.iris_updated {
	color:orange;
	font-weight: bold;
	font-style: italic;
}

.iris_ended {
	color:green;
	font-weight: bold;
	font-style: italic;
}

.incident_status {
	font-size:80%;
	font-weight:normal;
}

.detail_head .iris_status, .detail_head .incident_status {
	font-size:100%;
}

.major_incident_header {
	border-bottom: 1px solid silver;
	background: #dedede;
	padding:4px;
	margin:0;
	background-image:url(/images/trafficreports/major_incident_alert.gif);
	background-repeat:no-repeat;
	background-position:5px -1px;
	padding-left:40px;
}

.major_incident_header strong{
	text-transform:uppercase;
}
.major_incident_header .region{
	float:right;
}

.major_incident {
	border: 1px solid silver;
	margin:0;
	margin-bottom: 0.5em;
	padding:0;
	font-size:80%;
	width:100%;
	padding-bottom:8px;
}

.major_incident, .major_incident td{
	color:#333333;
}
.major_incident td {
	padding-left:8px !important;
}

.fullwidth {
	margin-left:1 !important;
	margin-right:2 !important;
}