/* 
 * itis2.css:
 * CSS for this application.
 *
 * Copyright (c) 2008 UK Citizens Online Democracy. All rights reserved.
 * Email: matthew@mysociety.org. WWW: http://www.mysociety.org/
 */

body {
	background-color: #ffffff;
	color: #000000;
}
em { font-style: italic; }
small { font-size: smaller; }
strong { font-weight: bold; }

.grid {
	z-index: 0;
	position: absolute;
	top: 0;
	height: 700px;
	width: 88px;
	border: solid 1px red;
}

h1 {
	font-size: 24px;
	margin-left: 0px;
}
h2 {
	font-size: 16px;
}

body {
	font-size: 11px;
}



/* ------------------------------MP INFO------------------------------*/

#mp_info {
	float: left;
	clear: both;
	width: 180px;
	margin-top: 10px;
}
#mp_info ul {
	list-style-type: disc;
	margin-left: 1em;
	margin-right: 1em;
}

/* ------------------------------CENTRAL------------------------------*/

#lengths {
	position: absolute;
	width: 120px;
	background-color: #ffffff;
}
#const #lengths {
	left: 190px;
	top: 180px;
}
#la #lengths {
	left: 90px;
	top: 180px;
}

/* ------------------------------UNLEADED PRICES------------------------------*/

#petrol {
	position: absolute;
	float:left;
	width: 120px;
	background-color: #ffffff;
}
#const #petrol {
	left: 325px;
	top: 180px;
}

#la #petrol {
	left: 225px;
	top: 180px;
}

#petrol small {
	display: block;
}
#lengths h2, #petrol h2 {
	background-color: #cccccc;
	color: #ffffff;
	padding: 5px;
	margin: 0;
	font-size: 14px;
}
#lengths ul, #petrol ul {
	border: solid 2px #cccccc;
	border-right: none;
	border-bottom: none;
	list-style-type: none;
	overflow: auto;
}
#petrol span {
	padding: 1px;
}

/* ------------------------------MILES OF...------------------------------*/

#lengths li, #petrol li {
	padding: 3px;
}
#lengths li.e, #petrol li.e {
	background-color: #eeeeee;
}

/* ------------------------------RANKS------------------------------*/

#rank_congestion, #rank_incident, #rank_petrol {
	text-align: center;
	padding: 15px 0px;
	position: absolute;
	width: 80px;
	font-size: 8px;
}

#const #rank_congestion {
	top: 80px;
	left: 190px;
}
#la #rank_congestion {
	top: 80px;
	left: 90px;
}

#rank_congestion span, #rank_incident span, #rank_petrol span {
	font-size: 20px;
}

#const #rank_incident {
	top: 80px;
	left: 280px;
}
#la #rank_incident {
	top: 80px;
	left: 180px; 
}

#rank_petrol {
	background-color: #666666;
}

#const #rank_petrol {
	top: 80px;
	left: 370px;
}
#la #rank_petrol {
	top: 80px;
	left: 270px;
}



/* ------------------------------MAP------------------------------*/

#map {
	overflow: hidden;
	position: absolute;
	width: 300px;
	height: 300px;
}
#const #map {
	left: 460px;
	top: 80px;
}
#la #map {
	left: 360px;
	top: 80px;
}
#map_frame {
	overflow: hidden;
	width: 300px;
	height: px;
	border-top: solid 2px #b7c1c8;
}

#map_tabs {
	list-style-type: none;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #ffffff;
}
#map_tabs li {
	float: left;
	text-align: center;
	margin-right: 3px;
}
#map_tabs a {
	float: left;
	width: 120px;
	padding: 5px 0 0;
	background: #e7f1f8;
	text-decoration: none;
	color: #666666;
}
#map_tabs a:hover {
	background: #b7c1c8; /* ffa826 */
	color: #000000;
}
#map_tabs li#map_tab_sel a, #map_tabs li#map_tab_sel a:hover {
	background-color: #b7c1c8;
	color: #000000;
}
li#map_tabs_ge {
	float: right;
	margin-right: 0;
}
#map_tabs_ge a {
	width: 130px;
}


