#debug div.debug
{
	clear:both;
	font-size:10px;
}
#debug div.type
{
	float:left;
	width:50px;
	color:blue;
}
#debug div.component
{
	float:left;
	width:100px;
}
#debug div.message
{
	float:left;
	width:500px;
	color:red;
}

#body
{
	margin-left:auto;
	margin-right:auto;
	width:755px;
	background-color:#D8E1E2;
	background-image:url(../media/bg_main.gif);
  	background-repeat:repeat-y;
  	background-position:749px;
  	position:relative;
}

#header
{
  height:35px;
  padding:5px;
  background-image:url(../media/bg_top.gif);
  background-repeat:no-repeat;
}
#header div.brand
{
  float:left;
}
#header div.brand div.title img
{
  padding:2px;
  /* ************* */
  /* Change position of heading here */
  margin-left: 40px;
}
#header div.title
{
  float:left;
  padding:2px 1px 1px 5px;
}
#header div.brand img.logo
{
  float:left;
}
#header div.brand div.title
{
  float:left;
}
#header div.options
{
  float:right;
  font-size:12px;
  width: 394px;
  text-align: right;
}
#header div.options span.status
{
  padding:2px;
	color:#333333;
}
#header div.options span.date
{
	padding-right: 3px;

	color:#333333;
}
#header div.options a.logout
{
  padding:2px;
  text-decoration:none;
  color:#000000;
}

#content,
#footer_buttons
{
	\width: 755px; 
	w\idth: 749px;
  padding:0px;
  padding-right:6px;
  padding-top: 3px;
  background-color:#f0f0f0;
  background-image:url(../media/bg_main.gif);
  background-repeat:repeat-y;
  background-position:749px;
}

#footer_buttons
{
	padding-bottom:5px;
}

#footer
{
	height: 30px;
	min-height:30px;
	background-image:url(../media/bg_bottom.gif);
	background-repeat:no-repeat;
	background-position: bottom;
	font-size: 10px;
	clear: both;
}

#footer_buttons
{
	width: 99%;
	text-align: right;
}

#footer_buttons a
{
	padding-left: 5px;
}

#footer_buttons a img
{
	border-width: 0px;
}
#footer_buttons a.nextPageLink img.nextPageButton
{
	border-width: 0px;
	float: left;
	padding-left:20px;
}

#footer div.previewButtons
{
	float: right;
}

#address
{
	font-size: 10px;
	background-color:#ffffff;
	color:#999999;
	clear: both;
	padding:5px;
}
#address .copyright {
float:right;
text-align:right;
}
#address .postaladdress {
float:left;
}
#address .version {
display:none;
}

div.infopanel
{

  padding-top:10px;
  padding-bottom:10px;
	margin-right:5px;
}
/* client iframe product list */
iframe.productlist
{
  width:740px;
  height:350px;
  border:0px;
}

div.title
{
  font-size:18px;
  font-weight:bold;
  padding:5px;
}

/* Sign information panel */
div.info
{
	width:450px;
}
div.info div.detail
{
  float:left;
  padding:5px;
}
div.info img.type
{
  float:left;
  margin:7px;
}
div.info div.label
{
	font-weight:bold;
	font-size:18px;
        padding:4px;
}
div.info div.signref,
div.info div.userref,
div.info div.warranty
{
	font-size:13px;
	float:left;

	color:#333333;

padding:1px;
}
div.info div.detail span.value,
div.info div.detail span.label
{
  padding:4px;
}
div.info div.warranty
{
	clear:both;
	width: 320px;
padding-top:8px;
}
div.info span.label,
div.info span.warrantyPackage
{
	color:#000000;
	padding:5px;
font-weight:bold;

}
div.info div.signref span.value,
div.info div.userref span.value
{
	padding:2px;
}
div.info div.signref
{
  width:155px;
}


/* Sign status panel */
div.productstatus
{
  float:right;
  width:261px;
  height:68px;
  background-color:#ffffff;
  background-image:url(../media/status_background.gif);
  background-repeat:no-repeat;
  margin-right:10px;
	position:relative;
}
div.productstatus div.statusdetail
{
  position:absolute;
  top:25px;
  width:260px;
}
div.productstatus div.title
{
  	position:absolute;
	top:0px;
	left:0px;
	padding-bottom: 0;
}
div.productstatus div.currentstatus
{
  font-size:14px;
  float:right;
  padding:5px;
  font-weight:bold;
}
div.productstatus img.statuslights
{
  float:right;
  padding:5px 10px 5px 5px;
}

