/* ========================================================

	TYPOGRAPHY 

	Default styles for headers, paragraphs, lists, tables, 
	pullquotes, images etc.
	*/

/* PADDING AND MARGINS */
h1, h2, h3, h4, h5, h6, ul, dl, dt, dd, table, p, hr, form, fieldset{
  margin: 0;
  padding: 0
  }
  
ol{
  padding-left: 2em	
  }
h1, ul, dl, p, hr, form, fieldset, address{
  margin-bottom: 19px
  }
h2{
  margin-bottom: 8px;
  padding-bottom: 4px
  }
h3, h4, h5, h6{
  margin-bottom: 0
  }
h1{
	padding: 5px 0;
	line-height: 20px;
}
body{
	line-height: 1.5em 
}

/* FONTS */
body{
  font-family:Verdana, Arial, Helvetica, sans-serif
  }
h1, h2{
  font-family:Arial, Helvetica, sans-serif
  }

/* FONT SIZES */
body{
  font-size: 70%;
  }
h1{
  font-size: 1.75em;
  }
h2{
  font-size: 1.25em
  }
h3, h4, h5, h6{
  font-size: 1em
  }
  
/* FONT WEIGHT */
 
dt{
	font-weight: bold;
} 

/* FONT COLOURS AND STYLES */
body{
  color: #666
  }
a{  
  color:#246CCE;
  text-decoration:none;
  } 

/* Visited Links */


a:hover{
  text-decoration: underline !important;
  color:#113B92;
 }

a.noUnderline:hover{
  text-decoration: none !important;
 }

h1 a, h2 a{
  color:#113B92;
  text-decoration:none
  }

h1{
  border-bottom: 1px solid #CCC;
  color: #666
  }
h2{
  border-bottom: 1px solid #CCC;
  }
h2, h3, h4, h5, h6, dt{
  color: #000
  }
	  /********************************************************************
		 *                        CR128.2 Back out                          *
		 *																																	*
		 *					Commented code to return to the original state.					*
		 *									 Joao Silva (6pm) - 2008/08/11									*
     ********************************************************************   
h2.blue {
  color: #3497D5;
  }
     ********************************************************************
		 *                        CR128.2 Back out                          *
		 *																																	*
		 *											End of commented code. 											*
		 *									 Joao Silva (6pm) - 2008/08/11									*
     ********************************************************************/
h4, h5, h6{
	display: inline;
	float: left;
	margin-right: 5px
}
code{
	color: #000;
	white-space: nowrap;
}

acronym{
	border-bottom: 1px dotted;
}


/* Tube line colours */
.bakerloo			{color: #FFF;  		background: #AE6118;}
.central			{color: #FFF;  		background: #E41F1F;}
.circle				{color: #113B92;  	background: #F8D42D;}
.district			{color: #FFF; 		background: #00A575;}
.eastlondon			{color: #113B92;  	background: #F2AD41;}
.hammersmithandcity	{color: #113B92;  	background: #E899A8;}
.jubilee			{color: #FFF;  		background: #8F989E;}
.metropolitan		{color: #FFF;  		background: #893267;}
.northern			{color: #FFF;  		background: #000000;}
.piccadilly			{color: #FFF;  		background: #0450A1;}
.victoria			{color: #FFF;  		background: #009FE0;}
.waterlooandcity	{color: #113B92;  	background: #70C3CE;}

/* Block and pull quotes */
.pullquote p,
blockquote p{
	margin-bottom: 0;
  	background: url("../../../images/tfl/online/quote-open.gif") left 2px no-repeat;
	text-indent: 21px;
  	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.2em;
	color: #333;
}


div.pullquote.left,
div.pullquote.right,
blockquote.left,
blockquote.right{
	width: 167px;
}

.pullquote .cite{
	background: #F7F7F7 url("../../../images/tfl/online/panel-shadow.gif") left bottom repeat-x;
	padding-bottom: 23px;
	padding-top: 3px;
	font-size: 1em;
	line-height: 1em;
	color: #666666;
}



/* SUPPORTING CONTENT HEADERS */
#supporting-content h2,
#see-also dt,
#related-websites dt{
  font-size: 1.25em;
  font-family:Arial, Helvetica, sans-serif;
  border-bottom: 1px solid #FFF;
  padding-top: 5px;
  margin-bottom: 0;
  color: #666;
  background: url("../../../images/tfl/online/supporting-content-header.gif") repeat-x ;
}

/* LISTS AND LISTS OF LINKS */
ul{
	list-style-type: none;
  }
  
dd,
ul li{
	background: url("../../../images/tfl/online/grey-bullet.gif") no-repeat 0 7px;
	padding-left: 8px;
}
 
.linklist dd,
.linklist li{
	background: url("../../../images/tfl/online/green-bullet.gif") no-repeat 0 7px;
	padding-left: 8px;
}
.pagelinks dd,
.pagelinks li{
	background: url("../../../images/tfl/online/green-bullet-down.gif") no-repeat 0 7px;
	padding-left: 8px;
}

ul.inline{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.inline li{
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 3px;
}

/* CLEAR */
.clear{
  clear: both
  }

/* IMAGE BORDERS */
a img{
  border: 0 solid;
  }
.border {
  border:solid 1px #CCC;
  padding:2px;
  }
a:hover img.border{
  border:solid 1px #3497D5; 
  }

/* TABLES */
table {
	border-collapse: collapse;
	caption-side: bottom;
}
td, th{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 2px 8px 2px 0
}
th{
	color: #000; 
	text-align: left;
	background: #E5E5E5;
	padding-left: 1px;
	border-right: 1px solid #FFF;
}
table,
caption{
	margin-bottom: 8px;
}
caption{font-style: italic; color: #000}

/* TEASER */
.teaser{
	font-size: 1.2em;
	line-height: 1.28em;
	color: #333;
}

/* ICONS */

/* Photoshop */		a.filetype-psd	{background: url("../../../images/tfl/online/filetype-psd.gif") no-repeat;}
/* Text */			a.filetype-txt	{background: url("../../../images/tfl/online/filetype-txt.gif") no-repeat;}
/* Word */			a.filetype-doc	{background: url("../../../images/tfl/online/filetype-doc.gif") no-repeat;}
/* Excel */			a.filetype-xls	{background: url("../../../images/tfl/online/filetype-xls.gif") no-repeat;}
/* Powerpoint */	a.filetype-ppt	{background: url("../../../images/tfl/online/filetype-ppt.gif") no-repeat;}
/* GIF */			a.filetype-gif	{background: url("../../../images/tfl/online/filetype-gif.gif") no-repeat;}
/* JPG */			a.filetype-jpg	{background: url("../../../images/tfl/online/filetype-jpg.gif") no-repeat;}
/* Acrobat */		a.filetype-pdf	{background: url("../../../images/tfl/online/filetype-pdf.gif") no-repeat;}

/* Print */			a.print	{background: url("../../../images/tfl/online/icon-small-print.gif") no-repeat;}
/* Email */			a.email	{background: url("../../../images/tfl/online/icon-small-email.gif") no-repeat;}
/* RSS */			a.rss	{background: url("../../../images/tfl/online/icon-small-rss.gif") no-repeat;}

a.filetype-psd,
a.filetype-txt,
a.filetype-doc,
a.filetype-xls,
a.filetype-ppt,
a.filetype-gif,
a.filetype-jpg,
a.filetype-pdf,
a.email,
a.rss,
a.print{
	padding: 2px 0 2px 20px;
}