:root {
  --c-mainC: #2E5F93;
  --c-contrastC: #95CFD2;
  --bcm-light: #95CFD2;
  --bcm-menu-dark: #2F323A;
  --bcm-menu-link: #fff;
  --bcm-topnav: #fff;
  --f-mainC: #aaa;
  /* --headerColor: #2E5F93; */
  --headerColor: #2F323A;
  --confirm: #00B295;
}

.new { 
  background-color: red;
  margin-left: 10px;
  color: yellow;
  border-radius: 10px;
  padding: 5px 5px;
  font-size: 8px;
  vertical-align: middle;
}

.new_small {
  background-color: #4CAF50;
  margin-right: 5px;
  color: white;
  border-radius: 10px;
  padding: 5px 5px;
  font-size: 8px;
  vertical-align: middle;
}

.change_small {
  background-color: red;
  margin-right: 5px;
  color: yellow;
  border-radius: 10px;
  padding: 5px 5px;
  font-size: 8px;
  vertical-align: middle;
}

/* tables */
table.tablesorter {
  font-family:'Source Sans Pro', sans-serif;
  margin:10px 0pt 15px;
  font-size: 8pt;
  width: 100%;
  text-align: center;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th,table.tablesorter tr th {
  background-color: #E8E8E8;
  /*D1E0FF; e6EEEE*/
  border: 0px solid #AAA;
  font-size: 12pt;
  padding: 1px;
}
table.tablesorter thead tr .header {
  background-repeat: no-repeat;
  height:15px;
}
table.tablesorter tbody tr td {
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  padding: 5px;
}

table.tablesorter thead tr .headerSortUp {
  background-image: url('?image=/Images/asc.gif');
  background-repeat: no-repeat;
  background-position: bottom right;
}
table.tablesorter thead tr .headerSortDown {
  background-image: url('?image=/Images/desc.gif');
  background-repeat: no-repeat;
  background-position: bottom right;
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
  background-color: #E8E8E8;
}


table.tablesorter .even {
  background-color: #eee;
}
table.tablesorter .odd {
  background-color: #fff;
}
table.tablesorter td.sortedeven
{
  background-color:#fff;
}
table.tablesorter td.sortedodd
{
  background-color:#DBEAFF;
}
table.tablesorter .hovcolor{
  background-color: #C8C8C8;
}
table.tablesorter .highlightcolor{
  background-color: #8c2800;
  color:#FFF;
}

a.offerBuy {
  color:#FFFFFF;
  font-size:14px;
  text-decoration:none;
  line-height:14px;
  text-align: center;
  border-radius: 0;
  background: #4CAF50;
  padding: 5px 10px 5px 10px;
}

a.offerSchedule {
  color:#FFFFFF;
  font-size:14px;
  text-decoration:none;
  line-height:14px;
  text-align: center;
  border-radius: 0;
  background: #0081FF;
  padding: 5px 10px 5px 10px;
}

/*#offerHit td:first-child { border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-left: 1px solid #aaa; padding-left: 10px;}
#offerHit td:last-child { border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-right: 1px solid #aaa;}*/
/*table.tablesorter th:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding-left: 20px;}
table.tablesorter th:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px;}*/

.id_search { padding: 5px; background: #f7f7f7; }
.id_search input { margin-left: 5px; width: 300px; }
.id_search img { vertical-align: middle; margin-left: 5px; }

#table1 tr.Even td {
  background: #fff;
}

#table1 tr.Odd td {
  background: #eeeeee;
}

table
{
  width:100%;
}

body
{
  background-color: #FFFFFF;
  color: #505050;
  font-size: 9pt;
  font-family: 'Source Sans Pro', sans-serif;
  margin: 0;
  padding: 0px;
  width: 100%;
}

div#opers-wrapper {
  padding-left: 0px;
  float: left;
  width: 100%;
}

h3{
  border-bottom-width: thick;
  border-bottom-style: groove;
  border-bottom-color: #d0d8ea;
}

#userid {
  font-size:14px;
}

#userName {
  /* color: var(--c-mainC); */
  color: var(--c-contrastC);
  font-size:16px;
  font-weight: bold;
  padding-top: 5px;
  padding-left: 10px;
  padding-bottom: 10px;
}

#TopLine
{
    position:fixed;
    top:55px;
    width: 100%;
}

div#title
{
  font-size: 13pt;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  padding-top:11px;
  padding-left:35px;
  color:#fff;
  display: flex;
}

div#title_error
{
  font-size: 13pt;
  font-style: bold;
  color: red;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  height: 10px;
 /*width:938px;*/
}

div#error_message
{
  padding: 0;
  margin: 0;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  font-size: 16pt;
  color: red;
  background-color: white;
  height: 300px;
}

#TopLeft
{
    position:fixed;
    top:0;
    left:0;
    margin-top: 10px;
    margin-left : 10px;
    width: 100px;
    height: 62.5px;
}

#logo
{
  max-width:100%;
  max-height:100%;
  height: 80%;
  margin: 5px;
}