div.productstatus a.moreinfo
{
	float: right;
	font-size: 10px;
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}

div.productstatus div.updateStatus
{
	position: absolute;
	bottom: 3px;
	left: 5px;
	font-size: 10px;
	display: none;
}

/* Activity panel*/
div.activity
{
  float:left;
  clear:left;
  background-color:#D8E1E2;
  height:160px;
  width:360px;
  position: relative;
  padding:5px;
}
div.activity div.title
{
  padding-bottom:10px;
}

div.activity div.today
{
	text-align: center;
	font-size:12px;
}

div.activity div.today a.todayLink
{
	color: #666666;
	text-decoration: none;
}

div.activity div.dateSelector div.currentday
{
  border:1px inset #cccccc;
  background-color:#ffffff;
  width:130px;
  padding:2px;
  text-align:center;
  font-size:11px;
  float: left;
}

div.activity div.dateSelector
{
	width: 100%;
}

div.activity div.dateSelector div.prevDay,
div.activity div.dateSelector div.nDay
{
	float: left;
	width: 30%;
}

div.activity div.dateSelector div.prevDay
{
	text-align: right;
	padding-right: 2px;
}

div.activity div.dateSelector div.nDay
{
	padding-left: 2px;
}

div.activity div.dateSelector div.prevDay a.previousday,
div.activity div.dateSelector div.nDay a.nextday
{
  text-decoration:none;
  color:#666666;
  font-size:12px;
}

div.activity div.dateSelector div.prevDay a.previousdayHidden
{
	text-decoration: none;
	cursor: default;
}

div.activity div.dateSelector div.prevDay a.previousday img,
div.activity div.dateSelector div.nDay a.nextday img
{
  border:0px;
}

div.activity div.dateSelector div.prevDay a.previousday img
{
	padding-left: 4px;
}

div.activity div.dateSelector div.nDay a.nextday img
{
	padding-right: 4px;
}

div.activity div.vehiclecounter,
div.activity div.signactivations
{
  float:left;
  font-size:12px;
  width:175px;
  height:30px;
  text-align:center;
	padding-top:10px;
}
div.activity div.activityContent div.vehiclecounter
{
  clear:left;
}
div.activity div.activityContent div.vehiclecounter div.value,
div.activity div.signactivations div.value
{
  height:22px;
}
div.activity div.activityContent a.trafficflow
{
  color:#666666;
  font-size:10px;
  clear:both;
  display:block;
  padding:15px 5px 2px 5px;
  width:350px;
  text-align:center;
}

div.activity div.modeButtons a.modeLink img.modeButton
{
	border: none;
	padding-right: 10px;
	position: absolute;
	bottom: 5px;
}

div.activity div.activityContent
{
	clear: both;
}

div.activity div.activityContent div.runtimes
{
	clear: both;
	text-align: center;
}

div.activity div.activityContent div.runtimes table.runtimesTable
{
	width: 100%;
	font-weight: bold;
}

/* Speed Threshold Panel */
div.speedthreshold
{
	 background-color:#D8E1E2;
    height: 119px;
    width: 294px;
	float:left;
}

div.speedthreshold div.title
{
  text-align: center;
  overflow: hidden;
}
div.speedthreshold div.title img
{
  float:left;
  padding:5px;
}

div.speedthreshold div.title em.title1
{
    font-style: normal;
}

div.speedthreshold div.title strong.title2
{
	color: #687782;
    font-style: normal;
    font-size: 10px;
    font-family: arial;
  float:left;
  line-height:32px;
}

div.speedthreshold div.control
{
	overflow: hidden;
}

div.speedthreshold div.control a.speedDown img.downImage,
div.speedthreshold div.control a.speedUp img.upImage
{
  border: 0px;
}
div.speedthreshold div.control a.speedDown,
div.speedthreshold div.control a.speedUp,
div.speedthreshold div.control div.speed_label
{
  float:left;
  padding:2px 5px;
  display: block;
}

div.speedthreshold div.control div.speed_label
{
	width: 95px;
}

div.speedthreshold div.control div.speed_box
{
	font-size: 20px;
	height: 27px;
	width: 119px;
	background-color: #ffffff;
    text-align: center;
	border:1px solid #cccccc;
	float:left;
}

