@import url("xdebug.css");


body {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
}
body {
	padding:20px;
}

#page{
	
	margin:auto;
	//width:710px;
}

#login_box{
padding-top:50px;	
}

#login_box #title{
	color:black;
	font-weight:bold;
	text-align:center;
	padding-bottom:20px;
	font-size:19px;
}

#login_box input, #search input{
	box-shadow:3px 3px 5px #999 inset;
	border:none;
	display:block;
	padding:10px;
	border-radius:7px;
	margin: auto auto 20px auto;
	width:200px;
}

#login_box input#submit, .nav {
	margin-top:20px;
	font-size:14px;
	margin-bottom:10px;
	border-radius:7px;
	text-decoration:none;
	cursor:pointer;
	padding:7px;
	color:white;
	background-color:#547B9B;
	border-top:1px solid #9FD1F9;
	border-left:1px solid #9FD1F9;
	border-right:1px solid #496A86;
	border-bottom:1px solid #496A86;
	box-shadow:2px 2px 3px #999;
	background: -webkit-linear-gradient(#74AAD6, #547B9B); /* For Safari 5.1 to 6.0 */
 	background: -o-linear-gradient(#74AAD6, #547B9B); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#74AAD6, #547B9B); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#74AAD6, #547B9B); /* Standard syntax */
}

.nav {display:inline-block;}

#login_box input#submit:hover, .nav:hover {
	color:yellow;
}


#container{
	width: 500px;
margin:auto;
//border: 2px solid black;
}

table#tocs .count.link{
white-space:nowrap;
}

span.stop{
	color:#f00;
}

span.pass{
	color:#00F;
}



table#tocs .count.link span:hover{
	color:red;
	cursor:pointer;
}


table#tocs .count,  table#tocs .title{
	padding:3px 5px;
	padding-left:5px;
	text-align:center;
	width:38px;
	vertical-align:bottom;
	border-left:2px solid #bbb;
}


table#tocs td.description {
	padding:3px 5px;
	padding-left:5px;
	text-align:right;
	vertical-align:bottom;
}


table#tocs .description_title{
	padding:3px 5px ;
	padding-right:5px;
	vertical-align:bottom;
	text-align:right;
}

.no-bottom-border{
	border-bottom:none!important;
}

tr.total td{
		font-weight:bold;
		border-top:2px solid #999;
}


.odd{
	background-color:#E1EAF2;
	
}
table#tocs .title td{
	font-weight:bold;
	border-bottom:2px solid #999;
}

.sub_header, .subtitle {
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
}

#toc_data{
	float:left;
	padding:40px 0;
}

#toc_data td{
	font-size:14px;
}
#params{
	float:left;
	padding:40px 0 40px 0;
	width:300px;

}

#params{margin-left:40px;}

#params .value{
	font-weight:bold;
}

#params .note{
	padding-top:10px;
}


.footer {
	position:fixed;
	width:100%;
	padding:10px 0;
	bottom:0;
	left:0;
	clear:both;
	text-align:center;
	background-color:white;
	border-top:2px solid black;
}

#total{
	margin: 40px 40px 40px 0;
	font-size:26px;
	padding:5px 10px;
	border:2px solid black;
	border-radius: 4px;
}

.sub_total, .sub_total_header{
	font-size:14px
}

#total td.amount{
	text-align:right;
	padding-right:5px;
	}

.sub_total_header{
font-size:20px
}

.dropdown option{
	border-left: 2px solid black;
	border-right: 2px solid black;
	font-size:16px;
}

.dropdown{
	box-shadow:-2px -2px 3px #bbb inset;
	border-radius:4px;
	margin-bottom:10px;
	border: 2px solid black;
	font-size:16px;
	width:210px;
}

.dropdown option:first-of-type {
	border-top: 2px solid black;
} 

.dropdown option:last-of-type {
	border-bottom: 2px solid black;
} 
div#dates{
	width:550px
}

#dates input{
	box-shadow:2px 2px 3px #bbb inset;
	border-radius:4px;
	margin-bottom:10px;
	border: 2px solid black;
	font-size:16px;
	padding:2px 5px;
	width:197px;
}

input#start_time, input#end_time{
	width:85px;
}

input:focus, option:focus {
    background-color: #C2E7F5;
} 

.debug{
	display:block!important;
	margin-bottom:5px;	
	}

