/* CSS Grid System */
.container-960-24 {
  width: 960px;
  margin: 0 auto; }
  .container-960-24 .span-base-960px-24, .container-960-24 .span-1, .container-960-24 .span-2, .container-960-24 .span-3, .container-960-24 .span-4, .container-960-24 .span-5, .container-960-24 .span-6, .container-960-24 .span-7, .container-960-24 .span-8, .container-960-24 .span-9, .container-960-24 .span-10, .container-960-24 .span-11, .container-960-24 .span-12, .container-960-24 .span-13, .container-960-24 .span-14, .container-960-24 .span-15, .container-960-24 .span-16, .container-960-24 .span-17, .container-960-24 .span-18, .container-960-24 .span-19, .container-960-24 .span-20, .container-960-24 .span-21, .container-960-24 .span-22, .container-960-24 .span-23, .container-960-24 .span-24 {
    margin: 0 5px;
    float: left;
    display: inline; }
  .container-960-24 .span-1 {
    width: 30px !important; }
    .container-960-24 .span-1 > input[type=text] {
      width: 22px; }
    .container-960-24 .span-1 > select {
      width: 30px; }
  .container-960-24 .span-2 {
    width: 70px !important; }
    .container-960-24 .span-2 > input[type=text] {
      width: 62px; }
    .container-960-24 .span-2 > select {
      width: 70px; }
  .container-960-24 .span-3 {
    width: 110px !important; }
    .container-960-24 .span-3 > input[type=text] {
      width: 102px; }
    .container-960-24 .span-3 > select {
      width: 110px; }
  .container-960-24 .span-4 {
    width: 150px !important; }
    .container-960-24 .span-4 > input[type=text] {
      width: 142px; } 
    .container-960-24 .span-4 > select {
      width: 150px; }
  .container-960-24 .span-5 {
    width: 190px !important; }
    .container-960-24 .span-5 > input[type=text] {
      width: 182px; }
    .container-960-24 .span-5 > select {
      width: 190px; }
  .container-960-24 .span-6 {
    width: 230px !important; }
    .container-960-24 .span-6 > input[type=text] {
      width: 222px; }
    .container-960-24 .span-6 > select {
      width: 230px; }
  .container-960-24 .span-7 {
    width: 270px !important; }
    .container-960-24 .span-7 > input[type=text] {
      width: 262px; }
    .container-960-24 .span-7 > select {
      width: 270px; }
  .container-960-24 .span-8 {
    width: 310px !important; }
    .container-960-24 .span-8 > input[type=text] {
      width: 302px; }
    .container-960-24 .span-8 > select {
      width: 310px; }
  .container-960-24 .span-9 {
    width: 350px !important; }
    .container-960-24 .span-9 > input[type=text] {
      width: 342px; }
    .container-960-24 .span-9 > select {
      width: 350px; }
  .container-960-24 .span-10 {
    width: 390px !important; }
    .container-960-24 .span-10 > input[type=text] {
      width: 382px; }
    .container-960-24 .span-10 > select {
      width: 390px; }
  .container-960-24 .span-11 {
    width: 430px !important; }
    .container-960-24 .span-11 > input[type=text] {
      width: 422px; }
    .container-960-24 .span-11 > select {
      width: 430px; }
  .container-960-24 .span-12 {
    width: 470px !important; }
    .container-960-24 .span-12 > input[type=text] {
      width: 462px; }
    .container-960-24 .span-12 > select {
      width: 470px; }
  .container-960-24 .span-13 {
    width: 510px !important; }
    .container-960-24 .span-13 > input[type=text] {
      width: 502px; }
    .container-960-24 .span-13 > select {
      width: 510px; }
  .container-960-24 .span-14 {
    width: 550px !important; }
    .container-960-24 .span-14 > input[type=text] {
      width: 542px; }
    .container-960-24 .span-14 > select {
      width: 550px; }
  .container-960-24 .span-15 {
    width: 590px !important; }
    .container-960-24 .span-15 > input[type=text] {
      width: 582px; }
    .container-960-24 .span-15 > select {
      width: 590px; }
  .container-960-24 .span-16 {
    width: 630px !important; }
    .container-960-24 .span-16 > input[type=text] {
      width: 622px; }
    .container-960-24 .span-16 > select {
      width: 630px; }
  .container-960-24 .span-17 {
    width: 670px !important; }
    .container-960-24 .span-17 > input[type=text] {
      width: 662px; }
    .container-960-24 .span-17 > select {
      width: 670px; }
  .container-960-24 .span-18 {
    width: 710px !important; }
    .container-960-24 .span-18 > input[type=text] {
      width: 702px; }
    .container-960-24 .span-18 > select {
      width: 710px; }
  .container-960-24 .span-19 {
    width: 750px !important; }
    .container-960-24 .span-19 > input[type=text] {
      width: 742px; }
    .container-960-24 .span-19 > select {
      width: 750px; }
  .container-960-24 .span-20 {
    width: 790px !important; }
    .container-960-24 .span-20 > input[type=text] {
      width: 782px; }
    .container-960-24 .span-20 > select {
      width: 790px; }
  .container-960-24 .span-21 {
    width: 830px !important; }
    .container-960-24 .span-21 > input[type=text] {
      width: 822px; }
    .container-960-24 .span-21 > select {
      width: 830px; }
  .container-960-24 .span-22 {
    width: 870px !important; }
    .container-960-24 .span-22 > input[type=text] {
      width: 862px; }
    .container-960-24 .span-22 > select {
      width: 870px; }
  .container-960-24 .span-23 {
    width: 910px !important; }
    .container-960-24 .span-23 > input[type=text] {
      width: 902px; }
    .container-960-24 .span-23 > select {
      width: 910px; }
  .container-960-24 .span-24 {
    width: 950px !important; }
    .container-960-24 .span-24 > input[type=text] {
      width: 942px; }
    .container-960-24 .span-24 > select {
      width: 950px; }
  .container-960-24 .left-1 {
    padding-left: 40px; }
  .container-960-24 .right-1 {
    padding-right: 40px; }
  .container-960-24 .left-2 {
    padding-left: 80px; }
  .container-960-24 .right-2 {
    padding-right: 80px; }
  .container-960-24 .left-3 {
    padding-left: 120px; }
  .container-960-24 .right-3 {
    padding-right: 120px; }
  .container-960-24 .left-4 {
    padding-left: 160px; }
  .container-960-24 .right-4 {
    padding-right: 160px; }
  .container-960-24 .left-5 {
    padding-left: 200px; }
  .container-960-24 .right-5 {
    padding-right: 200px; }
  .container-960-24 .left-6 {
    padding-left: 240px; }
  .container-960-24 .right-6 {
    padding-right: 240px; }
  .container-960-24 .left-7 {
    padding-left: 280px; }
  .container-960-24 .right-7 {
    padding-right: 280px; }
  .container-960-24 .left-8 {
    padding-left: 320px; }
  .container-960-24 .right-8 {
    padding-right: 320px; }
  .container-960-24 .left-9 {
    padding-left: 360px; }
  .container-960-24 .right-9 {
    padding-right: 360px; }
  .container-960-24 .left-10 {
    padding-left: 400px; }
  .container-960-24 .right-10 {
    padding-right: 400px; }
  .container-960-24 .left-11 {
    padding-left: 440px; }
  .container-960-24 .right-11 {
    padding-right: 440px; }
  .container-960-24 .left-12 {
    padding-left: 480px; }
  .container-960-24 .right-12 {
    padding-right: 480px; }
  .container-960-24 .left-13 {
    padding-left: 520px; }
  .container-960-24 .right-13 {
    padding-right: 520px; }
  .container-960-24 .left-14 {
    padding-left: 560px; }
  .container-960-24 .right-14 {
    padding-right: 560px; }
  .container-960-24 .left-15 {
    padding-left: 600px; }
  .container-960-24 .right-15 {
    padding-right: 600px; }
  .container-960-24 .left-16 {
    padding-left: 640px; }
  .container-960-24 .right-16 {
    padding-right: 640px; }
  .container-960-24 .left-17 {
    padding-left: 680px; }
  .container-960-24 .right-17 {
    padding-right: 680px; }
  .container-960-24 .left-18 {
    padding-left: 720px; }
  .container-960-24 .right-18 {
    padding-right: 720px; }
  .container-960-24 .left-19 {
    padding-left: 760px; }
  .container-960-24 .right-19 {
    padding-right: 760px; }
  .container-960-24 .left-20 {
    padding-left: 800px; }
  .container-960-24 .right-20 {
    padding-right: 800px; }
  .container-960-24 .left-21 {
    padding-left: 840px; }
  .container-960-24 .right-21 {
    padding-right: 840px; }
  .container-960-24 .left-22 {
    padding-left: 880px; }
  .container-960-24 .right-22 {
    padding-right: 880px; }
  .container-960-24 .left-23 {
    padding-left: 920px; }
  .container-960-24 .right-23 {
    padding-right: 920px; }
  .container-960-24 .first {
    margin-left: 0; }
  .container-960-24 .last {
    margin-right: 0; }