a.sidebar {
  margin-top: 10px;
  padding: 8px 5px 8px 15px;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  background-color: var(--bcm-menu-dark); /*#818181;*/
  color: white;
  display: block;
  border-top: 1px solid lightgray;
}

a.sidebar_link {
  margin-top: 10px;
  padding: 10px 5px 10px 15px;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  background-color: var(--bcm-menu-dark); /*#818181;*/
  color: var(--bcm-light);
  display: block;
  border-top: 1px solid lightgray;
}

a.sidebar_link:hover {
  color: #fff;  /*#818181;*/
  display: block;
  /* width: calc(100% - 5px); */
  /* box-shadow: 5px 5px 10px #ccc; */
  background-color: #95CFD2; /*#85D4E0;*/
}

a.sidebar_sub {
  padding: 5px 5px 5px 25px;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  color: var(--bcm-menu-link); /*#818181;*/
  display: block;

}

a.sidebar_sub:hover {
  color: #fff;  /*#818181;*/
  display: block;
  /* width: 100%; */
  /* box-shadow: 3px 3px 6px #ccc; */
  background-color: #95CFD2; /*#85D4E0;*/
}

a.logout {
  padding: 10px 5px 10px 15px;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  color: var(--bcm-menu-dark);  /*#818181;*/
  display: block;
  background-color: #FFBD4C;
}

a.logout:hover {
  background-color: orange; /*#85D4E0;*/
  color: #fff;
}

a.redirect {
  padding: 10px 5px 10px 15px;
  margin-top: 20px;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  color: #fff;  /*#818181;*/
  display: block;
  background-color: var(--c-mainC); /*#85D4E0;*/
}

a.logout:hover, a.redirect:hover {
  box-shadow: 0px px 10px black;
}

a.sidebar_hov {
  padding: 8px 8px 8px 15px;
  text-decoration: none;
  font-size: 14px;
  color: #f1f1f1;  /*#818181;*/
  display: block;
  width: 100%;
  background-color: white; /*#85D4E0;*/
}


div#MainTitle
{
  font-size: 11pt;
  font-style: bold;
  color: Blue;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  text-align: center;
  background-image: url('?image=/Images/BCM_Logo_125.png') ;
  height:125px;
  width:200px;
  clear:both;
}

div#MainTitle #logout {
  float:right;
  padding:10px 10px 0px 0px;
}

div#MainTitle #logout a{
  font-size:9pt;
  text-decoration:none;
  font-weight:normal;
  color:#005c9c;
}

div#MainTitle #logout a:hover{
  text-decoration:underline;
}

div#bottombuttons
{
  text-align: right;
  margin-top: 10px;
}
div#timestamp
{
  color:#ffffff;
  font-size:14px;
  margin-bottom: 15px;
  font-weight: bold;
  padding-top:16px;
  padding-right: 10px;
  display: -webkit-box;
  float: right;
}

div#topnav {
  height: 60px;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  background-color: var(--bcm-topnav);
  /* box-shadow: 0px 3px 5px #ccc; */
}

div#mainCon {
  top: 0;
  bottom: 0;
  width: 100%;
  /*background-color: #aaa;*/
}

div#menucont
{
  position: absolute;
  top: 0;
  bottom:0;
  /* background-color: #fff; */
  background-color: var(--bcm-menu-dark);
  /* box-shadow: 5px 5px 10px #ccc; */
  margin-right: 10px;
  width: 220px;
}

div#iframeOperDiv {
  position: absolute;
  top: 10px;
  bottom: 0;
  left: 220px;
  width: calc(100% - 210px);
  background-color: #eee;
}

div#container
{
  position: absolute;
  top: 0;
  left: 10px;
  width: calc(100% - 30px);
  height: auto;
  overflow-y: visible;
  /*/max-width: 100%;
  height: auto;
  //overflow-y: hidden;
  //overflow-x: hidden;*/
  background-color: #fff;
}

#mbar_outer {
  width:100%;
  margin:0px auto 0px 0px;
  padding:0px;
  /*
  background-attachment: scroll;
  background-image: url('?image=/Images/r.png');
  background-repeat: repeat-y;
  background-position: right 0px;*/

}

#mbar_wrapper {
  width: 100%;
  margin:0px;
  padding:0px;
  border: 1px solid #aaa;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  /*background-attachment: scroll;
  background-image: url('?image=/Images/l.png');
  background-repeat: repeat-y;
  background-position: 0px 0px;*/
}

#mbar_header {
  position:relative;
  height:36px;
  background-color: var(--headerColor);
  font-size:10px;
}

#mbar_header_left {
  position:absolute;
  top:0px;
  left:0px;
  width:650px;
  height:36px;
  background-color: var(--headerColor);
}

#mbar_header_right {
  position:absolute;
  top:0px;
  right:10px;
  width:540px;
  height:36px;
  background-color: var(--headerColor);
}

#mbar_container {
  margin-top: 10px;
  padding:1%;
  width:97%;
  height:100%;
  padding-right:2%;
  padding-left:10px
  overflow-y: hidden;
}

