/* --- Clamber --*/


.searchlinks td {
background-color:#ffffff !important;
border:none !important;
}
.cloud-amber tr.alt
{ background-color: #f5f5f5 !important;}


/*

.cloud-amber .tblfilters tr:hover td
{ color: #000 !important; background-color: #fff !important;}
.cloud-amber .tblfilters tr.alt:hover td
{ color: #000 !important; background-color: #fff !important;}

.cloud-amber .tblNetwork tr:hover td
{ color: #ffffff; background-color: #660066;}
.cloud-amber .tblNetwork tr.alt:hover td
{ color: #ffffff; background-color: #660066;}

*/

/*.cloud-amber table tr:hover td
{ border: 1px solid #fff;}
.cloud-amber table tr.alt:hover td
{ border: 1px solid #fff;}*/

.cloud-amber table tr:hover .carpark-occupancy-percentdiv, .cloud-amber table tr.alt:hover .carpark-occupancy-percentdiv
{ border: 1px solid #fff; height: 8px; background-color: #fff; }

.cloud-amber td img
{ margin: 0px auto; display: block; /*margin-left:50px;*/
    margin-right: auto !important;}
.cloud-amber .col1
{ width: 250; float: left; font-size: 100%;}
.cloud-amber .col4
{ width: 30%; float: left;}
.cloud-amber .col2
{ width:100%; float:right; padding-top: 5px;}
.cloud-amber .col3
{ clear: both;}
.cloud-amber .col2 table
{ width: 100%; float: left; height: auto;}
.cloud-amber .col1 img
{ display: none; width: 250px; height: 250px;}
.cloud-amber .col1 h3
{ display: none;}
.cloud-amber th.sortable, th.sortable-text, th.sortable-date, .cloud-amber th.sortable-keep, .cloud-amber th.sortable-date-dmy, th.sortable-numeric, .cloud-amber th.sortable-currency, .cloud-amber th.sortable-sortByTwelveHourTimestamp, .cloud-amber th.sortable-sortIPAddress, .cloud-amber th.sortable-sortEnglishLonghandDateFormat, .cloud-amber th.sortable-sortScientificNotation, .cloud-amber th.sortable-sortImage, .cloud-amber th.sortable-sortFileSize, .cloud-amber th.sortable-sortAlphaNumeric
{ background: #660066;padding: 2px 12px 4px 2px;TEXT-ALIGN:CENTER!IMPORTANT}
.cloud-amber th a
{ text-decoration: none !important; color: #ffffff !important; background: transparent !important;}

/*.cloud-amber td a
{ text-decoration: none; color: #000000; background: transparent !important;}*/

.cloud-amber td a
{
	border:medium none;
	clear:both;
	padding:0;
	text-decoration:underline !important;
	color: #660066 !important;
}

.cloud-amber td a:hover
{
	background-color: #660066;
	color:#fff !important;
}

.cloud-amber th a:active
{ border-bottom: 1px dotted #FFFFFF !important;}

/*******/



#offMiddle
{
	width:250px;
	height:250px;
	color:Black;
	font-weight:bold;
	float:left;
 }	

div#offMiddle img
{
	height:250px;
	width:250px;
}

 #offMiddleHtml
{
	
	overflow:auto;
	display:block;
 }
#offMiddleHtmls
{
	clear:both;
	max-width:90%;
	overflow:auto;
	width:auto;
	height:auto;
	float: left;
}

.cloudCalendar
{ width: auto; padding: 0; margin: 0; background-color: Transparent !important; border: none;}
.cloudCalendar tr:hover td
{ background-color: #fff;}
.cloudCalendar td
{ background-color: #fff; border: none;}
.cloudCalendar td input[type="text"]
{ vertical-align: middle;}
.cloudCalendar td input[type="select"]
{ vertical-align: middle;}
.cloudCalendar td img
{ vertical-align: middle !important;}

.menuindetails
{ float: left; width: 100%;}
.menuindetails div
{ float:left; margin-bottom:15px; width:100%;}
.menuindetails div img
{ float:left;}
.menuindetails div div
{ float: right; width: 88%; margin: 10px 0 0 0; padding: 0px;}
.menuindetails div div a
{ font-weight: bold; margin: 0px; padding: 0px;}
.menuindetails div div p
{ margin: 0px; padding: 0px;}
ul.fdtablePaginater
{
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	width: auto;
	margin-bottom: 2em;
	font-family: "Century Gothic" , "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
}
ul.fdtablePaginater li
{
	display: table-cell;
	padding-right: 4px;
	color: #666;
	float: left;
	list-style: none;
}
ul.fdtablePaginater li a.currentPage
{
	background: #660066 !important;
	color: #ffffff !important;
	font-weight: bold;
}
ul.fdtablePaginater li a:active
{
	border-color: #222 !important;
	color: #222;
}
ul.fdtablePaginater li a:hover
{
	color: #ffffff !important;
	text-decoration: none !important;
}
ul.fdtablePaginater li a, ul.fdtablePaginater li div
{
	display: block;
	padding: 0px 6px;
	margin: 0px;
	text-decoration: none;
	outline: none;
	background: #e1e1e1;
	border: 1px solid #666666 !important;
	color: #660066 !important;
}
ul.fdtablePaginater li div
{
	cursor: default;
	opacity: .5;
	display: none;
}
ul.fdtablePaginater li a span, ul.fdtablePaginater li div span
{
	display: table-cell;
	height: 20px;
}
ul.fdtablePaginater li a
{
	cursor: pointer;
}
ul.fdtablePaginater li a:focus
{
	color: #333;
	text-decoration: none;
	border-color: #aaa;
}
.fdtablePaginaterWrap
{
	text-align: center;
	clear: both;
	display: block;
	text-decoration: none;
	margin-top: 10px;
	padding-left: 35%;
}
ul.fdtablePaginater li .next-page span, ul.fdtablePaginater li .previous-page span, ul.fdtablePaginater li .first-page span, ul.fdtablePaginater li .last-page span
{
	font-weight: bold !important;
}

/*--end of Clamber */
/** css for naptan**/
.jteAnchor, .jteAnchor:hover
{
	text-decoration: underline;
	color: blue;
	background-color: #fff;
}

.jteHeading
{
	list-style-type: none;
	color: #004870;
}

.jteText
{
	list-style-type: none;
}

ul#jtelinks
{
	font-size: 1.2em;
}

.NormalLinks
{
	padding: 0 !important;
	margin: 0 !important;
}

.NormalLinks li table
{
	margin: 0;
	padding: 0;
}

.NormalLinks li table td
{
	background-color:#FFFFFF;
	border:medium none;
	text-align:center;
	width:135px;
	font-family: Verdana, Arial;
}
.NormalLinks li
{
	list-style-type: none;
	
}
.NormalLinks li a
{
	text-decoration: underline;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-weight: normal;
	text-align: center;
}

.NormalLinks li input[type="text"]
{
    width: 150px;
    vertical-align: middle;
}

.NormalLinks li input[type="submit"]
{
    width: 30px;
    vertical-align: bottom;
}

.NormalLinks li input[type="button"]
{
    width: 30px;
    vertical-align: bottom;
}

.cloud-amber .NormalLinks
{
	padding: 0 !important;
	margin: 0 !important;
	/*padding-left: 50px;*/
}

.cloud-amber .NormalLinks li table
{
	margin: 0;
	padding: 0;
}

.cloud-amber .NormalLinks li table td
{
	background-color:#FFFFFF !important;
	border:medium none;
	text-align:center;
	width:120px;
	font-family: Verdana, Arial;
	margin: 0;
	padding: 0;
	color: #000 !important;
}
.cloud-amber .NormalLinks li
{
	list-style-type: none;
	
}
.cloud-amber .NormalLinks li a
{
	text-decoration: underline;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-weight: normal;
	text-align: center;
}

.cloud-amber .NormalLinks li input[type="text"]
{
    width: 150px;
    vertical-align: middle;
}

.cloud-amber .NormalLinks li input[type="submit"]
{
    width: 30px;
    vertical-align: bottom;
}

.cloud-amber .NormalLinks li input[type="button"]
{
    width: 30px;
    vertical-align: bottom;
}

.stoplinks
{
	
	padding: 0;
	margin : 0;
}

.stoplinks td
{
	background-color: #ffffff;
	width: auto;
}

.stoplinks td img
{
	background-color: #ffffff;
	width: auto;
}

.ErroMessage
{
	color: Red;
	white-space: nowrap;
}

.noTram
{
	display: none;
}

.cloud-amber .xsl-out table caption {
width: 100%;
}

.searchColumn1
{
	width: 50% !important;
	text-align: left !important;
	margin: 0;
	padding: 0;
}

.searchColumn2
{
	width: 50% !important;
	text-align: left !important;
	margin: 0;
	padding: 0;
}

.DistrictTablenoNeed
{
	display: none;
}

.DepartureLink
{
	border:medium none;
	clear:both;
	padding:0;
	text-decoration:underline !important;
	color: #212F6C;
	font-size: 0.8em;
	font-weight: normal;
}

/* to restrict inline styles */
.tblfullwidth, .tblfilters
?{ width: 100% }
.tblpercentwidth
{ width: 40% }
.severitycolumn
{ white-space: pre-wrap; text-align: center; }
.iconincell
{ vertical-align: middle; }
.cargraphiccell
{ text-align: center; margin: 0 auto 0 auto; }
.carpark-occupancy-percent
{ border: 1px solid #999; width: 75px; height: 10px; text-align: left; margin: 0 auto; }
.carpark-occupancy-percentspan
{ position: absolute; left: -5000px; top: -5000px; }
.carpark-occupancy-percentdiv
{ border: 1px solid #660000; height: 8px; background-color: #660000; }
.detailpagediv
{ clear: both; padding-top: 50px; }
.clearboth
{ clear: both; }
.backtosearch
{ font-size: small; float: left; }
.detailpagecaption
{ text-transform: none; white-space: normal; text-align:left; }
.naptanintrotext
{ width: auto; text-align: left; white-space: nowrap; margin: 0; Padding: 0;}
.nomarginandpadding
{ margin: 0 !important; Padding: 0 !important;}
.errormessagecell
{ text-align: left;}
.faulttextbox
{ width: 500px;}
.regionlbl { vertical-align: top; padding-right: 10px}
.regionchk { vertical-align: top;}

.cloud-amber .limit
{ width: 48% !important;}

.limit
{ width: 98% !important;}

.internal-systems { height: 25px; }

.TextLink
{
	border:medium none;
	clear:both;
	margin-left:20px;
	padding:0;
	text-decoration:underline !important;
	color: #660066 !important;
}

.TextLink:hover
{
	background-color: #660066;
	color:#fff;
}
.LocationLink
{
	border:medium none;
	clear:both;
	padding:0;
	text-decoration:underline !important;
	color: #660066 !important;
}

.LocationLink:hover
{
	background-color: #660066;
	color:#fff !important;
}
/* end of naptan*/

/*css fo rmapexplained page*/
.icon_small_inline
{
    width: 40px;
	height:40px;
}

.map-left 
{
    width: 40px;
	height:40px;
	vertical-align: text-bottom;
}

.body
{
    background-color:White;
}

.top
{
    vertical-align: text-bottom;
}

.label1
{
    color: #660066;
    font-weight:bold;    
}

.label2
{
    color: #660066;
}

.line
{
    color: #660066;
}

.map-container
{
  
}

.GridHeaderStyle
{
	background-color: #660066;
	border: solid 2px #660066;
	color: white;
	float: left;
	font-family: verdana;
	font-size: 9pt;
	min-height: 50px;
	text-align: left;
	width: 70%;
}
.tdHeaderWhiteStyle
{
	background-color: White;
}
.MessageText
{
	background-color: #ffffff;
	color: Black;
	font-weight: bold;
	min-height: 30px;
	width: 100%;
	text-align: center;
	padding: 8px 0 0 0;
}
.ErrorMessageText
{
	background-color: #ffffff;
	color: Red;
	font-weight: bold;
	min-height: 30px;
	width: 100%;
	text-align: center;
	padding: 8px 0 0 0;
}
.MessageHeader
{
	height: 20px;
	padding: 5px 0 0 10px;
	width: 100%;
}





.rbwm-content {
	color: #333333;
	display: block;
	float: left;
	font-size: 1em;
	padding: 0 0 0 0;
	width: 77% !important; 
}


.drop_mnu
{
	width:120px !important;
}

.network
{
	width:100%;
	border-collapse:separate;
	/*table-layout:fixed;*/
}
.network td
{
	padding: 0.2em 0.5em;
        background-color:#ffffff;
	border:1px solid #660066;
}
.network tr:hover td
{
  background: #fff !important;
} 
.network div table
{
	margin:0px !important;	
	width:120px !important;

}
.rbwm-content h1 {
margin-bottom:6px !important;
}