
a, .link {
  text-decoration: none;
  color: #80A0B5;
  cursor: pointer;

}
.link {
   color: #80A0B5 !important;
}
p {
  margin: 5px 0 5px 0;
  font-size:11px;
}
h1 {
  font-size: 22px;
  font-weight:bold;
  font-family: Verdana, Geneva, sans-serif;;
  margin-bottom: 17px;
  margin-top:14px;

}
body,input, select {
  font-size: 11px;
}

label,input,p,a,span,input,table,select,textarea {
  font-size: 11px
}

h3 {
  font-size:14px;
  font-weight:bold;
  border: #BCBCBC solid 1px;
  border-width: 0 0 1px;
  clear: both;
  font-size: 15px;
  line-height: 16px;
  margin: 10px 0 15px;
  padding-top: 0px;
  padding-bottom: 4px;
}


textarea {
  overflow:auto;
}
input[type="text"]:disabled {
  background: #F3F3F3;
  border: 1px solid #CCCCCC;
  padding: 2px;
}
input[type=button][disabled=disabled],
button[disabled=disabled] {
  color: #fff !important;
}
input[type=button]:disabled,
button:disabled {
  color: #fff !important;
}
  /* -------------------------------- */
  /* -------------------------------- */
  /* -------------------------------- */
  /* ----------DUSTIN'S CSS---------- */
  /* -------------------------------- */
  /* -------------------------------- */
  /* -------------------------------- */

html, body {
  font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  color: #808285;
  background-color: #81a5b9;
  font-size: 16px;

   /* text-transform: capitalize;*/
}

html, body {
  background-color: #fff;
}

dd {
  text-transform: none;
}
h1, h2, h3, h4, h5, h6, p {
  margin-top: 0;
  padding-bottom: 15px;
}
a.orange:link, a.orange:visited, a.orange:hover, a.orange:active, a:focus {
  color:#F48024;
  text-decoration:none;
}
.noTextTransform {
  text-transform:none !important;
}
.fltrt {
  float: right;
}
.fltlft {
  float: left;
}
.clearfloat {
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}
#bgwrap {
  background-color: #c7c7c7;
  background-image: url('/UI/images/mw/sitebg.jpg');
  background-position:top;
  background-repeat:repeat-x;
  position:relative;

}


/* -- Navigation Area -- */

.header {
  /*width: 100%;
  background-image: url('/UI/images/mw/topstroke.gif');*/
  background-image: url('/UI/images/mw/tiles_sprites.png');
  background-position: 0px -448px;
  background-repeat: repeat-x;
  height: 43px;
}
.header-ui-enhance-overide {
  height:73px !important;
  border-bottom:2px solid #80a1b6;

}
.logged-out-header-logo {
  margin-top:23px;
  margin-left:20px;
}
.navcontainer {
  min-width: 975px;
  margin: 0 auto;
  position: relative;

}
.loginnavcontainer {
  float:right;
  width:300px;
  position: relative;
}
.loginnavcontainersub {
  float:right;
  width:246px;
  position: relative;
}
.navscale {
  height: 43px;
  /*background-image: url('/UI/images/mw/globalnav_tile.gif');*/
  margin-left: 31px;
  margin-right: 118px;
}
.navscale ul {
  list-style-type:none;
  margin:0;
  padding:0;
  height: 43px;
  overflow:hidden;
  background-image: url('/UI/images/mw/tiles_sprites.png');
  background-position: 0px 0px;
  background-repeat: repeat-x;
}
.navscale li {
  float:left;
  margin: 0 auto;
}
.navscale .navitem {
  display:block;
  text-align: center;
  line-height: 43px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #FFF;
  padding-left: 15px;
  padding-right: 15px;
}

.navstatic {
  height: 43px;
}
.navstatic ul {
  list-style-type:none;
  margin:0;
  padding:0;
  height: 43px;
  overflow:hidden;
  background-image: url('/UI/images/mw/tiles_sprites.png');
  background-position: 0px 0px;
  background-repeat: repeat-x;
}
.navstatic .navitem {
  display:block;
  padding:0 10px;
  text-align: center;
  line-height: 43px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #FFF;
}

a.navitem:link, a.navitem:visited {
  text-decoration: none;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}
a.navitem:hover, a.navitem:active {
  text-decoration: none;
  color: #fff;
  /*background-image: url('/UI/images/mw/globalnav_hovertile.gif');*/
  background-image: url('/UI/images/mw/tiles_sprites.png');
  background-position: 0px -44px;
  background-repeat: repeat-x;
}
.navscale .active {
  /*background-image: url('/UI/images/mw/globalnav_activetile.gif');*/
  background-image: url('/UI/images/mw/tiles_sprites.png');
  background-position: 0px -88px;
  background-repeat: repeat-x;
}
.navscale a.active:hover {
  /*background-image: url('/UI/images/mw/globalnav_activetile.gif');*/
  background-image: url('/UI/images/mw/tiles_sprites.png');
  background-position: 0px -88px;
  background-repeat: repeat-x;
}
.navwrap {
  padding-right: 118px;
}
.globalnav_lft {
  width: 31px;
  height: 43px;
  background-image: url('/UI/images/mw/bookends_sprites.png');
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
.globalnav_rt {
  width: 118px;
  height: 43px;
  background-image: url('/UI/images/mw/bookends_sprites.png');
  background-position: -32px 0px;
  background-repeat: none;
}
.loginnavcontainersub .globalnav_rt {
  width: 29px;
}
.globalnavdivider {
  background-image: url('/UI/images/mw/tiles_sprites.png');
  background-position: 0px -132px;
  background-repeat: no-repeat;
  width: 1px;
  height: 43px;
}
#help {
  background: url('/UI/images/mw/help_tab.png');
  width: 50px;
  height: 56px;
  cursor: pointer;
}

#helpExpandIcon {
  background: url('/UI/images/mw/help_tab.png');
  width: 50px;
  height: 56px;
  float:right;
  visibility: visible;
  cursor: pointer;
}




#settings {
}
#settings #tree {
  overflow:auto;
  text-align:left;
  margin: 10px 3px 0;
  padding: 5px;
  background:#fff;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px
}

.subnav {
  padding: 12px 0px 0px 0px;
  margin: 0 auto;
  max-width: 95%;
  width: 98%;
}

.subnav ul {
  list-style-type:none;
  margin:0;
  padding:5px 0px 5px 1%;
  margin-left: 18px;
  overflow:hidden;
}
.subnav li {
  float:left;
  border-right-style:solid;
  border-right-width:1px;
  border-right-color:#666;
  padding: 0px 15px 0px 15px;
  display:block;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height:14px;
}
.subnav li:last-child {
  border:0;
}
.subnav li.lastchild {
  border:0;
}
a.subnavitem:link, a.subnavitem:visited {
  text-decoration: none;
  color: #666;
  font-size: 12px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
a.subnavitem:hover, a.subnavitem:active {
  text-decoration: none;
  color: #333;
  font-size: 12px;
}
.subnav a.active:link, .subnav a.active:visited {
  font-weight:bold;
  text-decoration: none;
  color: #53778A;
  font-size: 12px;
}
.subnav a.active:hover, .subnav a.avactive:active {
  text-decoration: none;
}

/* -- Header -- */

.logo {
  margin-left: 28px;
  margin-top: 21px;
}
.headerpipe {
  width:1px;
  height: 35px;
  margin-top: 4px;
  margin-right: 7px;
  background: #bbb;
  float: left;
}
.cobrandpipe {
  width:1px;
  height: 35px;
  margin-top: 17px;
  margin-right: 8px;
  margin-left: 8px;
  background: #bbb;
  float: left;
}
.user {
  text-align: left;
  color: #888;
  font-size:11px;
  line-height: 14px;
  padding-left: 10px;
  border-left: #BBBBBB solid 1px;
}
.user b {
  font-weight:bold;
  font-size:11px;
}

/* -- Main Content Wrapper -- */

#fixed, #cookiechk {
  margin:0 auto;
  height: auto;
  min-width: 975px;
  /*width:98%;
  max-width: 95%;*/
  margin-left:0;
  margin-right:0;
  text-align:left;
}
#mainheader {
  overflow: auto;
  width: 100%
}

#mainheader .brandarea {
  /*background-image:url('/UI/images/mw/main_brandarea.gif');*/
  background-image: url('/UI/images/mw/containers_sprites.png');
  background-position: 0px -320px;
  background-repeat: none;
  height: 82px;
  padding-top: 14px;
  margin-right: 275px;
}
#mainheader .userinfo {
  /*background-image:url('/UI/images/mw/main_toprt.gif');*/
  background-image: url('/UI/images/mw/containers_sprites.png');
  background-position: right -224px;
  background-repeat: none;
  height: 68px;
  padding-top: 28px;
  padding-right:60px;
  width: 215px;
}
#mainwrap {
  background: #fff;
  padding: 0 18px 0 20px;
  min-height:500px;
}

#jswrap{
  margin: 0 5px;
  background: #fff;
  border-left: 2px solid #d4d4d4;
  border-right: 2px solid #d4d4d4;
  overflow: hidden;
}
/* -- Footer -- */

#foot {
  height:30px;
  width:100%;
  min-width: 975px;
  padding-top: 20px;
  background-color: #6f8a9d;
  color: #fff;
  /*background: url('/UI/images/mw/footertile.jpg');*/
  background-image: url('/UI/images/mw/tiles_sprites.png');
  background-position: 0px -303px;
  background-repeat: repeat-x;
}

#foot a {
  color:#fff
  }
/* -- module styles -- */

.modulecontent, .moduleheaderclean2 {
  background-image: url('/UI/images/mw/module_body_tile.gif');
  background-position:right;
  padding-right: 7px;
  background-repeat: repeat-y

}
.modulecontent.mcright {
  background-image: url('/UI/images/mw/module_body_right_tile.gif');
  background-position:left;
  padding: 0 25px;
}
.modulecontent.mcright h3 {
  color: #80A0B5;
  font-size: 16px;
  font-weight: normal;
  border: none;
  margin-bottom: 0;
}
.modulecontent.mcright h4 {
  color: #80A0B5;
  font-size: 14px;
  text-align:left;
}
.modulecontent.mcright .hrsolid {
  margin:10px 0;
}
.modulecontent.mcright a:link, .modulecontent.mcright a:hover, .modulecontent.mcright a:active, .modulecontent.mcright a:visited {
  color:#808184;
}
.moduleheaderclean2{
  padding: 5px 15px 0;
  overflow: hidden;
}
.modulecontent_space{
  padding: 5px 15px 5px 15px;
}
.modulecontent p {
  font-size:12px;
  margin: 0px 0px 10px 20px;
}
.bottommodule {
  padding-bottom: 40px;
}
.moduleheadsquare {
  background-image: url('/UI/images/mw/module_head_square.gif');
  background-position:right;
  height: 7px;
}
.modulefoottabs {
  margin-top: -37px;
  background-image: url('/UI/images/mw/module_foot_tabs.png');
  background-position:right;
  height: 49px;
}
.modulehalf {
  width:476px;
  margin-bottom: 20px;
  float: left;
}
.modulequarter {
  width:350px;
  margin-bottom: 20px;
  float: left;
}
.moduleslim {
  width:250px;;
  margin-bottom: 20px;
  float: left;
}
.modulehalf .moduleheader, .modulequarter .moduleheader, .moduleslim .moduleheader {
  /*background-image: url('/UI/images/mw/module_head_large.gif');*/
  background-image: url('/UI/images/mw/containers_sprites.png');
  background-position: right 0px;
  background-repeat: none;
  height: 65px;
}
.moduleheader p {
  color: #80A0B5;
  font-size:15px;
  padding-left: 20px;
  padding-top: 25px;
}
/* dbansal:CPSRV-9890 */
.moduleheaderclean p, .moduleheaderclean2 p, .moduleheaderclean3, .moduleheaderclean4 p{
  color: #80A0B5;
  font-size:15px;
}
.moduleheaderclean3{
  overflow: hidden;
}
.moduleheaderclean3 p{
  padding-bottom: 5px;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-top: 5px;
}