div#message_container
{
  position: absolute;
  top: 0;
  bottom: 0;
  width:100%;
  overflow-y: hidden;
  overflow-x: hidden;
}

div#tcontainer
{
  border: 1px solid #B0C5D2;
  padding: 3px;
}

a:hover
{
  color: #fff; /*#85D4E0;*/
}
.small
{
  font-size: 8pt;
}

input, select, option, textarea
{
  font-size: 9pt;
  font-family: 'Source Sans Pro', sans-serif;
  border: 2px solid #B7CDFE;
}
textarea
{
  max-width:300px;
}

option.o0
{
  background-color: #dfe4f9;
}
option.o1
{
  background-color: #d0d9ea;
}
input.button, input.buttonNar, input.buttonNNar, input.buttonsmall
{
  font-family: 'Source Sans Pro', sans-serif;
  background-color: #4CAF50;
	border: 1px #4CAF50 solid;
	border-radius: 5px;
	padding: 8px 15px;
	margin-bottom: 10px;
	font-size: 16px;
	color: white;
  /*border: 1px outset; */
  /*font-size: 9pt;
  font-family: 'Source Sans Pro', sans-serif;
  background-image: url('?image=/Images/button_bk.png') ;
  background-repeat:no-repeat;
  background-color: transparent;
  border:none;
  height:25px;
  width:100px;
  color:#ffffff;
  font-weight: bold;
  text-align:center;*/
}

input.button-reset
{
  font-family: 'Source Sans Pro', sans-serif;
  background-color: orange;
	border: 1px orange solid;
	border-radius: 5px;
	padding: 8px 15px;
	margin-bottom: 10px;
	font-size: 16px;
  margin-left:5px;
	color: white;
}

input.button-choice
{
  font-family: 'Source Sans Pro', sans-serif;
  background-color: #95CFD2;
	border: 1px #95CFD2 solid;
	border-radius: 5px;
	padding: 8px 15px;
	margin-bottom: 10px;
	font-size: 14px;
  margin-right: 10px;
	color: white;
}

input.buttonsmall {
  width:10px;
}

input.buttonNar
{
  background-image: url('?image=/Images/buttonN_bk.png') ;
  width:51px;
}
input.buttonNNar
{
  background-image: url('?image=/Images/buttonNN_bk.png') ;
  width:30px;
}

input.button:hover , input.buttonNar:hover
{
  background-position:0 -25px;
}

#rounded-corner {
  text-align: left;
  margin:20px;
  width:600px;
  border-collapse:collapse;
  font-size:12px;
}

#rounded-corner td {
  color:#669;
  border-top: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  background-color:#e8edff;

}

#rounded-corner tr.Even td {
  background-color:#e8edff;
}

#rounded-corner tr.Odd td {
  background-color:#ffffff;
}

#rounded-corner TH {
  padding-bottom:8px;
  padding-left:8px;
  padding-right:8px;
  padding-top:8px;
  background:#b9c9fe;
  color:#039;
  font-size:13px;
  font-weight:normal;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-right:#fff 1px solid;
}

#rounded-corner TFOOT TD{
  height:1px;
  asborder-top:#e8edff 1px solid;
  asborder-right:#fff 1px solid;
  asborder-left:#fff 1px solid;
}

#rounded-corner TFOOT TR{
  line-height:10px;
  height:10px;
}

#rounded-corner THEAD TH.rounded-head {
  background: url('?image=/Images/left_rounded.png') #b9c9fe no-repeat left -1px;
}

#rounded-corner THEAD TH.rounded-c9 {
  background: url('?image=/Images/right_rounded.png') #b9c9fe no-repeat right -1px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.usertable td {
  font-size:11px;
  white-space: nowrap;
  overflow: hidden;
  width: 55px;
  word-wrap: break-word;
}

td#expiration  {
  white-space: nowrap;
  overflow: hidden;
  width: 90px;
  word-wrap: break-word;
  text-align:center;
  padding:4px;
}

td#userid  {
  max-width:120px;
  width:120px;
  word-wrap: break-word;
  text-align:left;
  padding: 2px;
}

td#name  {
  max-width:65px;
  /*word-wrap: break-word;*/
  text-align:left;
  width:60px;
}
td#value  {
  max-width:65px;
  /*word-wrap: break-word;*/
  text-align:left;
  width:60px;
}
td#valueConf  {
  max-width:65px;
  white-space: nowrap;
  text-align:left;
  width:60px;
  background-color: red;
}
td#group  {
  max-width:25px;
  word-wrap: break-word;
  text-align:left;
  max-width:25px;
  word-wrap: break-word;
  text-align:left;
}

td#action  {
  max-width:25px;
  word-wrap: break-word;
}

td#checkbox {
  white-space: nowrap;
  overflow: hidden;
  word-wrap: break-word;
  max-width:45px;
}

td.req
{
  font-weight: bold;
  font-style: italic;
  font-size:13px;
}
td.req, td.name
{
  width: 170px;
  font-size:13px;
  color:#827d82;
  font-weight:bold;
  text-align:left;
  padding-left:2px;
}
div.req, div.name
{
  width: 270px;
  font-size:13px;
  color:#827d82;
  font-weight:bold;
  text-align:left;
  padding-left:2px;
}

