/* Minification failed. Returning unminified contents.
(830,14): run-time error CSS1036: Expected expression, found '"'
(830,88): Scanner error CSS1002: Unterminated string: ");
 */
/* Layout Styles */

/*
  The current browsers use the original "width or height + padding + border = actual width or height" box model.
  box-sizing: border-box - an element's specified width and height aren't affected by padding or borders
*/

html, body {
  height: 100%;
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body, div {
  font-family: Arial;
  font-size: 10pt;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
}

body, div, table {
  border: 0;
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  box-shadow: none;
}

/* By default, form and table items do not inherit the CSS rules for font-weight, font-family and font-size. */
input, textarea, select, table {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

select {
  font-size: 8pt;
}


button,
input[type=button],
input[type=submit] {
  cursor: pointer;
}

button:disabled,
input:disabled {
  color: Gray;
  cursor: default;
}

/* Master Page layout */

input {
  color: black;
  text-align: left;
  padding-left: 3px;
  padding-right: 3px;
}

hr {
  color: #cccccc;
  background-color: #cccccc;
}

/*******************
	Table 
Margins do not apply to table cells
Have to use depreciated 'cellspacing' of table element
 */
/* the Ofcom css.css sets table padding and bottom line. Override this here */
#aspnetForm table tr th,
#aspnetForm table tr td {
  vertical-align: top;
  padding: 0px;
  border: none;
}

/* a general padding for tables */
#aspnetForm table.cell-padding th,
#aspnetForm table.cell-padding td {
  padding: 3px 6px
}

#jfmgLogo {
  position: absolute;
  width: 150px;
  top: 0px;
  left: 0px;
  z-index: 1;
}

  #jfmgLogo img {
    border: none;
  }

#leftcontainer {
  position: absolute;
  top: 100px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 100%;
  background-color: #ebebeb;
  min-width: 170px
}

#maincontainer {
  position: absolute;
  top: 0px;
  right: 0px;
}

#contents {
  position: absolute;
  margin: 20px;
  margin-top: -20px;
  width: 1010px;
}


/* Where control */
.where-ctrl #map {
  height: 360px;
}

.where-ctrl select {
  font-size: 14px
}

.where-ctrl .ngr-option {
  vertical-align: bottom
}

.where-ctrl .postcode-option input {
  width: 25%
}

.where-ctrl .ngr-option input {
  width: 36px
}

.where-ctrl .ngr-option select {
  width: 48px;
}

.where-ctrl .location-option input {
  width: 40%
}

.where-ctrl select,
.where-ctrl .ngr-result input {
  width: 100%
}

.where-ctrl label {
  padding-left: 4px
}

.where-ctrl .confirm {
  margin-top: 4px
}


/* remove boxes at the bottom of the map */
.gmnoprint.gm-style-cc,
.gmnoprint .gm-style-cc,
.gm-style-cc a[title^= "Report"],
.gmnoscreen {
  display: none;
}

/* Coloured blocks */
.green, .pmse-ok {
  fill: #20de0b;
  background-color: #20de0b
}

.red, .pmse-p2a {
  fill: #FF0000;
  background-color: #FF0000;
}

.yellow, .pmse-a2p {
  fill: #ff9f30;
  background-color: #ff9f30;
}

.pmse-taboo {
  fill: #460257;
  background-color: #460257;
}

.pmse-g2p {
  fill: #eb1aba;
  background-color: #eb1aba;
}

.pmse-p2g {
  fill: #0093a3;
  background-color: #0093a3;
}

.grey {
  fill: #cccccc;
  background-color: #cccccc;
}



/* define a bootstrap like grid */
.row {
  overflow: hidden;
}

.pull-right {
  float: right !important;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  float: left;
  position: relative;
  min-height: 1px;
  padding: 5px;
}

.col-12 {
  width: 100%;
}

.col-11 {
  width: 91.66666667%;
}

.col-10 {
  width: 83.33333333%;
}

.col-9 {
  width: 75%;
}

.col-8 {
  width: 66.66666667%;
}

.col-7 {
  width: 58.33333333%;
}

.col-6 {
  width: 50%;
}

.col-5 {
  width: 41.66666667%;
}

.col-4 {
  width: 33.33333333%;
}

.col-3 {
  width: 25%;
}

.col-2 {
  width: 16.66666667%;
}

.col-1 {
  width: 8.33333333%;
}



.col-offset-12 {
  margin-left: 100%;
}

.col-offset-11 {
  margin-left: 91.66666667%;
}