.moduleheaderclean2 p{
  padding-bottom: 5px;
  margin-bottom: 0px;
}
.moduleheader .right {
  float: right;
  padding-top: 25px;
  padding-right: 40px;
  color: #F48024;
  font-size:12px;
}
.moduleheaderclean .right {
  float: right;
  padding-top: 5px;
  padding-right: 10px;
  color: #F48024;
  font-size:12px;
}
.modulefooter {
  /*background-image: url('/UI/images/mw/module_foot.gif');*/
  background-image: url('/UI/images/mw/containers_sprites.png');
  background-position: right bottom;
  background-repeat: no-repeat;
  height: 65px;
  line-height: 55px;
}
.filterfooter {
  /*background-image: url('/UI/images/mw/module_foot.gif');*/
  background-image: url('/UI/images/mw/containers_sprites.png');
  background-position: right bottom;
  background-repeat: no-repeat;
  height: 29px;
}
.filterfooterright {
  /*background-image: url('/UI/images/mw/module_foot.gif');*/
  background-image: url('/UI/images/mw/containers_sprites.png');
  background-position: left -437px;
  background-repeat: no-repeat;
  height: 29px;
}
.modulefooter .right {
  float:left;
  margin-top: 10px;
  margin-left: 30px;
}
.modulefootershort {
  /*background-image: url('/UI/images/mw/module_foot.gif');*/
  background-image: url('/UI/images/mw/containers_sprites.png');
  background-position: right bottom;
  background-repeat: none;
  height: 35px;
  line-height: 75px;
}
.radiofoot {
  float: left;
  margin-left: 40px;
  font-size:12px;
  color: #666;
}
.radiofoot span {
  font-size:12px;
}
.radiofoot input {
  margin-right: 5px;
}
.widthwrapper {
  float: left;
  width: 100%;
  clear: both;
}

/* BUTTONS */

.coulombButton {
  /*color:#fff;
  font-weight:bold;
  border-radius: 6px;
  border:solid 1px #ddd;
  padding:2px 8px 2px 8px;
  font-family: Verdana, Geneva, sans-serif;
  font-size:11px;
  cursor:pointer;*/
  /*-moz-box-shadow: 2px 2px 5px 0px #c7c7c7;
  -webkit-box-shadow: 2px 2px 5px 0px #c7c7c7;
  box-shadow: 2px 2px 5px 0px #c7c7c7;*/
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:none;
  display:inline-block;
  color:#ffffff !important;
  font-family:arial;
  font-size:12px;
  font-weight:normal;
  padding:5px 10px;
  margin: 5px;
  text-decoration:none;
  cursor:pointer;
  -webkit-transition: transform 1s linear;
   -moz-transition: transform .01s linear;
   -o-transition: transform .01s linear;
   transition: transform .01s linear;

}

/** grey **/
.coulombButton.commonAction, .commonAction.ui-button {
  background: #7f7f7f; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdmN2Y3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzg3ODc4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzgyODI4MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iIzhkOGQ4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=) !important;
  background: -moz-linear-gradient(top,  #7f7f7f 0%, #878787 50%, #828282 51%, #8d8d8d 76%) !important; /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f7f7f), color-stop(50%,#878787), color-stop(51%,#828282), color-stop(76%,#8d8d8d)) !important; /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #7f7f7f 0%,#878787 50%,#828282 51%,#8d8d8d 76%) !important; /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #7f7f7f 0%,#878787 50%,#828282 51%,#8d8d8d 76%) !important; /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #7f7f7f 0%,#878787 50%,#828282 51%,#8d8d8d 76%) !important; /* IE10+ */
  background: linear-gradient(top,  #7f7f7f 0%,#878787 50%,#828282 51%,#8d8d8d 76%) !important; /* W3C */
  -pie-background: linear-gradient(top,  #7f7f7f 0%,#878787 50%,#828282 51%,#8d8d8d 76%) !important; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f', endColorstr='#8d8d8d',GradientType=0 ) !important; /* IE6-8 */
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4) !important;
  color: #eee !important;

  /*
  width:64px; */
}

.videoUploadButton {
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:none;
  display:inline-block;
  color:#ffffff !important;
  font-family:arial;
  font-size:12px;
  font-weight:normal;
  padding:5px 10px;
  margin: 5px;
  text-decoration:none;
  cursor:pointer;
  background: #7f7f7f; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdmN2Y3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzg3ODc4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzgyODI4MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iIzhkOGQ4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=) !important;
  background: -moz-linear-gradient(top,  #7f7f7f 0%, #878787 50%, #828282 51%, #8d8d8d 76%) !important; /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f7f7f), color-stop(50%,#878787), color-stop(51%,#828282), color-stop(76%,#8d8d8d)) !important; /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #7f7f7f 0%,#878787 50%,#828282 51%,#8d8d8d 76%) !important; /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #7f7f7f 0%,#878787 50%,#828282 51%,#8d8d8d 76%) !important; /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #7f7f7f 0%,#878787 50%,#828282 51%,#8d8d8d 76%) !important; /* IE10+ */
  background: linear-gradient(top,  #7f7f7f 0%,#878787 50%,#828282 51%,#8d8d8d 76%) !important; /* W3C */
  -pie-background: linear-gradient(top,  #7f7f7f 0%,#878787 50%,#828282 51%,#8d8d8d 76%) !important; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f', endColorstr='#8d8d8d',GradientType=0 ) !important; /* IE6-8 */
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4) !important;
  color: #eee !important;
}

/** orange **/
.coulombButton.mainAction {
  background: #e98230; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ODIzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U3NzQyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2U0NjUyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iI2U5N2YyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top,  #e98230 0%, #e77422 50%, #e46522 51%, #e97f2d 76%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e98230), color-stop(50%,#e77422), color-stop(51%,#e46522), color-stop(76%,#e97f2d)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #e98230 0%,#e77422 50%,#e46522 51%,#e97f2d 76%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #e98230 0%,#e77422 50%,#e46522 51%,#e97f2d 76%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #e98230 0%,#e77422 50%,#e46522 51%,#e97f2d 76%); /* IE10+ */
  background: linear-gradient(top,  #e98230 0%,#e77422 50%,#e46522 51%,#e97f2d 76%); /* W3C */
  -pie-background: linear-gradient(top,  #e98230 0%,#e77422 50%,#e46522 51%,#e97f2d 76%); /* pie IE8 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e98230', endColorstr='#e97f2d',GradientType=0 ); /* IE6-8 */
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}

.chargepointActiveButton {
  position: relative;
  top: 2px;
}

a.mainAction {
  padding: 5px 13px;
}
#settings .mainAction {
  border:#D77129 1px solid;
  -webkit-box-shadow: 1px 1px 4px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:  1px 1px 4px rgba(50, 50, 50, 0.75);
  box-shadow:     1px 1px 4px rgba(50, 50, 50, 0.75)
}
.controls .coulombButton.mainAction {
  margin-left:0px;
  margin-top:10px;
  width:auto;
}

/* this class to be used when a button is disabled against a grey background */
.coulombButton.disabledButton, input[type=submit]:disabled, button:disabled {
  cursor:default !important;
  background: rgb(211,211,211);
  color: #AFAFAF;
  border-color:#eaeaea;
}


.coulombButton.mainAction.anchorButton {
  padding: 3px 10px;
}
.coulombButton.anchorFull {
  padding: 6px 13px;
  position:relative;
  top:-1px;
}
.coulombButton.mainAction.inlineButton {
  margin-left: 5px;
}

a.anchorButton:link, a.anchorButton:hover, a.anchorButton:active, a.anchorButton:visited {
  color:#fff;
}

select {

  font-family: Verdana, Geneva, sans-serif;
  color:#515153;
  padding-left:5px;
  background: #f8f8f8;
  border:1px solid #dedede;
  /*background:url(/UI/images/selectArrowDown.png) no-repeat center right;*/
}

option {
  padding-left:5px;
  background-color:#fff;

}
/* STATION STATUS */

.statusAvailable {
  color:#2da63c;
}
.statusInUse {
  color:#009ae7;
}
.statusSuspect {
  color:#f16b0d
}
.statusInAlarm {
  color:#e51319;
}
.statusNotReady {
  color:#000;
}

label.required:before, span.required:before {
  color: #CD0A0A;
  content: "* ";
}
.propSheetTabSection .instantedit label.error{
  float: right;
  width: auto;
  font-weight: normal;
  color: #CD0A0A;
  padding-left: 5px;
  padding-right: 5px;
}
.error{
  color: #CD0A0A;
}
/* END STATION STATUS */
.smallText {
  font-size: 80%;
}
.rightAlign {
  text-align: right;
}

ul.inline li {
  display: inline;
}

.clear {
  clear: both;
}

#wrapper {
  width:95%;
  margin-left:105px;
  min-width:960px;
  margin: 0 auto;
  padding: 0px;
  background: #fff;
  background-color: #fff;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  border: 3px solid #dedede;
  text-align:left;
  margin-top:10px;
  padding-top:5px;
}

#wrapper {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #959595;
  margin: 10px auto 0;
  min-width: 960px;
  padding: 5px 0 0;
  text-align: left;
  width: 95%;
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px#888;
  box-shadow: 0 0 5px #888;
}
#alert p{
  padding-bottom: 0px;
  min-width: 120px;
}
#alert .privacy_container p {
  padding-bottom: 15px;
}
#alert .privacy_container h3 {
  border: none;
}
/* 3 column */

.grid3col {
  width: 100%;

}
.grid3col .column {
  margin-left: 2%;
  width: 32%;

}
.column {
  float: left;
}
.column.first, .column.last {
  margin-left: 0 !important;
}
.column.last {
  float: right !important;
}


/* 3 column */

.grid3col {
    width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.grid3col .column {
  margin-left: 50px;
  width: 300px;
}

#container:after, .grid3col:after, .propSheetTabSection:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

/*  end 3 column */



.header-login-info {margin-top:5px;}


#display-filter ul li {
  padding-left: 20px;
}

.filter-slide {

}

.wrapped-content {

}

#wrapper #header {
  position:relative;
  width:100%;
  height: 59px;
}

#wrapper #header .header-logos {
  float:left;
}

#wrapper #header .header-logos .header-chargepoint {
  float: left;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  border-right: 1px solid #ccc;
}

#wrapper #header .header-logos .header-chargepoint h1 {
  font-size: 24px;
  margin: 10px;
}

#wrapper #header .header-logos .header-customer {
  float: left;
}

#wrapper #header .header-logos .header-customer h2 {
  font-size: 21px;
}

#wrapper #header .header-login-info {
  float:right;
}


#wrapper #header .header-login-info ul.header-login-info-links li {
  display:inline;
  margin-left: 10px;
  padding-right: 10px;
  border-right:1px solid #ccc;
  font-size:11px;
}

#wrapper #header .header-login-info ul.header-login-info-links li.last {
  border-right:none;
}

#wrapper #topNav {
  overflow: auto;
  width: 100%;
}
#wrapper #topNav ul.topNavigationUL {
  padding-left: 0;
  margin-left: 0;
  background-color: #fff;
  float: left;
  width: 100%;
  border-top: 1px solid #ddd;
  background: url('/UI/images/navigation/mainnav_tab_bg.png');
  font-size:11px;
}
#wrapper #topNav li.topNavigationLi {
  display:inline;
  overflow: hidden;
}
#wrapper #topNav li.topNavigationLi a.topNavigationAnchor {
  padding: 10px;
  background: url('/UI/images/navigation/mainnav_tab_bg.png');
  float:left;
  font-weight: bold;
  color: #666;
  border-right: 1px solid #ddd;
}

#wrapper #topNav li.topNavigationLi.active a.topNavigationAnchor {
  background-image: url('/UI/images/navigation/mainnav_tab_active_bg.png');
  color: #fff;
  background-position: bottom left;
}

#wrapper #topNav li.topNavigationLi a.topNavigationAnchor:hover {
  background-image: none;
  background-color: #fff;
  color: #000;
}

#wrapper #subNav {
  background: url('/UI/images/navigation/mainnav_tab_bg.png');
  padding: 10px 0 10px 10px;
  font-size:11px;
}
#wrapper #subNav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#wrapper #subNav ul li {
  display: inline;

}

#wrapper #subNav ul li:before { content: "| "; }
#wrapper #subNav ul li:first-child:before { content: ""; }

#wrapper #subNav ul li a {
  color: #2590ED;
}

#wrapper #subNav ul li.active a {
   color: #515153;
  font-weight: bold;
}

#organgeBar {
  background-color: #FE9313;
  float:left;
  height:5px;
  width:100%;
}

#wrapper div.main_content {
  margin: 20px;
}

div.pane {
  overflow: hidden;
}
.floatLeft {
  float: left;
  width: 48%;
}

.floatRight {
  float: right;
  width: 48%;
}

div.actionBar {
  margin-bottom: 10px;
  margin-top: 10px;
}

#footer {
  background-color: #797979;
  clear: both;
  color: #FFFFFF;
  height: 50px;
  line-height: 50px;
  font-size:11px;
}