td.nameUpdate
{
  width: 170px;
  font-size:13px;
  text-align:left;
  padding-right:10px;
  padding-left:10px;
}

div.nameUpdate
{
  width: 170px;
  font-size:13px;
  text-align:left;
  padding-right:10px;
  padding-left:10px;
  padding-top: 8px;
}

td.value {
  color:#00a9e0;
  font-size:13px;
  font-weight:bold;

}
div.value {
  color:#00a9e0;
  font-size:13px;
  font-weight:bold;
  width: 270px;
}
div.tr {
  display: inline-flex;
  padding-bottom: 4px;
}

td.section
{
  background: #8D8D8D;
  color: #fff;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  font-size:14px;
  height:20px;
  line-height:20px;
  padding-left:15px;
}
div.section
{
  background: #8D8D8D;
  color: #fff;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  font-size:14px;
  height:20px;
  line-height:20px;
  padding-left:15px;
  margin-bottom: 5px;
  margin-top: 5px;
}

td#welcome {
  color:#54b1df;
}

td {
  font-size:13px;
}

select.styled, input.ftext, input.text, input.dtext, textarea, input.textCal
{
  border: 2px solid #B7CDFE;
  width: 180px;
  height: 22px;
  font-family: 'Source Sans Pro', sans-serif;
}

select.styled
{
  width: 184px;
  height: 28px;
}

input.ftext
{
  background-color: #ffffaa;
}
input.dtext
{
  background-color: #ccc;
}
fieldset
{
  border: solid 1px #aaa;
  padding: 10px 1px 1px 1px;
  margin: 0px;
}
legend
{
  color: #000000;
  font-weight: bold;
  font-style: italic;
  font-size: 9pt;
  border-bottom: 2px solid #d0d8ea;
}

.l
{
  font: 8pt terminal, courier, arial;
  margin-bottom: 5px;
}
.l:hover
{
  color: red;
}

.clear {
  clear:both;
}

/* main content */



#mbar_inv_outer {
  width:100%;
  margin:0px auto 0px 0px;
  padding:0px;
  background-attachment: scroll;
  background-image: url('?image=/Images/m_inv_r.gif');
  background-repeat: repeat-y;
  background-position: right 0px;
  background-color: #fff;
}

#mbar_inv_wrapper {
  width:100%;
  margin:0px;
  padding:0px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  /*background-attachment: scroll;
  background-image: url('?image=/Images/m_inv_l.gif');
  background-repeat: repeat-y;
  background-position: 0px 0px;*/
}

#mbar_header, #mbar_header_left, #mbar_header_right, #mbar_footer_left, #mbar_footer_right {
  margin:0px;
  padding:0px;
}


#mbar_inv_header {
  position:relative;
  height:52px;
  /*
  background-image: url('?image=/Images/m_inv_t.gif');
  background-attachment: scroll;
  background-repeat: repeat-x;
  background-position: left 0px;*/
}

#mbar_inv_header_left {
  position:absolute;
  top:0px;
  left:0px;
  width:520px;
  height:52px;
  /*background-attachment: scroll;
  background-image: url('?image=/Images/m_inv_tl.gif');
  background-repeat: no-repeat;
  background-position: left 0px;*/
}

#mbar_inv_header_right {
  position:absolute;
  top:0px;
  right:0px;
  width:300px;
  height:52px;
  /*background-attachment: scroll;
  background-image: url('?image=/Images/m_inv_tr.gif');
  background-repeat: no-repeat;
  background-position: right 0px;*/
}

#mbar_footer {
  margin:0px;
  padding:0px;
  height:24px;
  position:relative;
  /*background-attachment: scroll;
  background-image: url('?image=/Images/b.png');
  background-repeat: repeat-x;
  background-position: left bottom;*/
}

#mbar_inv_footer {
  margin:0px;
  padding:0px;
  height:52px;
  position:relative;
  /*background-attachment: scroll;
  background-image: url('?image=/Images/m_inv_b.gif');
  background-repeat: repeat-x;
  background-position: left bottom;*/
}


#mbar_inv_footer_left {
  position:absolute;
  bottom:0px;
  left:0px;
  width:52px;
  height:52px;
  /*background-image: url('?image=/Images/m_inv_bl.gif');
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: left bottom;*/
}

#mbar_footer_left {
  position:absolute;
  bottom:0px;
  left:0px;
  width:24px;
  height:24px;
  /*background-image: url('?image=/Images/bl.png');
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: left bottom;*/
}

#mbar_footer_right {
  position:absolute;
  bottom:0px;
  right:0px;
  width:24px;
  height:24px;
  /*background-attachment: scroll;
  background-image: url('?image=/Images/br.png');
  background-repeat: no-repeat;
  background-position: right bottom;*/
}

#mbar_inv_footer_right {
  position:absolute;
  bottom:0px;
  right:0px;
  width:52px;
  height:52px;
  /*background-attachment: scroll;
  background-image: url('?image=/Images/m_inv_br.gif');
  background-repeat: no-repeat;
  background-position: right bottom;*/
}