.debug_data, .debug{
	font-size:10px;
	clear:both;
	}
	
.debug_title{
	margin-top:20px;
}

.debug//{display:none;}

.error {
	border: 2px solid black;
	font-style:italic;
	padding:15px;
	margin:15px auto;
	width:350px;
	text-align:center;
}

.ui-widget
{
  font-family:inherit;
  font-size: inherit;
}

.clearfix{
	clear:both;
}

.block{
	float:left;
	margin-right:40px;
	margin-top:-58px;
}

.block:first-of-type{
	margin-top:0;

}

a.download{
	color:black;
	position:relative;
	top:10px;
	font-size:11px;
	margin-bottom:20px;
	padding:10px 0 0 20px;
	background-image:url(//dev.net-key.co.uk/onwardtravel/train_database/templates/images/download.png);
	background-repeat: no-repeat;
	background-position: 0 7px;
}


#diagram{
	//border: 2px solid black;
	
}

.station {
	padding:10px;
	position:relative;
	clear:both;
	margin-top:20px;
	border: 2px solid black;
	width:730px;
}

.locations{
margin-bottom:40px;	
}

.station .station_title {
	padding:5px;
font-size:16px;
}

.station .station_title a {
	color:black;
}

.station table{
	width:100%
}

.station td {
	font-size:12px;
}

#train_details .container{
		clear:both;
		min-height:40px;
		border:2px solid black;
		margin-bottom:20px;
}


#train_details .train_detail{
	display:none;
}

#train_details .train_detail .item{
	//border: 1px solid black;
}

#train_details .item .title{
	padding:5px;
	text-align:right;
	width: 100px;
	float:left;
	//border: 1px solid black;
}

#train_details .item .value{
	padding:5px;
	text-align:left;
	width: 200px;
	float:left;
	//border: 1px solid black;
}

#train_details .group{
	float:left;
}

#train_details .item .route{
	width: 300px;
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3 ; /* Firefox */
    column-count: 3;
}


#train_details .item{
padding:12px;
text-align:center;
	
}

.loading{
	padding:12px;
	text-align:center;
	
}

#train_details{
	margin-bottom:40px;
}

table#train_details_table{
	font-size:12px;
	width:100%;
	text-align:center;
}

table#train_details_table thead th{
	font-weight:bold;
	background-image:url(images/sortable.gif);
	background-repeat: no-repeat;
	background-position: right center;
	border-bottom: 2px solid #999;
}

table#train_details_table thead th:hover{
	cursor:pointer;
}

table#train_details_table thead th, table#train_details_table td{
	border-right: 2px solid #999;
	padding:5px 15px;
}

table#train_details_table thead th:last-of-type, table#train_details_table td:last-of-type{
		border-right:none;	
}

table#train_details_table thead .headerSortDown, table#train_details_table thead .headerSortUp{
	
	background-color:#CCC;
	
}

table#train_details_table tr.result:hover{
	background-color:#B5D6B1;
	cursor:pointer;
}

.links{
	cursor:pointer;
	text-decoration:underline;
}


div#train_details_single_train{
display:none;
}

div.overlay{
position:fixed;
top:1px;
left:1px;	
width:100%;
height:100%;
background-color:#333333;
z-index:101;
opacity:0.5;
}

div.popup{
	border:2px solid black;
	box-shadow:2px 2px 4px #444;
	border-radius: 5px;
	position:absolute;
	padding:30px;
	top:50px;
	left:50%;
	margin-left:-280px;
	width:500px;
	min-height:100px;
	background-color:#fff;
	z-index:102;
}

div.popup .close{
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;	
}





div#train_details_single_train td{
	text-align:left;
	font-size:14px;
	
}

table#train_details_single_train td{
	border-left:1px solid black;
}

table#train_details_single_train td:first-child{
	border-left:none;
}

table#train_details_single_train tr.title td{
	border-bottom:1px solid black;
}


table#train_details_single_train {
margin-top:20px;	
}

table#train_details_single_train div{
padding:3px;	
text-transform:capitalize;
}

div#train_details_single_train div.title{
	font-weight:bold;
	padding-bottom:15px;
}

div#train_details_single_train span.title{
	display:inline-block;
	width:130px;
}

div#train_details_single_train span.value{
	font-weight:bold;

}

table#train_details_single_train .title{
	font-weight:bold;

}