﻿

.SuggestionSearch table {border:10px solid #999999; width:100px; padding :0px;  }
.SuggestionSearch table th{color:#fff;text-align:left;}
.SuggestionSearch table td {border:10px solid #999999; width: 50px;padding:0px;}
.SuggestionSearch table th {padding:0px;}
.multiselect
{
   
   
    width: 258px;
    display: none;
 }
 .multiselect2
{
   
    width: 189px;
    display: none;
    
 }

 .multiselect02
{
   
    width: 118px;
    display: none;
    
 }

/*New Classes*/
.cloud-amber table.SuggestionSearch{border:0; margin-bottom:0;}
.cloud-amber table.SuggestionSearch td{border:0; line-height:25px; height:25px;}
.cloud-amber table.SuggestionSearch td label, .cloud-amber table.SuggestionSearch td input{margin-right:3px; display:inline-block;}
.cloud-amber table.SuggestionSearch tr:hover{background:none;}
.cloud-amber table.SuggestionSearch td input{padding:2px; width:258px; height:21px;}
.cloud-amber table.SuggestionSearch td label{width:130px; text-align:right;}
.cloud-amber table.SuggestionSearch td .btn-sub{width:110px; margin-left:0px; height:25px;}

/*.cloud-amber table.SuggestionSearch3{margin-bottom:0; border:none !important; float:left; width:100%;}*/
.SuggestionSearch3{margin-bottom:0; border:none !important; float:left; width:62% !important; margin:0px ! important}

/* NoSort Class */
/*.cloud-amber  table th.nosort{background:#CAE8EA;padding:8px 12px 4px 16px;}*/
.cloud-amber th.sortable, .cloud-amber th.sortable-text, .cloud-amber th.sortable-date, .cloud-amber th.sortable-keep, .cloud-amber th.sortable-date-dmy, .cloud-amber 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{cursor:crosshair;padding:8px 12px 4px 16px;}
.cloud-amber  table th.nosort {padding:8px 12px 4px 16px; font-weight:bold;}


/*Classes for Carpark*/
.ErrorMSG {margin-top: 0px; color:Red;text-align: left;font-weight:bold;}
.height10{height:10px;}
/*.Carparkdllwidth{width:200px}*/
.divClearBoth{clear:both;height:10px; width:50px;}
table.CarParklocation td {padding:0px; width:48%;}

table.CarParklocation td input,.NetworkLocation{Width:40%;}
table.CarParklocation td span{position:absolute; margin:-2px 0 0 165px; display:inline; z-index:1; }
.CarparkDiv{float:left; width:50%; margin-top:10px;}
.CarparkDiv select{Width:40%;}
.Carparklbl{width: 165px; float:left; text-align:right;}
.CarParkFrom{float:left; width:100%; margin-top:10px; display:inline-block;}
.CarParkFrom select{Width:20%;}
.CarparkDivFrm{float:left; display:inline-block; width:230px;}

.Carparkto{float:left; display:inline-block; margin-right:0px; width:90px;}
.Carparktolbl{width:auto; display:inline-block;}
.CarParklocation{width:936px !important; float:left;}

/*Classes for VMSList*/
.VMSList_Title{font-weight:normal;}
.VMSList_ErrMsg{margin-top: 10px; color: RED; font-weight:bold;}
.cloud-amber table.VMSList_Location td{border:0; line-height:25px; height:25px;}
.cloud-amber table.VMSList_Location td{ width:48%; padding:3px;border: medium none;background:#fff !important;}
.cloud-amber table.VMSList_Location td label{display:inline-block; text-align:right;}
.cloud-amber table.VMSList_Location td .lblLeftSide{width:165px;}
.cloud-amber table.VMSList_Location td .lblRightSide{width: 100px;}
.cloud-amber table.VMSList_Location td input{width:40%;}
.cloud-amber table.VMSList_Location td span{position: absolute;display:inline;z-index:1; }
.cloud-amber table.VMSList_Location td .Spn_PostCode{margin: -2px 0pt 0pt 165px; z-index:10;}
.cloud-amber table.VMSList_Location td .Spn_Location{margin:-2px 0 0 102px;}
.cloud-amber table.VMSList_Location td select{width:40%;}
.cloud-amber table.VMSList_Location td .multiselect2{width:258px;display: none;}
.cloud-amber table.VMSList_Location td .ddlPostCodeCss{width:128px;display: none;}
.cloud-amber table.VMSList_Location td .ddlStreetCss{width:258px;display: none;}

/*Classes for Trafficsignals*/
.TrfficSignals_ul{list-style-type:none;}
.TrfficSignals_input{border:0 ! important;padding-top:5px}
.TrfficSignals_Div{margin-top:10px; width:440px;}
.TrfficSignals_Label{display: inline-block; width: 165px; text-align: right;}
.TrfficSignals_Select{Width:40%;}
.TrfficSignals_Spn_PostCode{position: absolute; margin: -35px 0pt 0pt 169px; display: inline; z-index: 1;}
.TrfficSignals_Spn_Location{position: absolute; margin: 0px 0pt 0pt 169px; display: inline; z-index: 1;}
.TrfficSignals_ErrMsg{margin-top: 10px; color: RED;text-align: left; font-weight:bold; }




 /*Classes for CCTV*/
.CCTV_Errmsg{margin-top: 0px; color: RED;font-weight:bold;}
.cloud-amber table.CCTV_Location td{border:0; line-height:25px; height:25px;}
.cloud-amber table.CCTV_Location td{ width:48%; padding:3px;border: medium none;background:#fff !important;}
.cloud-amber table.CCTV_Location td label{display:inline-block; text-align:right;width: 160px; font-weight:normal !important;}
.cloud-amber table.CCTV_Location td select {width:121px;}
.cloud-amber table.CCTV_Location td .Spn_Suggest{position:absolute; margin:-2px 0 0 160px; display:inline; z-index:1;}
.cloud-amber table.CCTV_Location td .Spn_Suggest01{position:absolute; margin:-0.35em 0 0 14.5em; display:inline; z-index:1;}
.cloud-amber table.CCTV_Location td input{width:40%;}
.cloud-amber table.CCTV_Location td .multiselect2{width:258px;display: none;}


/*Classes for Naptan*/
.Naptan_SearchLinks_label{display:inline-block; float:left; padding-top: 8px; margin-right:5px;}
.Naptan_SearchLinks_div{ clear:both; /*height:20px;*/}
.Naptan_SearchLinks_div_inner{float:left; display:inline-block; margin-right:15px; width:500px;margin-top:0px;}
.Naptan_SearchLinks_div_DO{float:left; display:inline-block; width:100px; margin:16px 67px 15px 0px; *margin:14px 72px 20px 0px;height:72px;}
.Naptan_SearchLinks_div_DO_inner{clear:both; /*height:20px; width:100px;*/}
.Naptan_SearchLinks_div_DO_outer{width:250px; float:right;}
/*.Naptan_SearchLinks_div_DO_left{width:500px; float:left; height:60px; position:relative;  *margin-top:-18px;}*/
.Naptan_SearchLinks_div_DO_left{width:420px; float:left; height:51px; position:relative;  *margin-top:-16px;}
.Naptan_SearchLinks_p{margin:5px 0; clear:both; padding:5px 0 0 0;}
.Naptan_PostCode{
    width: 150px;
    display: none;
    }
.NaptanSpn_PostCode{margin: 0 0pt 0pt 0; z-index:10; float:left; position:absolute; right:367px; top:558px;}

/* Classes for Network */
.network-main-td {
    background: #FFFFFF !important;
    border: none !important;
    padding:0px !important;
    }
    
.cloud-amber .network-main-td tr, .cloud-amber .calendar-box table tr:hover{background: #FFFFFF !important;}
.network-row1{
    background: #FFFFFF !important;
    border: none !important;
    padding: 3px !important;
}

.cloud-amber table td .network-row1 .label-left {
    background: #FFFFFF !important;
    display: inline-block !important;
    text-align: right !important;
    width: 72px !important;
}

.cloud-amber table td .network-row1 .label-left-broadcast {
    background: #FFFFFF !important;
    display: inline-block !important;
    text-align: right !important;
    width: 150px !important;
    color:#000;
}


.cloud-amber table td .network-row1 .label-left2 {
    background: #FFFFFF !important;
    display: inline-block !important;
    text-align: right !important;
    width: 120px !important;
}

.cloud-amber table td .network-row1 .label-right {
    background: #FFFFFF !important;
    display: inline-block !important;
    text-align: right !important;
    width: 60px !important;
}

.cloud-amber table td .network-row1 .label-right-broadcast {
    background: #FFFFFF !important;
    display: inline-block !important;
    text-align: right !important;
    width: 150px !important;
    color:#000;
}

.cloud-amber table td .network-row1 input {
    width: 49% !important;
}
.network-row1 .left-span {
    position:absolute !important;
    margin:-2px 0 0 73px !important;
    display:inline !important;
    z-index:1 !important;
   }
   
.network-row1 .right-span {
    position:absolute !important;
    margin:-2px 0 0 61px !important;
    display:inline !important;
    z-index:1 !important;
   }

   
.network-row2{
    background: #FFFFFF !important;
    border: none !important;
}

/*.network-row2*/ .lable-left2 {
    display: inline-block !important;
    text-align: right !important;
    width: 120px !important;
}

/*.network-row2*/ .lable-left3 {
    display: inline-block !important;
    text-align: right !important;
    width: 128px !important;
}

.network-row2 .date-input {
    background: #FFFFFF !important;
    border: 1px solid #9C9C9C !important;
    font-family: Arial,Tahoma !important;
    padding-right: 0 !important;
    vertical-align: middle !important;
    width: 108px !important; text-decoration:none !important;
    -moz-text-decoration-line: none !important;
}
.network-row2 .date-input a{ text-decoration:none !important;}
.network-row2 .date-input a:hover{ text-decoration:none !important;}

.network-row3 {
    background: #FFFFFF !important;
    border: none !important;
    /*padding-left: 110px !important;*/
}

.display-options-div {
    border: 1px solid #999999;
    float: left;
    height: 27px;
    line-height: 25px;
    /*overflow: hidden;*/
    width: 33%;
    z-index: 1;
}
.display-options-div-new {
    border: 1px solid #999999;
    float: left;
    height: 27px;
    line-height: 25px;
    overflow: hidden;
    width: 33%;
    z-index: 1;
}

.cloud-amber .display-options-div table{width:100% !important; margin-bottom:0 !important}

.display-options-div img {
    float: right;
    margin: 3px 5px 3px 0;
}

.clear-div-15 {
    clear: both;
    height: 15px;
}

.clear-div-10 {
    clear: both;
    /*height: 10px;*/
}

.clear-div-1 {
   /* clear: both;
    height: 10px;*/
}

.button-div {
    width:245px;
    /*float:left;*/
     margin-bottom: 12px;
    margin-top: 12px;
    }


/*===============================*/
#filesDIV{line-height:20px;font-size:0.9em;text-align:left;display:none;background-color:#EAEBEB;width:120px;overflow:hidden;border:1px solid gray;}
#filesDIV span{display:block;font-weight:bold;background-color:#8E113B ;border-bottom:1px solid black;color:white;text-align:center;}
#filesDIV span a{ color:white ! important; text-decoration: none !important;}
#filesDIV span a:hover { color:white ! important; text-decoration: none !important; font-weight: bold;}


/*===============================*/

/*========== NetworkContainer Style Starts here ===========*/

#Main-Container
{
    width:99%;
    float:left;
    height:auto;
    
    }



.SuggestionSearch3 table 
{  
    width:100%;
    margin:0 !important;
    
    }
    
#Main-Container .SuggestionSearch3 table 
{
	margin:0 !important;
	border : 0px ! important;
}

.calendar-box {
    border: 1px solid #CCCCCC;
    float: left;
    height: 115px;
    padding: 5px;
    width: 98%;
}

.calendar-box table tr:hover  {background:#EAFBE3 !important;}

.location-box {
    border: 1px solid #CCCCCC;
    float: left;
    height: 140px;
    padding: 5px;
    width: 48%;
}

.cloud-amber table td .network-row1 { width:50% !important;}

.td-end-date, .td-start-date { width:10% !important; border:none !important;}
.tr-cctv-location td {border:none !important;}

.drop_mnu {
    display: none;
    left: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 0;
    z-index: 1000000001;
}

table {
    width: 100%;
}
.filtersInput
{
	margin:4px;
	vertical-align:middle;
}
.filtersLabel{ vertical-align:middle;}	

.CCTVDetailHeaderTD
{
	background-color:#0A1C5C !important; 
	color: #FFFFFF; 
	text-align: left;
}
.CCTVDetailDescTD
{
	width:67%;
	background-color:#DEDCEE !important;
}
.CCTVDetailImage
{
	border:none;background-color:#DEDCEE !important;
}
td.CCTVDetailDescTD:hover{background:#b7b7b7 !important;}
.xsl-out
{
	border:solid 0px; background-color:transparent !important;
}
.xsl-out:hover
{
	border:solod 0px; background-color:transparent !important;
	border-color:none;
}

.cloud-amber td a{color:#000060;}
.cloud-amber td p.viewmap a:hover{color:#6699CC !important;}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
#alert_container span{margin:0px !important;}
#alert_container{/*background:url(../../images/curve_top.png) top left no-repeat;*/width:201px;text-align:center;overflow:hidden;}
div#title{background:url(../../images/blue-curve-top.png) top left no-repeat; color: #FFFFFF; height:25px; cursor: pointer; font-size: 80%; font-weight: bold; padding:13px 10px 0px 11px; overflow:hidden;}
#title.h1{background: url("/media/1385/tsr-r.gif") no-repeat right top; font-size: 120%; margin:0; padding:13px 0 9px 5px; }
#alert_content{height:351px;overflow:hidden;background-color:White; }
div#alert_container{margin:20px; width:210px;}
div#scroll_content{font-size:0.90em;margin-top:-1px; border-left:0; border-right:0; background:#fff; padding:3px;}
.inner_content{min-height:75px;border-bottom:1px solid #666666;background:url(../../images/traffic_alert_bg.png) bottom left repeat-x;}
.inner_content_last{background:url(../../images/traffic_alert_bg.png) bottom left repeat-x;}
div.uparr_button{padding:0px; background:transparent; border-left:0; border-right:0;border-bottom:0;}
div.downarr_button{padding:0px;background:transparent; border:0px;}
.uparr_button img, .downarr_button img{cursor:pointer;margin:0; display:block;}
.floatleft{float:left;}
.floatright{float:right;}
.main_header{font-size:1.1em;}
.counter{font-size:0.85em;border:2px solid #fff;padding:0 3px;background:#e40000;}
.disruption{min-height:60px;}
.severity{width:43px;}
.description{padding-left:3px !important;text-align:left;width:140px;}
.description span.header{color:#26255E;display:block;font-weight:bold;font-size:1.2em !important;}
.description span.short_description{display:block;}
.maplink{clear:both;padding-right:3px;min-height:15px;text-align:right;}
.maplink a, .maplink a:active, .maplink a:visited{color:#26255E;font-weight:bold !important;}
.centerLink{text-align:left !important;font-weight:bold;color:#b01111 !important;float:left !important;font-size:1.6em !important;margin-left:10%;}
.rightLink{float:right;}

#Main-Container .divClearBoth 
{
	clear: both;
    height: 0px !important;
    width: 50px;
}

.radio-list { margin-top:5px;}
.radio-list label   
{
    /*padding-top :2px;*/
    padding-left: 3px ;
    padding-right:3px;
    /*padding-bottom: 2px; */
    vertical-align:top;
    }
.radio-list input 
{
	vertical-align:middle; 
    padding-top :3px;
    padding-left: 2px ;
    padding-right:2px;
    padding-bottom: 2px; 
                     }
 
 @media screen and (-webkit-min-device-pixel-ratio:0)
{
 .fdtablePaginaterWrap
 {
  padding-bottom:25px;
 }
}
.button { padding:0 3px;}
.button:hover {  -moz-text-decoration-line: none ! important;}
.button:hover {  TEXT-DECORATION: none ! important;}


.Naptan_SearchLinks_div_DO_left .ErroMessage { font-size:14px;}


#ReportFault td 
{
	background-color:#FFFFFF !important; 
}
#ReportFault table
{
	background-color:#FFFFFF !important; 
	border:0;
}
#ReportFault table td 
{
	background-color:#FFFFFF !important; 
	border:0;
}

 /* 5 -Aug - 2011  - For Menu*/
 #menulinks
 {
  	width: 100% ! important;
  	float:left;
 }
 
  #menulinks table td
 {
  	width: 500px ! important;
  	
 }
 
 #menulinks table td.right-td { float:left; text-align:left !important;vertical-align:top;padding-right:0px !important; padding-top:0px !important;}
 #menulinks table td.left-td  {width:11% !important;}
 
#menulinks .TextLink 
{
	  margin-left :0px !important; 
	  text-decoration: none ! important;
}
#menulinks .TextLink:hover 
{
	  margin-left :0px !important; 
	  /*text-decoration: underline ! important;*/
	  color: #8E0A47 !important;
}
#menulinks table td 
{
	padding : 0 ! important;
	background-color:transparent !important;
	border-bottom-width: 0px !important;
}



.ImageLink img
{
	margin-top:0 ! important;
}
#menulinks table td h2,p
{
	margin-top : 0 ! important;
	margin-bottom :  0 ! important;
	/*font-size: 1em;*/
}

#voyager_menu{ text-align:left !important;}

.calendar-box h4,p 
{
	margin-bottom: 8px !important;
}
.z-column-canvas div p
{
	 margin-bottom: 1em !important;
}

.z-column-canvas div p input:hover
{
	text-decoration: none ! important;
}
#ctl00_ctl00_ctl00_ContentPlaceHolderDefault_WebCarbonMasterContentPlaceHolder_CarbonCalc_2_accPannelAdvanced_content table{ display:table ! important; width:100% ! important;}
.summary h1{ font-size:18px! important;}
.summary p{ font-size: 14px! important;}
.summary_txt p{  font-size: 14px !important;}
.summary_txt ul{ font-size: 14px !important;}
.accordionLink{ font-weight:bold;}
.CalendarTr2Td5{ padding-top:10px !important;}
.CalendarTr2Td5 label {padding:4px !important; /*vertical-align:top;*/ margin-top:10px !important}
.CalendarTr2Td5 input { /*vertical-align:top; padding-right:4px !important; margin-top:10px !important*/}
.network-main-td table tr td{padding: 10px 0 2px !important; }

#tblNetworkFilters{background:none;}
#tblNetworkFilters tr td label {margin-top:5px !important; margin-left:2px !important;}
#tblNetworkFilters tr td input {margin-left:2px !important; margin-top:5px !important; }

.menulinks table td a.ImageLink {float:left; margin-bottom:15px !important;}
.menulinks table tr 
{
    background-color: White ! important;
}

.Main-Container_Network
{ float: left;
    height: auto;
    width: 99%;
    }
 .div-StrOpt h4{ margin:0 0 5px 0}
 
 #z-column-lh{width: 20% ! important;}
 #z-column-rh{width: 80% ! important; }

.Alert_SignUp input[type=submit],.Alert_login .Grid input[type=submit]{ padding:2px 3px}
input[type=submit]{ padding:2px 3px }
.Button { margin:5px 0}
#ctl00_ctl00_ctl00_ContentPlaceHolderDefault_content_ChangeProfile_4_tblUpdate tr td{ padding:3px 5px !important}