/* error box */
#er_outer {
  top: 100px;
  font-size: 12pt;
  float:left;
  width:60%;
  margin:0px auto 0px 0px;
  padding:0px;
  background-attachment: scroll;
  background-image: url('?image=/Images/e-r.png');
  background-repeat: repeat-y;
  background-position: right 0px;
  background-color: #A4A1A1;
  color:#FFFFFF;
}
#er_wrapper {
  width:100%;
  margin:0px;
  padding:0px;
  background-attachment: scroll;
  background-image: url('?image=/Images/e-l.png');
  background-repeat: repeat-y;
  background-position: 0px 0px;
}
#er_header, #er_header_left, #er_header_right, #er_footer_left, #er_footer_right {
  margin:0px;
  padding:0px;
}
#er_header {
  position:relative;
  height:20px;
  background-image: url('?image=/Images/e-t.png');
  background-attachment: scroll;
  background-repeat: repeat-x;
  background-position: left 0px;
}
#er_header_left {
  position:absolute;
  top:0px;
  left:0px;
  width:20px;
  height:20px;
  background-attachment: scroll;
  background-image: url('?image=/Images/e-tl.png');
  background-repeat: no-repeat;
  background-position: left 0px;
  font-size:1.2em;
  padding-left: 7%;
  padding-top: 3%;
  color:#fff;
  font-weight:bold;
}

#er_header_left #title {
  background-image: url('?image=/Images/error-sign.png');
  background-repeat:no-repeat;
  height:36px;
  width:38px;
}

#er_header_right {
  position:absolute;
  top:0px;
  right:0px;
  width:20px;
  height:20px;
  background-attachment: scroll;
  background-image: url('?image=/Images/e-tr.png');
  background-repeat: no-repeat;
  background-position: right 0px;
}
#er_container {
  margin:0px;
  padding:10% 5% 0% 5%;
  padding-top:2%;
  width:90%;
  height:auto;
}
#er_container .info_line {
  font-size: 8pt;
  font-weight: bold;
  color:#fff;
  padding:2px;
}

#er_header_left #info_img  {
  background-image: url('?image=/Images/info_small.gif');
  background-repeat: no-repeat;
  width:54px;
  height:20px;
}

#er_footer {
  margin:0px;
  padding:0px;
  height:20px;
  position:relative;
  background-attachment: scroll;
  background-image: url('?image=/Images/e-b.png');
  background-repeat: repeat-x;
  background-position: left bottom;
}
#er_footer_left {
  position:absolute;
  bottom:0px;
  left:0px;
  width:20px;
  height:20px;
  background-image: url('?image=/Images/e-bl.png');
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: left bottom;
}
#er_footer_right {
  position:absolute;
  bottom:0px;
  right:0px;
  width:20px;
  height:20px;
  background-attachment: scroll;
  background-image: url('?image=/Images/e-br.png');
  background-repeat: no-repeat;
  background-position: right bottom;
}

/*  success box   */
#s_outer {
  float:left;
  width:90%;
  margin:0px auto 0px 0px;
  padding:0px;
  background-attachment: scroll;
  background-image: url('?image=/Images/s-r.png');
  background-repeat: repeat-y;
  background-position: right 0px;
  background-color: #ffffff;
  color:#8AB71E;
}
#s_wrapper {
  width:100%;
  margin:0px;
  padding:0px;
  background-attachment: scroll;
  background-image: url('?image=/Images/s-l.png');
  background-repeat: repeat-y;
  background-position: 0px 0px;
}
#s_header, #s_header_left, #s_header_right, #s_footer_left, #s_footer_right {
  margin:0px;
  padding:0px;
}
#s_header {
  position:relative;
  height:20px;
  background-image: url('?image=/Images/s-t.png');
  background-attachment: scroll;
  background-repeat: repeat-x;
  background-position: left 0px;
}
#s_header_left {
  position:absolute;
  top:0px;
  left:0px;
  width:20px;
  height:20px;
  background-attachment: scroll;
  background-image: url('?image=/Images/s-tl.png');
  background-repeat: no-repeat;
  background-position: left 0px;
  font-size:1.2em;
  padding-left: 7%;
  padding-top: 3%;
  color:#fff;
  font-weight:bold;
}

#s_header_left #title {
  background-image: url('?image=/Images/success-sign.png');
  background-repeat:no-repeat;
  height:36px;
  width:38px;
}

#s_header_right {
  position:absolute;
  top:0px;
  right:0px;
  width:20px;
  height:20px;
  background-attachment: scroll;
  background-image: url('?image=/Images/s-tr.png');
  background-repeat: no-repeat;
  background-position: right 0px;
}
#s_container {
  margin:0px;
  padding:10% 5% 0% 5%;
  padding-top:2%;
  width:90%;
  min-height:100px;
  height:auto;
}
#s_container .info_line {
  font-size: 8pt;
  font-weight: bold;
  color:#fff;
  padding:2px;
}

