@charset "utf-8";

/* CSS Document */

* {margin:0px auto; padding:0px;}

body {font:12px/18px "Arial", Helvetica, sans-serif; color:#333;background:#ffffff;}


a {color:#656565; text-decoration:none;}

a:hover {color:#049743; text-decoration:none; text-decoration:underline;}

:focus {outline:none;}

/* Headings */

h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px; font-weight:normal;}

h1 {color:#002A5C; line-height:29px; margin-bottom:10px; font-size:15px; font-weight:bold; border-bottom:1px solid #E4E4E4; padding-left:10px;}

h2 {color:#002A5C; line-height:29px; margin-bottom:10px; font-size:15px; font-weight:bold; border-bottom:1px solid #E4E4E4; padding-left:10px;}

h3 { background:#ACACAC; height:30px; line-height:30px; text-align:center; color:#fff; font-size:12px;}

h4 {color:#fff;font-size:15px; font-weight:bold; margin:10px 0; background:url(../images/hedleft.jpg) no-repeat left top; height:30px; line-height:30px; padding-left:10px;}

h5 {color:#333; height:30px; line-height:30px; margin-bottom:5px;font-size:14px;}

h6 {color:#8DC63F; border-bottom:1px dotted #DADADA; height:26px; line-height:26px; margin-bottom:5px;font-size:13px; font-weight:bold;}

h6.headsix{ border: none !important;}

/*#dialog-add-data-points ul li{ overflow: hidden !important; width:260px !important;}

#dialog-add-data-points ul, #dialog-change-targets ul{ width:314px !important;}*/

#dialog-add-data-points ul li, #dialog-change-targets ul li{overflow: hidden !important; width:265px !important; list-style:none; }

#dialog-add-data-points ul li div, #dialog-change-targets ul li div{ width: 160px !important;}

#dialog-add-data-points input, #dialog-change-targets input{ width: 50px !important;}

#innerbox h2{ margin:0; padding:3px;}

.segment-wrapper{ background: #E4E4E4;}

#innerbox ul.formheader{ margin:0; padding:0; list-style: none; overflow: hidden; width: 100%; background:#BCBCBC; padding: 3px 0;}

#innerbox ul.formheader li{ float: left; padding:4px 10px 4px 2px; text-align: center; }

#innerbox ul.subformheader{ margin:0; padding:0; list-style: none; overflow: hidden; width: 100%; background:#fff; }

#innerbox ul.subformheader li{ float: left; padding:4px 10px 4px 2px; border:1px solid #E4E4E4; text-align: center;}

#innerbox ul li.tabone{ width: 105px;}

#innerbox ul li.tabtwo{ width: 210px;}

#dialog-add-appointment input, #dialog-add-appointment select, #dialog-create-appointment select, #dialog-edit-profile input, #dptagetsfieldset input, #dialog-request-appointment input, #dialog-add-data-points input{ padding: 6px 10px; font-size:11px; margin:3px;}

/*#dialog-edit-profile input, #dptagetsfieldset li{ margin:5px;}*/

#dialog-edit-profile label, #dialog-add-appointment label, #dptagetsfieldset label, #dialog-add-data-points label{ font-size:11px; width: 30px; margin: 3px 0;}

#dialog-edit-profile label, #dialog-add-appointment label,  #dptagetsfieldset label, #dialog-add-data-points label, #form-add-data-points label li{ margin:5px !important;}

#dialog-edit-profile p {padding-left:5px; padding-bottom:5px;}



#dialog-add-group, #dialog-add-user { }

#dialog-add-group ul, #dialog-add-user ul{ }

#dialog-add-group li, #dialog-add-user li{ float: left; width: 100px; margin: 2px;}

#dialog-add-group li input, #dialog-add-user li input, #dialog-add-user li label, #dialog-add-user li label, #dialog-add-user li select, #dialog-add-group li label, #dialog-add-group li select{ padding:5px;}

#cbxConsultant { padding: 5px; font-size: 11px;}

#newConsultant { padding: 5px; font-size: 11px;}

.txtblack {color:#333;}

.txtblue {color:#44C7F4;}

.txtorange {color:#FF9933;}

.push80 {
    float: right !important;
    width: 80% !important;
    -webkit-transition: width 300ms; /* Safari */
    transition: width 300ms;
}

#documentFolderList thead tr th, #documentFolderList tbody tr td, #documentGroupList tbody tr td,  #documentGroupList thead tr th {
    padding: 10px !important;
}

.fleft, .left { float:left !important;}

.fright, .right { float:right !important;}

.clear{clear:both; height: 5px !important;}

.pointer {cursor:pointer}

.nomargin {margin:0px !important}

.col-left {float:left; width:49%;}

.col-right {float:right; width:49%;}

.w2 {width:49%;}

hr { border:1px solid #ccc!important; margin:10px 0px; clear:both;}

.hr {border-top:1px dotted #C8DBE8; margin:10px 0px; clear:both;}

img{ border:none!important;}

.sub-title { background: #999; padding: 10px; margin: 20px 20px 0px 20px; color: #fff; font-weight: bolder; }

.page-loading { display: none; position: absolute; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.72); z-index: 2000; }

body.is-loading .page-loading { display: block; }

.page-loading img { top: 50%; left: 50%; position: relative; }

#profile-box2, #profileTable { background: #fff; margin: 0px 20px; padding: 20px; min-width: 96.5%;}

.ui-tabs .ui-tabs-panel { border: 1px #8ec742 solid !important; background: #fff;}

#profileTable ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
    background: #f4f4f4;

}

#profile-info .form-row3, #profile-address .form-row3 {
    width: 32%;
}


.contain-to-grid {
    width: 100%;
    background: #ffffff !important;
}

#userTabs .ui-widget-content {
    background: white !important;
}

/** List Admin**/

#eventTypeDialog {
    padding: 20px !important;
}


/** EDIT USER **/

#phone-info2 .form-row3 { width: 100%; }
 
#phoneNums2 input {
    display: inline;
    margin-right: 20px;
}

input#pnum2 {
    width: 400px;
}


/** SHIFT DETAILS **/

#shifts h3, #eventOptions h3 {
    background: #8ec742 !important;;
    color: #fff;
    line-height: 50px;
    margin-bottom: 0px;
text-align: left;
    font-size: 1.3em;
margin-top: 0px;
    font-weight: bold;
    border-bottom: 1px solid #E4E4E4;
    padding-left: 10px;
    height: 50px;

}


/** PAGE TITLE **/

#challenge-description span { font-weight: bolder; }


.page-title {
   background: #8ec742;
color: #fff;
padding: 10px;

}

.page-title h1 {
color: #fff !important;
font-weight: 700;
padding:10px 10px 10px 0px;
} 

.page-title button, .page-title .button {
background: #fff !important; 
border: 0px !important;
padding: 5px; 
margin-bottom: 0px;

}

.button {
margin-bottom: 0px !important;
}

.page-title button a:hover, .page-title .button a:hover { 
color: #fff !important;
font-weight: 700;

}

.page-title button a, .page-title .button a { 
color: #8ec742 !important;
font-weight: 700;

}

/** MAIN-CONT **/

.main-cont {
    border: 1px solid #e4e4e4;
    background: #f4f4f4;
    padding: 0px !important;
    color: #444;
}

/**SEARCH**/

span.fg-button.ui-button.ui-state-default {
    padding: 10px;
}

#challenge-list-table-parent_filter label, #challenge-list-table-parent-history_filter label, #event-list-table-parent_filter label, #event-list-table-parent-history_filter label, #metricsTable_filter label, #user-list-table_filter label, #bulkDataTable_filter label {
  position: relative;
}
#challenge-list-table-parent_filter label:after:active, #challenge-list-table-parent-history_filter labe:after:active, #event-list-table-parent_filter label:after:active, #event-list-table-parent-history_filter label:after:active, #metricsTable_filter label:after:active, #user-list-table_filter label:after:active, #bulkDataTable_filter label:after:active {
  content: none !important;
}

#challenge-list-table-parent_filter label:after, #challenge-list-table-parent-history_filter label:after, #event-list-table-parent_filter label:after, #event-list-table-parent-history_filter label:after, #metricsTable_filter label:after, #user-list-table_filter label:after, #bulkDataTable_filter label:after {
  content: 'Search';
  position: absolute;
  left: 5px;
  top: 0;
  padding:10px;
  color: rgba(0,0,0,.2);
}

#challenge-list-table-parent_filter input[type="text"], #challenge-list-table-parent-history_filter input[type="text"] #event-list-table-parent_filter input[type="text"], #event-list-table-parent-history_filter input[type="text"], #metricsTable_filter input[type="text"], #user-list-table_filter input[type="text"], #bulkDataTable_filter input[type="text"]{
  position: relative;
}


/** REPORTING **/

label.ui-state-active {
    color: #8ec742 !important;
}


/** LOGIN **/

input[type="checkbox"] + label{ display: inline !important; }

.login form { padding: 20px !important; }


#login-top { text-align: center; margin: 25px auto 0px auto; width: 90%;}

button, .button { background: #8ec742 !important; 
    padding: 10px;
    display: inline;
}

button:hover, .button:hover { background: #023777 !important; color: #fff;}

.login h3 {

  background: #8ec742;
  height: 45px;
  font-size: 1.5em;
  padding-top: 5px;
  margin-top: 0px;
  color: #fff;
}

.login #mainContainer .tagline {
  border: 1px solid #e4e4e4;
  padding-bottom: 20px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(158,158,158,.3);
  -moz-box-shadow: 0px 0px 5px 0px rgba(158,158,158,.3);
  box-shadow: 0px 0px 5px 0px rgba(158,158,158,.3);
}

.right { text-align: right; }

#login a { color: #002A5C !important; }


@media only screen and (min-width: 64.063em) { 
#login {
  position: absolute;
  left: 50%;
  top: 50%;

    /*
    *  Where the magic happens
    *  Centering method from CSS Tricks
    *  http://css-tricks.com/centering-percentage-widthheight-elements/
    */
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }
}


  /*:: main Header start */

  #mainHeader{ background:url(../images/header-bg.jpg) center top repeat-x;}

  .mainHeader{ height:83px; width:1280px;}

  .logo{ float:left; padding-left:35px;}

  .headerright{ float:right; width:800px;}

  .toplinks{ margin-top:10px; float:right;}

  .toplinks a{color:#333; height:16px; line-height:16px; text-decoration:none; padding:0 5px 0 20px; display:block; float:left;}

  .toplinks a:hover{ color:#8DC63F; text-decoration:underline;}

  .icontop1{ background:url(../images/icontop.jpg) no-repeat left top;}

  .icontop2{ background:url(../images/icontop.jpg) no-repeat -19px -16px;}

  .icontop3{ background:url(../images/icontop.jpg) no-repeat -39px -32px;}

  #mainmenu { width:900px; height:30px; padding:0px; margin:0px; margin-top:50px;}

  #mainmenu ul{ margin:0; padding:0;}

  #mainmenu ul li{ margin:0; padding:0; list-style-type:none; display:inline;}

  #mainmenu ul li a{ padding:0 10px; display:block; float:left; font-size:12px; color:#fff; text-align:center; line-height:30px; text-decoration:none; z-index: 11;}

  #mainmenu ul li a:hover{ background:url(../images/over.png) no-repeat center top; padding-bottom:9px; position:relative;}

  #mainmenu ul li .active { background:url(../images/over.png) no-repeat center top; padding-bottom:9px; position:relative;}



  .active a{ background:#000000 !important; padding-bottom:0px!Important; position: relative;}

  /*:: main Header start */

  /*:: Main Container Start*/


  #mainContainer{ width:100%; padding:25px 50px 15px 50px; margin:0 auto!important; font-family: "Open Sans", Helvetica, sans-serif;}


  .leftpanel{ background: #f0f5f5; width:220px; margin-right:10px; float:left; padding-left:10px;}

  .leftpaneltext{ font-size:11px; color:#333; line-height:18px; padding:0 10px 0 10px;}

  .leftpaneltext p{ padding-bottom:5px;}

  .btn1{ background:#8DC63F; color:#fff!important; font-size:11px; font-weight:bold; text-align:center; display: inline-block;height:20px;margin-left:0px; line-height:20px; margin: 0 5px;padding:0 10px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;-moz-border-radius: 3px;

    border-top-radius: 3px;}

    /*.cancelled active{ background: green !important;}*/

    .btn1:hover{ background:#000; color:#fff; text-decoration:none;}

    .submit{ background:#8DC63F; color:#fff!important; font-size:12px; font-weight:normal; text-align:center; display: inline-block;height:20px;margin-left:0px; line-height:20px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;-moz-border-radius: 3px;

      border-top-radius: 3px; border:none!important; cursor:pointer; padding:0 10px 4px;}

      .submit:hover{ background:#000; color:#fff; text-decoration:none;}

      .boxforever1{ background:#fff; border:1px solid #E4E4E4; width:75%; min-height:250px; margin-bottom:10px;}

      .boxforever2{ background:#fff; border:1px solid #E4E4E4; width:25%; min-height:252px; margin-bottom:10px;}

      .boxforever3{ width:100%; margin-bottom:10px;}

      .boxforever4{ background:#fff; border:5px solid #E4E4E4; width:350px; margin:0 5px 5px 5px;}

      .resource{ margin:0; padding:0; margin-left:5px;}

      .resource li{ margin:0; margin-bottom:10px; list-style-type:none;background:url(../images/icons/blank.png) no-repeat 0px center;}

      .resource li a{padding-left:22px; display:inline-block;}

      .resource li a:hover{ text-decoration:underline; color:#8DC63F;}

      .pdf{background:url(../images/icons/pdf.png) no-repeat 2px center;}

      .pdfb{background:url(../images/pdfb.jpg) no-repeat left center;}

      /*.doc{background:url(../images/icons/doc.png) no-repeat 1px center;}*/

      .docx{background:url(../images/icons/docx.png) no-repeat 1px center;}

      .xls{background:url(../images/icons/xls.png) no-repeat 1px center;}

      .xlsx{background:url(../images/icons/xlsx.png) no-repeat 1px center;}

      .ppt{background:url(../images/icons/ppt.png) no-repeat 1px center;}

      .pptx{background:url(../images/icons/pptx.png) no-repeat 1px center;}

      .txt{background:url(../images/icons/blank.png) no-repeat left center;}

      .jpg{background:url(../images/icons/jpg.png) no-repeat 2px center;}

      .links{background:url(../images/links.jpg) no-repeat 5px center;}

      

      .reportimg{ padding:10px 0; display:block;}

      .ewsntext1{ font-size:18px; text-align:center; color:#000; font-weight:bold;}

      .ewsntext1 span{ font-size:12px;}

      .datatable td{ border-bottom:1px solid #E4E4E4;border-right:1px solid #E4E4E4; padding:2px 5px; font-size:11px;}

      .btop{ border-top:1px solid #E4E4E4;}

      .datatable td a{ color:#5FA601;}

      .datatable .hov:hover{ color:#333; background:#F1F1F1 !important;}

      .datatable th{background:#ACACAC; color:#fff; font-size:11px; padding:6px 5px;}

      .datatable ul li{list-style-type:none; padding:1px 8px 8px 0px; margin:0px; }

      .ltext{ text-align:left!important; padding-left:10px!important;}

      .adduser{ color:#75A534; background:url(../images/add.jpg) no-repeat right center; padding-right:22px; float:right; margin:0 10px 10px 0;}

      .adduser:hover{ color:#333;}

      .memberhed1{ font-size:12px!important;font-weight:bold; color:#8DC543;}

      .datenp{ background:#444; padding:4px; height: 45px; margin-top:20px; text-align:center;}

      .calcnp{ background:#fff; padding:4px; height:22px; text-align:center;}

      .dateforever{ padding:2px 6px 2px 14px; font-size:16px; line-height: 35px; color:#fff; font-weight: bold; display:inline-block;}

        .dateforever:hover{ color:#ccc;}

        .dimgprev{float:left; background: url(../images/prev.png) no-repeat 4px center; font-weight: bold;}

        .dimgnext{float:right; background: url(../images/next.png) no-repeat right center; font-weight: bold; padding:2px 14px 2px 6px!important; text-align:left;}

        .dimgcenter{ float:left; margin-left:245px;}

        .pages{ width:70px;}

        .pages a{ background:#333;color:#fff; padding:5px;display:block; float:left; margin:0 3px; height:12px; line-height:12px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;

          border-top-radius: 5px;}

          .pages a:hover{ color:#fff; background:#8DC63F;}

          .eventlist{ margin:0; padding:0 0 10px 10px;}

          .eventlist li{ margin:0; padding:0; list-style-type:none;}

          .eventlist li a{ background: url(../images/arrowdown.jpg) no-repeat right center; padding-right:12px; color:#000; font-size:14px;}

          .eventlist li li a{padding:0 12px 0 15px; color:#666; font-size:13px;}

          .eventlist li li li a{padding:0 12px 0 40px; color:#333; font-size:12px; background:none;}

          .calcleft{ float:left; height:22px; line-height:22px;}

          .calcleft span{ color:#333; padding-left:10px; font-size:11px; float:left;}

          .today{ background:#000; padding:0 5px; color:#fff; line-height:22px; display:inline-block; float:left; font-size:11px}

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

          .calcright{ float:right; background:#6D6D6D;-webkit-border-radius: 4px;-khtml-border-radius: 4px;-moz-border-radius: 4px;

            border-top-radius: 4px;}

            .calcright a{ padding:0 11px; height:22px; line-height:22px; color:#fff; font-size:11px; display:block; float:left;}

            .calcright a:hover{ background:#333;-webkit-border-radius: 4px;-khtml-border-radius: 4px;-moz-border-radius: 4px;

              border-top-radius: 4px; text-decoration:none;}

              .calcselect{ color:#fff; background:#002A5C;}

              /*:: calendar */

              .cal-rounded-right { margin-top:5px;width:225px;}

              .month {float:left; height:30px; line-height:30px; margin:5px auto; background:#F6F6F6; border:1px solid #EBEBEB; width:224px;}

              .month .pre_month {float:left; margin-top:4px; margin-left:4px; width:22px; height:22px; background:url(../images/pre_month.gif) top center no-repeat; text-decoration:none;}

              .month .next_month {float:right; margin-top:4px; margin-right:4px; width:22px; height:22px; background:url(../images/next_month.gif) top center no-repeat; text-decoration:none;}

              .month .pre_month:hover, .month .next_month:hover {background-position:center -22px;}

              .month span {font-size:12px; font-weight:bold; margin:auto; float:left; width:170px; text-align:center;  color:#617377;}

              .dates {float:left; width:100%; margin-left:10px;}

              .dates a {float:left; width:24px; height:20px; line-height:88%; font-size:1.2em; font-weight:bold; color:#333; text-align:center; margin:0px 6px 5px 0px; text-decoration:none; padding-top:3px;}



              .dates span {display:block; font-weight:normal; color:#999; font-size:11px; font-weight:normal;}

              .dates a:hover, .dates a:hover span {background:#8DC63F; color:#FFF;}

              .dates a.active, .dates a.active span {background:#ccc; color:#FFF;}

              .dates a.deactive, .dates a.deactive span {background:#f9f9f9; cursor:default; color:#999;}

              .eventcontent{ color:#333; line-height:18px; font-size:12px; padding:0px 10px 10px 10px;}

              .eventcontent span{ font-size:11px; font-weight:bold; color:#8EC543;}

              .eventcontent span a{color:#8EC543;}

              .eventcontent span a:hover{color:#000; text-decoration: underline;}

              .eventcontent small{ color:#666; font-size:10px;}

              .rightpanel{ width:1180px; height: 100%; margin-right:20px; float:right; padding-top:10px;}

              .homeslider li{ overflow:hidden;}

              .homeslider .pager{width: 1140px; float: left; list-style: none outside none;}

              .bx-next{ background:url(../images/bxnext.jpg) no-repeat left top!important; width:4px!important; height:6px!important; overflow:hidden; font-size:0px; color:#8EC543; text-align:center; line-height:6px; display:block;}

              .bx-next:hover{background:url(../images/bxnexthover.jpg) no-repeat left top!important; width:4px!important; height:6px!important; overflow:hidden; font-size:0px; color:#666!important; text-align:center; line-height:6px; display:block;}

              .bx-prev{ background:url(../images/bxprev.jpg) no-repeat left top!important; width:4px!important; height:6px!important; overflow:hidden; font-size:0px; color:#8EC543; text-align:center; line-height:6px; display:block; margin:0 4px; text-decoration:none;}

              .bx-prev:hover{background:url(../images/bxprevhover.jpg) no-repeat left top!important; width:4px!important; height:6px!important; overflow:hidden; font-size:0px; color:#666!important; text-align:center; line-height:6px;}

              #slider {border-bottom: 1px solid #E4E4E4; padding: 10px 0px; margin-top: 3px; padding-left: 10%; padding-right: 10%; text-align: center;}

              .slider-pager{ text-align: center; vertical-align: middle; display: inline-block; }

              .slider-pager a.active{background:url(../images/bulgreen.jpg) no-repeat left top; color:#8EC543;}

              .slider-pager a{background:url(../images/bulgray.jpg) no-repeat left top; width:6px; height:6px; overflow:hidden; font-size:1px; color:#ccc; text-align:center; line-height:6px; display:block; float:left; margin:0 4px;}

              .slider-pager a:hover{background:url(../images/bulgreen.jpg) no-repeat left top;}

              .homeslider .slider-pager a:hover, .homeslider .slider-pager a.pager-active{background:url(../images/bulgreen.jpg) no-repeat left top; color:#8EC543;}

              /*:: Main Container end*/

              /*:: main Footer start */

              #mainFooter{ background:#002A5C; height:auto;}

              .mainFooter{ padding-top:10px;height:50px; width:1000px; font-size:12px; color:#fff; text-align:right;}

              .mainFooter a{ padding-left:15px; color:#fff;}

              .mainFooter a:hover{ text-decoration:underline;}

              /*:: main Footer end */


#portal-footer { margin-top: 50px; font-size: .7em; text-align: center;}







              .checkboxleft1{ width:280px; margin:3px 0; font-size:11px; color:#666; padding-left:10px;}

              .checkboxleft2{width:250px; margin:3px 0; font-size:11px; color:#666; padding-left:10px;}

              .checkboxleft1 span{ color:#8DC543;}

              .checkbox{vertical-align: text-top;}

              .checkboxright1{  width:420px; margin:3px 0;font-size:11px; color:#666;}

              .input1{ height:16px; width:400px; background:#fff; border:1px solid #ccc;}

              .cboxpad1{ padding-left:40px;}

              .genbtn{ margin:0 0 10px 10px;}

              .masshed{ font-size:13px; font-weight:bold; line-height:18px; padding:10px;}

              .masshed span{color:#8DC543;}

              .tablegreen{ background:#8DC543; color:#fff;}

              .lubtns{ float:right; width:155px; padding-right:10px;}

              .btn2{ background:#053B71; padding:6px; font-size:12px; font-weight:bold; color:#fff;-webkit-border-radius: 3px;-khtml-border-radius: 3px;-moz-border-radius: 3px;border-top-radius: 3px;margin:4px 0; display:block; text-align:center;}

              .btn2:hover{ color:#fff; text-decoration:none; background:#333;}

              .btn3{ background:#8DC63F; padding:6px; font-size:12px; font-weight:bold; color:#fff;-webkit-border-radius: 3px;-khtml-border-radius: 3px;-moz-border-radius: 3px;border-top-radius: 3px; margin:4px 0;display:block; text-align:center;}

              .btn3:hover{ color:#fff; text-decoration:none; background:#333;}

              .btn4{ background:#000; padding:6px; font-size:12px; font-weight:bold; color:#fff;-webkit-border-radius: 3px;-khtml-border-radius: 3px;-moz-border-radius: 3px;border-top-radius: 3px;margin:4px 0;display:block; text-align:center;}

              .btn4:hover{ color:#8DC63F; text-decoration:none; background:#333;}

              .luwidth1{ width:175px; float:left;}

              .lutext{padding-left:10px;}

              .eventtab{ padding:8px; border:1px solid #ccc; margin:5px 0; min-height:50px; line-height:16px; width:440px;}

              .btns1{ margin:0 0 10px 5px; padding:0; overflow:hidden;}

              .btns1 li{ margin:0; padding:0; list-style-type:none; display:inline;}

              .btns1 li a{ display:block;padding:10px 12px; background:#002A5C; margin:5px; color:#fff;-webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-top-radius: 5px; text-align:center; font-size:14px; font-weight:bold;}

              .btns1 li a:hover{ color:#fff; text-decoration: none; background:#8DC543;}

              .height1{ min-height:190px;}

              .height2{ min-height:285px;}

              .height0{ min-height:100px;}



              .popupever{ padding:10px; font-size:12px;}

              .popupever span{ color:#8DC63F; font-weight:bold;}

              .poppad1{ padding-left:10px;}

              .editform{ font-weight:bold;}

              .editform label{ display:block; height:30px; line-height:30px;}

              .editform input{ border:1px solid #ccc; height:22px; width:220px;}



              .ta{ height:25px; font-size:13px; font-weight:bold; color:#4572a7; padding-left:10px; line-height:25px;}

              .tb{ height:25px; font-size:13px; font-weight:bold; color:#aa4643; padding-left:10px; line-height:25px;}

              .tc{ height:25px; font-size:13px; font-weight:bold; color:#89a54e; padding-left:10px; line-height:25px;}

              .td{ height:25px; font-size:13px; font-weight:bold; color:#80689a; padding-left:10px; line-height:25px;}

              .marg1{ margin-left:10px;}

              .input2{ height:20px; width:180px; border:1px solid #ccc;}

              .input3{ height:50px; width:705px; border:1px solid #ccc;}



              div.dialog-class {font-size: 62.5%;}

              #dialog-edit-profile {display: none; font-size:12px;}

              #dialog-add-data-points {display: none; font-size:12px;}

              #dialog-change-targets {display: none; font-size:12px;}

              #dialog-request-appointment {display: none; font-size:12px;}



              div.left-dash-element { 

                font-family: 'Mako', Arial, sans-serif;

                font-size: 12px; 

                margin:0px 0px 15px 5px;

                

              }

              .content {padding-left:5px; padding-bottom:5px;}

              .content ul{list-style:none; margin:-10px; padding:0px;}

              div.left-dash-element h1{

                border-top-left-radius: 5px;

                -moz-border-radius-topleft: 5px;

                border-bottom-left-radius: 5px;

                -moz-border-radius-bottomleft: 5px;

                font-size: 1em;

                margin: 5px 0 5px 0;

                font-weight: bold; 

                color: #FFF;

                padding: 6px 0px 6px 6px;

                background: url(../images/menu-title.png) right repeat-y;

              }

              div.left-dash-element li{

                margin-left: 0px;

              }

              div.left-dash-element div.button{

                font-weight: bold; 

                width: 119px;

                height: 23px;

                text-align: center; 

                margin-top: 5px;

                background: url(../images/green-button.png) no-repeat;

                padding-top: 5px;

                padding-bottom: 5px;

              }

              div#add-group{

                margin-top: 5px;

    /*font-weight: bold; 

    width: 119px;

    height: 23px;

    text-align: center; 

    

    background: url(../images/green-button.png) no-repeat;

    padding-top: 5px;

    padding-bottom: 5px;

    cursor:pointer;*/

  }



  div#add-user{

/*    font-weight: bold; 

    width: 119px;

    height: 23px;

    text-align: center; 

    margin-top: 5px;

    background: url(../images/green-button.png) no-repeat;

    padding-top: 5px;

    padding-bottom: 5px;

    cursor:pointer;*/

  }

  div.left-dash-element div.button a{color: #FFFFFF;}

  div.left-dash-element div.button a:hover{color: #547A01; text-decoration:none;}

  

  ul.tab-framework {

    

  }

  ul.tab-framework li{

    list-style:none;

    float:left;

  } 

  .selected {

    background-color:#D9FF98;

  }

  tr.highlight{background-color:#E4E4E4;}

  #appt-list-table tr td{padding:5px; margin: 5px;}

  #appt-list-table-history tr td{padding:5px; margin: 5px;}





  confirmWindow{display: none;}

  /*evt-tbl-action {background-color: #E4E4E4; color: #FFF; display: block;}*/

  

  #formbox{ width: 570px; height: auto; margin: 0 auto; border:1px solid #AACADF; font-size:12px; padding:5px;}

  .formheader-button{ padding:15px 5px;}

  #forminnderwrap{ width: 550px; margin: 0 auto; }

  #forminnderwrap ul, li{ margin:0; padding:0; list-style: none;}

  #forminnderwrap ul.mainelements { width:550px; margin: 0 auto; overflow: hidden;}

  #forminnderwrap ul.mainelements li{ float: left; width: 240PX; margin-right:20px; padding: 2px 2px;  color: #282828;}

  #forminnderwrap ul.mainelements li input{ width:170px; height: 15px; margin-bottom: 5px; border:1px solid #AACADF; -moz-border-radius:2px; -webkit-border-radius:2px;}

  #forminnderwrap ul.mainelements #phoneNums input{ width:170px; height: 15px; margin-bottom: 5px; border:1px solid #AACADF; -moz-border-radius:2px; -webkit-border-radius:2px;}

  #forminnderwrap ul.mainelements #newNum input{ width:170px; height: 15px; margin-bottom: 5px; border:1px solid #AACADF; -moz-border-radius:2px; -webkit-border-radius:2px;}

  #forminnderwrap ul.mainelements #newNum input.inputtxtsmall{ width:70px; height: 15px; margin-bottom: 5px; border:1px solid #AACADF; -moz-border-radius:2px; -webkit-border-radius:2px;}



  .form-row-check { margin-left: 20px; }



  ul.inlineform{ width:100%; overflow: hidden; }

  ul.inlineform li.innerli{ float: left; width: auto !important; margin:0 !important; padding:0 !important;}

  ul.inlineform li.innerli input{ width:15px !important;margin-top:-2px !important;}

  ul.inlineform li.innerli.smalltext{ width:25px;}  



  /* -- --*/

  #div-avail-shift-list, #div-new-avail-shift-list {

    overflow:hidden;

    padding:0px;

    margin:0px;

    position:relative;

    border:1px solid lightgray;

  }



  ul.ul-shifts{

    padding:0px;

    margin:0px;

    position:absolute;

    left:0;

  }



  .ul-shifts li{

    float:left;

    width:90px;

    height:200px; 

    text-align:center;

    float:left;

    list-style:none;

    overflow:auto;

  }



  .ul-shifts .div-daymonth{

    font-weight:bold; 

    border-bottom:2px solid gray;

  }

  #dialog-create-new-events {font-size:11px; background:#FFF; width: 100%;}

#dialog-create-new-events h3 {
    color: #fff;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.7em;
padding: 10px;
}

  .form-set-row3 {}

  .form-set-row3 .form-row3 {float:left; }

  .form-set-row3 .h10 {height:20px;}

  .form-set-row3 label {font-weight:bold;}

  .form-set-row3 .inputtxt { border: 1px solid #e4e4e4; height: 35px; padding-left: 10px; width: 90%; font-size:11px;}

  .form-set-row3 .inputtxtsmall { border: 1px solid #e4e4e4; height: 35px; padding-left: 10px; width: 70px; font-size:11px;}

  .form-set-row3 .inputtxttiny { border: 1px solid #e4e4e4; height: 35px; padding-left: 10px; width: 50px; font-size:11px;}

  .form-set-row3 .form-row1 {}

  .form-set-row3 .textareatxt { border: 1px solid #e4e4e4; padding-left: 10px; width: 554px; height: 75px; font-size:11px; resize:vertical}

  

  .form-buttonset { border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; padding: 15px!important; background: #f9f9f9; }

  

  .inputtxt.date {background:url(../images/icons/date.png) 98% 3px no-repeat !important; cursor:pointer;}

  .inputtxt.time {background:url(../images/icon-time.jpg) 98% 5px no-repeat !important; cursor:pointer;}



  .data-point { float:left; margin: 5px 5px 5px 5px; width:220px;  }



  .data-point input { float:right; border: 1px solid #e4e4e4;  border-radius: 2px 2px 2px 2px; padding:5px 5px; width: 70px; font-size:11px; }



  .data-point label { float:left; font-size:12px; padding-left:5px; width: 130px; }



  .homework textarea {border: 1px solid #e4e4e4;  border-radius: 2px 2px 2px 2px; padding:5px 5px; width: 100%; height:100px; font-size:11px; resize:vertical;}



  #hw-history { max-height:300px; overflow: scroll; overflow-x:hidden; width:100%; }



  .homework-history { margin:10px 10px 10px 10px; font-size:12px; }



  .hw-date { float:left; padding-right:10px; font-weight:bold; }



  .hw-notes { float:left; width:600px; padding-bottom:20px; }



  .note textarea {border: 1px solid #AACADF;  border-radius: 2px 2px 2px 2px; padding:5px 5px; width: 100%; height:100px; font-size:11px; resize:vertical;}



  #nt-history { max-height:300px; overflow: scroll; overflow-x:hidden; width:100%; }



  .note-history { margin:10px 10px 10px 10px; font-size:12px; }



  .n-date { float:left; padding-right:10px; font-weight:bold; }



  .n-notes { float:left; width:600px; padding-bottom:20px; }



  .small { font-size: 10px; }



  .uneditable {

    background-color:#DADADA; 

  }



  .uneditable a {

    pointer-events: none;

    cursor: default;

  }



  #cons-shift-table {

    float:right; 

    width:740px; 

    margin-right:15px; 

    margin-top:20px;

  }



  .break {

    border-bottom:1px dotted #DADADA; 

  }



  .shift-list {

    

  }



  .shift-table {

    border:#000 thin solid; 

  }



  .shift-table td {

    padding:5px;  

  }



  .shift-table-header {

    font-size:14px;

    color:#FFF;

    text-align:center;

    background-color: #8CC63F;

  }



  .date-header {

    background-color: #002A5C;

    text-align:center;

    color: #FFF;

  }



  .row-style-1 {

    background-color: #FFF;

  }



  .row-style-2 {

    background-color: #CCC;

  }



  .prev-shift {

    float:left;

  }



  .next-shift {

    float:right;

  }



  .prev-shift, .next-shift {

    width:100px;

    background-color:#333;

    color:#FFF;

    text-align:center;

    padding:5px;

  }



  .prev-shift:hover, .next-shift:hover {

    background-color:#999;

    cursor:pointer;

  }



  .shift-date {

    float:left;

    width:400px;

  }



  #addPhoneNum img:hover {

    cursor:pointer;

  }



  #profile-info-lists .form-row4 {

    float:left;

    width: 98%;

    margin: 10px;

  }



  #profile-info-lists table {


    border: 4px solid #E4E4E4;

  }



  .cancel-appt {

    float:right;

  }



  .cancel-appt:hover {

    cursor:pointer;

  }



  .remove-group {

    float:right;

  }



  .remove-group:hover {

    cursor:pointer;

  }



  .add-user-role {

    margin: 5px;

  }



  .marg-five {

    margin: 5px;

  }



  .action a {

    padding-right:5px;

  }



  .toggleLink {

    font-size: 10px;

  }



/*.headerTxtR {

  float:right;

  font-size:12px;

  font-weight:100;

  padding-right:20px;

}



.headerTxtR #dFrom, #dTo {

  color: #8CC63F;

  font-weight:bold;

  padding-right:5px;

  padding-left:5px;

  }*/



  .profile-pic {

    border: #AAA solid thin;

    

  }



  .color-green {color: #8DC63F;}



  /* -- */

  tr.eventRow td{background: inherit;}

  tr.eventRow:hover {background-color: #EEE;}



  tr.shiftRow td{background: inherit;}

  tr.shiftRow:hover {background-color: #EEE;}



  tr.groupRow td{background: inherit;}

  tr.groupRow:hover {background-color: #EEE;}



  .btnEdit {background-image: url("../images/group_edit.png"); background-repeat:no-repeat; width:20px; height:20px;}

  .btnEdit:hover {cursor:pointer;}



  .btnEditMemb {background-image: url("../images/user_add.png"); background-repeat:no-repeat; width:20px; height:20px;}

  .btnEditMemb:hover {cursor:pointer;}



  .btnAddSubGroup {background-image: url("../images/group_add.png"); background-repeat:no-repeat; width:20px; height:20px;}

  .btnAddSubGroup:hover {cursor:pointer;}



  .btnGroupRes {background-image: url("../images/profile-edit.jpg"); background-repeat:no-repeat; width:20px; height:20px;}

  .btnGroupRes:hover {cursor:pointer;}

.btnGroupUser {background-image: url("../images/user-edit.jpg"); background-repeat:no-repeat; width:20px; height:20px;}

  .btnGroupUser:hover {cursor:pointer;}



  .btnAddSubCategory {background-image: url("../images/folder_add.png"); background-repeat:no-repeat; width:20px; height:20px;}

  .btnAddSubCategory:hover {cursor:pointer;}

  .btnGroupResources {background-image: url("../images/profile-edit.jpg"); background-repeat:no-repeat; width:20px; height:20px;}
  .btnGroupResources:hover {cursor:pointer;}

  .btnGroupMembers {background-image: url("../images/user-edit.jpg"); background-repeat:no-repeat; width:20px; height:20px;}
  .btnGroupMembers:hover {cursor:pointer;}
  


  #dialogAddGroupType {display: none;}

  #dialog-add-group-type {display: none;}



  .groupListActionItem {float: left; margin-right: 5px;}

  .categoryListActionItem {float: left; margin-right: 5px;}



  div.event-name{position:relative;}

  div.event-name:hover{z-index:25; }



  div.event-att-list{position:relative;}

  div.event-att-list:hover{z-index:25; }



  div.shift-app-list{position:relative;}

  div.shift-app-list:hover{z-index:25; }



  div.event-name span.event-name-desc{display: none}

  div.event-name:hover span.event-name-desc{ display:block; position:absolute; top:1em; left:1em; width:20em; }



  div.shift-app-list span.appt-name-desc{display: none}

  div.shift-app-list:hover span.appt-name-desc{ display:block; position:absolute; top:1em; left:1em; width:15em; }



  div.event-att-list span.event-name-desc{display: none}

  div.event-att-list:hover span.event-name-desc{ display:block; position:absolute; top:1em; left:1em; width:20em; }



  #loginmainContainer { width:400px;padding:0 0 15px 0; min-height:650px; margin:0 auto!important;}

  #loginmainHeader { width:400px;padding:0 0 15px 0; margin:0 auto!important;}

  #logo {width:270px; margin:0 auto!important;}



/*#data-points-box {display: none;}

#personal-targets-box {display: none;}

#resources-box {display: none;}

#lastUpdateDiv {display: none;}*/



a.actionIcon {margin-right: 5px;}



.categoryRow:hover {background-color: #EEFFEE; cursor:pointer;}



#attendees

{

  width:100%;

  border-collapse:collapse;

}

#attendees td, #attendees th 

{

  font-size:1em;

  border:1px solid #8CC63F;

  padding:3px 7px 2px 7px;

}

#attendees th 

{

  font-size:1.1em;

  text-align:left;

  padding-top:5px;

  padding-bottom:4px;

  background-color:#8CC63F;

  color:#002A5C;

}

#attendees tr.alt td 

{

  color:#000000;

  background-color:#EAF2D3;

}



/*#user-list {

  max-height: 400px;

  overflow: scroll;

  overflow-x: hidden;

  }*/



  .pointer:hover {

    cursor: pointer;

  }



  #user-list input {

    margin-bottom: 10px;

  }



  #show-shift-appts p {

    padding-bottom: 10px;

  }



  #shift-appt-table th {

    text-align: left;

  }



  #shift-appt-content td {

  /*font-size:10px;

  padding: 2px;*/

}



#message {

  font-size: 10px;

}



li.fileObject {cursor:default;}



.resLabel {font-weight:bold; padding-bottom:5px; display:block;}







.keyword-list {

  margin-left:0;

  padding-left:0;

  /*  display:inline;*/

  max-width:300px;

}



.add-keywords {

  margin-top:3px;

  margin-left:5px;

}



.keyword-list li {

  margin-left:5;

  margin-bottom:0;

  padding: 2px 10px 5px 0px;

  list-style:none;

  float:left;

  /*  display:inline-block;*/

}



.doc {

  padding-right: 3px;

  /*max-width:100px;*/

}



.resource-img {

  background-image: url('../images/resource_2.png');

  background-repeat: no-repeat;

  border:none;

  width: 30px;

  height: 30px; 

  padding-right:5px;

}



.profile-img {

  background-image: url('../images/user_2.png');

  background-repeat: no-repeat;

  border:none;

  width: 30px;

  height: 30px; 

  padding-right:5px;

}



.resource-img:hover {

  background-image: url('../images/resource_1.png');

}



.profile-img:hover {

  background-image: url('../images/user_1.png');

}



.res-remove {

  margin-right: 9px;

}



.drag-hw {

  border: 1px solid #CCC;

  float: left;

  padding: 50px 540px;

  margin-top: 4px;

  background-color: #DFDFDF;

  font-size: 10px;

  font-style: italic;

}



.hw-res li {

  margin: 6px 2px;

  width:400px;

}



.hw-res .res-icon {

  background-image: url('../images/icons/blank.png');

  width: 16px;

  height: 16px;

  float: left;

  background-repeat: no-repeat;

  margin-right: 5px;

}



.hw-res .del {

  background-image: url('../images/delete.png');

  width: 16px;

  height: 16px;

  float: right;

  background-repeat: no-repeat;

}



.hw-res .res-action {

  display:inline;

}



.show-in-list {

  margin-left:20px;

}



.group-data-points {

  padding-left: 30px; 

  width:100%;

}

.group-data-points div {

  display: inline-block;

  margin-right: 20px;

  margin-bottom: 10px;

  width: 185px;

}



.h3-showhide {

  float: right;

  padding-right: 15px;

  font-size: 15px;

  font-weight: bold;

  color: #002060;

  cursor: pointer;

}



#dataPointQtip {

  width:260px;  

}



#dataPointQtip td {

  border: 0px !important;

  padding: 0px !important;

}



.dp-text {

  text-align: center;

  margin-top: 16px;

  color: gray;

  font-weight:700;

  font-size: 11px;

}



#group-res {

  

}



#group-res span {

  font-weight: bold;

  padding-bottom: 10px;

  display: block;

}



#res-list img {

  margin-right: 2px;

}



#res-list div {

  display: inline-block;

  vertical-align: text-bottom;

}



#res-list li {

  padding: 6px 2px 2px 2px;

}



#res-list li:hover {

  background-color: #d9ff98;

}



.resource-user{

  background-image: url('../images/resource-sprites.png');

  background-position: -62px -60px;

  width: 25px;

  height: 28px;

  padding-right:10px;

}

.resource-doc{

  background-image: url('../images/resource-sprites.png');

  background-position: -111px -60px;

  width: 25px;

  height: 28px;

  padding-right:10px;

}



#settings-dialog input {

  padding: 4px;

  margin: 4px 0px 10px 0px;

  width: 200px;

}



#settings-dialog label {

  display: block;

  font-weight: bold;

}



#settings-dialog p {

  margin-bottom: 20px;

}



.send-homework {

  margin-left: 5px;

  margin-right: 5px;

}



.delete:hover { cursor: pointer; }

.contact:hover { cursor: pointer; }



.chal-add { margin-left: 20px; }



#challenge-leader {  }

#challenge-leader .leaders { display: block; margin: 0px 0px 5px 10px; font-size: 12px; font-weight: bold; }

#challenge-leader .leaders:hover { cursor: pointer; color: #92D050; }



#challenge-title { padding-bottom: 5px; }

#challenge-info { width: 485px; margin-right: 5px; }

#challenge-info .main { padding:0px 10px 10px; }

#challenge-info .main p { margin-bottom: 4px; }

#challenge-info .main span { width: 74px; display: inline-block; font-weight: bold; }

#data-points-goal { margin: 0px 18px; }

#data-points-goal .save-goal:hover { cursor: pointer; }





.dialog-container { margin-top: 5px; }

.dialog-container p { margin: 5px 0px 10px; }

.dialog-container .dialog-checkbox { margin: 5px 0px; padding: 0px 8px; }

.dialog-container .dialog-checkbox label { display: inline-block; width: 110px; }

.dialog-container .dialog-checkbox input {  }



.dialog-container .dialog-input { margin: 0px 0px 10px; }

.dialog-container .dialog-input label { width: 49px; display: inline-block; font-weight: bold; }

.dialog-container .dialog-input input { width: 170px; height: 15px; padding: 5px; border: 1px solid #AACADF; -moz-border-radius: 2px; -webkit-border-radius: 2px; }



.DTqtips:hover { cursor:pointer; }

#challenge-dropdown { width: 250px; left: 83%; position: absolute; top: 45px; background-color: #f9f9f9; z-index: 999999; border: 1px solid #f4f4f4; display:none; }

#challenge-dropdown ul li a { line-height: 16pt !important; }

#challenge-dropdown ul li { padding: 10px; border-bottom: 1px solid #f4f4f4; }

#challenge-dropdown ul li:hover { width: 100%; background: #f4f4f4 !important; color: #333;}


.status-toggle:hover { cursor:pointer; }



.hover-pointer:hover { cursor:pointer; }



#resource-container { max-height: 200px; overflow-y: scroll; overflow-x: hidden; }



.nocomp { padding-left: 10px; }



.alphaHead { clear: both;

  display: block;

  font-weight: bold;

  font-size: 16px;

  margin: 24px 0px 10px;

  border: 1px solid;

  padding: 10px 10px;

  background-color: #EEE; }



  .dpspace { display: block; clear: both; }



  .refresh-icon { float:right; margin-top: 8px; }

  .refresh-icon:hover { cursor:pointer; }





  #dialog-challenge-teams {  }

  #user-container { 

    float: left;

    /*width: 699px;*/

  /*margin-left: -11px;*/ }



  #user-container .fg-toolbar { border-radius: 0px !important;  }

  #user-container .ui-widget-header { border: none !important; }



  #user-container table { border-spacing: 0px !important; }

  #user-container table td { padding: 2px; }

  #user-container table td input { margin-left: 2px; }



  #challenge-teams-toolbar { background-color: #36b924; float: left; max-width: 699px; width: 100%; min-width: 367px; height: 20px; }

/*  #challenge-teams-toolbar 

  #challenge-teams-toolbar 

  #challenge-teams-toolbar */

  

  .check-cont { display: inline-block; width: 241px; }

  .check-cont input { margin: 0px 5px; }

  .check-cont label { color: #EAF5F7; }







  #challenge-teams { float: left; height: 262px; width: 240px; background-color: white; border: 1px solid #006B08; }

  #challenge-teams .user-list-container { height: 224px; }

  #challenge-teams .user-list-container ul {  }

  #challenge-teams .user-list-container ul li { padding: 12px; border-bottom: 1px solid #006B08; cursor: pointer; }

  #challenge-teams .user-list-container .team-active { background-color: #D9FF98; }

  

  #challenge-teams-users { float: left; height: 262px; width: 433px; background-color: white; border-top: 1px solid #006B08; border-right: 1px solid #006B08; border-bottom: 1px solid #006B08; }

  #challenge-teams-users ul {  }

  #challenge-teams-users ul li { padding: 3px; }

  #challenge-teams-users ul li:nth-child(odd) { background-color: #E2E4FF; }

  #challenge-teams-users ul li:nth-child(even) { background-color: white; }

  #challenge-teams-users ul li .user-check { margin-left: 6px; }

  #challenge-teams-users ul li .user-name { margin-left: 10px; width: 160px; display: inline-block; }

  #challenge-teams-users ul li .user-group {  }



  .list-container { height: 224px; max-height:224; overflow-y: scroll; }



  .container-footer { height: 19px; border-top: 1px solid #006B08; background-color: #CECECE; padding: 9px; }

  .container-footer .footer-addrem { float: left; }

  .container-footer .footer-addrem img { padding: 1px 2px; cursor: pointer; }

  .container-footer .footer-text { color: black; float: right; }







  .container-footer .check-cont input { margin: 0px; }

  .container-footer .check-cont label { color: black !important; margin-left: 6px; }





  .info-icon { float:right; margin-right: 23px; }

  .info-icon:hover { cursor: pointer; }



  .types-description {  }

  .types-description .title { font-weight: bold; font-size: 14px; }

  .types-description .sub-title { font-weight: bold; font-size: 12px; }

  .types-description p { margin: 12px 0px; }



  .hw-history-res { margin: 8px 0px; }

  .hw-history-res li { background-image: url('../images/icons/blank.png'); background-repeat: no-repeat; background-position: 0px 0px; padding: 0px 0px 3px 22px !important; }





  #reschedule-ts { margin-bottom: 10px; }

.dataTables_info { color: #444; }

  #calLegend { margin-bottom: 10px; font-weight: bold; color:#444; }

  #calLegend ul { display: inline-block; float: right; }

  #calLegend ul li { display: inline-block; padding-left: 20px; }

  #calLegend ul li span { width: 15px; height: 15px; display: inline-block; border: 1px solid; margin-right: 4px; }

  .cal-active { background-color: #DDF7D9; }

  .cal-event { background-color: #d9edf7; }

  .cal-appt { background-color: #fcf8e3; }

  .cal-chal { background-color: #f2dede; }



  #consCalSelect { display: inline-block; float: left; }

  #consCalSelect select {  }

select#evt-group {
    width: 300px;
}



/*.ui-datepicker { z-index: 1004 !important; }

.ui-timepicker-div { z-index: 1004 !important; }

.ui-dialog { z-index: 1003 !important; }

.ui-widget-overlay { z-index: 1002 !important; }*/






.dialog-table { width: 100%; border-spacing: 0px; border-top: 1px solid; border-right: 1px solid; margin-top: 20px; }

.dialog-table th, .dialog-table td { padding: 15px; border: 1px solid #e4e4e4; text-align: left; }

.dialog-table th { background-color: #f2f2f2;}

.dialog-table td {  }



#group-users span { font-weight: bold; padding-bottom: 10px; display: block;

}



#total-sched { position: relative; left: -50px; font-size: 14px; }

.col-green { color: #5FA601; }



#doc-info { margin-top: 10px; }

#doc-info label { font-weight: bold; }



#doc-link a { color: #8CC63F !important; }



.delete-group-res { cursor: pointer; }

.delete-cat-res { cursor: pointer; }



.res-date-change { border: none; cursor: pointer; width: 85px; }

.res-date-change:hover { color: #8CC63F !important; }



.res-sdate-change { border: none; cursor: pointer; width: 85px; }

.res-sdate-change:hover { color: #8CC63F !important; }



#shiftDate { float: right; font-weight: bold; }



#schedChange { margin-left: 20px; font-size: 12px; color: black; }

#schedChange input { margin: 4px; }



#resDropDate p { margin: 12px 12px 23px; font-weight: bold;  }

#spanResName { color: #8CC63F !important; text-decoration: underline; }

#spanGroupName { color: #8CC63F !important; text-decoration: underline; }





.report-dialog-table {  }

.report-dialog-table table { width: 100%; border-collapse: collapse; border: 1px solid #8CC63F; }

.report-dialog-table thead { border: 1px solid; } 

.report-dialog-table th { padding: 4px 8px; border-right: 1px solid; text-align: left; background-color: #8CC63F; color: #002A5C; } 

.report-dialog-table tr {  }

.report-dialog-table td { padding: 4px 8px; }



#history-sel { 
  margin-bottom: 30px;

  z-index: 1000; }



  #event-list-history { margin-top: -18px; }



  .event-type-selection { display: block; clear: both; margin-bottom: 20px; }

  .event-type-selection .et-selection { display: inline-block; margin-right: 20px; }

  .event-type-selection .et-selection input {  margin: 0 0 0rem 0; }

.event-type-selection .et-selection label {
    font-size: .9em;
    line-height: .9em;
}
  

  

  .graph-width { width: 730px !important; }



  .dataTables_processing {

    position: absolute;

    top: 3px;

    left: 50%;

    width: 250px;

    margin-left: -125px;

    border: 1px solid #ddd;

    text-align: center;

    color: #999;

    font-size: 11px;

    padding: 2px 0;

    background-color: white;

  }



  .ui-state-hover { background: #023777 !important; color: #fff !important;}


.ui-state-active:hover {background: #fff !important; }


.bbit-cs-split span:hover {
    background: #023777 !important;
}

  body.body-loading { 

    overflow: hidden;

    cursor: progress;

  }

  body.body-loading .body-loader {

    display: block;

  }

  .body-loader {

    display: none;

    position: fixed;

    z-index: 1000;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background: rgba( 255, 255, 255, .8 ) url('../img/ajax-loader.gif') 50% 50% no-repeat;

  }





  #bulkEntry {  }

  #bulkEntry form { border-left: 1px solid grey; border-right: 1px solid grey; border-bottom: 1px solid grey;  }

  #bulkEntry form .form-section { border-top: 1px solid grey; }

  #bulkEntry form .form-section .section-header { padding: 5px 10px; background: #E0E0E0; font-weight: bold; border-bottom: 1px solid grey; }

  #bulkEntry form .form-section .section-header a.toggle-section { float: right;  }

  #bulkEntry form .form-section .section-content { padding: 10px; background: #FFF; }

  #bulkEntry form .form-section .section-content .section-25 { display: inline-block; width: 24%; vertical-align: top; }

  #bulkEntry form .form-section .section-content .section-25 .input-100 { width: 96%; }

  #bulkEntry form .form-section .section-content .section-25 .datepicker {  }

  #bulkEntry form .form-section .section-content ul {  }

  #bulkEntry form .form-section .section-content ul li { margin-bottom: 6px; }

  #bulkEntry form .form-action { border-top: 1px solid grey; padding: 10px; background: #AAA; text-align: right; }

  #bulkEntry form .form-action button { padding: 4px; margin: 0px 4px; }

  #bulkEntry form .form-section .section-content .dataTables_wrapper {  }

  #bulkEntry form .form-section .section-content .dataTables_wrapper .ui-widget-header { border: 0px; background: #fff; color: #333; }

  #bulkEntry form .form-section .section-content .dataTables_wrapper .dataTables_length { display: inline-block; width: 50%; font-weight: normal; }

  #bulkEntry form .form-section .section-content .dataTables_wrapper .dataTables_filter { display: inline-block; width: 50%; font-weight: normal; text-align: right; }

  #bulkEntry form .form-section .section-content .dataTables_wrapper .dataTables_info { display: inline-block; width: 50%; font-weight: normal; }

  #bulkEntry form .form-section .section-content .dataTables_wrapper .dataTables_paginate { display: inline-block; width: 50%; font-weight: normal; text-align: right; margin: 0px; }

  #bulkEntry form .form-section .section-content .dataTables_wrapper table { width: 100%; border-collapse: collapse; margin: 10px 0px; }

  #bulkEntry form .form-section .section-content .dataTables_wrapper table thead {  }

  #bulkEntry form .form-section .section-content .dataTables_wrapper table thead th { color: #333; border: 1px solid gray; background: #F1F1F1; padding: 4px; font-weight: bold; }

  #bulkEntry form .form-section .section-content .dataTables_wrapper table tbody {  }

  #bulkEntry form .form-section .section-content .dataTables_wrapper table tbody tr.odd { background: #E2E4FF; }

  #bulkEntry form .form-section .section-content .dataTables_wrapper table tbody td { color: #333; border: 1px solid gray; padding: 4px; }

  #bulkEntry form .form-section .section-content .dataTables_wrapper table .dt-center { text-align: center; }

  #bulkEntry form .form-section .section-content .dataTables_wrapper table .dt-left { text-align: left; }

  #bulkEntry form .form-section .section-content .dataTables_wrapper .ui-buttonset .ui-button { margin-right: -1px; color: #333; border: 1px solid gray; background: #F1F1F1; padding: 0px 6px; }



  #dataPointEntry { overflow: scroll; }

#dataPointEntry table { /*width: 1750px !important;*/ }

#dataPointEntry table th {  }

#dataPointEntry table td {  }

#dataPointEntry table td.td-center { text-align: center; }

#dataPointEntry table td input { width: 60px; text-align: center; }



.form-section .section-content .section-data { margin-bottom: 5px; }

.form-section .section-content .section-data label { width: 120px; display: inline-block; font-weight: bold; }

.form-section .section-content .section-data input { width: 220px; }

.form-section .section-content .section-data input.datepicker { width: 120px; }





.metrics-form-container { padding: 10px; }

.metrics-form-container .th-1 { width: 5%; }

.metrics-form-container .th-2 { width: 40%; }

.metrics-form-container .th-3 { width: 20%; }

.metrics-form-container .th-4 { width: 35%; }



.metrics-form-container .text-left { text-align: left; }

.metrics-form-container .text-center { text-align: center; }

.metrics-form-container .text-right { text-align: right; }



.metrics-form-container table { width: 100%; border-spacing: 0px; border-collapse: collapse; /*background: #fff;*/ background: #F0F1FF; }

.metrics-form-container table td, .metrics-form-container table th { padding: 2px 6px; border: 1px solid; vertical-align: top; }

.metrics-form-container table thead { background: #8cc63f; }

.metrics-form-container table thead th {  }

.metrics-form-container table tbody {  }

.metrics-form-container table tr {  }

.metrics-form-container table td input { padding: 0px; font-size: 14px; width: 100%; }

.metrics-form-container table td input.metrics-input-text {  }

.metrics-form-container table td input.metrics-input-date {  }

.metrics-form-container table td input.metrics-input-int { width: 30%; margin-left: 6px; }

.metrics-form-container table td input.metrics-input-float { width: 70%; margin-left: 6px; }



.metrics-form-container table td.spacer { background-color: #ddd; padding: 8px; }





.twitter-typeahead { width: 100%; }

.twitter-typeahead input { border: 1px solid #dfdfdf /*rgb(223, 223, 223)*/; padding: 1px !important; }

.twitter-typeahead .tt-dropdown-menu { width: 100%; background: #fff; border: 1px solid #dfdfdf; }





#metricsReport { padding: 20px 0px; }

#metricsReport table { border-collapse: collapse; }

#metricsReport table th, #metricsReport table td { padding: 4px 8px; border: 1px solid; }

#metricsReport table th { background-color: #92d050; }

#metricsReport table td { background: #F0F1FF; }

#metricsReport table tr:hover td { background: #E2E4FF; }

#metricsReport table td.divider { background-color: #ddd; padding: 8px; }

#metricsReport table tr:hover td.divider { background-color: #ddd; }

#metricsReport table td.text-right { text-align: right; }

#metricsReport table td.text-left { text-align: left; }

#metricsReport table td.text-center { text-align: center; }



#metricsTable .submitted-status { float: left; margin: 1px 4px 0px 0px; }

/* Styles: u dash -> New event */
.bbit-window-header {
  background: #8ec742;
  padding-bottom: 0 !important;
}

.bbit-window-header::after {
  content: " ";
  position: absolute;
  width: 4px;
  height: 100%;
  background: #f4f4f4;
  right: 5px;
  top: 0;
}

.bbit-window-header::before {
  content: " ";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #f4f4f4;
  left: -1px;
  top: 0;
}

.bbit-window-tc {
  background: #f4f4f4 !important;
}