.container-672-16 {
  width: 672px;
  margin: 0 auto; }
  .container-672-16 .span-base-672px-16, .container-672-16 .span-1, .container-672-16 .span-2, .container-672-16 .span-3, .container-672-16 .span-4, .container-672-16 .span-5, .container-672-16 .span-6, .container-672-16 .span-7, .container-672-16 .span-8, .container-672-16 .span-9, .container-672-16 .span-10, .container-672-16 .span-11, .container-672-16 .span-12, .container-672-16 .span-13, .container-672-16 .span-14, .container-672-16 .span-15, .container-672-16 .span-16 {
    margin: 0 5px;
    float: left;
    display: inline; }
  .container-672-16 .span-1 {
    width: 32px !important; }
    .container-672-16 .span-1 > input[type=text] {
      width: 24px; }
    .container-672-16 .span-1 > select {
      width: 32px; }
  .container-672-16 .span-2 {
    width: 74px !important; }
    .container-672-16 .span-2 > input[type=text] {
      width: 66px; }
    .container-672-16 .span-2 > select {
      width: 74px; }
  .container-672-16 .span-3 {
    width: 116px !important; }
    .container-672-16 .span-3 > input[type=text] {
      width: 108px; }
    .container-672-16 .span-3 > select {
      width: 116px; }
  .container-672-16 .span-4 {
    width: 158px !important; }
    .container-672-16 .span-4 > input[type=text] {
      width: 150px; }
    .container-672-16 .span-4 > select {
      width: 158px; }
  .container-672-16 .span-5 {
    width: 200px !important; }
    .container-672-16 .span-5 > input[type=text] {
      width: 192px; }
    .container-672-16 .span-5 > select {
      width: 200px; }
  .container-672-16 .span-6 {
    width: 242px !important; }
    .container-672-16 .span-6 > input[type=text] {
      width: 234px; }
    .container-672-16 .span-6 > select {
      width: 242px; }
  .container-672-16 .span-7 {
    width: 284px !important; }
    .container-672-16 .span-7 > input[type=text] {
      width: 276px; }
    .container-672-16 .span-7 > select {
      width: 284px; }
  .container-672-16 .span-8 {
    width: 326px !important; }
    .container-672-16 .span-8 > input[type=text] {
      width: 318px; }
    .container-672-16 .span-8 > select {
      width: 326px; }
  .container-672-16 .span-9 {
    width: 368px !important; }
    .container-672-16 .span-9 > input[type=text] {
      width: 360px; }
    .container-672-16 .span-9 > select {
      width: 368px; }
  .container-672-16 .span-10 {
    width: 410px !important; }
    .container-672-16 .span-10 > input[type=text] {
      width: 402px; }
    .container-672-16 .span-10 > select {
      width: 410px; }
  .container-672-16 .span-11 {
    width: 452px !important; }
    .container-672-16 .span-11 > input[type=text] {
      width: 444px; }
    .container-672-16 .span-11 > select {
      width: 452px; }
  .container-672-16 .span-12 {
    width: 494px !important; }
    .container-672-16 .span-12 > input[type=text] {
      width: 486px; }
    .container-672-16 .span-12 > select {
      width: 494px; }
  .container-672-16 .span-13 {
    width: 536px !important; }
    .container-672-16 .span-13 > input[type=text] {
      width: 528px; }
    .container-672-16 .span-13 > select {
      width: 536px; }
  .container-672-16 .span-14 {
    width: 578px !important; }
    .container-672-16 .span-14 > input[type=text] {
      width: 570px; }
    .container-672-16 .span-14 > select {
      width: 578px; }
  .container-672-16 .span-15 {
    width: 620px !important; }
    .container-672-16 .span-15 > input[type=text] {
      width: 612px; }
    .container-672-16 .span-15 > select {
      width: 620px; }
  .container-672-16 .span-16 {
    width: 662px !important; }
    .container-672-16 .span-16 > input[type=text] {
      width: 654px; }
    .container-672-16 .span-16 > select {
      width: 662px; }
  .container-672-16 .left-1 {
    padding-left: 42px; }
  .container-672-16 .right-1 {
    padding-right: 42px; }
  .container-672-16 .left-2 {
    padding-left: 84px; }
  .container-672-16 .right-2 {
    padding-right: 84px; }
  .container-672-16 .left-3 {
    padding-left: 126px; }
  .container-672-16 .right-3 {
    padding-right: 126px; }
  .container-672-16 .left-4 {
    padding-left: 168px; }
  .container-672-16 .right-4 {
    padding-right: 168px; }
  .container-672-16 .left-5 {
    padding-left: 210px; }
  .container-672-16 .right-5 {
    padding-right: 210px; }
  .container-672-16 .left-6 {
    padding-left: 252px; }
  .container-672-16 .right-6 {
    padding-right: 252px; }
  .container-672-16 .left-7 {
    padding-left: 294px; }
  .container-672-16 .right-7 {
    padding-right: 294px; }
  .container-672-16 .left-8 {
    padding-left: 336px; }
  .container-672-16 .right-8 {
    padding-right: 336px; }
  .container-672-16 .left-9 {
    padding-left: 378px; }
  .container-672-16 .right-9 {
    padding-right: 378px; }
  .container-672-16 .left-10 {
    padding-left: 420px; }
  .container-672-16 .right-10 {
    padding-right: 420px; }
  .container-672-16 .left-11 {
    padding-left: 462px; }
  .container-672-16 .right-11 {
    padding-right: 462px; }
  .container-672-16 .left-12 {
    padding-left: 504px; }
  .container-672-16 .right-12 {
    padding-right: 504px; }
  .container-672-16 .left-13 {
    padding-left: 546px; }
  .container-672-16 .right-13 {
    padding-right: 546px; }
  .container-672-16 .left-14 {
    padding-left: 588px; }
  .container-672-16 .right-14 {
    padding-right: 588px; }
  .container-672-16 .left-15 {
    padding-left: 630px; }
  .container-672-16 .right-15 {
    padding-right: 630px; }
  .container-672-16 .first {
    margin-left: 0; }
  .container-672-16 .last {
    margin-right: 0; }