.col-offset-10 {
  margin-left: 83.33333333%;
}

.col-offset-9 {
  margin-left: 75%;
}

.col-offset-8 {
  margin-left: 66.66666667%;
}

.col-offset-7 {
  margin-left: 58.33333333%;
}

.col-offset-6 {
  margin-left: 50%;
}

.col-offset-5 {
  margin-left: 41.66666667%;
}

.col-offset-4 {
  margin-left: 33.33333333%;
}

.col-offset-3 {
  margin-left: 25%;
}

.col-offset-2 {
  margin-left: 16.66666667%;
}

.col-offset-1 {
  margin-left: 8.33333333%;
}

.col-offset-0 {
  margin-left: 0;
}

/* Layout template heading */

.ErrorMessage {
  font-size: 18px;
  color: Red;
  margin-bottom: 5px;
}

.Hide {
  display: none
}

input.NavButton {
  font-size: 8pt;
  margin-left: 10px;
  text-align: center;
}

input.JFMGButtonInput {
  font-size: 8pt;
  border: black 1px solid;
  background: url(/PMSE/Ecom/images/stdButtonBackground.jpg) repeat-x;
  text-align: center;
}

div.LightBlueBlock {
  background: #f0f0ff;
  border: #cccccc 1px solid;
  margin-top: 10px;
  text-align: left;
}

  div.LightBlueBlock tr {
    height: 28px;
  }

  div.LightBlueBlock th {
    font-weight: normal;
    text-align: left;
  }

div.map {
  background: #f0f0ff;
  border: #cccccc 1px solid;
  float: left;
  margin: 5px;
  height: 250px;
}


/* Inner layout table for input area */
table.inTable {
  background: #eeeeee;
  margin: 0px;
  padding: 2px;
  border: solid 1px #cccccc;
}

th.inTh {
  text-align: left;
  font-family: arial;
  font-size: 9pt;
  vertical-align: top;
}

th.inTh_Alt {
  text-align: left;
  font-family: arial;
  font-size: 9pt;
  vertical-align: top;
}

td.inTd {
  text-align: left;
  font-family: arial;
  font-size: 8pt;
  vertical-align: top;
}

td.inTdHelp {
  text-align: left;
  font-family: arial;
  font-size: 8pt;
  vertical-align: top;
  width: 200px;
}

div.logonDiv {
  display: inline;
}

/**** Style provided for the beacon logon component ****/
table.logonTable {
  width: 100%;
  background: #eeeeee;
  margin: 0px;
  padding: 2px;
  border: none 0px #cccccc
}

td.logonTableTd {
  text-align: left;
  font-family: arial;
  font-size: 8pt;
  vertical-align: top
}

th.logonTableTh {
  text-align: left;
  font-family: arial;
  font-size: 9pt;
  width: 100px;
  vertical-align: top
}

div.logonText {
  text-align: left;
  color: #ff0000;
  font-size: 8pt
}

/*
Styles added by R.Mason 30/10/2007
Moved to common file for P184 - Company Credit Card - Aug 2008 (WGJ)
CheckoutCard.aspx */

.lTable {
  margin-bottom: 30px;
}

  .lTable tr {
    height: 25px
  }


/* CheckoutCardPage*/
.ddlCreditCardLarge {
  width: 130px;
}

.ddlCreditCardSmall {
  width: 50px;
}

.txtCreditCardLarge {
  width: 120px;
  height: 14px;
}

.txtCreditCardSmall {
  width: 30px;
  height: 14px;
}

/* LoginPage.aspx */
.duplicateLogon {
  border: ridge 2px red;
  color: red;
}

table.Event {
  width: 100%
}

  #aspnetForm table.Event td {
    padding: 5px 5px 0px 5px
  }

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

*.lb-half {
  display: block;
  margin-top: -0.5em;
}

*.lb-single {
  display: block;
  margin-top: 0.5em;
}

*.lb-one-and-half {
  display: block;
  margin-top: 1.5em;
}

*.lb-double {
  display: block;
  margin-top: 2em;
}

/* Secure Trading */
.posRight {
  position: absolute;
  right: 0px
}

.thawteSeal {
  background-color: rgb(122,130,192);
  width: 15%;
  height: 71px;
  top: 15px
}

.paymentFrame {
  border: 1px solid #ccc;
  width: 99%;
  height: 370px;
  margin-bottom: 1em
}

.successMessage {
  color: #264409;
  border: 1px solid #C6D880;
  background: #E6EFC2;
  padding: 0.5em
}