ul.inline-list li {
  display:inline;
}
/*
div.thirdNav {
  font-size:11px;
  padding-top:2px;
}

div.thirdNav ul {
  margin-left: 0;
  border-bottom: 5px solid #CDCDCD;
  padding: 7px 0 10px 8px;
}

div.thirdNav ul li {
  list-style: none;
  margin: 0;
  display: inline;
}

div.thirdNav ul li a {
  font-weight: bold;
  padding: 7px 13px;
  margin-left: 3px;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  text-decoration: none;
  color: #fff;
  border-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color:#707070;
  border-bottom:1px solid #ccc;*/
   /* background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f4f2f3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f2f3));
  background: -webkit-linear-gradient(top, #ffffff 0%,#f4f2f3 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#f4f2f3 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#f4f2f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f2f3',GradientType=0 );
  background: linear-gradient(top, #ffffff 0%,#f4f2f3 100%);
  */

/*

}
div.thirdNav ul li#right_link a{
  background: none;
  border: none;
  color: #2590ED;
  padding: 0px;
}
div.thirdNav ul li a:hover {
  background :#fff;
  color: #000;
}

div.thirdNav ul li a.active {
  border-bottom: 1px solid #FE9313;
  color: #fff;

  background: #e0770c;
  background: -moz-linear-gradient(top, #e0770c 0%, #fe9313 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0770c), color-stop(100%,#fe9313));
  background: -webkit-linear-gradient(top, #e0770c 0%,#fe9313 100%);
  background: -o-linear-gradient(top, #e0770c 0%,#fe9313 100%);
  background: -ms-linear-gradient(top, #e0770c 0%,#fe9313 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0770c', endColorstr='#fe9313',GradientType=0 );
  background: linear-gradient(top, #e0770c 0%,#fe9313 100%);
}
*/
div.content_box {
  border:1px solid #d4d4d4;
  border-top: none;
  padding: 10px;
}



#filter-modal {
  display: none;
}

#filter-modal.show {
  display: block;
  top: 0;
  bottom:0;
  right: 0;
  left:0;
  width: 100%;
  height: 100%;
  position:fixed;
  z-index:99;
  background: rgba(0,0,0,.35);
}

#filter-modal .modal-popup {
  min-width:250px;
  width: 300px;
  margin: -150px auto 0 auto;
  overflow: hidden;
  top: 50%;
  background: #eee;
  padding:10px;
  border: 2px solid #414141;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  box-shadow: 2px 2px 10px #414141;
}

#filter-modal .modal-popup .modal .search {
  height: 30px;
  border-bottom: 1px solid #ccc;
  text-align: center;
  margin-bottom: 10px;
}

#filter-modal .modal-popup .modal .results {
  overflow-x: hidden;
  overflow-y: auto;
  height: 230px;
  padding: 20px 0;
  margin:0;
}

#filter-modal .modal-popup .modal .submit {
  text-align:center;
  height: 25px;
  margin-top: 10px;
}

#collective-2-listing .depth-1 {
  display:none;
}

.show {
  display: block;
}

#filter-data div, #filter-modal .modal-popup .modal ul li {
  margin-left: 15px;
}

#filter-data div, #filter-modal .modal-popup .modal .grouping {
  margin: 0;
}

#filter-data .expand {}

#filter-data .collapse:hover {cursor: pointer}


.floatfix {
  overflow: hidden;
}

span.ui-icon {
  float: left;
}

.successMessage {
  color: #4F8A10;
}

.errorMessage {
  color: #D8000C;
}

.progressMessage {
  color: #0000FF;
}

.instructionMessage {
  padding-left:8px;
  padding-bottom:18px;
  font-weight:bold;
}

.listtable  {
  position:relative;
  width:100%;
  border:1px solid #ccc;
  margin: 5px 0 20px 0;
}

.boxtable {
  position:relative;
  /*width:auto;*/
  border:1px solid #ccc;
  margin: 5px 0 20px 0;
}

.listtable td, .boxtable td {
  border-top:1px solid #ccc;
  border-right: 1px solid #ccc;
  padding-left:5px;
}

.listtable th, .boxtable th {
  background: #FE9313;
  text-align: left;
  vertical-align: top;
  border-left: solid 1px  #d8dbe8 ;
  padding: 5px;
  color: #000000;
  font-weight:bold;
}

.boldtext {
  font-weight: bold;
}

.label_box {
  margin-right:0px !important;
  width:auto !important;
  color: #fff;
}

#div_upload_file  {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  background-color: #eaeaea;
  background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0.0, #ffffff), color-stop(1.0, #f2f2f2));
  border: 1px solid #cacaca;
  font-family: inherit;
  color: #797979;
  padding: 8px 10px;
  width: 300px;
  font-weight: bold;
}

#div_upload_file #uploadFile  {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  background-color: #eaeaea;
  background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0.0, #ffffff), color-stop(1.0, #f2f2f2));
  border: 1px solid #cacaca;
  font-family: inherit;
  color: #797979;
  padding: 8px 10px;
  width: 300px;
  font-weight: bold;
}

.numberContainer {
  text-align:right;
}
.cellImageContainer {
  text-align:center;
}

/********Global Filters CSS**********/

/******* tab in top nav *********/

#globalFilterLi a#globalFilterAnchorLink {
  /*border-bottom:none!important;
  margin-right:15px!important;
  padding-right:100px;!important;
  border-top-right-radius: 6px 6px;
  border-bottom-right-radius: 6px 6px;*/
  background-color:none  !important;
  background-image:none!important;
  /*color: #FFFFFF !important;
  margin-right: 15px !important;
  margin-top: 3px !important;
  padding: 7px !important;
  -moz-box-shadow: 0 0 1px #888;
  -webkit-box-shadow: 0 0 1px #888;
  box-shadow: 0 0 1px #888;*/
  font-weight: bold;
}

.globalFilterTabIcon {
  background-image: url('/UI/images/mw/settings_tab.png');
  width:50px;
  height:56px;
}
.globalFilterTabIcon-on {
  background-image: url('/UI/images/mw/settings_tab_on.png');
  width:50px;
  height:56px;
}
#globalFilterLi {display:inline;}



.globalFiltersContainer {
  /*padding:10px;
  border:solid 1px #ccc;
  border-right:solid 1px #FE9313;
  background-color:#fff;
  padding:10px;
  border:solid 1px #ccc;
  border-right:solid 1px #FE9313;
  -moz-box-shadow: 5px 5px 5px #888;
  -webkit-box-shadow: 5px 5px 5px #888;
  box-shadow: 5px 5px 5px #888;*/
  background: url('/UI/images/mw/tabbg.png');
  background-position: bottom left;
}

#globalFilterleftDiv {
  /*min-width:550px;*/
  margin-right: 5px;
  }
#globalFilterRighttDiv {
  width: 50px;
  }

#globalFilterWidgetContainer {
  position:absolute;
  z-index:1000;
  min-width:400px;
  display:none;
  right: 0px;
  }

.globalFilterInnerTab {
  float:right;
  margin-top:-6px;
  /*-moz-box-shadow: 5px 3px 5px #888 !important;
  -webkit-box-shadow: 5px 3px 5px #888 !important;
  box-shadow: 5px 3px 5px #888 !important;  */
}

#globalFilterWidgetAnchor{margin-top:-5px}
.globalFilterControls span{margin-left:7px;margin-right:7px;}
.globalFilterControls{text-align:center;}

.globalfilterTextInput {height:23px;width:200px;}
#gfactionsBottom {margin-top:10px;}
#gfloadorg, #gfviewas {margin-top:3px;padding:0px 3px;}
#gftree { padding:20px; }
#gftree_container { position: relative; }
.hide {display:none;}
.show {display:block;}
.hidden {visibility:hidden;}
.lc {text-transform:lowercase !important;}
.nc, #energy_providedVal, .treeGridCol, #other_vehicle, #secondChartControls, .overallbox, .adHocUserLabel, select {text-transform: none !important;}

/**dynatree overide **/
ul.dynatree-container {border:none !important; overflow:auto;}

/********* End Global Filters ****************/

/** apply tree grid **/



  #applyTreeGrid {
    overflow:show;
     width:100%;
     min-height:400px;
     margin-bottom: 40px;
  }


/********** adding adhoc user display template css **********/

.adHocUserDisplayContainer >div, .terminalDetails > div{
  margin:10px;
  text-align:left;

}
.adHocUserDisplayContainer label, .terminalDetails label{
font-weight:bold;
}

/* Davinder CPSRV-1931 */
.fleetVehicleRefundDisplayContainer label{
font-weight:bold;
}

/********** end adhoc user display template css *************/

/*** class that adds input helper text from title to input box **************/
.defaultTextActive { color: #a1a1a1; font-style: italic; font-size:11px !important}

/* Global CSS Class */
.fl{
  float:left;
}
.fr{
  float:right;
}
.fri{
  float:right !important;
}
.cl{
  clear:left;
}
.cr{
  clear:right
}
.cb{
  clear:both;
}
.oh{
  overflow: hidden;
}
.hide{
  display: none;
}
.hide_imp{
  display: none !important;
}
.show{
  display: block;
}
.column_100{
  width:100%;
}
.column_74{
  width:74%;
}
.column_75{
  width:75%;
}
.column_76{
  width:76%;
}
.column_78{
  width:78%;
}
.column_79{
  width:79%;
}
.column_50{
  width:50%;
}
.column_40{
  width:40%;
}
.column_33{
  width:33%;
}
.column_67{
  width:67%;
}
.column_20{
  width: 20%;
}
.column_24{
  width:24%;
}
.column_25{
  width:25%;
}
.column_26{
  width:26%;
}
.column_48{
  width: 48%;
}
.column_47{
  width: 47%;
}
.column_45{
  width: 45%;
}
.column_49{
  width: 49%;
}

.column_100, .column_75, .column_50, .column_25, .column_67, .column_33, .column_20, .column_40, .column_48{
  position:relative;
  overflow:hidden;
}

/********* start - adding css for loading box **********/
div.loading-mask {
  /*background: #222222;*/
  left: 0px;
  top: 0px;
  opacity: 0.3;
  filter: alpha(opacity=30);
  position: absolute;
  display:block;
  width:100%;
  height:300px;
  z-index:1001;
}
div.loading-mask-msg {
  background: #D77129;
  /*border: 1px solid #6593CF;*/
  border-top:none;
  color: #fff;
  top: 0px;
  position: absolute;
  display:block;
  height: 16px;
  padding: 10px;
  z-index:1002;
}
/********* end - adding css for loading box **********/
.btm0{
  margin-bottom: 0px !important;
}
.top_p_5{
  padding-top: 5px;
}

.info_icon, .info_only_icon {
  background: url("/UI/images/blueQuestionMark15x15.png") no-repeat scroll 0 0 transparent;
  cursor: pointer;
  display: inline-block;
  height: 15px;
  margin: 1px 0 0 5px;
  overflow: hidden;
  text-indent: -100px;
  vertical-align: text-top;
  width: 15px;
}
.info_icon.rightOption{
  float: right;
}

.ul_table{
  overflow: hidden;
}
.ul_th, .ul_tr{
  padding: 8px;
  overflow: hidden;
  display: block;
}
.ul_tr{
  border-bottom: #D5D5D5 solid 1px;
  background-color: #FAFAFA;
}
.ul_tr .details_info{
  display: none;
  margin-top: 20px;
  margin-left: 15%;
  overflow: hidden;
  width: 35%;
  font-size: 11px;
  color: #515153;
  line-height: 18px;
}
.ul_tr:nth-child(odd){
  background-color: #fff;
}

.ul_th {
  border-bottom: #cccccc solid 1px;
  font-weight: bold;
   /* background-image: url("/UI/images/navigation/mainnav_tab_bg.png");*/
  background-color: #ffffff;
  color: #808184;
}
.ul_td_left{
  float: left;
  width: 60%;
}
.ul_td_right{
  float: right;
  width: 40%;
  width: 40%;
}
.ul_tr_1{
  font-size: 12px;
  color: #808184;
  font-weight: bold;
  padding: 10px 25px 5px 25px;
}
.ul_tr_2{
  font-size: 11px;
  line-height: 20px;
  padding: 0px 0px 5px 25px;
}
.ul_td_1{
  width: 15%;
  display: block;
  overflow: hidden;
  float: left;
}
.ul_td_2{
  width: 35%;
  display: block;
  overflow: hidden;
  float: left;
}
.ul_td_3{
  width: 70%;
  display: block;
  overflow: hidden;
  float: left;
}
.ul_td_4{
  width: 25%;
  display: block;
  float: left;
}
.ul_td_5{
  width: 50%;
  display: block;
  overflow: hidden;
  float: left;
}
.ul_td_6{
  width: 22%;
  display: block;
  float: left;
}
.ul_td_7{
  width: 100%;
  display: block;
  float: left;
}
.ul_td_8{
  width: 10%;
  display: block;
  float: left;
}
.ul_td_9{
  width: 40%;
  display: block;
  float: left;
}
.ul_td_10{
  width: 5%;
  display: block;
  float: left;
}
.ul_td_11{
  width: 20%;
  display: block;
  float: left;
}
.ui-dialog-buttonset button{
  position: relative;
  /*color: #515153 !important;*/
}

.ui-dialog-buttonset button.coulombButton{
  position: relative;
  color: #fff !important;
}
.center{
  text-align: center;
}
.moduletabcontainer .rightlinkwrapper {
  margin: -10px 15px 0 0;
}
/** css for tooltips **/
.tooltipContainer {
  max-width:400px;
  display:table-cell;
  vertical-align:center;
}
.no_max_width {
  max-width: none !important;
  display:table-cell;
  vertical-align:center;
}

/* CSS For Action Toolbar */
#table_action{
  display: none !important;
}