/* Location panel */
div.location
{
  float:right;
  width:350px;
  height:160px;
  background-color:#D8E1E2;
  padding:5px;
	position:relative;
}
div.location div.address
{
  font-size:12px;
  width:120px;
  height:100px;
  margin:5px;
  float:left;
}
div.location a.editlocation,
div.location a.mapzoom
{
  color:#666666;
  font-size:10px;
  padding:2px;
  width: 100px;
}
div.location a.editlocation
{
  float:left;
  clear:left;
  margin-left:5px;
}
div.location a.mapzoom
{
  float:right;
  clear:right;
  display:block;
  width:200px;
  text-align:center;
	position:absolute;
  bottom:10px;
  right:5px;
}
div.location div.map
{
  border:1px inset #cccccc;
  background-color:#ffffff;
  width:200px;
  height:130px;
  float:right;
  margin:5px;
  margin-top:0px;
	position:absolute;
	top:10px;
right:5px;
}


div.distancethreshold
{
    float:right;
		height:119px;
		width:415px;
		padding-left:20px;
    background-color:#D8E1E2;
		position:relative;
}
div.distancethreshold div.title img
{
  float:left;
  position:relative;
  left:-15px;
	padding:2px;
}

div.distancethreshold div.title em.title1
{
    font-style: normal;
}

div.distancethreshold div.title strong.title2
{
	color: #687782;
    font-style: normal;
    font-size: 10px;
    font-family: arial;
  line-height:32px;
}

div.distancethreshold div.distance_slider
{
	width: 381px;
	height: 43px;
	background-image: url(../media/slider.png);
}

div.distancethreshold div.help
{
	padding-top: 10px;
}

div.distancethreshold div.help div.help_recommended div.help_recommended_image_section
{
  float:left;
  padding-right: 5px;
}

div.distancethreshold div.help, div.help_recommended div.help_recommended_text
{
  float:left;
	font-size: 10px;
}

div.distancethreshold div.help div.help_user div.help_user_image_section
{
	float:left;
	padding-left: 20px;
	padding-right: 5px;
}
div.distancethreshold div.recommendedThreshold
{
  background-image:url(../media/distance_recommended.gif);
	background-repeat:no-repeat;
  height:17px;
  width:11px;
  position:absolute;
  top:52px;
  left:4px;
  z-index:1000;
}
div.distancethreshold div.userThreshold
{
  background-image:url(../media/distance_actual.gif);
  height:27px;
  width:17px;
  position:absolute;
  left:1px;
  top:42px;
}
div.modecontrol
{
  padding-top:5px;
	padding-bottom:5px;
	clear: both;
	float: left;
	width:99%;
}

div.modecontrol div.title
{
	float: left;
}

div.modecontrol div.mode_off,
div.modecontrol div.mode_timer,
div.mode_radar,
div.mode_both
{
	float: left;
	font-size: 12px;
	padding-left: 15px;
	padding-top: 7px;
	/*cursor: pointer;*/
}

div.modecontrol div.mode_off img.off_button,
div.modecontrol div.mode_timer img.timer_button,
div.modecontrol div.mode_radar img.radar_button,
div.modecontrol div.mode_both img.both_button
{
	vertical-align: middle;
	padding-left: 5px;
	border-width: 0px;
}

div.modecontrol div.mode_off a.link_off,
div.modecontrol div.mode_radar a.link_radar,
div.modecontrol div.mode_timer a.link_timer,
div.modecontrol div.mode_both a.link_both
{
	text-decoration: none;
	color: #8D8D8D;
}

div.programsection
{
  padding-top:5px;
	clear: both;
	float: left;
	width: 100%;
}

div.programsection div.title
{
	float: left;
}

div.programsection div.details
{
  float:right;
  padding:5px;
}

div.programsection div.details div.name
{
	float: left;
}

div.programsection div.details div.name input.nameBox
{
    border-style: inset;
    border-color: #CCCCCC;
    border-width: 1px;
}

div.programsection div.details div.startDate,
div.programsection div.details div.endDate
{
	float: left;
	padding:2px;
  padding-left:5px;
}
div.programsection div.details div.startDate div.startDateLabel
{
	float: left;
}

div.programsection div.details div.startDate div.startDateValue
{
	float: left;
}

div.programsection div.details div.startDate img.calendarIcon,
div.programsection div.details div.endDate img.calendarIcon
{
	float: left;
	cursor: pointer;
}