.errorMessage {
  color: #8a1f11;
  border: 1px solid #FBC2C4;
  background: #FBE3E4;
  padding: 0.5em
}

/* MyTab

Many styles do not inherit to a table and its contents from its parent object.
Among these are: font-size; font-weight; line-height; text-align; font-style; font-variant
The !DOCTYPE used turns on Table inheritance
*/

table.Tab_Body {
  width: 100%;
  margin-top: 30px;
}

  table.Tab_Body td {
    border-width: 1px;
    border-color: #949878;
    white-space: nowrap;
  }

/* Contents */
td.Tab_Contents {
  border: solid;
  border-top: none;
  background-color: #FEFCFD;
  vertical-align: top;
}

div.ContentsMargin {
  margin: 10px;
}

/* Header */
table.Tab_Header {
  width: 100%;
}

  table.Tab_Header td {
    border-bottom-style: solid;
    background-color: Transparent;
  }

  table.Tab_Header input {
    font-size: 8pt;
    width: 100%;
    height: 40px;
    margin: 0px 0px 0px 0px;
    border: none;
    white-space: normal;
    text-align:center;
  }

/* A selected Tab */
input.Tab_Selected {
  padding: 0px 0px 1px 7px;
  outline-style: none;
  background: url(/PMSE/images/tab/ig_tab_winXP1d.gif) no-repeat left top;
}

/* A non-selected Tab */
input.Tab_NonSelected {
  padding: 1px 0px 0px 7px;
  cursor: pointer;
  background: url(/PMSE/images/tab/ig_tab_winXP3d.gif) no-repeat left 2px; /* wrt CSS*/
}

input.Tab_NonSelectedH {
  padding: 1px 0px 0px 7px;
  cursor: pointer;
  background: url(/PMSE/images/tab/ig_tab_winXP2d.gif) no-repeat left 2px;
}


td.Tab_SelectedR {
  width: 6px;
  background: url(/PMSE/images/tab/ig_tab_winXP1d.gif) no-repeat right top;
}

td.Tab_NonSelR {
  width: 6px;
  cursor: pointer;
  background: url(/PMSE/images/tab/ig_tab_winXP3d.gif) no-repeat right 2px;
}

/* Calendar.css
All items are qualified by the outer DIV which has a className = 'cal'
*/

.cal A:link
{	
  color: Black;
  text-decoration: none;
}	
		
.cal A:visited
{	
  color: Black;
  text-decoration: none;
}	
		
.cal A:active
{	
  color: Black;
  text-decoration: none;
}	
		
.cal A:hover
{	
	color: Yellow;
	background-color: Blue;
  text-decoration: none;
}

.cal Table
{
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 10pt;
  background-color: Gray;
  text-align: center;

	padding: 0px;
	margin: 0px;
	border-style: none;
  border-collapse: separate;
	height: 100%;
}

.cal .trMonth 
{
	font-size: 12pt;
	color: yellow;
	background-color: blue;
	font-weight: bold;
}


.cal .trDayNames
{
  color: black;
  background-color: lightblue;
}

.cal .trDays
{
  color:Black;
	background-color: white;
}

.cal .tdWeekend
{
	background-color: #DBEAF5;
}
.cal .tdSelected
{
	background-color: lightpink;
}
.cal .tdToday
{
	background-color: lightgreen;
}

.cal .NextPrev
{
	border-width: 0px;
	width: 16px;
	height: 16px;
}
div.combobox {
  font-family: Tahoma;
  font-size: 12px
}

div.combobox {
  position: relative;
  zoom: 1
}

  div.combobox div.dropdownlist {
    display: none;
    width: 200px;
    border: solid 1px #000;
    background-color: #fff;
    height: 200px;
    overflow: auto;
    position: absolute;
    top: 18px;
    left: 0px;
  }

  div.combobox .dropdownlist a {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 1px;
    height: 1em;
    cursor: default
  }

    div.combobox .dropdownlist a.light {
      color: #fff;
      background-color: #007
    }

  div.combobox .dropdownlist {
    font-family: Tahoma;
    font-size: 12px;
  }

  div.combobox input {
    float: left;
    width: 182px;
    border: solid 1px #ccc;
    height: 15px
  }

  div.combobox span {
    border: solid 1px #ccc;
    background: #eee;
    width: 16px;
    height: 17px;
    float: left;
    text-align: center;
    border-left: none;
    cursor: default
  }

/*******************
	Master Page
 */