#action_columns_left{
  float: left;
  padding: 8px;
}
#action_columns_right{
  float: right;
  margin-right: 10px;
}
#action_columns_right a{
  border-left: 1px solid #e3e8e7;
  display: block;
  float: left;
  font-weight: bold;
  overflow: hidden;
  padding: 8px;
  color: #fff;
}
#action_columns_right a:hover{
   /*background-color: #ffffff;*/
}
#action_columns_right li {
  line-height: 16px;
  padding: 0;
}
.dt_icon{
  background-image: url('/UI/images/action_icon.png');
  background-repeat: no-repeat;
  padding: 10px 25px 10px 25px;
}
.dt_icon.pending{
  background-position: 2px -155px;
}
.dt_icon.approved{
  background-position: 3px -368px;
}
.dt_icon.deleted{
  background-position: 3px -233px;
}
.dt_icon.disabled{
  background-position: 3px -316px;
}
#mssa{
  clear: both;
  overflow: hidden;
}
#action_columns_right a.actionicon, #frmAcceptTerms a.actionicon, a.actionicon{
  padding-left: 30px;
  padding-right: 15px;
  padding-top: 9px;
  background-image: url('/UI/images/action_icon.png');
  background-repeat: no-repeat;
  background-position: 8px -564px;
}

#action_columns_right a.print{
  background-position: 8px -480px;
}

#action_columns_right a.pdf, #frmAcceptTerms a.pdf, a.pdf{
  background-position: 8px -130px;
}

#action_columns_right a.export{
  background-position: 8px -537px;
}
#action_columns_right a.new{
  background-position: 8px -507px;
}

a.new {
  background-position: 8px -507px;
}
a.export {
   background-position: 8px -537px;
}
#action_columns_right a.remove{
  background-position: 8px -450px;
}
#action_columns_right a.assign{
  background-position: 8px -396px;
}
#action_columns_right a.view{
  background-position: 8px -342px;
}
#action_columns_right a.apply{
  background-position: 8px -368px;
}
#action_columns_right a.cancel{
  background-position: 8px -318px;
}
#action_columns_right a.done{
  background-position: 8px -262px;
}
#action_columns_right a.edit{
   background-position: 8px -289px;
 }
#action_columns_right a.delete{
  background-position: 8px -233px;
}
#action_columns_right a.key{
  background-position: 8px -184px;
}
#action_columns_right a.transfer {
  background-position: 8px -156px;
}
#action_columns_right a.activateToken {
  background-position: 8px -591px;
}
#action_columns_right a.transferToken {
  background-position: 8px -591px;
}
#action_columns_right a.password{
  background-position: 8px -208px;
}
#action_columns_left .link_columns, .treeGridHeader .link_columns{
  color:#fff;
  float:left;
  position:relative;
  cursor:pointer;
}

#action_columns_right .table_selectoption{
  border-left: 1px solid #e3e8e7;
  display: block;
  float: left;
  overflow: hidden;
  background-image: url('/UI/images/action_icon.png');
  background-repeat: no-repeat;
  background-position: 8px -423px;
  padding: 6px 15px 6px 30px;
  color: #ffffff;
}
#action_columns_right .table_selectoption2{
  border-left: 1px solid #e3e8e7;
  display: block;
  float: left;
  overflow: hidden;
  background-image: url('/UI/images/action_icon.png');
  background-repeat: no-repeat;
  background-position: 8px -539px;
  padding: 6px 15px 6px 30px;
  color: #ffffff;
  font-weight: bold;
}
.monthyear .ui-datepicker-calendar, .monthyear .ui-datepicker-current, .invisible{
  display: none !important;
}


/** css for saved message in popup **/
.succesfulSave {font-size:13px;display:inline-block;text-align:center;width:100%;margin-top:20px;color:#04D318;font-weight:bold;}

.actionLinkContainer {
height:22px;
white-space:nowrap;
}
.actionLinkContainer a{
position:relative;
top:-6px;

}
.actionIcon {
  display:inline-block;
  background-image:url('/UI/images/action_icon.png');
  height:20px;
  width:21px;
  margin-right:3px;
  postion:relative;
  top:4px;
}
.actionEdit {
  background-position:2px -295px;
}
.actionPdf {
  background-position:2px -132px;
}
.actionDelete {
  background-position:1px -239px;
}
.actionView {
  background-position:2px -571px;

}
.formControls .formControl {
  margin-right:20px;
}


.scratchPadContainer .scratchPadLabel{display:inline-block;width:120px;text-align:right;margin-right:5px;}
.scratchPadContainer > div {width:90%;margin:0 auto;margin-top:5px;}
.scratchPadContainer input {width:200px;}

.ac_p_0{
  padding: 0px;
}
.ac_p_20{
  padding: 20px;
}

.scratchPadContainer #otherStatesDiv{
  margin-left:129px;
  }


  /* -------------------------------- */
  /* -------------------------------- */
  /* -------------------------------- */
  /* ----------DUSTIN'S CSS---------- */
  /* -------------------------------- */
  /* -------------------------------- */
  /* -------------------------------- */


.map {
  margin-right: 10px;
  margin-top: 12px;
  margin-left: 10px;
}
.mapwide {
  margin-right: 20px;
  margin-top: 12px;
  margin-left: 360px;
}
.mapextrawide {
  margin-right: 20px;
  margin-top: 12px;
  margin-left: 260px;
}
.mapfull {
  width:97%;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 12px;
}
/*
iframe{
  border: 1px;
  border-color: #ccc;
  border-style:solid;
}*/
.undermap {
  float: right;
  padding-left:12px;
  padding-top: 12px;
}

.mapfull .undermap , .mapextrawide .undermap{
  width: 100%;
  text-align: center;
  padding-left:12px;
  padding-top: 12px;
}
.map .right {
  position:absolute;
  right:0;
  padding-top: 18px;
  padding-right: 20px;
  color: #F48024;
  font-size:12px;
}
.undermap .pip {
  vertical-align:-5px;
  display:inline-block;
}
.undermap small {
  font-size:9px;
  margin-right: 5px;
}
.modulefull {
  width:99%;
}


.modulefull .moduletabs {
  float:left;
  background-image: url('/UI/images/mw/module_tab_farright_corner.gif');
  background-position:right bottom;
  width:100%;
  height: 31px;
}
.modulefull .tabletabs {
  float:left;
  width:100%;
  height: 37px;
}
.modulefull .moduleheader {
  clear:both;
  padding: 15px 15px 0px 15px;
  background-image: url('/UI/images/mw/module_tab_under.gif');
  background-position:top right;
  height: 20px;
}


.modulefull2 {
  width:100%;
}
.modulefull2 .moduletabs, .moduletabs {
  float:left;
  background-image: url('/UI/images/mw/module_tab_farright.gif');
  background-repeat: repeat-x;
  background-position:right bottom;
  width:100%;
  height: 40px;
  margin-bottom:1px;
  padding-top: 10px;
  box-sizing: border-box;
}
.modulefull2 .tabletabs {
  float:left;
  width:100%;
  height: 31px;
}
.modulefull2 .moduleheader {
  clear:both;
  padding: 15px 15px 0px 15px;
  background-image: url('/UI/images/mw/module_tab_under.gif');
  background-position:top right;
  height: 20px;
}

.moduletabcontainer {
  height: 37px;
    white-space: nowrap;
    overflow: visible;
}
.moduleheaderclean {
  clear:both;
  padding: 15px 22px 0 16px;
  /*background-image: url('/UI/images/mw/module_head_small.gif');*/
  background-image: url('/UI/images/mw/containers_sprites.png');
  background-position: right -86px;
  background-repeat: no-repeat;
  height: 35px;
}
.moduleheadermap {
  clear:both;
  padding: 15px 22px 0 16px;
  /*background-image: url('/UI/images/mw/module_head_small.gif');*/
  background-image: url('/UI/images/mw/containers_sprites.png');
  background-position: right -86px;
  background-repeat: none;
  height: 18px;
}
.moduleheadercleanright {
  clear:both;
  padding: 15px 22px 0 16px;
  /*background-image: url('/UI/images/mw/module_head_small.gif');*/
  background-image: url('/UI/images/mw/containers_sprites.png');
  background-position: left -322px;
  background-repeat: none;
  height: 15px;
}
.modulenav {
  height: 31px;
}
.modulenav ul {
  list-style-type:none;
  margin:0;
  padding:0;
  overflow:hidden;
}
.modulenav li {
  float:left;
  margin: 0 auto;
}
.moduletab {
  display:block;
  text-align: center;
  line-height: 31px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFF;
  padding: 0 10px;
  /*background-image: url('/UI/images/mw/module_tab_tile.gif');*/
  background-image: url('/UI/images/mw/tiles_sprites.png');
  background-position: 0px -176px;
  background-repeat: repeat-x;
}
a.moduletab:link, a.moduletab:visited {
  text-decoration: none;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}
a.moduletab:hover, a.moduletab:active {
  text-decoration: none;
  color: #fff;
  /*background-image: url('/UI/images/mw/module_tab_tile_hover.gif');*/
  background-image: url('/UI/images/mw/tiles_sprites.png');
  background-position: 0px -208px;
  background-repeat: repeat-x;
}
.ui-tabs-selected a.moduletab {
  background-position: 0px -239px;
}
.modulenav a.active:hover {
  text-decoration: none;
  color: #fff;
  /*background-image: url('/UI/images/mw/module_tab_tile_active.gif');*/
  background-image: url('/UI/images/mw/tiles_sprites.png');
  background-position: 0px -239px;
  background-repeat: repeat-x;
}
.modulenav .active {
  /*background-image: url('/UI/images/mw/module_tab_tile_active.gif');*/
  background-image: url('/UI/images/mw/tiles_sprites.png');
  background-position: 0px -239px;
  background-repeat: repeat-x;
}
.modulenavdivider {
  background-image: url('/UI/images/mw/tiles_sprites.png');
  background-position: 0px -271px;
  background-repeat: no-repeat;
  width:1px;
  height:31px;
}

.modulehalf .fixedheight, .modulequarter .fixedheight {
    height: 305px;
    overflow:auto;
    overflow-x:hidden;
}
.thirdnavleft {
  float: left;
  /*background: url('/UI/images/mw/module_tab_left.gif');  */
  background-image: url('/UI/images/mw/bookends_sprites.png');
  background-position: 0px -76px;
  background-repeat: none;
  width: 34px;
  height: 31px;
}
.thirdnavright {
  float: left;
  /*background: url('/UI/images/mw/module_tab_right.gif');    */
  background-image: url('/UI/images/mw/bookends_sprites.png');
  background-position: -35px -76px;
  background-repeat: none;
  width: 17px;
  height: 31px;
}
.tablecontrols {
  position: relative;
  /*background: url('/UI/images/mw/tablecontrols_head.gif');*/
  /*background-image: url('/UI/images/mw/containers_sprites.png');
  background-position: right -137px;
  margin-left: 16px;
  margin-right: 21px;*/
  background: url('/UI/images/mw/blue_table_actions_tall.png') right top;
  min-height: 32px;
}
.tablecontrols ul {
  list-style-type:none;
  margin:0;
  padding:0;
  overflow:hidden;
  /*border-left: 1px solid #808184;*/
}
.tablecontrols li {
  /*background: url(../img/tablecontrols_tile.gif);*/
  float:left;
  line-height:32px;
  padding: 0 10px;
  /*border-right: 1px solid #808184;*/
  font-size:11px;
}
.tablecontrolsright {
  position: absolute;
  right: 12px;
}
.tablecontrols .clear {
  clear:both;
}
.tablecontrols a, .tablecontrols a:link, .tablecontrols a:visited {
  color: #fff;
  text-decoration:none;
}
.tablecontrols a:hover, .tablecontrols a:active {
  color: #fff;
  text-decoration:none;
}
.moduletable {
  /*border: 1px solid #808184;*/
  margin-left: 16px;
  margin-right: 20px;
  max-width:100%;
}
#privilegeForm .moduletable{
  margin-right: 20px;
  max-width:100%;
  margin-left:216px;
}
.moduletable table {
  border-collapse:collapse;
  width: 100%;
}
/* -- general styles -- */
.back .coulombButton, .moduleheaderclean .coulombButton {
  margin-top:0;
}