#s_header_left #info_img  {
  background-image: url('?image=/Images/info_small.gif');
  background-repeat: no-repeat;
  width:54px;
  height:20px;
}

#s_footer {
  margin:0px;
  padding:0px;
  height:20px;
  position:relative;
  background-attachment: scroll;
  background-image: url('?image=/Images/s-b.png');
  background-repeat: repeat-x;
  background-position: left bottom;
}
#s_footer_left {
  position:absolute;
  bottom:0px;
  left:0px;
  width:20px;
  height:20px;
  background-image: url('?image=/Images/s-bl.png');
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: left bottom;
}
#s_footer_right {
  position:absolute;
  bottom:0px;
  right:0px;
  width:20px;
  height:20px;
  background-attachment: scroll;
  background-image: url('?image=/Images/s-br.png');
  background-repeat: no-repeat;
  background-position: right bottom;
}

#back-bt {
  padding:30px 0px 10px 15px;
}

/* sessions specific */
#sessions, #timestamp {
  padding-left:15px;
}

.expand
{
  background-image: url('?image=/Images/plus_h.png');
  cursor:pointer;
  display:block;
  float:left;
  width:12px;
  height:12px;
  padding-right:5px
  margin-top:3px;
  background-position: 50%;
  background-size: 50%;
  background-origin: border;
}
.collapse
{
  background-image: url('?image=/Images/minus_h.png');
  cursor:pointer;
  display:block;
  float:left;
  width:12px;
  height:12px;
  padding-right:5px
  margin-top:3px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  background-origin: border;
}

A img
{
  border:none;
  padding-left:2px;
}