div.programsection div.details div.endDate div.endDateLabel
{
	float: left;
}

div.programsection div.details div.endDate div.endDateValue
{
	float: left;
}

div.programsection div.leftColumn
{
	clear: both;
	float: left;
	width: 250px;
	padding-left:10px;
	font-size:12px;
}

div.programsection div.leftColumn div.dayTypes div.dayTypesLabel
{
  float:left;
	width:65px;
	height:21px;
	padding:2px;
}
div.programsection div.leftColumn div.dayTypes div.dayTypesSelector
{
	float:left;
	height:25px;
	width:160px;
}
div.programsection div.leftColumn  div.timingsTitle
{
	padding:4px;
	clear:both;
}
div.programsection div.leftColumn div.dayTypes div.dayTypesSelector img.dayImage
{
	vertical-align: top;
	cursor: pointer;
	margin:2px;
}

div.programsectio div.leftColumn div.timings
{
	width: auto;
}

div.programsection div.leftColumn div.timings div.timingsTitle
{
	font-size: 12px;
	font-weight: bold;
}

div.programsection div.leftColumn div.minutesUsed,
div.programsection div.leftColumn div.minutesAllowed
{
	float: left;
	clear: both;
        font-size: 12px;
}

div.programsection div.leftColumn div.minutesUsed
{
	width: 120px;
}

div.programsection div.leftColumn div.minutesUsed b.minutesValInvalid,
div.programsection div.leftColumn div.minutesAllowed b.allowedValInvalid
{
	color: red;
}

div.programsection div.rightCol
{
	background-image: url(../media/program_calendar_bg.gif);
	float: right;
	width: 465px;
	height: 224px;
	margin-right: 5px;
	padding:5px;
	overflow: auto;
	margin-bottom:10px;
}
div.programsection div.calendarPane
{
	width: 465px;
	height: 215px;
	overflow: auto;
}

div.ProgramCalendar
{
	\width: 206px;
  w\idth: 210px;
	background-color: #A8C4B5;
	height: 208px;
	margin: 5px;
	float: left;
}

div.ProgramCalendar div.header
{
	color: white;
	font-weight: bold;
	height:20px;;
}

div.ProgramCalendar div.monthYear
{
	float: left;
	font-size: 14px;
	padding:2px;
}

div.ProgramCalendar div.header div.settingsText
{
	float: right;
	line-height: 12px;
	padding:2px;
}

/* This needs a bit of work to make the calendars look perfect in both Firefox and IE.*/
div.ProgramCalendar div.calendarBody
{
	background: white;
	width: 202px;
	margin:auto;
	/*padding-top: 5px;*/
}

div.ProgramCalendar div.calendarBody table.calendarGrid
{
	width: 200px;
}

div.ProgramCalendar div.calendarBody table.calendarGrid tbody.tableBody tr.columnSelectorRow
{
	height: 5px;
}

div.ProgramCalendar div.calendarBody table.calendarGrid tbody.tableBody tr.columnSelectorRow td.columnSelector,
div.ProgramCalendar div.calendarBody table.calendarGrid tbody.tableBody tr.columnSelectorRow td.columnSelectorHighlight,
div.ProgramCalendar div.calendarBody table.calendarGrid tbody.tableBody tr.calendarRow td.columnSelector,
div.ProgramCalendar div.calendarBody table.calendarGrid tbody.tableBody tr.calendarRow td.columnSelectorHighlight
{
	cursor: pointer;
	background: white;
}

div.ProgramCalendar div.calendarBody table.calendarGrid tbody.tableBody tr.columnSelectorRow td.columnSelectorHighlight,
div.ProgramCalendar div.calendarBody table.calendarGrid tbody.tableBody tr.calendarRow td.columnSelectorHighlight
{
	background: black;
}

div.ProgramCalendar div.calendarBody table.calendarGrid tbody.tableBody tr.calendarRow
{
	text-align: left;
	font-size: 10px;
	vertical-align: top;
	background: #E3E4E4;
	/*height: 12%;*/
	height: 20px;
}

div.ProgramCalendar div.calendarBody table.calendarGrid tbody.tableBody tr.calendarRow td.calendarDay,
div.ProgramCalendar div.calendarBody table.calendarGrid tbody.tableBody tr.calendarRow td.calendarDayWithType,
div.ProgramCalendar div.calendarBody table.calendarGrid tbody.tableBody tr.calendarRow td.calendarDayOutOfRange
{
	border-style: solid;
	border-width: 1px;
	border-color: black;
	cursor: pointer;
	/*width: 14%;*/
	width: 26px;
	height:20px;
}