/* ------------------------------------------------------------*/

.rounded ul {
	background-color: #ffffff;
}

/* ------------------------------WRITTEN QUESTIONS------------------------------*/

#written {
	width: 180px;
	position: absolute;
	top: 394px;
	left: 0px;
	margin-top: 10px;
	background-color: #ffffff;
}
#written h2 {
	background-color: #89B84B;
	color: #ffffff;
	padding: 5px;
	margin: 0;
}
#written div {
	border: solid 2px #89B84B;
	border-bottom: none;
	border-right: none;
	max-height: 350px;
	height: 350px;
	overflow: auto;
}
#written ul {
	/*
	padding-left: 1.5em;
	list-style-type: disc;
	*/
}
#written li {
	padding: 3px;
}
#written li.e {
	background-color: #e9ffab;
	background-color: #d9ff9b;
}
#written p {
	padding: 3px;
}



/* ------------------------------NEIGHBOURS------------------------------*/

#neighbours {
	width: 180px; /* 390 */
	position: absolute;
	background-color: #ffffff;
}
#la #neighbours {
	top: 404px; /* 247 */
	left: 90px; /* 840 */
}
#const #neighbours {
	top: 404px; /* 247 */
	left: 190px; /* 840 */
}
#neighbours h2 {
	background-color: #669999;
	color: #ffffff;
	padding: 5px;
	margin: 0;
}
#neighbours ul {
	border: solid 2px #669999;
	border-right: none;
	border-bottom: none;
	max-height: 350px;
	height: 350px;
	overflow: auto;
	/*
	padding-left: 1.5em;
	list-style-type: disc;
	padding-top: 5px;
	*/
}
#neighbours span {
	padding: 1px;
}
#neighbours li {
	padding: 3px;
}
#neighbours li.e {
	background-color: #99cccc;
}
#neighbours li a {
	display: block;
	text-decoration: none;
	color: #000000;
}
#neighbours li a span.l {
	text-decoration: underline;
	color: #0000ff;
}

#neighbours li small span {
	text-align: right;
	float: right;
	width: 70px;
	padding-right: 2px;
}

#neighbour_key {
	font-size: smallest;
}
#neighbour_key span {
	text-align: center;
	float: right;
	width: 70px;
}

/* ------------------------------STATIONS------------------------------*/

#stations {
	width: 180px; /* 390 */
	position: absolute;
	margin-right: 10px;
	background-color: #ffffff;
}
#const #stations {
	top: 404px; /* 540 */
	left: 380px; /* 840 */
}
#la #stations {
	top: 404px; /* 540 */
	left: 280px; /* 840 */
}
#stations h2 {
	background-color: #9999ff;
	color: #ffffff;
	padding: 5px;
	margin: 0;
}
#stations ul {
	border: solid 2px #9999ff;
	border-right: none;
	border-bottom: none;
	max-height: 350px;
	height: 350px;
	overflow: auto;
}
#stations li {
	padding: 3px;
}
#stations li.e {
	background-color: #ccccff;
}
#stations li a {
	display: block;
}

#leftstations {
	width: 180px; /* 390 */
	position: absolute;
	margin-left: 40px;
	margin-right: 10px;
	background-color: #ffffff;
}
#const #leftstations {
	top: 149px; /* 540 */
	left: 1px; /* 840 */
}
#la #leftstations {
	top: 454px; /* 540 */
	left: 450px; /* 840 */
}
#leftstations h2 {
	background-color: #9999ff;
	color: #ffffff;
	padding: 5px;
	margin: 0;
}
#leftstations ul {
	border: solid 2px #9999ff;
	border-right: none;
	border-bottom: none;
	max-height: 350px;
	height: 350px;
	overflow: auto;
}
#leftstations li {
	padding: 3px;
}
#leftstations li.e {
	background-color: #ccccff;
}
#leftstations li a {
	display: block;
}
#rtt {
	position: absolute;
	margin-left: 2px;
	background-color: #ffffff;
}