.section .outsettxt {
  padding: 0 15px 0 15px;
}
.outsettxt {
  color:   #80A0B5;
  font-size: 12px;
  padding: 0px 15px 10px 15px;
  overflow: hidden;
}

.outsettxt .subhead {
  font-weight: bold;
  color: #666;
}
#dashboard_tab .outsettxt .subhead{
  padding-bottom: 0px;
  padding-bottom: 0px;
}
.outsettxt .default {
  color: #666;
}

.pagetitle {
  color:   #80A0B5;
  font-size: 18px;
}
.inlinehead {
  font-size: 15px;
  color:   #80A0B5;
}
.inlineinfo{
  display: block;
  padding-left: 16px;
}
.outsettxt .headtxt {
  font-size: 15px;
}

.outsettxt .subheadtxt {
  font-weight: bold;
  font-size: 13px;
}

.outsettxt .back {
  padding-left: 20px;
  color: #F48024;
  font-size:12px;
}
.moduleheaderclean .back {
  padding-left: 20px;
  color: #F48024;
  font-size:12px;
}

.hrsolid {
  background:#f0f0f0;
  /*background-image: url(../img/module_hr_solid.gif);
  background-position:right;*/
  width:100%;
  height:1px;
}
.hrShadow {
  height:16px;
  background-image: url('/UI/images/mw/tiles_sprites.png');
  background-position: 0 -431px;
}
.righticon {
  vertical-align: middle;
  margin-left: 7px;
}
.lefticon {
  vertical-align: middle;
  margin-right: 7px;
  display:inline-block;
}
.applybutton {
  background: #e98230; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ODIzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U3NzQyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2U0NjUyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iI2U5N2YyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top,  #e98230 0%, #e77422 50%, #e46522 51%, #e97f2d 76%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e98230), color-stop(50%,#e77422), color-stop(51%,#e46522), color-stop(76%,#e97f2d)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #e98230 0%,#e77422 50%,#e46522 51%,#e97f2d 76%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #e98230 0%,#e77422 50%,#e46522 51%,#e97f2d 76%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #e98230 0%,#e77422 50%,#e46522 51%,#e97f2d 76%); /* IE10+ */
  background: linear-gradient(top,  #e98230 0%,#e77422 50%,#e46522 51%,#e97f2d 76%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e98230', endColorstr='#e46522',GradientType=0 ); /* IE6-8 */

  -moz-box-shadow: 2px 2px 5px 0px #c7c7c7;
  -webkit-box-shadow: 2px 2px 5px 0px #c7c7c7;
  box-shadow: 2px 2px 5px 0px #c7c7c7;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:none;
  display:inline-block;
  color:#ffffff;
  font-family:arial;
  font-size:12px;
  font-weight:normal;
  padding:6px 24px;
  margin-left: 35px;
  text-decoration:none;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  cursor:pointer;
  /*background-color:#e98131;
  background-image: url('/UI/images/mw/button_tile.jpg');
  background-position: center;
  background-repeat: repeat-x;
  width: 133px;
  height: 40px;
  background: url('/UI/images/mw/button_empty_short.jpg');
  color: #fff;
  font-size: 12px;
  margin-left: 35px;
  text-align: center;
  padding-bottom:7px;
  border:none;
  cursor:pointer;*/
}
.roundGradBox{
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border: 1px solid #EAEAEA;
  background: #fefefe; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2RiOWU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(top,  #fefefe 0%, #f3f3f3 50%, #ececec 51%, #fcfcfc 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(50%,#f3f3f3), color-stop(51%,#ececec), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fefefe 0%,#f3f3f3 50%,#ececec 51%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #fefefe 0%,#f3f3f3 50%,#ececec 51%,#fcfcfc 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #fefefe 0%,#f3f3f3 50%,#ececec 51%,#fcfcfc 100%); /* IE10+ */
  background: linear-gradient(top,  #fefefe 0%,#f3f3f3 50%,#ececec 51%,#fcfcfc 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ececec',GradientType=0 ); /* IE6-8 */
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12);
  margin-bottom:20px;
  padding:11px;
}
.roundBox {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.50);
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.50);
}
table a:link, table a:visited , td a {
  color: #53778A;
  text-decoration: none;
}
table a:hover, table a:active {
  text-decoration: underline;
}
.cSpace {
  height:15px;
}
.topspace {
  margin-top:10px;
}
.doubletopspace {
  margin-top:20px;
}
.leftspace {
  margin-left:10px;
}
.bottomspace {
  margin-bottom:10px;
}
.bottomspace_p {
  padding-bottom:0px;
}
/* -- global filter additional styles -- */

#gfactions {
  text-align: right;
}
#gftree form {
  text-align: right;
}

.content_98{
  margin: 0px auto;
  width: 98%;
}
/* icons */
.pipAvailable {
  background-image: url('/UI/images/mw/icon_sprites.png');
  background-position: 0px -108px;
  background-repeat: none;
  width: 20px;
  height: 30px;
}
.pipInUse {
  background-image: url('/UI/images/mw/icon_sprites.png');
  background-position: 0px -139px;
  background-repeat: none;
  width: 20px;
  height: 30px;
}
.pipUnavailable {
  background-image: url('/UI/images/mw/icon_sprites.png');
  background-position: 0px -200px;
  background-repeat: none;
  width: 20px;
  height: 30px;
}
.pipOther {
  background-image: url('/UI/images/mw/icon_sprites.png');
  background-position: 0px -169px;
  background-repeat: none;
  width: 20px;
  height: 30px;
}
.pipWatch {
  background-image: url('/UI/images/mw/icon_sprites.png');
  background-position: -21px -108px;
  background-repeat: none;
  width: 20px;
  height: 30px;
}
.pipService {
  background-image: url('/UI/images/mw/icon_sprites.png');
  background-position: -21px -139px;
  background-repeat: none;
  width: 20px;
  height: 30px;
}
.pipNotCP {
  background-image: url('/UI/images/mw/icon_sprites.png');
  background-position: -21px -200px;
  background-repeat: none;
  width: 20px;
  height: 30px;
}
.pipShedded {
  background-image: url('/UI/images/mw/icon_sprites.png');
  background-position: -21px -169px;
  background-repeat: none;
  width: 20px;
  height: 30px;
}
.iconMagnify {
  background-image: url('/UI/images/mw/icon_sprites.png');
  background-position: 0px -80px;
  background-repeat: none;
  width: 23px;
  height: 27px;
}
.iconRightArrow {
  background-image: url('/UI/images/mw/icon_sprites.png');
  background-position: -21px -20px;
  background-repeat: none;
  width: 20px;
  height: 20px;
}
.iconDownArrow {
  background-image: url('/UI/images/mw/icon_sprites.png');
  background-position: 0px -40px;
  background-repeat: none;
  width: 20px;
  height: 19px;
}
.iconUpArrow {
  background-image: url('/UI/images/mw/icon_sprites.png');
  background-position: 0px -60px;
  background-repeat: none;
  width: 20px;
  height: 19px;
}
.iconfb_clean {
  background: transparent url(/UI/images/mw/icon_sprites.png);
  background-position: -42px -161px;;
  width: 26px;
  height: 26px;
}
.icontwit_clean {
  background: transparent url(/UI/images/mw/icon_sprites.png);
  background-position: -42px -188px;;
  width: 26px;
  height: 26px;
  margin-right: 10px;
}
.iconcharging {
  background: transparent url(/UI/images/mw/icon_sprites.png);
  background-position: -25px -41px;;
  width: 16px;
  height: 25px;
}
.iconcharged {
  background: transparent url(/UI/images/mw/icon_sprites.png);
  background-position: -25px -68px;;
  width: 16px;
  height: 24px;
}

.iconstatus {
  background: transparent url(/UI/images/mw/icon_sprites.png);
  background-position: -42px -58px;;
  width: 34px;
  height: 34px;
}
.iconfb {
  background: transparent url(/UI/images/mw/icon_sprites.png);
  background-position: -42px -93px;;
  width: 34px;
  height: 34px;
}
.icontwit {
  background: transparent url(/UI/images/mw/icon_sprites.png);
  background-position: -42px -127px;;
  width: 34px;
  height: 34px;
}
.iconphone {
  background: url("/UI/images/mw/icon_phone.png") no-repeat;
  width: 57px;
  height: 101px;
}
.vehicle_modal label{
  display: block;
  float: left;
  margin-right: 10px;
  text-align: right;
  width: 120px;
  padding-top: 10px;
}
.vehicle_modal input, .vehicle_modal select{
  width: 120px;
  margin-top: 10px;
}
.mapcorners {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
/*high charts style tweaks */

#zoomSliderContainer {
  margin-left: 10px;
}
#chartTab{
     height: 100%;
  text-transform: none !important;
}
#tabs {
  height:100%;
}
#chartBody {
  height:80%;
}
#secondChart {
  height:100%;

}
.drivre_report table{
  width: 100%;
}

.drivre_report table th{
  background: #C9C9C9 !important;
  font-weight: bold;
  padding: 8px;
  text-align: left;
}
.drivre_report table th span{
  display: none;
}
.drivre_report table td{
  padding: 8px;
}

.drivre_report table tr:nth-child(odd){
  background-color: #EEEEEE;
}
.drivre_report table tr:nth-child(even){
  background-color: #DDDDDD;
}

.big_table .dataTables_scrollHeadInner table,
.big_table .dataTables_scrollBody table{
  width: 2200px !important;
}

.table_15 .dataTables_scrollHeadInner table,
.table_15 .dataTables_scrollBody table{
  width: 1500px !important;
}

.table_14 .dataTables_scrollHeadInner table,
.table_14 .dataTables_scrollBody table{
  width: 1400px !important;
}

.table_13 .dataTables_scrollHeadInner table,
.table_13 .dataTables_scrollBody table{
  width: 1300px !important;
}

.table_12 .dataTables_scrollHeadInner table,
.table_12 .dataTables_scrollBody table{
  width: 1200px !important;
}


.med_table .dataTables_scrollHeadInner table,
.med_table .dataTables_scrollBody table{
  width: 2000px !important;
}

/*
Saurav: Bug ID #12652 [Drop-40] Please change capital 'K' in kWh on Org prop sheet to small case 'k'
*/
#anylysisReportTable .display th .DataTables_sort_text{
  text-transform: none !important;
  }
#preview_dialog dd{
  clear: both;
  margin-bottom: 8px;
  overflow: hidden;;
}
#preview_dialog .label_1{
  display: block;
  float: left;
  font-weight: bold;
  min-width: 115px;
  margin-right:5px;
}

.connectionsPreview #previewBenefits{
  font-weight: normal;
}
p,
.tooltipContainer,
#locationErroMessageContainer,
#addressEditControl,
#alert,
#login_error_message{
  text-transform: none;
}

#cityStatePostal label{
  font-weight: normal;
}
 #updateStationAddressLink{
  text-transform: capitalize;
}
#filterContainer select, .filterContainer_v2 select{
  width: 125px !important;
}
.width_135{
  width: 135px;
}
.shortPageMinTabs {
  min-height:400px;
}
.shortPageMin {
  min-height:450px;
}
.oAuto {
  overflow:auto;
}
.black_overlay {
  display: none;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color:
  black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
}
.lightContainer {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1002;
  overflow: auto;
  text-align:center;
}
.lightContent {
  margin:25px 0;
  padding: 50px 20px 20px 20px;
  border: 2px solid #FEFEFE;
  -webkit-border-radius: 17px 40px 17px 17px;
  -moz-border-radius: 17px 40px 17px 17px;
  border-radius: 17px 40px 17px 17px;
  -webkit-box-shadow: #666 0px 0px 25px;
  -moz-box-shadow: #666 0px 0px 25px;
  box-shadow: #666 0px 0px 25px;
  background: #FEFEFE;
  position: relative;
  width: 80%;
  left: 10%;
  z-index: 1003;left: 10%;
}
.lightContent .lightClose {
position: absolute;
top: 10px;
right: 20px;
}

/* help widget */
.globaltabs {
  position: absolute;
  top: 0;
  right: 13px;
}
#helpWidgetContainer {
  position:absolute;
  right: 50px;
  z-index:90000;
  top:0;
  display:none;
}
#helpWidgetContainer.settingsPush {
  right: 50px;
}

#helpWidgetBody {
  width:200px;
  border:solid 1px;
  background-color:#fff;
  padding:10px;
  line-height: 2.5;
}