.YourAccountText
{
	color: White;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	top: 70px;
	left: 20px;
	line-height: 22px;
}

#TopMenu
{
	position: absolute;
	top: 59px;  /* Position of top right menu bar */
	z-index: 1;
}

#TopMargin
{
	font-weight: bold;
	color: White;
	height: 66px;
	overflow: hidden;
	background:none;
	background-color:#619cb0;
	/*background-image: url(/jfmgecom/wireless/images/topMenuBarRightBgImg2.gif);*/
	/*background-repeat: no-repeat;*/
	/*background-color: #7a82c0;*/
	/*background-position:right top;*/
}


div.topMenuButton
{
	width: 137px;
	height: 18px;
	color: #e6e6ff;
	background: url(/PMSE/Wireless/css/ "/jfmgecom/wireless/images/menu/topMenuBarBg.gif");
	font-weight: bold;
	text-align: center;
	float: right;
	padding-top: 2px;
	z-index: 100;
}
/* end Master Page */
/* Layout template styles

Many styles do not inherit to a table and its contents from its parent object.
Among these are: font-size; font-weight; line-height; text-align; font-style; font-variant
The !DOCTYPE used turns on Table inheritance
*/

#leftcontainer a {
  color: black;
  text-decoration: none;
}

  #leftcontainer a:hover {
    color: red;
  }

#leftcontainer img {
  max-width: none;
  border: 1px black !important;
}


/* Buttons to left and right of tables */
input.gdLeftButton {
  font-size: 8pt;
  border: black 1px solid;
  background: url(/PMSE/Wireless/images/stdButtonBackground.jpg) repeat-x;
  width: 100%;
  text-align: center;
}

/* for cells with text content */
table.ThinBorder td {
  border: gray 1px solid;
  text-align: left;
  padding-left: 3px;
  padding-right: 3px;
}

table.Separate {
  border-collapse: separate;
}

td.Border {
  border: #cccccc 1px solid;
  padding-left: 3px;
  padding-right: 3px;
}

td.BorderR {
  border: #cccccc 1px solid;
  padding-left: 3px;
  padding-right: 3px;
  text-align: right;
}

table.TalkBackBookingList th {
  text-align: center;
}

table.TalkBackBookingList tr {
  text-align: center;
}

table.Checkout {
  border: #cccccc 1px solid;
}

  table.Checkout th {
    text-align: left;
    padding-left: 3px;
    padding-right: 3px;
    border: #cccccc 1px solid;
  }

  table.Checkout td {
    text-align: left;
    padding-left: 3px;
    padding-right: 3px;
  }

/*******************
    Div, Span
Margins do not apply to table cells
Have to use depreciated 'cellspacing' of table element
 */
div.ThinBorder {
  border: gray 1px solid;
  padding: 5px;
}
/* Left Panel left.htm */
/*  Talkback */
div.LeftMargin60 {
  float: left;
  width: 60px;
  border: none;
}

div.LeftMargin90 {
  float: left;
  width: 90px;
  border: none;
}

div.LeftMargin140 {
  float: left;
  width: 140px;
  border: none;
}

.LeftBox {
  float: left;
  text-align: center;
  border: none;
}

.LeftBoxBorder {
  float: left;
  text-align: center;
  border: gainsboro thin solid;
}

/* divRow Booking Row. This is the container for each row.
   It contains several divs that float in a line to form the columns
   ##PH Jul13: added border-bottom
*/
.divRow {
  padding: 2px 2px 0 2px;
  clear: both;
  border-bottom: gainsboro thin solid;
}

.availability-img {
}

  .availability-img hidden {
    visibility: hidden; /* makes an element invisible,�but it will still occupy space in the layout. */
  }

div.fl40 {
  float: left;
  width: 40px;
}

div.fl50 {
  float: left;
  width: 50px;
}

div.fl55 {
  float: left;
  width: 55px;
}

div.fl60 {
  float: left;
  width: 60px;
}
/* PH 9-May-07: added fl69 */
div.fl69 {
  float: left;
  width: 69px;
}

div.fl80 {
  float: left;
  width: 80px;
}

div.fl100 {
  float: left;
  width: 100px;
}

div.fl120 {
  float: left;
  width: 120px;
}
/* end of floating DIVs*/

/* Booking tab 960MHz bar */
.divRow svg {
  float: left;
  height: 18px;
}

/* Legend coloured blocks */
.div960Legend > div > div {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  display: inline-block;
}