#DetailsTable table {
  background: #fff;
  color: #4f6b72;
  text-align: left;
}
/* user summary graph*/
div#VolumeContainer { position: relative; margin: 0 auto; padding: 0; text-align: left; top: 40px; width: 250px; left: -60px;}
div#TimeContainer { position: relative; margin: 0 auto; padding: 0; text-align: left; top: 65px; width: 250px; left: -60px;}
div.box-wrap { position: relative; width: 200px; height: 35px; top: 0; left: 0; margin: 0; padding: 0; }
div.box1 { position: absolute; height: 26px; width: 25%; left: 0; background-color: #bbbbbb; z-index: 1; font-size: 0; }
div.box2 { position: absolute; height: 26px; width: 25%; left: 25%; background-color: #bbbbbb; z-index: 1; font-size: 0; }
div.box3 { position: absolute; height: 26px; width: 25%; left: 50%; background-color: #bbbbbb; z-index: 1; font-size: 0; }
div.box4 { position: absolute; height: 26px; width: 25%; left: 75%; background-color: #bbbbbb; z-index: 1; font-size: 0; }
div.scale-tb2 {
  padding: 0;
  margin: 0;
  font-size: 0;
  width: 200px;
  border: 0;
  position: absolute;
  top: 0px;
  left: 0px;
}
div.mylabel {
  position: absolute;
  height: 20px;
  width: 250px;
  left: -281px;
  top: 2px;
  z-index: 7;
  font-size: 13px;
  font-weight:bold;
  color: #827d82;
  text-align: right;
}
div.actualMAX { position: absolute; height: 14px; left: 0px; top: 6px; background-color: #00FF00; font: 8pt Arial, sans-serif; text-align: right; z-index: 5; font-size: 5; }
div.actualMAXTime { position: absolute; height: 12px; left: 0px; top: 6px; background-color: #00FF00; font: 8pt Arial, sans-serif; text-align: right; z-index: 5; font-size: 7; }
div.sc31 { position: absolute; height: 7px; width: 1px; left: 0px; top: 24px; background-color: #8f8f8f; z-index: 7; font-size: 0; }
div.sc32 { position: absolute; height: 7px; width: 1px; left: 49px; top: 24px; background-color: #8f8f8f; z-index: 7; font-size: 0; }
div.sc33 { position: absolute; height: 7px; width: 1px; left: 99px; top: 24px; background-color: #8f8f8f; z-index: 7; font-size: 0; }
div.sc34 { position: absolute; height: 7px; width: 1px; left: 149px; top: 24px; background-color: #8f8f8f; z-index: 7; font-size: 0; }
div.sc35 { position: absolute; height: 7px; width: 1px; left: 199px; top: 24px; background-color: #8f8f8f; z-index: 7; font-size: 0; }
div.cap31 { position: absolute; top: 31px; left: -2px; width: 15px; font: 8pt Arial, sans-serif; text-align: center; color: #575757; }
div.cap32 { position: absolute; top: 31px; left: 44px; width: 15px; font: 8pt Arial, sans-serif; text-align: center; color: #575757; }
div.cap33 { position: absolute; top: 31px; left: 94px; width: 15px; font: 8pt Arial, sans-serif; text-align: center; color: #575757; }
div.cap34 { position: absolute; top: 31px; left: 144px; width: 15px; font: 8pt Arial, sans-serif; text-align: center; color: #575757; }
div.cap35 { position: absolute; top: 31px; left: 194px; width: 15px; font: 8pt Arial, sans-serif; text-align: center; color: #575757; }

/*a:hover
{
  color: #000;
}*/

DIV.loginMenuInner
{
  display: inline-flex;
  display:-ms-inline-flexbox;
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
  color: #000;
  padding-left: 30px;
  margin-left: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
}
DIV.loginMenuInner1
{
  display: inline-flex;
  display:-ms-inline-flexbox;
  display: -webkit-inline-box;
  background-color: #F5F5F5;
  color: #000;
  margin-right: 5px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: -24px;
  padding-left: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.4);
  font-family: 'Source Sans Pro', sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  word-spacing: normal;
  letter-spacing: normal;
  text-decoration: none;
  text-transform: none;
  text-align: left;
  text-indent: 0ex;
}
DIV.loginMenu
{
  margin-right: -8px;
  margin-top: -4px;
  color:#fff;
  float: left;
  position: relative;
  display: -webkit-inline-box;
}
/*a:hover {
  color: #85D4E0;
}*/
a {
  color: blue;
}
DIV.loginPanel
{
  margin-top: 1px;
  padding-top: 7px;
  padding-bottom: 22px;
  background-color:#eeeeee;
  width:1224px;
  background:#E8E8E8;
  background: -moz-linear-gradient(top,  #E8E8E8 0%, #D1CDCD 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E8E8E8), color-stop(100%,#D1CDCD));
  background: -webkit-linear-gradient(top,#E8E8E8 0%,#D1CDCD 100%);
  background: -o-linear-gradient(top,#E8E8E8 0%,#D1CDCD 100%);
  background: -ms-linear-gradient(top,#E8E8E8 0%,#D1CDCD 100%);
  background: linear-gradient(top,#E8E8E8 0%,#D1CDCD 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8',endColorstr='#D1CDCD',GradientType=0s);
}



div.namePlusValue,div.namePlusValueEdit{display: -webkit-box;display: flex;}

.calender
{
  background: url('?Image=/Images/cal.png');
  width: 16px;
  height: 16px;
  margin-left: 2px;
}

.searchIcon
{
  background: url('?Image=/Images/searchIcon.png');
  width: 20px;
  height: 20px;
}

span.CCID
{
  font-size: 7pt;
}

div#r
{
  border: 3px double #ccc;
  width: 425px;
  background-color: rgb(241, 240, 240);
}

div#incReceiptData
{
  width: 200px;
  border: 1px dotted;
  background-color: #E8E8E8;
  margin-top: 5px;
  padding: 2px;
}

label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-right: 15px;
  font-size: 13px;
}

/*input[type=checkbox] {
/*  display: none;
}*/

label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: 1px;
  background-color: #aaa;
  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}

.checkbox label {
  margin-bottom: 10px;
}
.checkbox label:before {
    border-radius: 3px;
}

td.inlineTd{display: inline-flex;display:-ms-inline-flexbox;display: -webkit-inline-box;}

input[type=checkbox]:checked + label:before {
  content: "\2713";
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
  font-size: 15px;
  color: #0CE21F;
  background: #95CFD2;
  text-align: center;
  line-height: 15px;
}

div#success_message{font-size: 16pt;}

#userEdit {
  display: block;
  margin: 0px auto;
  padding: 0px 5px 0px 5px;
  border: none;
  background-image: url('?image=/Images/edit2.png');
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
}

#topUp {
  display: block;
  margin: 0px auto;
  padding: 0px 5px 0px 5px;
  border: none;
  background-image: url('?image=/Images/topup.png');
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
}

.ticketTextArea
{
  height: 50px;
  width: 176px;
}

#MainBody
{
  width: 1600px;
  clear: both;
  max-height: 800px;
  height: 800px;
  border-bottom-left-radius: 10px;
  padding-top: 50px;
  border-bottom-right-radius: 10px;
}

#offerHit .buy
{
  background-image: url('?image=/Images/buy.png');
  background-repeat: no-repeat;
  background-position-x: left;
  height: 26px;
  width: 51px;
  padding-left: 7px;
  padding-top: 2px;
  padding-right: 20px;
  padding-bottom: 3px;
}

#offerHit a
{
  color: #FFFFFF;
  font-size: 14px;
  text-decoration: none;
  line-height: 26px;
  font-weight: bold;
  padding-left: 5px;
}

h1.portal-title { color: #2E5F93; display: inline-block; vertical-align: top; padding-left: 15px; }
h1.portal_title_light { color: #95CFD2; display: inline-block; vertical-align: top; padding-left: 15px; }

table.spaced {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse:separate;
  border-spacing:0 15px;
  width: 105%;

}

table.spaced th {
  border-bottom: : 5px solid white;
  padding: 8px;
  background-color: #85CCDB;
}

table.spaced tr {
  background-color: #fff;
  padding: 20px;
}

table.spaced tr:nth-child(even){}

table.spaced tr:hover {
  box-shadow: 5px 5px 10px #555;
  background-color: #ccc;
}

table.spaced th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  font-size: 24px;
  color: white;
}

table.spaced td {
  padding-top: 15px;
  padding-bottom: 15px;
  border-right: hidden;
  font-size: 24px;
  color: black;
}

table.spaced td:first-child { border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
table.spaced td:last-child { border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
table.spaced th:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding-left: 20px;}
table.spaced th:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

table.spaced td.wireless { padding: 15px; }

table.spaced a {
  color:#FFFFFF;
  font-size:24px;
  text-decoration:none;
  line-height:26px;
  border-radius: 10px;
  background: #4CAF50;
  padding: 5px 20px;
}

#CCExpMon{width:100px;}
#CCExpYear{width:72px;}
#CCCCV{width:80px;}

#MainContent{height: 100%;}
#menu_mobile {display:none !important}
/** 2.0 Mobile Menu **/
@media screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : portrait)
, screen and (max-width:980px) {
  div#mainCon{display: block;}
  #menucont {display:none !important; width: 0;}
  #menu_mobile
   {
    display:block !important;
    overflow:hidden;
    position: absolute;
    z-index: 9000;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 5px;
    border-radius: 10px;
    width: 98%;
    height: 60px;
    font-size: 30px;
    -moz-border-radius: 9px 9px 9px 9px;
    -webkit-border-radius: 9px 9px 9px 9px;
    border-radius: 9px 9px 9px 9px;
    box-shadow: 1px 1px 11px #330033;
    background: #45577E url('?image=/Images/15xvbd5.png') no-repeat scroll 98% center;
  }
  #menu_mobile select {
   border: 0;
   color: #EEE;
   background: transparent;
   font-weight: bold;
   padding: 2px 10px;
   -webkit-appearance: none;
   width: 100%;
  }
  #menu_mobile select option {background: #45577E;}
  div#container  { max-width: 130em; width:100%; }
  div#tcontainer  {border:none;}
  div#mbar_container  {width:100%;}
  div#mbar_header {display:none !important;}
  div#mbar_header_left {display:none !important;}
  div#mbar_header_right{display:none !important;}
  div#mbar_wrapper{background-image:none;}
  div#mbar_outer{background-image:none;}
  div#mbar_footer_right{display:none !important;}
  div#mbar_footer_left{display:none !important;}
  div#mbar_footer{display:none !important;}
  div#title {display:none !important;}
  div#r {font-size: 33pt;width:725px;}
  div#timestamp {display:none !important;}
  td.section {font-size: 34px;height: 36px;}
  div.section {font-size: 40px;height: 40px;padding-top:15px}
  td.req, td.name {width: 400px;font-size: 30px;}
  div.req, div.name {width: 400px;font-size: 38px;}
  td.value {width: 300px;font-size: 22px;}
  div.value {width: 90%;font-size: 34px;padding-left: 10px;}
  div.tr{display:block}
  td.nameUpdate{width: 230px;font-size: 24px;}
  div.nameUpdate{width: 450px;font-size: 38px;}
  select.styled {width: 244px;height: 42px; }
  div.loginPanel {height: 45px;width:925px;}
  div.loginMenuInner {font-size: 42px;}
  #MainContent{height: 3000px;}
input.button, input.buttonNar, input.buttonNNar, input.buttonsmall{/*font-size: 29pt; height:52px;width:200px;*/}
  input.button:hover , input.buttonNar:hover{background-position:0 -52px;}
  input, select, option, textarea{font-size: 29pt;}
  select.styled, input.ftext, input.text, input.dtext, textarea, input.textCal{width: 100%;height: 62px;}
  div.namePlusValueEdit{padding-bottom: 2px;display: block}
  div.namePlusValue{padding-bottom: 2px;}
  #er_outer {font-size: 34pt;}
  table.tablesorter thead tr th, table.tablesorter tfoot tr th,table.tablesorter tr th {font-size:24px;}
  table.tablesorter tbody tr td {font-size:22px;}
  .calender{ background: url('?Image=/Images/cal_mobile.png');width: 32px;height: 32px;}
  .small{font-size: 18pt;}
  div.freeString{font-size: 18pt;}
  span.CCID{font-size: 18pt;}
  #table1 tr td {font-size: 10pt;height:60px;}
  div#incReceiptData{width: 700px;}
  td{font-size: 10pt;}
  label:before {width: 32px;height: 32px;}
  label {font-size: 18pt;padding-left: 35px;}
  input[type=checkbox]:checked + label:before {font-size: 35px;line-height: 35px;}
  div#bottombuttons{padding-top: 10px;padding-right: 30px;}
  div#success_message{font-size: 36pt;}
  .searchIcon{display: none;}
  #iframeOperDiv{ width: 99% !important; left: 0 !important; margin-top: 90px;}
  #iframeUsersDiv{margin-top:90px;}
  div#MainTitle{background-image: url('?image=/Images/BCM_Logo_125.png');background-repeat: no-repeat;height: 96px; width:1024px;}
  #userEdit {background-image: url('?image=/Images/edit1_mobile.png');height:35px;}
  textarea{max-width:100%;}
  .ticketTextArea{height: 100px;width: 100%;}
  #CCExpMon{width:250px;}
  #CCExpYear{width:150px;}
  #CCCCV{width:200px;}
}