#helpWidgetBody ul{
  margin-top:8px;
}

/* help content */
.help_content_container {
  margin-left:0;
  margin-right:20px;
  text-transform: none;
  overflow: hidden;
  }
.help_content_container a {
  text-transform: none;
  }

.help_content_container ul li{
  margin-top:5px
  }
#other_vehicle label{
  text-transform: capitalize !important;
}
.enable{
  padding: 20px;
}
.enable h1{
  font-size: 15px;
  margin: 0px;
  padding-bottom: 5px;
}

.enable p{
  font-size: 13px;
}
/**
* @davinder on 30-08-2012 Reviewed By: Self
* Issue #13301 [Drop 44] - [Sandbox] logout button is not visible in case of long first and last names
* Fixed: long string issue in welcome box
*/
#mainheader .user b a{
  /* edited by dustin to allow longer names */
  min-width: 110px;
  max-width: 204px;
  /*****/
  display: block;
  overflow: hidden;
  word-wrap: break-word;
}
.popup_info{
  clear: both;
}
.popup_info div{
  clear: both;
}
.popup_info strong{
  width: 150px;
  text-align: right;
  float: left;
  margin-bottom: 5px;
  margin-right: 10px;
  display: block;
}
.popup_info span{
  width: 200px;
  text-align: left;
  margin-bottom: 5px;
  float: left;
  display: block;
}

#alarmsContainer table td:first-child .tableRowMenu, #alarmsContainer table td:second-child .tableRowMenu {
  display: none !important;
}
#remittancelistContainer table tbody tr td{
  /* CPNOS-1140 : Remittance report: Org column is Right aligned : Mohit Khurana */
  /*text-align: right;
  padding-right: 20px;*/
}
.apply_refresh {
  cursor: pointer;
  margin-left: 10px;
  vertical-align: middle;

}
#marker-details {
  position:relative;
  z-index:99999999999999999;
}
 .hoverPeach {
   background: #F9C8A7 !important;
 }

/* @davinder 29-08-2012 Reviewed By: <name> Issue #13339 [Drop-49] PTR: CC Number field link not available*/
.adHocUserLabelIndent {
  width: 100px; display: inline-block;
}
#reservationRefundReport_form div{
  clear: both;
  width: 100%;
}

#reservationRefundReport_form div label{
  width:110px;
  text-align: right;
  margin-right: 10px;
  display: block;
  float: left;
  margin-bottom: 8px;
}
#reservationRefundReport_form div span{
  width:200px;
  display: block;
  text-align: left;
  float: left;
  margin-bottom: 8px;
}

/**
* @davinder 06-09-2012
* Reviewed By: self Issue #12073 [Drop-32] All financial numbers need two places after the decimal point.
* Fixed: fixed currency formatting issue.
*/

.driverTableMoneyColumnHeading {
  width:50px;
  text-align: center;
}

.driverTableMoneyColumn {
  width:50px;
  text-align: right;
}

/***/
.mapMarkerName {
  color:#80A0B5;
  font-size:13px;
  font-weight:bold;
}

#fleet_notification_form input[type='text'] {
  width:200px;
}

#fleet_notificatio label{
     padding-top: 2px;
 }
#fleet_notificatio label.time{

  padding-left: 45px;

}
#fleet_notificatio input{
  margin-left: 18px;
  margin-right: 10px;
  margin-bottom: 10px;
}

#fleet_notificatio .country-phone-selector{
  border: 1px solid #ADA9A5;
  color: #000000;
  float: none;
  left: 18px;
  display: inline-block;
  font-size: 11px;
  height: 12px;
  padding: 2px;
  position: relative;
  top: -1px;
}
#fleet_notificatio .country-phone-selected-code{
  top:-2px;
}
#fleet_notificatio .country-phone-arrow{
  top:-2px;
}
.fleet_notification_country_dd_collapse{
  display:none;
}
#ui_tpicker_hour_notification_time, #ui_tpicker_minute_notification_time{
  background: #53778A;
}
/* Fix for #13949 */
.dataTables_scrollHeadInner .DataTables_sort_text {
  text-transform:none !important;
}
.driver_faq_container .moduleheaderclean {
  padding:0;
  height:25px;
}
.driver_faq_container .filterfooter{
  height:34px;
  margin-right:1px;
}
.driver_faq_container .faqcol1 {
  width:33%;
}
.driver_faq_container .faqcol2 {
  border-left:#dadadb solid 1px;
  border-right:#dadadb solid 1px;
  width:33%;
  min-height: 215px;
}
.driver_faq_container .faqcol3 {
  width:33%;
}
.driver_faq_container .faqcol1admin {
  width:48%;
}
.driver_faq_container .faqcol2admin {
  border-left:#dadadb solid 1px;
  width:48%;
  min-height: 220px;
}
.driver_faq_container ul {
  padding-bottom:20px;
}
.driver_faq_container .faqcol1 li {
  padding-left:0;
}
.driver_faq_container li {
  padding:7px 20px 0 16px;
}
.driver_faq_container li.faqSectionHead, .driver_faq_container h4 {
  color: #80A0B5;
  font-size:18px;
}
.driver_faq_container li a:link, .driver_faq_container li a:hover, .driver_faq_container li a:active, .driver_faq_container li a:visited {
  color:#808285;
}
.driver_faq_container a.btt {
  clear:both;
  float:right;
  padding-bottom: 6px;
}
.driver_faq_container .hrShadow {
  clear:both;
}
.driver_faq_container img {
  padding:0 0 10px 10px;
}
.driver_faq_container .faqNumber, .generate_receipt_content .faqNumber {
  background:url('/UI/images/mw/faqNumber.jpg') center top no-repeat;
  width:287px;
  height:208px;
  margin-left:60px;
  float: right;
}
.driver_faq_container .faqNumber span, .generate_receipt_content .faqNumber span {
  color: white;
  text-align: center;
  margin: 87px auto;
  width: 228px;
  display: block;
  font-size: 14px;
  background: #ff7a14;
  padding: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.driver_faq_container .pageHeader, .api_content_container .pageHeader {
  padding:0 20px 0 0;
}
.api_content_container .pageHeader {
  padding-bottom: 20px;
}
.api_content_container .moduleheaderclean {
  padding-left:0;
}
.driver_faq_container .pageHeader h1, .api_content_container .pageHeader h1, .help_content_container h3{
  font-size: 20px;
  color: #80A0B5;
  font-weight: normal;
  margin-bottom:0;
  border:none;
}
.driver_faq_container .pageHeader h1 {
  margin-left:0;
}
.driver_faq_container .pageHeader p {
  font-size:15px;
  max-width:740px;
}
.driver_faq_container a {
  text-transform:none;
}
.driver_faq_container .coulombButton {
  margin:15px 0 0 0;
}
.driver_faq_container .faqItems {
  clear: both;
  padding: 50px 0;
  overflow: hidden;
}
ul.faq_ghg li {
  font-size:11px;
}
.guestUtility ul.faq_ghg li {
  font-size:14px;
}
table.faq_ghg {
  font-size: 14px;
  border-collapse:collapse;
  border:1px solid;
}

table.faq_ghg td{
  border:1px solid;
  padding:5px;
}
.driver_faq_container sub {
  font-size: smaller;
  vertical-align: sub;
}
a.acrobatReq {
  background: url('/UI/images/mw/acrobatLogo.jpg') no-repeat right center;
  padding-right: 52px;
  line-height:38px;
  height:44px;
  color: #aaa !important;
  margin-top: -26px;
  margin-bottom: 10px;
  margin-right:15px;
}
#apiDocs {
  /*width: 720px;*/
  overflow:hidden;
}
#apiDocs .apiDoc {
   float:left;
   margin: 10px 55px 20px 0;
}
#apiDocs .underDoc {
  text-align:left;
  word-break: break-all;
  width:210px;
}
/* CPNOS-6676, Davinder on 23/08/2013 */
#apiDocs .underDocAU {
  text-align:left;
  word-break: break-all;
  width:320px;
}
#apiDocs b {
  font-weight:bold;
}
#apiDocs small {
  font-size:10px;
}
#apiDocs a.arrowLink {
  background: url('/UI/images/mw/icon_arrow_right.png') no-repeat right center;
  padding: 5px 30px 4px 0;
  margin: 5px 0;
  display: inline-block
}
#apiDocs .docBG {
  background:#808285;
  background-repeat:no-repeat;
  width: 209px;
  height: 271px;
  position:relative;
  margin-bottom:15px;
  border:#808285 1px solid;
  -webkit-box-shadow: 1px 1px 4px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:  1px 1px 4px rgba(50, 50, 50, 0.75);
  box-shadow:     1px 1px 4px rgba(50, 50, 50, 0.75);
}
#apiDocs .cover41 {
  background-image: url('/UI/images/mw/docsSS/cover_api4.1.png');
}
#apiDocs .cover40 {
  background-image: url('/UI/images/mw/docsSS/cover_api4.0.png');
}
#apiDocs .cover11 {
  background-image: url('/UI/images/mw/docsSS/cover_api1.1.png');
}
#apiDocs .cover10 {
  background-image: url('/UI/images/mw/docsSS/cover_api1.0.png');
}
/* Davinder: CPSRV-12299 As an org Admin I want to be able to download the 5.0 API Programmer's Guide and WSDL file so that I can start using the API */
#apiDocs .cover50 {
  background-image: url('/UI/images/mw/docsSS/cover_api5.0.png');
}
#apiDocs .docBG a.coulombButton {
  width: 140px;
  min-height: 20px;
  line-height: 20px;
  text-align: center;
  margin: 0;
  display: block;
  position: absolute !important;
  top: 171px;
  left: 22px;
  -webkit-box-shadow: 1px 1px 4px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:  1px 1px 4px rgba(50, 50, 50, 0.75);
  box-shadow:     1px 1px 4px rgba(50, 50, 50, 0.75);

}
.button-transition {
  -ms-transform: translate(0px,2px); /* IE 9 */
   -webkit-transform: translate(0px,2px); /* Safari */
   transform: translate(0px,2px); /* Standard syntax */
}
}
#apiDocs .docBG a.coulombButton:hover, #apiDocs a.arrowLink {
  text-decoration:none;
}
.api_content_container h3 {
  color: #80A0B5;
  font-size: 15px;
  font-weight:normal;
  border: none;
  padding:0;
  padding-bottom:10px;
  margin:0;
}
.api_content_container .moduletable p, .api_content_container .pageHeader p {
  font-size: 12px;
  padding:0;
  margin:0;
}
.api_content_container .hrsolid{
  margin:20px 0;
}
.api_content_container .docsLeft {
  width: 78%;
  float:left;
}
.api_content_container a {
  text-transform:none;
}
.api_content_container .docsRight {
  width:21%;
  float:right;
  padding: 35px 0 0 0;
}
.api_content_container .docsRight li {
  padding-bottom:6px;
}
.api_content_container .docsRight li .boxbullet {
  font-size: 17px;
  font-weight: bold;
  color: #E87A0C;
  vertical-align: -2px;
  padding-right: 3px;
}
#total_amount_div{
  position: absolute;
  right: 140px;
  z-index: 1000;
}
#total_amount_div span{
  color: #ffffff;
  float: left;
  padding-right: 10px;
  padding-top: 8px;
}

#globalFiltersForm #tree .dynatree-container {
  max-height:466px;
}

#js_help h4{
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 5px;
}
#js_help ol{
list-style: decimal outside none;
margin-bottom: 15px;
margin-left: 20px;
}
#js_help .toenable{
  padding-bottom: 5px;
}
/*---Fix Video add ----*/

.qq-upload-button-hover {
  cursor: pointer !important;
}
.qq-upload-button-focus {
  cursor: pointer !important;
}
.newAdContainer input[type="file"] {
  cursor: pointer !important; cursor: hand !important;
  font-size: 12px !important;
  height: 29px;
  margin-left: 0;
  position: relative;
  width: 226px !important;
  text-align:center;
}
.qq-upload-button {
  padding: 7px 3px !important;
}
.videoAdLabel {
  width: 70px !important;
}
/*--- [organisation]---*/
#filterControlsItems select {
  width:190px !important;
  margin-top:6px;
}
/*--- CPNOS-667 fix link color ---*/
.tooltipContainer a:link, .tooltipContainer a:hover, .tooltipContainer a:active, .tooltipContainer a:visited {
  color: #fff;
  text-decoration: underline;
  font-size:12px;
}

#flexbillingTableContainer table tr td, #flexbillingTableContainer table tr th {
  border: 1px solid #eee;
  padding:5px;
}
#flexbillingTableContainer table th{
  font-weight:bold;
}
.virtualCardItalics { font-style: italic; } /*Gaurav : CPNOS-1828: virtual card changes*/