.sfx-tmpl {
  display: none; }

/* Clearing floats */
/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.clearfix:after {
  clear: both; }

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
  zoom: 1; }

/* Elements used by platform UI */
.surge-button-bar-outer {
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative; }

.surge-button-bar-inner {
  clear: left;
  float: left;
  position: relative;
  left: 50%; }

.surge-button-bar {
  float: left;
  position: relative;
  right: 50%; }

.row-separator {
  height: 10px; }

/* .surge-cell-select { width: 98%; } */
.surge-cell-time {
  width: 50px; }

.surge-accordion-title {
  background-color: #006699;
  color: #fff;
  font-size: 110%;
  padding: 5px;
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 10px; }

.surge-accordion-icon {
  float: right;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  background-image: url(~/Content/Global/css/custom-theme/images/ui-icons_ffffff_256x240.png);
  background-position: 0 -16px; }

.collapsed .surge-accordion-icon {
  background-position: -64px -16px; }

.surge-accordion-content {
  margin: 10px auto; }

.surge-accordion > .collapsed > .surge-accordion-content {
  display: none; }

/* Scheduler UI */
.surge-scheduler .month-day-list li {
  float: left;
  width: 90px;
  margin-right: 10px; }
.surge-scheduler .months td {
  font-size: 8pt;
  padding-right: 1px; }
.surge-scheduler .monthly-type {
  margin-bottom: 4px; }
.surge-scheduler .groupbox {
  height: 190px; }
.surge-scheduler .timeEntry_control {
  display: none !important; }
.surge-scheduler .schedule-ends-box label {
  display: block;
  margin-bottom: 10px;
  font-weight: normal; }
.surge-scheduler .schedule-ends-box input[type=number], .surge-scheduler .schedule-ends-box input[type=text] {
  width: 50px; }

.role-permission-grid .sfx-grid {
  height: 420px; }

/* Reporting UI */
.star-icon {
  background: url("/_surge/Images/not-favorite-star.png") scroll no-repeat;
  width: 20px;
  height: 20px;
  float: left;
  margin: -3px 0 0 -8px; }

.star-active-icon {
  background: url("/_surge/Images/favorite-star.png") scroll no-repeat;
  width: 20px;
  height: 20px;
  float: left;
  margin: -3px 0 0 -8px; }