/* ------------------------------INCIDENTS------------------------------*/

#incidents {
	width: 180px; /* 390 */
	position: absolute;
	margin-top: 10px;
	margin-right: 10px;
	background-color: #ffffff;
}
#const #incidents {
	left: 570px; /* 400 */
	top: 394px; /* 418 */
}
#la #incidents {
	left: 470px; /* 400 */
	top: 394px; /* 418 */
}
#incidents h2 {
	background-color: #cc6666;
	color: #ffffff;
	padding: 5px;
	margin: 0;
}
#incidents ul {
	border: solid 2px #cc6666;
	border-right: none;
	border-bottom: none;
	max-height: 350px;
	height: 350px;
	overflow: auto;
}
#incidents li {
	padding: 3px;
}
#incidents li.e {
	background-color: #ffcccc;
}

/* ------------------------------------------------------------*/




/* ------------------------------SUBNAV TABS------------------------------*/

#subnav {
	margin: 0;
	list-style-type: none;
}

#subnav li {
	float: left;
}


/* ------------------------------HOME PAGE------------------------------*/

#introduction {
	float: left;
	width: 760px;
}
#introduction p {
	float: left;
}

#pick_types {
	list-style-type: none;
	text-align: center;
	margin: 0;
	
}
#pick_types li {
	width: 760px;
	padding: 0;
}

#selection_box {
	margin-right: 40px;
	float: left;
	background-color: #ffffff;
	margin-top: 20px;
	padding: 10px;
}

#list_order {
	width: 760px;
	margin: 0 0 10px 0;
	padding: 5px;
	font-size: 12px;
}
#list_order h2 {
	color: #000000;
	padding: 0 0 5px 0;
	margin: 0;
}
#list_order ul {
	list-style-type: none;
}
#list_order li {
	padding-left: 10px;
}
/*
#list_order .selected {
	background-color: #b7c1c8; /* ffa826
}
*/

#results_box {
	float: left;
	clear: right;
	width: 390px;
	background-color: #ffffff;
	font-size: 11px;
}
#results_box h2 {
	background-color: #cc6666;
	color: #000000;
	padding: 5px;
	margin: 0;
	font-size: 11px;
}
#results_box ul {
	border-right: none;
	border-bottom: none;
	max-height: 350px;
	height: 350px;
	overflow: auto;
}
#results_box li {
	padding: 3px;
}
#results_box li.e {
	background-color: #ffcccc;
}
#results_box li.b {
	background-color: #cc6666;
	padding: 0;
	height: 2px;
}
#results_box li a {
	display: block;
	color: #000000;
	text-decoration: none;
}

#type_selected_line {
	clear: left;
	margin-left: 40px;
	font-size: 12px;
}
#search {
	font-size: 11px;
	margin: 16px;
	margin-left: 60px;
	width: 648px;
	background-color:#ffffff;
	color: #000000;
	border: solid 1px #cccccc;
}

#keyboard {
	-moz-user-select: none;
	font-size: 40px;
	text-align: center;
	background-color: #ffffff;
	padding: 16px;
	margin-left: 24px;
}
#keyboard .row span {
	float: left;
	background-color: #b7c1c8; /* ffa826 */
	margin-right: 10px;
	margin-bottom: 10px;
	width: 60px;
	cursor: pointer;
}
#keyboard .row {
	clear: left;
}
#row2 { margin-left: 35px; }
#row3 { margin-left: 70px; }
#row4 { margin-left: 0; }
#row4 #clear {
	width: 95px;
	font-size: 11px;
}
#row4 #delete {
	width: 130px;
	font-size: 11px;
}
#row4 #space {
	width: 410px;
	font-size: 11px;
}

#loading {
	border: solid 1px #999999;
	padding: 4px;
	display: none;
	color: #000000;
	background-color: #ffffff;
	position: absolute;
	top: 150px;
	right: 100px;
	text-align: center;
}

#trains {
	right:250px;
}