div.ProgramCalendar div.calendarBody table.calendarGrid tbody.tableBody tr.calendarRow td.calendarDayWithType
{
	background-color: white;
}

div.ProgramCalendar div.calendarBody table.calendarGrid tbody.tableBody tr.calendarRow td.calendarDayOutOfRange
{
	cursor:default;
	background-image: url(../media/black_bar.gif);
	background-repeat: no-repeat;
	background-position: center;
}

div.ProgramCalendar div.calendarBody table.calendarGrid tbody.tableBody tr.calendarRow td.calendarDay div.calendarDayInner,
div.ProgramCalendar div.calendarBody table.calendarGrid tbody.tableBody tr.calendarRow td.calendarDayWithType div.calendarDayInner
{
	/*position:absolute;*/
	float:left;
}

div.ProgramCalendar div.calendarBody table.calendarGrid tbody.tableBody tr.calendarRow td.calendarDayWithType div.cellDaytype
{
	font-size: 14px;
	float: right;
	color: red;
}

div.programsection div.timeRange
{
  clear:left;
}

/* Date Picker Control*/
div.datePicker
{
  font-size:14px;
}
div.datePicker div.label,
div.datePicker div.value
{
  float:left;
  padding:1px;
}
div.datePicker div.value
{
  padding-right:5px;
  width:75px;
}
div.datePicker img.button
{
	cursor:pointer;
}
/* Timerange control*/
div.timeRange
{
  font-size:14px;
}
div.timeRange div.label
{
  float:left;
  margin:4px 0px 2px 2px;
  text-align:right;
}
div.timeRange input.value_ok,
div.timeRange input.value_error
{
	float:left;
	border-width:1px;
	border-style: solid;
	border-color: #cccccc;
	margin:2px 2px 2px 0px;
	width:45px;
	text-align:center;
  	border-style: inset;
	border-width: 1px;
}
div.timeRange input.value_error
{
  border:1px inset #ff0000;
}
div.timeRange div.reset,
div.timeRange div.resetRollover
{
  margin:3px;
  width:40px;
  padding:1px;
  /*background-color:#cccccc;*/
  background-color: #A8C4B5;
  color: white;
  float:left;
  text-align:center;
	/*cursor:hand;*/
	cursor:pointer;
}

div.timeRange div.resetRollover
{
	background-color: red;
}

/*Speed bin controls*/
div.speedBins
{
  clear:both;
}
div.speedBins div.title
{
  float:left;
}
div.speedBins div.datePicker
{
  float:left;
  padding:5px;
}
div.speedBins div.selectinput
{
  float:left;
  padding:5px;
}
div.binPreview
{
  clear:both;
	padding:10px;
}
div.speedBins div.timeRange
{
  float:left;
  padding:0px 0px 4px 70px;
}
div.savesettingspanel
{
  background-color:#D8E1E2;
}
div.savesettingspanel div.saveasdefault
{
  margin:5px;
  float:right;
}

/* Individual speedbin*/
div.speedBin
{
  float:left;
  font-size:12px;
  width:130px;
  padding:6px;
}
div.speedBin div.label
{
  float:left;
  width:40px;
}
div.speedBin div.value
{
  background-color:#ffffff;
  width:70px;
  float:left;
  text-align:center;
  border:1px inset #cccccc;
}
/* Toggle buttons */
div.toggleButtons
{
  clear:both;
}
div.toggleButtons div.title
{
  float:left;
}
div.toggleButtons a.toggle,
div.toggleButtons a.toggleSelected
{
  display:block;
  float:left;
  margin:5px 25px 2px 25px;
  padding:2px 2px 2px 25px;
  background-image:url(../media/mode_not_selected.gif);
  background-repeat:no-repeat;
  background-position:0px 2px;
  font-weight:bold;
  color:#999999;
  cursor:pointer;
}
div.toggleButtons a.toggleSelected
{
  font-weight:bold;
  color:#000000;
  background-image:url(../media/mode_selected.gif);
}
/*Download manager*/
div.downloadmanager
{
  background-color:#f0f0f0;
}
div.downloadmanager div.notes
{
  margin-top:10px;
  font-size:11px;
}