.multiAlarm {margin:3px 0 3px 0;}

.cellEditState {
  background:url(/UI/images/pencil.png) no-repeat top right;
  cursor:pointer;
}

.phone_country_code {width:67px !important;}

/* Anubhav, CPNOS-7205 */
.pb-none { padding-bottom: 0 !important; }


/* ui revamp */

.undermap {
  padding-bottom:0;
  padding-top:0;
}
.map .right {
  padding-top: 0;
}
.map .right .pinsHolder {
  font-size: 11px;
  text-align: right;
  padding-top: 17px;
}
.main_content{
  /*overflow:hidden;*/
  padding-right:2px;
}
.main_content_uienhance_overide {
  /*removing overflow to fix the margins in the propsheet */
  overflow:visible !important;
}
.moduletable {
  margin:0;
}
#map_div {
  margin:0 0 10px 0;
  height:465px;
}
.tablecontrols {
  background:#8199ad;
}
h1 {
  margin-left:20px;
  font-weight:normal;
  color:#53778A;
}

#filterContainer, .filterContainer {
  position:absolute;
  margin-top:10px;
  bottom:0;
  z-index:5;
  width:100%;
}

#filterTab , .filterTab{
  padding:10px 20px;
  width:80px;
  text-align:center;
  background:#F48024;
  color:#fff;
  margin:0 0 0 10px;
  display:block;
  border-radius:5px 5px 0 0;
  font-size:12px;
}
.allFiltersContainer {
  display:none;
  overflow: hidden;
  border-top:1px solid #F48024;
  padding:10px 0 20px 0;
}
.filterDescription span {
  padding:0 0 20px 27px;
  display:block;
}
.filterWrapper {
  display: inline-block;
  /* Mohit Khurana : CPNOS-13126 : UI issues on different pages. */
  width: 500px;
}

.twerps {
  position:absolute;
  top:78px;
  left:0;
}
.twerps div {
  width: 18px;
  height: 29px;
  border-right: 1px solid #a2a5a7;
  border-left: 1px solid #a2a5a7;
  background: #d3d8dc;
  color: #F48024;
  padding: 6px 0 0 8px;
  font-weight: bold;
  font-size: 17px;
  cursor:default;
}
.twerps div.odd {
  background:#e6ebf0;
}
.navcontainer {
  margin:0 !important;
}
.navscale {
  margin:0 !important;
}
.subnav {
  background: #fff;
  margin: 0;
  width:auto;
  max-width:100%;
  padding:10px 0 10px 20px;
}
.subnav ul {
  padding:0;
  margin:0;
}
.logo {
  margin: 6px 0 0 10px;
}
.user {
  margin-left:210px;
}
#mainheader {
  padding:16px 0 20px 10px;
  box-sizing: border-box;
}
.isFiltered {
  position:absolute;
  top: 10px;
  left: 150px;
  font-size: 12px;
  /* dbansal:CPSRV-10203
     Reduced the width it was increasing the width of the screen while filtering the report.
  */
  width: 80%;
}
.isFiltered span {
  margin:0 10px;
  font-size:12px;
  font-weight:bold;
}
.action_columns_right {
  background: none repeat scroll 0 0 #8199AD;
}
/* end ui revamp */
#right_link label {position:relative;top:3px;}
.notVisible {visibility:hidden !important;}

/* CPNOS-8867 Davinder on 5/12/2013 */
.genPasswordLabelTopPadding {
  padding-top: 10px;
}
/*driver and logged out header*/
.mainheader.driverHeader {
  background:#eee; /*url('/UI/images/dp/dp_header_grad.png');*/
  min-height:75px;
  min-width: 1040px;
  position: relative;
  font-family: 'Open Sans', Arial, sans-serif;
}
.mainheader.driverHeader .brandarea, .mainheader.driverHeader .userinfo {
  display:inline-block;
  background-image:none;
  padding:0;
  margin:0;
  height:auto;
  width:auto;
}
.driverHeader.headerBorder {
  border-bottom: 1px solid #859ca9;
}
.driverHeader .headerUtility {
  position: absolute;
  top: 26px;
  right: 23px;
  font-size: 14px;
  color: #7d9fb3;
}
.driverHeader.bmwHeader .headerUtility {
  top: 16px;
  line-height: 38px;
}
.driverHeader.bmwHeader .headerUtility img {
  margin-left:20px;
}
.driverHeader .headerUtility a {
  font-size: 14px;
}
.driverHeader .logo {
  margin-left: 23px;
  margin-top: 20px;
}
.driverHeader.bmwHeader .logo {
  margin-left: 23px;
  margin-top: 8px;
}
.signUpContain {
  width: 100%;
  max-width: 960px;
  min-height: 500px;
  overflow: hidden;
  background: #eaeff3 url('/UI/images/dp/loggedout_bg.png') repeat-x;
  color:#555;
  font-family: 'Open Sans', Arial, sans-serif;
  margin: -20px auto;
}
.signUpContain.utilityMargin {
  margin: 0;
}
.signUpCenter {
  width:960px;
  margin:0 auto;
  background: #fff;
  min-height: 500px;
}
.utilityMargin .signUpCenter {
  padding:20px;
  width: 920px;
}
@media screen and (max-width: 768px) {
  .utilityMargin .signUpCenter {
    width: 90vw;
    margin: 0;
  }
}
.orangeHeader, .driver_faq_container .pageHeader h1.orangeHeader, .help_content_container h3.orangeHeader {
  color: #ff7a14;
  font-size: 36px;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 20px;
}
#foot div, #foot span, #foot a {
  font-size:12px;
}
.guestUtility p {
  font-size:14px;
}
.guestUtility a, .guestUtility li, .guestUtility label{
  font-size:14px;
}
.guestUtility hr {
  clear: both;
  margin: 20px 0;
  border: none;
  height: 2px;
  background: #cbd6df;
}
#foot .footer-social {
  float: right;
  overflow: hidden;
  margin: 20px 3em;
}
#foot .footer-social a {
  margin-left: 15px;
}

/* Mohit Khurana : CPNOS-11385 : As a system, ChargePoint should show the BMW-specific Driver FAQ to ChargeNow drivers.*/
.liLinkCss {
  color: #0087A5 !important;
}

#affiliationForm input[type=text] {
  width:300px;
  height:20px;
  font-size:13px;
}
#affiliationForm select {
  height:26px;
  font-size:13px;
}
#statusEditContainer{
  margin-top:5px;
}
#statusEditContainer #statusEditLabel {
  position: relative;
  top: -2px;
}
#affiliationForm #connection_code {
  width:100px;
}
#affiliationForm .affililLabel {
  position:relative;
  top:-5px;
}