div.CamErrorNone {
  float: left;
  width: 40px;
  text-align: center;
  margin-left: 13px;
  margin-right: 13px;
  border: none
}

div.CamErrorFatal {
  background-color: #ff6666;
  float: left;
  width: 40px;
  text-align: center;
  margin-left: 13px;
  margin-right: 13px;
  border: solid 1px #cccccc
}

div.CamErrorWarning {
  background-color: #ffcc33;
  float: left;
  width: 40px;
  text-align: center;
  margin-left: 13px;
  margin-right: 13px;
  border: solid 1px #cccccc
}

div.CamErrorDisabled {
  background-color: #dcdcdc;
  float: left;
  width: 40px;
  text-align: center;
  margin-left: 13px;
  margin-right: 13px;
  border: solid 1px #cccccc
}


.Title {
  font-size: 24px;
}

.SubTitle {
  font-size: 18px;
  margin-bottom: 5px;
}

.GreyCell {
  width: 100%;
  background: #eeeeee;
  border: #cccccc 1px solid;
}

/* Error Colours */
.ErrorFatal {
  background-color: #ff6666;
}

.ErrorWarning {
  background-color: #ffcc33;
}

.ErrorDisabled {
  background-color: #dcdcdc;
}

/* Booking Page */

td.blFirm {
  border: #cccccc 1px solid;
  padding-left: 3px;
  padding-right: 3px;
}

td.blReserved {
  background-color: #ffcc33;
  border: #cccccc 1px solid;
  padding-left: 3px;
  padding-right: 3px;
}

td.blChallenged {
  font-weight: bold;
  background-color: #FF6666;
  border: #cccccc 1px solid;
  padding-left: 3px;
  padding-right: 3px;
}

td.blAwait {
  background-color: #99ccff;
  border: #cccccc 1px solid;
  padding-left: 3px;
  padding-right: 3px;
}

/* Summary Lists */
table.Summary {
  border: gray 1px solid;
}

  table.Summary th {
    padding-left: 3px;
    padding-right: 3px;
    background-color: #dcdcdc;
    border: gray 1px solid;
    text-align: left;
  }

  table.Summary td {
    padding-left: 3px;
    padding-right: 3px;
    border: gray 1px solid;
  }


/*******************
    Data Repeater    */

/* ItemTemplate */
div.DataCell {
  height: 34px;
  overflow: hidden;
  text-align: left;
}

/* Styles added by R.Mason 06/09/2007 */

/* ExistingBookingList.aspx */

.topMenuButton a {
  color: rgb(230,230,255);
  text-decoration: none;
}

  .topMenuButton a:hover {
    color: #fff;
    text-decoration: none;
  }

.topMenuButtonBookingList a {
  color: rgb(230,230,255);
  text-decoration: none;
}

  .topMenuButtonBookingList a:hover {
    color: #fff;
    text-decoration: none;
  }

div.topMenuButtonBookingList {
  width: 185px;
  height: 18px;
  color: #e6e6ff;
  font-weight: bold;
  text-align: center;
  float: right;
  padding-top: 2px;
  z-index: 100;
}

#TopMarginBookingList {
  font-weight: bold;
  color: White;
  height: 72px;
  overflow: hidden;
  background-image: url(/PMSE/Wireless/images/topMenuBarRightBgImg2.gif);
  background-repeat: no-repeat;
  background-color: #7a82c0;
  background-position: right top;
}

div.PrintButton {
  text-align: right;
  padding: 5px;
}

.bodyButtonBookingList /* PH 23-Oct-08 */ {
  width: 120px;
  height: 40px;
  background: url(/PMSE/Wireless/images/tallButtonBackground.jpg) repeat-x;
  border-color: #000000;
  border-width: 1px;
  border-style: solid;
  font-size: 8pt;
  font-weight: normal;
  text-align: center;
  float: right;
  margin-bottom: 5px;
  z-index: 100;
  color: #000000;
  text-decoration: none;
}

/* MicrophoneDSO */

#tblMicrophoneDSO {
  border: 1px solid black;
  width: 100%;
}

  #tblMicrophoneDSO th {
    border: 1px solid black;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
  }

  #tblMicrophoneDSO td {
    border: 1px solid black;
    text-align: center;
    vertical-align: middle;
  }

/* UHF Microphone Location Planner (Printable Version) */

#MicrophoneHeader {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 2em;
}

#JFMGlogo {
  float: right;
  height: 32px;
}

#divMicrophonePrintPage {
  width: 635px;
  height: 950px;
  font-family: arial;
  font-size: 12px;
}

