/* =tables */

div.trafficMain {
	margin-left: 30px;
}

div.layouts {
	text-align:center;
}
	
table.layouts,table.layouts tr, table.layouts td, table.layouts th{
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #d9d1cc;
	font-size:1.0em;
	color: #31306B;
	background: #FFF;
	
	}

table.layouts th {
	background:#528AD6;
	color:#FFF;
	padding: 0 4px 0 4px;
	}

table.layouts td {
	padding-left:1em;
	padding-right:1em;
	text-align:left;
	vertical-align:top;
	text-decoration: none;
	}
				
table.layouts th.table-sortable {
	background-position: left center;
	padding-left: 15px;
	background-image: URL(../images/sort.png);
	cursor: pointer;
	background-repeat: no-repeat
	}

table.layouts th.table-sortable input {
	font-size: .5em;
	}
	
table.layouts th.table-sorted-asc {
    background-position: left center;
    background-image: URL(../images/sort_ascending.png);
    background-repeat: no-repeat
	}

table.layouts th.table-sorted-desc {
    background-position: left center;
    background-image: URL(../images/sort_descending.png);
    background-repeat: no-repeat
    }
	
table.layouts caption {
	font-size:1.1em;
	font-weight:bold;
	background:#E7E7FF;
	padding:5px;
	margin-top: 10px;
	}

table.layouts caption a {
	text-decoration: underline;
	color:#FFF;
	font-size:.8em;
	}	

table.layouts th.r {
	text-align: right;
	border-right: none;
	}
	
table.layouts th.l {
	text-align: left;
	font-size: 1.2em;
	font-style: bold;
	border-left: none;
	}
		
table.layouts th.c {
	text-align: center;
	}
		
table.layouts td.c {
	text-align:center;
	}
	
table.layouts td.r {
	text-align:right;
	}

table.layouts td.l {
	text-align: left;
	}

table.layouts td.rb {
   text-align:right;
   background-color: #FFDAD3;
   }

table.layouts td.rbb {
   text-align:right;
   background-color: #FF7C66;
   }

table.layouts td.rl {
	text-align:right;
   font-size:.95em;
   border-top-color: red;
   border-top-width: thick 
}

table.layouts td.ll {
   text-align: left;
   border-top-color: red;
   border-top-width: thick     
   }

table.layouts td.rlb {
   text-align:right;
	background-color: #FFDAD3;
   border-top-color: red;
   border-top-width: thick   
}

table.layouts th a {
	font-size:1em;
	float:left;
	background:url("../../images/tableft12.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	}

table.layouts th a span {
	float:left;
	display:block;
	background:url("../../images/tabright12.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#E4D6CD;
	}
	
table.layouts th a:hover span {
	color:#FFF;
	}

table.layouts th a:hover {
	background-position:0% -42px;
	}

table.layouts th a:hover span {
	background-position:100% -42px;
	}
			
table.layouts tr:hover {
	background:#d8d9cc;
	}
				
table.layouts th select {
	font-size: 1em;
	}

#light_map {
	position: relative;
	left: 30px;
}

#signal_map {
	position: relative;
	left: 30px;
}

.leaflet-popup-content-wrapper {
    border-radius: 10px 10px 10px 10px !important;
	background-color:  #E7E7FF !important;
}

.leaflet-popup-tip {
    background-color: #E7E7FF !important;
}