div.downloadmanager img.create
{
	cursor: pointer;
}

div.downloads
{
  clear:both;
  font-size:12px;
}
div.download
{
  float:left;
  width:110px;
  text-align:center;
}
div.download div.thumbnail
{
  background-color:#ffffff;
  border-style: inset;
  border-width: 1px;
  border-color: #CCCCCC;
  height:90px;
  width:90px;
  margin:10px;
  text-align: center;
}

div.download div.thumbnail img.icon
{
	clear: both;
}

div.download img.saveButton,
div.download img.deleteButton
{
  display:block;
}
/* buttons */
a.button
{
  font-size:12px;
  padding:2px;
	margin:auto;
  width:100px;
  cursor:pointer;
	display:block;
}
a.button:hover
{
	color:#000000;
}
a.button:active
{
	color:#ffffff;
}
div.saveasdefault a.button
{
  float:right;
}
div.close a.button
{
	float:right;
}

div.notifier
{
	font-size:12px;
	overflow:hidden;
	text-align:center;
	height:50px;
	border-top:1px solid #cccccc;
	margin-bottom:4px;
	background-color:#D8E1E2;
}
div.notifier div.close
{
	float:right;
	font-size:10px;
}
div.notifier div.error,
div.notifier div.info,
div.notifier div.warning,
div.notifier div.status
{
  background-color:#cc0000;
  color:#ffffff;
  padding:5px;
  width:auto;
	text-align:left;
	cursor:pointer;
	overflow:hidden;
	height:40px;
}
div.notifier div.info
{
  background-color:#0066cc;
}
div.notifier div.warning
{
  background-color:#ffcc00;
	color:#000000;
}
div.notifier div.status
{
  background-color:#339900;
}

div.programNavigator div.title
{
	float: left;
}

div.programNavigator a.saveLink img.saveButton,
div.programNavigator a.deleteLink img.deleteButton,
div.programNavigator a.newLink img.newButton,
div.programNavigator a.previewLink img.previewButton
{
	border: none;
}

div.programAllocation div.header
{
	clear: both;
}

div.programAllocation div.title
{
	float: left;
}

/* Program allocation  (updated) */
div.assignedcolumn,
div.notassignedcolumn
{
  float:left;
  width:49%;
  text-align:center;
  background-color:#D8E1E2;
}
div.assignedlist,
div.notassignedlist
{
  height:200px;
  overflow-y:scroll;
  clear:both;
  text-align:left;
  background-color:#e6eaed;
}
div.assignedcolumn div.headings,
div.notassignedcolumn div.headings
{
  clear:both;
}
div.assignedcolumn div.reference,
div.notassignedcolumn  div.reference,
div.assignedcolumn  div.roadname,
div.notassignedcolumn  div.roadname,
div.assignedcolumn  div.town,
div.notassignedcolumn  div.town,
div.assignedcolumn  div.minutes,
div.notassignedcolumn  div.minutes,
div.assignedcolumn  div.program,
div.notassignedcolumn  div.program,
div.assignedcolumn  div.select,
div.notassignedcolumn  div.select
{
  float:left;
  margin:0px;
  border-right:1px solid #aaaaaa;
  border-bottom:1px solid #D8E1E2;
  background-color:#e6eaed;
  padding:1px;
  overflow:hidden;
  height:18px;
  font-size:11px;
}
div.assignedcolumn  div.select,
div.notassignedcolumn  div.select
{
  border-right:1px solid #D8E1E2;
  text-align:center;
}
div.assignedcolumn div.headings div.reference,
div.notassignedcolumn div.headings div.reference,
div.assignedcolumn div.headings div.roadname,
div.notassignedcolumn  div.headings div.roadname,
div.assignedcolumn div.headings div.town,
div.notassignedcolumn div.headings div.town,
div.assignedcolumn div.headings div.minutes,
div.notassignedcolumn div.headings div.minutes,
div.assignedcolumn div.headings div.program,
div.notassignedcolumn div.headings div.program,
div.assignedcolumn div.headings div.select,
div.notassignedcolumn div.headings div.select
{
  border-bottom:1px solid #aaaaaa;
  float:left;
  background-color:#D8E1E2;
}

div.assignedcolumn a.notassignLink img.notassignButton,
div.notassignedcolumn a.assignLink img.assignButton
{
	border: none;
}