/* Mohit Khurana : CPNOS-12987 : No response on Hitting "Become User" on CSR sign up driver prop sheet. */
.disableSmallButtonClass {
  background: #7F7F7F !important;
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7F7F7F), color-stop(1, #878787) ) !important;;
  /*background: -moz-linear-gradient( center top, #fe7914 5%, #cf6310 100% );*/
  background: -moz-linear-gradient(center top , #7F7F7F 0%, #878787 50%, #828282 51%, #8D8D8D 76%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  background: -webkit-linear-gradient(top,  #7F7F7F 0%,#878787 100%) !important;
  background: -o-linear-gradient(top,  #7F7F7F 0%,#878787 100%) !important;
  background: -ms-linear-gradient(top,  #7F7F7F 0%,#878787 100%) !important;
  background: linear-gradient(to bottom,  #7F7F7F 0%,#878787 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7F7F7F', endColorstr='#878787') !important;
  /*background-color: #7F7F7F !important;*/
  color: #EEEEEE !important;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4) !important;
}

.i3Header {
  text-transform:lowercase !important;
  font-size:20px;
}
.i3Header24 {

     text-transform:lowercase !important;
  font-size:24px;
}
.i3Title {
  text-transform:lowercase !important;
  font-size:26px;
}
.DCfastChrgNowAnchor {
  font-size:16px;
}
.charger_program_value a {
  color:#0086a7 !important;
  font-size:16px !important;
}

#honda_logo {margin-left:0px !important; margin-top:-2px !important;}
/* Mohit Khurana : CPNOS-16191 : Regression : UI : Fleet Drop down is broken. */
.padding_left_9 {
  padding-left: 9px !important;
}
.cobrandLoginLogo {
  margin-top:5px;
  margin-left:20px;
  max-width:200px;
}
.cplogoWbrand {
  margin-right:20px;
  margin-top:11px !important;
}
/**
Peter: SP Logo CSS update
**/
.mainHeaderWBrand {
  padding: 9px 0 20px 10px !important;
}
.userWbrand {
  vertical-align: top !important;
  margin-top: 15px !important;
  float: right !important;
  margin-right: 140px !important;
  display:inline-block; /** sp logo css update to fix user info in header **/
}


/*****TOU ACL ***********/
.overstayRuleLabel{
  display: inline-block;
  font-weight: bold;
  text-align: right;
  width: 100px;
}
.overstayActions{
    margin-top:10px;
    margin-bottom:3px;
}
.overstayRuleActionsLabel{
    display: inline-block;
  text-align: left;
  width: 180px;
}
.ovestayActionContainer{
    padding-left:50px;
}

.overstayRuleActionEmailLabel{
    display: inline-block;
  text-align: left;
  width: 120px;
  margin-left:24px;
  vertical-align: top;
}
.overstayRuleControls {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}
.aclRule input {
  width: 49%;
}
.aclRuleAction input {
  width: 55%;
}
.newOverstayRuleContainer textarea {
  width: 55%;
  height: 40px;
  margin-left: 4px;
}
#overstayRuleDescription
{
  width: 49%;
}
.aclphonecol{
  width:30%;
  /*Suman:CPSRV-3392 - Overstay Create form: Css issue (spacing between label "phone" & field) */
  float:left;
}

.aclphoneselect{
    width:20%;
}
.contactDriverInfo{
    display:block;
    margin-top: 5px;
}
.parkingEnforcementInfo{
    display:none;
    margin-top: 5px;
    clear: both;
}
.aclRule{
  margin-top:5px;
}

.aclDescLabel{
   vertical-align: top;
}
/*Suman: missing closing bracket added due to this the css written below this line was not working*/
.bold {
  font-weight:bold;

}
.hidden-overflow-dialog .ui-dialog-content{
  font-weight:bold;
  /*overflow:hidden;*/
}
/*Suman: overstay form css issue fixed */
.phoneInput
{
  margin-left: 2px !important;
  width: 155px !important;
}
.bold {
  font-weight:bold;
}
/* Maneesh: CPSRV-2209 - As a PM I want to be able to Delete Global Driver Groups */
.img_stop_hand {
  background: url('/UI/images/stop_hand.png') no-repeat center;
  float:left;
  margin-right:10px;
  width:65px;
  height:65px;
}
/* Maneesh: CPSRV-2209 - As a PM I want to be able to Delete Global Driver Groups */
.stop_msg {
  color: #cd0a0a;
  float: left;
  font-weight: bold;
  text-align: justify;
  width: 290px;
}

/* Suman: CPSRV-3762 - Station Prop-sheet > Support Log: Comments if long should be truncated and linked to a
mouse over popup showing complete text*/

.arrow_tooltip {
  display: none;
  border: 1px solid #000000;
  background: #F2F5A9;
  margin-top: -28px;
  padding: 8px;
  position: absolute;
  color: #000000;
  min-width: 150px;
}
.arrow_tooltip span {
  padding-top: 0px !important;
}

.arrow_tooltip div {
  clear: both;
  background: #F2F5A9;
  min-height: 20px;
}

 .arrow_tooltip:after, .arrow_tooltip:before {
  border: solid transparent;
  content: ' ';
  right: 100%;
  position: absolute;
}
.arrow_tooltip:after {
  border-width: 8px;
  border-right-color: #F2F5A9;
  top: 12px;
}

.arrow_tooltip:before {
  border-width: 10px;
  border-right-color: #000000;
  top: 10px;
}
.dndSortOff
{
  width:19px;height:19px;display:inline-block;
}
.dndSortOn {background-image:url('/UI/images/sort_both.png');width:19px;height:19px;display:inline-block;position:relative;top:5px;}
.clear-after:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
/* Suman: CPSRV-2105 - As a ChargePoint-level Admin I don't want "everything" to load in reports..
  CPSRV-4693 - Help text for local filter issue
*/
#filter_message {
  font-size: 12px;
  font-weight: bold;
  margin-top: 50px;
  text-align: center;
  color: #808285;
}

.cp-loader {
    background: #fbfbfb; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q4ZDhkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #fbfbfb 0%, #e4e4e4 50%, #d8d8d8 51%, #fafafa 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(50%,#e4e4e4), color-stop(51%,#d8d8d8), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fbfbfb 0%,#e4e4e4 50%,#d8d8d8 51%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #fbfbfb 0%,#e4e4e4 50%,#d8d8d8 51%,#fafafa 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #fbfbfb 0%,#e4e4e4 50%,#d8d8d8 51%,#fafafa 100%); /* IE10+ */
  background: linear-gradient(top,  #fbfbfb 0%,#e4e4e4 50%,#d8d8d8 51%,#fafafa 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#fafafa',GradientType=0 ); /* IE6-8 */
  border: 1px solid #dddddd;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  line-height:78px;
  text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: 0 0 15px 0 #C7C7C7;
  -webkit-box-shadow: 0 0 15px 0 #C7C7C7;
  box-shadow: 0 0 15px 0 #C7C7C7;
  min-width:200px;
  display:inline-block;
  padding: 15px 30px 15px 20px;
}
.cp-loader .loader-text {
  color: #7CA0B5;
  font-size: 20px;
}
.cp-loader .load-close {
  background: url("/UI/images/mw/icon_sprites.png") no-repeat scroll 0 0 transparent;
  background-position: -21px 0;
  float:right;
  width: 20px;
  height: 19px;
  cursor: pointer;
  position:relative;
  top:-10px;
  left:23px
}

.cp_orange_font {
  color: #ff7a14
}
.cp_blue_headline {
  font-size: 15px;
  color: #80A0B5;
  padding-bottom:2px;
}
.inlb {
  display:inline-block;
}

.export_options {
  margin-left: -15px;
  /*CPSRV-6757 - Detailed Export drop down UI on Manage Station is broken.*/
  width: 120px;
}
.site-utility i.find-stations {
  display: inline-block;
  width: 13px;
  height: 16px;
  background-position: -436px -1px;
  margin-right: 4px;
  vertical-align: -3px;
}
.sprite-main, .tln.intent i {
  background-image: url(/UI/images/main_a1.png);
}

/*Suman: CPSRV-7664 - As an Admin, I should be able to tie Flat File entries back to to objects in the NOS, like stations and vehicles
 As same css is being defined in many css files, so to avoid it in future adding here*/
.timeSpecInfo{
  display:none;
  border: 1px solid #000000;
  background: #F2F5A9;
  margin-top: -28px;
  padding: 8px;
  position: absolute;
  border: 1px solid #000000;
  color: #000000;
  min-width:130px;
}
.timeSpecInfo span{
    padding-top: 0px !important;
}

.timeSpecInfo div,.timeSpecInfo tr{
    clear:both;
    background: #F2F5A9 !important;
    min-height:20px;
    color: #000000;
}

.timeSpecInfo:after, .timeSpecInfo:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    right: 100%;
    position: absolute;
    width: 0;
}
.timeSpecInfo:after {
    border-width: 8px;
    border-right-color: #F2F5A9;
    top: 12px;
}

.timeSpecInfo:before {
    border-width: 10px;
    border-right-color: #000000;
    top: 10px;
}

/* VN: CPSRV-8245 - UI for Mark Under Maintenance getting displaced due to Reason text, also missing the different-sized font for the field Titles */
.cp_black_headline {
  font-size: 15px;
  color: #000000;
  padding-bottom:2px;
}
.height_maint_status {
  /*dbansal:CPSRV-13220*/
  height: 160px;
}
/* Suman: CPSRV-8040 - As an Admin I want to select Port Types on the Unique Drivers report.
   Sandeep: CPSRV-24231 - margin left reduced
*/
.port_container {
  margin-left:320px !important;
  margin-top:2px;
}
/* Sandeep: CPSRV-3718 */
.warning_icon {
  background: url("/UI/images/redExclamationStop.png") no-repeat scroll 0 0 transparent;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  margin: 1px 0 0 5px;
  text-indent: -50px;
  vertical-align: text-top;
  width: 24px;
}
/* Pallavi : CPSRV-8446  */
.tab_space {
  padding-left : 20px;
}

/* dbansal:CPSRV-10203 */
.long_label_text {
  margin-right: 15px;
}
iframe {
  border: none;
}

/*Suman: CPSRV-11326 - Include the language select UI changes according to the UX doc in CPSRV-11114 */
#locale_selection .country_lang_list li .flag {
  margin-left: 0;
}

.country_item_unitedstates {
  background-image: url("/UI/images/country/usa.png");
  background-repeat: no-repeat;
}
.country_lang_list .flag {
  display: block;
  height: 45px;
  margin: 0 auto 15px;
  padding: 0;
  width: 60px;
}
.country_item_canada {
  background-image: url("/UI/images/country/canada.png");
  background-repeat: no-repeat;
}
.country_item_mexico {
  background-image: url("/UI/images/country/mexico.png");
  background-repeat: no-repeat;
}
.country_item_australia {
  background-image: url("/UI/images/country/australia.png");
  background-repeat: no-repeat;
}
.country_item_newzealand {
  background-image: url("/UI/images/country/newzealand.png");
  background-repeat: no-repeat;
}
.country_item_spain {
  background-image: url("/UI/images/country/spain.png");
  background-repeat: no-repeat;
}
.country_item_italy {
  background-image: url("/UI/images/country/italy.png");
  background-repeat: no-repeat;
}
.country_item_sweden {
  background-image: url("/UI/images/country/sweden.png");
  background-repeat: no-repeat;
}
.country_item_norway {
  background-image: url("/UI/images/country/norway.png");
  background-repeat: no-repeat;
}
.country_item_denmark {
  background-image: url("/UI/images/country/denmark.png");
  background-repeat: no-repeat;
}
.country_item_portugal {
  background-image: url("/UI/images/country/portugal.png");
  background-repeat: no-repeat;
}
.country_item_poland {
  background-image: url("/UI/images/country/poland.png");
  background-repeat: no-repeat;
}
.country_item_czechrepublic {
  background-image: url("/UI/images/country/czechrepublic.png");
  background-repeat: no-repeat;
}
.country_lang_list{
  margin-top: 48px;
}
#locale_selection .country_lang_list li {
  float: left;
  margin-bottom: 20px;
  min-width: 140px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.country_lang_list a, .country_lang_list .language {
  display: block;
  font-size: 13px;
}

#locale_selection h1{
  font-size: 3em;
}

#change_lang {
  height: 40px;
  display: flex;
  justify-content: flex-end;
}

/* Hack to hide flag which is present in the a tag, after applying flex to parent element it shows up */
#change_lang a {
  background: transparent;
}

@media screen and (max-width: 768px) {
  #change_lang {
    padding-left: 40px;
  }
}
.locale_chooser_link .locale {
  bottom: auto;
  left: auto;
  margin-left: 0;
  max-width: 220px;
  position: relative;
  text-align: center;
}



#change_lang .country_item_canada .flag {
  background-image: url("/UI/images/country/canada.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}
#change_lang .country_item_mexico .flag {
  background-image: url("/UI/images/country/mexico.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

#change_lang .country_item_unitedstates .flag {
  background-image: url("/UI/images/country/usa.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

#change_lang .locale .flag {
  display: block;
  height: 30px;
  margin: 0 auto 15px;
  padding: 0;
  width:40px;
  float:left;
}

#change_lang .country{
  height: 40px;
  padding-top: 6px;
}


.dr_uuid_text {
  width: 130px !important;
}

/* Suman: CPSRV-12626 - As an admin I should be able add Voyager details on create vehicle form*/
.voyager_expiation {
  width:100px;
}

#removeFuelCard {
  margin-top:0px !important;
  margin-left:8px;
}

/* Maneesh: CPSRV-13629 - Audit Log for action "Panel Sharing - Schedule Set" shows data kind of mangled up
 * Set the audit log popup's max height with auto y scoll
 */
.auditLogDetailsDiv {
  max-height: 450px;
  overflow-y: auto;
}

#locale_selection .country_item_germany {
  background-image: url("/UI/images/country/germany.png");
  background-repeat: no-repeat;
}

#change_lang .country_item_germany .flag {
  background-image: url("/UI/images/country/germany.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}
/* GT: CPSRV-15031: UK and France flags are unavailable */
#locale_selection .country_item_france {
  background-image: url("/UI/images/country/france.png");
  background-repeat: no-repeat;
}

#change_lang .country_item_france .flag {
  background-image: url("/UI/images/country/france.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

#locale_selection .country_item_unitedkingdom {
  background-image: url("/UI/images/country/unitedkingdom.png");
  background-repeat: no-repeat;
}

#change_lang .country_item_unitedkingdom .flag {
  background-image: url("/UI/images/country/unitedkingdom.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

#locale_selection .country_item_netherlands {
  background-image: url("/UI/images/country/netherlands.png");
  background-repeat: no-repeat;
}

#change_lang .country_item_netherlands .flag {
  background-image: url("/UI/images/country/netherlands.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

#change_lang .country_item_australia .flag {
  background-image: url("/UI/images/country/australia.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

#change_lang .country_item_newzealand .flag {
  background-image: url("/UI/images/country/newzealand.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

#change_lang .country_item_spain .flag {
  background-image: url("/UI/images/country/spain.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

#change_lang .country_item_italy .flag {
  background-image: url("/UI/images/country/italy.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

#change_lang .country_item_sweden .flag {
  background-image: url("/UI/images/country/sweden.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

#change_lang .country_item_norway .flag {
  background-image: url("/UI/images/country/norway.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

#change_lang .country_item_denmark .flag {
  background-image: url("/UI/images/country/denmark.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

#change_lang .country_item_portugal .flag {
  background-image: url("/UI/images/country/portugal.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

#change_lang .country_item_poland .flag {
  background-image: url("/UI/images/country/poland.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

#change_lang .country_item_czechrepublic .flag {
  background-image: url("/UI/images/country/czechrepublic.png");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.continent {
  width: 33.33% !important;
}

#locale_selection {
  width: 55%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

#locale_selection h2 {
  font-weight: 300;
  line-height: 1.2em;
  margin: 0 0 15px;
  color: #666;
  font-size: 1.5em;
}

.country_lang_list a {
  background-position: left center;
  background-repeat: no-repeat;
  display: block;
  line-height: 64px;
  margin-bottom: 20px;
  padding-left: 74px;
  color: #555555;
  overflow: hidden;
  text-overflow: ellipsis;
}

#first_time_banner {
  min-height: 50px;
  background-color: #555555;
  color: #fff;
  font-size: 16px;
  padding-top:10px;
  padding-left: 30px;
  box-sizing: border-box;
}


@media screen and (max-width: 768px) {
  #first_time_banner {
    font-size:12px;
    padding-bottom:7px
  }
  #first-time-banner-head-txt {
    display:block;
  }

  #first_time_banner .padding_lt_rt {
    padding-left:0;
  }

  #first_time_banner .padding_lt_rt:before {
    content: ' ';
    display: block;
  }
}

#first_time_banner .btn-primary-border {
  color: #ff7a14;
  border: 1px solid transparent;
  border-color: #ff7a14;
  background: none;
}
.padding_lt_rt {
  padding:0px 20px;
}
.allow_btn {
  border: 1px solid transparent;
  margin-right:10px;
}

#first_time_banner a, button {
  font-size: 16px;
}

.btn-primary {
  color: #fff;
  background-color: #ff7a14;
  border-color: #fa6c00;
}

#cookiechk .heading {
   padding-bottom: 30px;
}

#cookiechk .retry_button {
  padding-top: 30px;
}

.ui-dialog-content .privacy_container .orangeHeader,
.ui-dialog-content .privacy_container h1 {
  display: none;
}

.cursor_default {
  cursor: default;
}

.maintenance_required {
  margin-bottom: 27px;
}

.loading_ellipsis:after {
  overflow: hidden;
  display: inline-block;
  font-size: xx-large;
  -webkit-animation: ellipsis_step steps(4,end) 900ms infinite;
  animation: ellipsis_step steps(4,end) 900ms infinite;
  content: "\2026"; /* ellipsis */
  width: 0;
}

.power-allocation-item {
  margin-bottom: 8px;
}

@keyframes ellipsis_step {
  to {
    width: 1.25em;
  }
}

@-webkit-keyframes ellipsis_step {
  to {
    width: 1.25em;
  }
}

@media screen and (max-width: 768px) {
  #bgwrap,
  .mainheader.driverHeader,
  #foot {
    min-width: 100% !important;
  }
}

#action_section {
    margin-bottom: 0px;
    margin-top: 0px;
    white-space:nowrap;
}

#report_type {
    width: 170px;
}
#action_section .date_selector {
    width: 160px;
}

#action_section label {
    font-weight: bold;
    margin-left: 20px;
    margin-right: 10px;
}
.addSpace {
    padding-top: 22px;
}
.stationComment {
    font-size: 15px; 
}