#divMicrophonePrintButton {
  padding: 25px;
  text-align: center;
}

#tblMicrophonePrintPage {
  width: 100%;
  height: 35px;
  background-color: #eee;
  border: solid 1px #999;
  border-bottom: none;
}

  #tblMicrophonePrintPage span {
    font-weight: bold;
  }

#tblMicrophonePrintPage2 {
  width: 100%;
  height: 35px;
  background-color: #eee;
  border: solid 1px #999;
  border-bottom: none;
}

  #tblMicrophonePrintPage2 td {
    vertical-align: top;
  }

  #tblMicrophonePrintPage2 span {
    font-weight: bold;
  }

#ulMicrophonePrintPage {
  margin-top: 0;
  margin-bottom: 4px;
}

#pMicrophonePrintPage {
  margin: 5px;
}

#tblMicrophonePrintPagecol1 {
  vertical-align: top;
}

#tblMicrophonePrintPagecol2 {
  vertical-align: top;
}

#tblMicrophonePrintPagecol3 {
  width: 130px;
  vertical-align: top;
}

#tblMicrophonePrintPagecol4 {
  width: 125px;
  vertical-align: top;
}

/* Styles for the OrderBookingItem */

div.divList {
  border: #cccccc 1px solid;
}

  div.divList .divRadios {
    margin-top: 10px
  }

  div.divList th {
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: left;
    vertical-align: top;
  }

  div.divList td {
    padding-left: 3px;
    padding-right: 3px;
    text-align: left;
    vertical-align: top;
  }

  div.divList input[type=radio] {
    margin: 0 3px 0 10px;
  }

div.OrderList {
  margin-bottom: 10px;
}

div.Order {
  border-top: #cccccc 1px solid;
  border-bottom: #cccccc 1px solid;
  background: #f0f0ff;
  padding: 3px;
}

  div.Order table {
    width: 100%;
  }

  div.Order tr {
    height: 20px;
  }

  div.Order td {
    padding-top: 3px;
  }

div.Booking {
  margin-top: 10px;
  margin-left: 40px;
  border-top: #cccccc 1px solid;
  border-left: #cccccc 1px solid;
  border-bottom: #cccccc 1px solid;
  padding: 3px;
}

  div.Booking table {
    width: 100%;
  }

  div.Booking tr {
    height: 20px;
  }

  div.Booking td {
    padding-top: 3px;
  }

.btn-confirm {
  margin-top: 5px;
  width: 100px;
  height: 30px;
  text-align: center;
}

  .btn-confirm:disabled {
    background-color: #20de0b
  }

/* Used by OrderBookingItem/Item/header.ascx */
div.FreqList {
    margin-left: 98px;
    padding: 3px;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}

    div.FreqList table {
        width: 100%;
        table-layout: fixed;
    }

    div.FreqList th, div.FreqList td {
        overflow: hidden;
        white-space: nowrap;
    }

tr.FreqHeader {
  background: #f0f0ff;
  height: 20px;
}

  tr.FreqHeader th {
    text-align: left;
    border-left: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
  }


/* Used by OrderBookingItem/SortedItem/header.ascx */
div.FreqListSort table {
  width: 100%;
  table-layout: fixed;
}

div.FreqListSort th, div.FreqListSort td {
  overflow: hidden;
  white-space: nowrap;
}

div.FreqListSort td {
  border: gray 1px solid;
}

tr.FreqHeaderSort th {
  text-align: left;
  padding: 0px;
}

tr.FreqHeaderSort input {
  background-color: #dcdcdc;
  border: gray 1px solid;
  width: 100%;
  height: 100%;
  text-align: left;
}


div.LikeButton {
  text-align: left;
  border: gray 1px solid;
  background-color: #f0f0ff; /* #dcdcdc;	*/
  padding-left: 3px;
  padding-right: 3px;
  height: 20px;
}

tr.UserRow {
  background: #ffffff; /*#d0ffd0;*/
}

tr.SubTotal {
  height: 20px;
}

  tr.SubTotal td, tr.SubTotal th {
    border-top: #cccccc 1px solid;
    text-align: right;
  }

div.OrderListTitle {
  padding: 3px;
  font-size: 18px;
}

div.OrderListHeader {
  padding: 3px;
}

div.OrderListFooter {
  border-top: #cccccc 1px solid;
  background: #f0f0ff;
  text-align: right;
}

input.CRB {
  height: 18px;
  font-size: smaller;
}