div.programproduct,
div.programproduct_moved
{
 /*cursor:hand;*/
 cursor:pointer;
}
div.programproduct_moved div.reference,
div.programproduct_moved div.roadname,
div.programproduct_moved div.town,
div.programproduct_moved div.minutes,
div.programproduct_moved div.program,
div.programproduct_moved div.select
{
  background-color:#cccccc;
}
div.programproduct_error div.reference,
div.programproduct_error div.roadname,
div.programproduct_error div.town,
div.programproduct_error div.minutes,
div.programproduct_error div.program,
div.programproduct_error div.select
{
  background-color:#ff6666;
}
div.assignedcolumn div.reference,
div.notassignedcolumn div.reference
{
  width:35px;
  text-align:right;
}
div.assignedcolumn div.roadname,
div.notassignedcolumn  div.roadname
{
  width:100px;
}
div.assignedcolumn  div.town,
div.notassignedcolumn  div.town
{
  width:90px;
}
div.assignedcolumn  div.minutes,
div.notassignedcolumn  div.minutes
{
  width:40px;
}
div.assignedcolumn  div.program,
div.notassignedcolumn  div.program
{
  width:25px;
  text-align:center;
}
div.assignedcolumn  div.select,
div.notassignedcolumn  div.select
{
  width:30px;
}
div.notassignbutton,
div.assignbutton
{
  clear:both;
  margin-left:auto;
  margin-right:auto;
  width:100px;
}

/* Program preview */
div.programPreview
{
	float: left;
	clear: both;
}

div.programInfo
{
	border-bottom: 1px solid #cccccc;
	font-size: 14px;
margin:5px;
padding-left:20px;
}

div.programInfo div.programName,
div.programInfo div.programStartDate,
div.programInfo div.programEndDate
{
	float: left;
	width: 220px;
	padding:5px;
}

div.timesDisplay
{
	width: 96%;
	margin-left: 2%;
	font-size:14px;
}
div.timesDisplay div.title
{
  font-size:14px;
}

div.timesDisplay div.times1,
div.timesDisplay div.times2,
div.timesDisplay div.times3
{
	float: left;
	width: 215px;
	border:2px solid #cccccc;
	margin: 9px;
}

div.timesRow
{
	float: left;
	clear: both;
	padding-bottom: 5px;
	width: 99%;
}

div.timesRow div.label,
div.timesRow div.timeField
{
	float: left;
}

div.timesRow div.label
{
	margin-left: 5px;
	margin-right: 5px;
}

div.timesRow div.timeField
{
	background: white;
	width: 48px;
	text-align: center;
	border-style: inset;
	border-width: 1px;
	border-color: #CCCCCC;
}

div.timesDisplay div.times1
{
	clear: left;
}

/* Override some of the display settings for the calendars when they are being shown on the program preview page */
div.programPreview 
{
  clear:both;
	width:750px;
}
div.programPreview div.calendars div.ProgramCalendar
{
	float: left;
	height: 210px;
}

div.programPreview div.calendars div.ProgramCalendar div.calendarBody table.calendarGrid tbody.tableBody tr.calendarRow td.calendarDay,
div.programPreview div.calendars div.ProgramCalendar div.calendarBody table.calendarGrid tbody.tableBody tr.calendarRow td.calendarDayWithType,
div.programPreview div.calendars div.ProgramCalendar div.calendarBody table.calendarGrid tbody.tableBody tr.calendarRow td.columnSelector
{
	cursor: default;
}

div.programPreview div.calendars div.ProgramCalendar div.calendarBody table.calendarGrid tbody.tableBody tr.columnSelectorRow td.columnSelector
{
	cursor: default;
}
div.programNavigator select
{
  float:left;
  margin:2px;
}
div.programNavigator a
{
  display:block;
  float:left;
  padding:2px;
}

.daylightSavingsSetup .setup-section
{
	overflow: hidden;
}

.daylightSavingsSetup .setup-section div
{
	float: left;
}

.daylightSavingsSetup label,
.daylightSavingsSetup select
{
	display: block;
	float: left;
}

.daylightSavingsSetup label
{
	height: 19px;
	line-height: 19px;
	padding-left: 2px;
	padding-right: 2px;
}

.daylightSavingsSetup .date-type-container label
{
	width: 170px;
}

.daylightSavingsSetup h1
{
	font-size: 16px;
}

.sensor-speed-notice
{
	text-align: center;
	font-size: 10px;
}