* {
  box-sizing        :border-box;
  -moz-box-sizing   :border-box;
  -webkit-box-sizing:border-box;
  margin            : 0;
  padding           : 0;
}

/* Hacks for IE 8 */
#inside li.flat,
#main .mini-activity li,
#main,
.activity-attributes .tooltip,
.activity-footer .mini-alert,
.activity-footer .tooltip,
.activity-title .seperator,
.calposition,
.disclosure,
.dropdown,
.expander-btn,
.toggle-active,
.ib,
.input-icon,
.layout .course-info h3 a,
.layout .icon-new-status,
.layout h3,
.menu-item,
.menu-item.odd,
.meta a,
.popout-section li a,
.popout-section li,
.search b,
.search-input,
.status-message [class^="icon-"],
.status-new,
.status-old,
.x-action-col-icon,
[class*="section_"] ul li span[style*="color"],
[class*="section_"] ul li span[style*="font-weight"],
[class*="span"],
[class^="alert-"].expander .read-more,
[class^="alert-"].expander.active .read-less,
[class^="badge"],
[class*="btn-"],
[class^="icon-"],
a [class^="icon-"] span,
p,
.navModule ul li label,
.navModule ul li a,
.iform-label_checkbox a {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display:inline;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
table,
.x-panel div,
.iform div {
  font-family : Arial,Helvetica,sans-serif;
  font-size   : 12px;
}

body#blank {
  color      : #000;
  background : #DDD;
}

#print {
  color      : #000;
  background : #FFF;
}

a {
  text-decoration: none;
  color          : #0066B0;
  cursor         : pointer;
}

a:hover {
  text-decoration: underline;
}

/* --------------------------// Headings */

[class*='section_'] [class*='padding'] h1 {
  margin-bottom : 6px;
  font-size     : 14px;
}

[class*='section_'] [class*='padding'] h2 {
  margin-bottom : 8px;
  border        : none;
  text-indent   : 0;
  font-size     : 12px;
  font-size     : 13px;
  font-weight   : bold;
  line-height   : 13px;
  background    : none;
  filter        : none;
}

[class*='section_'] h3 {
  margin-bottom : 8px;
  font-size     : 13px;
}

[class*='section_'] h4 {
  margin-bottom : 8px;
  font-size     : 13px;
  font-weight   : normal;
  color         : #7C7C7C;
}

[class*='section_'] h4 + h4 { margin-top: 8px; }

/* -------------// Paragraph */
p {
  width         : 100%;
  margin-bottom : 9px;
}

strong { font-weight: bold; }

br { font-size: 10px; }

hr {
  border    : none;
  border-top: 1px solid #E6E4E4;
  margin    : 10px 0;
}

.red   { color : #D61212; background  : none;   }
.amber { color : #DD9F00;                       }
.green { color : #6CD800; background  : none;   }
.grey  { color : #7C7C7C;                       }
.light { color : #A7A7A7; font-weight : normal; }


.small {
  font-size: 12px;
  line-height: 20px;
}

sup {
  font-size: 10px;
}

li.flat + li {
  margin-top: 0;
  border: none;
}

/* -------------- Meta */
.meta a {
  font-size: 13px;
  line-height: 20px;
}

.meta a + a,
.meta span + span {
  margin-left: 18px;
}

/* --------------------------// Layout Classes */
.center {
  text-align: center;
}

.right     { text-align : right    ; }
.left      { text-align : left     ; margin-right : -1px ; }
.top-right { position   : absolute ; top          : 0    ; right : 0 ; }

.aright {
  position: absolute;
  right: 0;
}

.aleft {
  position: absolute;
  left: 0;
}

/* ------------- Padding */
[class*="padding"],
[class*="margin"] {
  position      : relative;
  display       : block;
  vertical-align: top;
}

td[class*="padding"],
td[class*="margin"] {
  display: table-cell;
}

.padding10 { padding: 5px; }
.padding20 { padding: 12px; }
.padding30 { padding: 14px; }
.padding40 { padding: 18px; }

.nopadding { padding: 0 !important; }

.margin10 { margin: 5px; }
.margin20 { margin: 10px; }
.margin30 { margin: 15px; }
.margin40 { margin: 20px; }
.margin60 { margin: 30px; }

.nomargin { margin: 0 !important; }

[class*="padding"].notop       { padding-top    : 0;                     }
[class*="margin"].notop        { margin-top     : 0;                     }
[class*="padding"].nobottom    { padding-bottom : 0;                     }
[class*="margin"].nobottom     { margin-bottom  : 0;                     }
[class*="padding"].notopbottom { padding-top    : 0; padding-bottom : 0; }
[class*="margin"].notopbottom  { margin-top     : 0; margin-bottom  : 0; }
[class*="padding"].noside      { padding-left   : 0; padding-right  : 0; }
[class*="margin"].noside       { margin-left    : 0; margin-right   : 0; }
[class*="padding"].noleft      { padding-left   : 0;                     }
[class*="padding"].noright     { padding-right  : 0;                     }
[class*="padding"].notop       { padding-top    : 0;                     }
[class*="padding"] p.notop,
[class*="margin"].notop        { margin-top     : 0;                     }
[class*="padding"].nobottom    { padding-bottom : 0;                     }
[class*="padding"] p.nobottom,
[class*="margin"].nobottom     { margin-bottom  : 0;                     }
[class*="padding"] p.notopbottom,
[class*="margin"].notopbottom  { margin-top     : 0; margin-bottom  : 0; }
[class*="padding"] p.noside,
[class*="margin"].noside       { margin-left    : 0; margin-right   : 0; }
[class*="padding"] p.noleft,
[class*="margin"].noleft       { margin-left    : 0;                     }
[class*="padding"] p.noright,
[class*="margin"].noright      { margin-right   : 0;                     }

/* ------------ Columns */

[class*="span"] { position: relative; }

th[class*="span"],
td[class*="span"] { display: table-cell; }

.span_5   { width: 2.083%;             }
.span1    { width: 4.166%;             }
.span1_5  { width: 6.25%;              }
.span2    { width: 8.33%;              }
.span2_5  { width: 10.41666666666667%; }
.span3    { width: 12.5%;              }
.span3_5  { width: 14.58333333333333%; }
.span4    { width: 16.66%;             }
.span4_5  { width: 18.75%;             }
.span5    { width: 20.83%;             }
.span5_5  { width: 22.91666666666667%; }
.span6    { width: 25%;                }
.span6_5  { width: 27.08333333333333%; }
.span7    { width: 29.166%;            }
.span7_5  { width: 31.25%;             }
.span8    { width: 33.33%;             }
.span8_5  { width: 35.41666666666667%; }
.span9    { width: 37.5%;              }
.span9_5  { width: 39.58333333333333%; }
.span10   { width: 41.66%;             }
.span10_5 { width: 43.75%;             }
.span11   { width: 45.83%;             }
.span11_5 { width: 47.91666666666667%; }
.span12   { width: 50%;                }
.span12_5 { width: 52.08333333333333%; }
.span13   { width: 54.16%;             }
.span13_5 { width: 56.25%;             }
.span14   { width: 58.33%;             }
.span14_5 { width: 60.41666666666667%; }
.span15   { width: 62.5%;              }
.span15_5 { width: 64.58333333333333%; }
.span16   { width: 66.66%;             }
.span16_5 { width: 68.75%;             }
.span17   { width: 70.83%;             }
.span17_5 { width: 72.91666666666667%; }
.span18   { width: 75%;                }
.span18_5 { width: 77.08333333333333%; }
.span19   { width: 79.16%;             }
.span19_5 { width: 81.25%;             }
.span20   { width: 83.33%;             }
.span20_5 { width: 85.41666666666667%; }
.span21   { width: 87.5%;              }
.span21_5 { width: 89.58333333333333%; }
.span22   { width: 91.66%;             }
.span22_5 { width: 93.75%;             }
.span23   { width: 95.83%;             }
.span23_5 { width: 97.91666666666667%; }
.span24   { width: 100%;               }

/* Push */
.left_5   { margin-left: 2.083%;             }
.left1    { margin-left: 4.16%;              }
.left1_5  { margin-left: 6.25%;              }
.left2    { margin-left: 8.33%;              }
.left2_5  { margin-left: 10.41666666666667%; }
.left3    { margin-left: 12.5%;              }
.left3_5  { margin-left: 14.58333333333333%; }
.left4    { margin-left: 16.66%;             }
.left4_5  { margin-left: 18.75%;             }
.left5    { margin-left: 20.83%;             }
.left5_5  { margin-left: 22.91666666666667%; }
.left6    { margin-left: 25%;                }
.left6_5  { margin-left: 27.08333333333333%; }
.left7    { margin-left: 29.16%;             }
.left7_5  { margin-left: 31.25%;             }
.left8    { margin-left: 33.33%;             }
.left8_5  { margin-left: 35.41666666666667%; }
.left9    { margin-left: 37.5%;              }
.left9_5  { margin-left: 39.58333333333333%; }
.left10   { margin-left: 41.66%;             }
.left10_5 { margin-left: 43.75%;             }
.left11   { margin-left: 44.83%;             }
.left11_5 { margin-left: 47.91666666666667%; }
.left12   { margin-left: 50%;                }
.left12_5 { margin-left: 52.08333333333333%; }
.left13   { margin-left: 54.16%;             }
.left13_5 { margin-left: 56.25%;             }
.left14   { margin-left: 58.33%;             }
.left14_5 { margin-left: 60.41666666666667%; }
.left15   { margin-left: 62.5%;              }
.left15_5 { margin-left: 64.58333333333333%; }
.left16   { margin-left: 66.66%;             }
.left16_5 { margin-left: 68.75%;             }
.left17   { margin-left: 70.83%;             }
.left17_5 { margin-left: 72.91666666666667%; }
.left18   { margin-left: 75%;                }
.left18_5 { margin-left: 77.08333333333333%; }
.left19   { margin-left: 79.16%;             }
.left19_5 { margin-left: 81.25%;             }
.left20   { margin-left: 83.33%;             }
.left20_5 { margin-left: 85.41666666666667%; }
.left21   { margin-left: 87.5%;              }
.left21_5 { margin-left: 89.58333333333333%; }
.left22   { margin-left: 91.66%;             }
.left22_5 { margin-left: 93.75%;             }
.left23   { margin-left: 95.83%;             }
.left23_5 { margin-left: 97.91666666666667%; }

/* Pull */
.right_5   { margin-right: 2.083%;             }
.right1    { margin-right: 4.16%;              }
.right1_5  { margin-right: 6.25%;              }
.right2    { margin-right: 8.33%;              }
.right2_5  { margin-right: 10.41666666666667%; }
.right3    { margin-right: 12.5%;              }
.right3_5  { margin-right: 14.58333333333333%; }
.right4    { margin-right: 16.66%;             }
.right4_5  { margin-right: 18.75%;             }
.right5    { margin-right: 20.83%;             }
.right5_5  { margin-right: 22.91666666666667%; }
.right6    { margin-right: 25%;                }
.right6_5  { margin-right: 27.08333333333333%; }
.right7    { margin-right: 29.16%;             }
.right7_5  { margin-right: 31.25%;             }
.right8    { margin-right: 33.33%;             }
.right8_5  { margin-right: 35.41666666666667%; }
.right9    { margin-right: 37.5%;              }
.right9_5  { margin-right: 39.58333333333333%; }
.right10   { margin-right: 41.66%;             }
.right10_5 { margin-right: 43.75%;             }
.right11   { margin-right: 44.83%;             }
.right11_5 { margin-right: 47.91666666666667%; }
.right12   { margin-right: 50%;                }
.right12_5 { margin-right: 52.08333333333333%; }
.right13   { margin-right: 54.16%;             }
.right13_5 { margin-right: 56.25%;             }
.right14   { margin-right: 58.33%;             }
.right14_5 { margin-right: 60.41666666666667%; }
.right15   { margin-right: 62.5%;              }
.right15_5 { margin-right: 64.58333333333333%; }
.right16   { margin-right: 66.66%;             }
.right16_5 { margin-right: 68.75%;             }
.right17   { margin-right: 70.83%;             }
.right17_5 { margin-right: 72.91666666666667%; }
.right18   { margin-right: 75%;                }
.right18_5 { margin-right: 77.08333333333333%; }
.right19   { margin-right: 79.16%;             }
.right19_5 { margin-right: 81.25%;             }
.right20   { margin-right: 83.33%;             }
.right20_5 { margin-right: 85.41666666666667%; }
.right21   { margin-right: 87.5%;              }
.right21_5 { margin-right: 89.58333333333333%; }
.right22   { margin-right: 91.66%;             }
.right22_5 { margin-right: 93.75%;             }
.right23   { margin-right: 95.83%;             }
.right23_5 { margin-right: 97.91666666666667%; }

/* ------------- Web Reg */
#WebRegHeader {
  display: block;
  height : 70px;
}

/* ------------- Third Party Logo */
#third_party_logo {
  display   : block;
  height    : 70px;
  background: #FFF;
}



/* -------------- Expander */

.expander {
  display : block;
  position: relative;
}

  .expander label {
    margin-bottom: 0;
  }

  .expander-btn {
    position            : relative;
    top                 : -1px;
    width               : 16px;
    height              : 16px;
    margin              : 0 5px 0 0;
    vertical-align      : top;
    background-image    : url('/mvc/assets/images/2013/sprites_expander.png');
    background-position : -8px -8px;
  }

  .expander-btn:hover        { background-position: -8px -40px;  }
  .expander-btn-active       { background-position: -8px -72px;  }
  .expander-btn-active:hover { background-position: -8px -104px; }

  .info .expander-btn,
  h1 .expander-btn,
  h2 .expander-btn,
  h3 .expander-btn          { margin-top : 7px;  }
  .expander p .expander-btn { top        : 0;    }
  p .expander-btn           { margin-top : -1px; }
  .navModule .expander-btn  { margin-top : 6px;  }
  label .expander-btn       { margin-top : 4px;  }

  .expander-white {
    background-image: url('/mvc/assets/images/2013/sprites_expander-white.png');
  }

  h2.expander-trigger .expander-btn {
    background-image: url('/mvc/assets/images/2013/sprites_expander.png');
  }

.expander.active .toggle,
.expander .toggle-active,
.expander-section { display: none; }

.expander-section-active { display: block; }

  .expander-section > ul > li {
    padding-top  : 8px;
    padding-right: 13px;
    padding-left : 13px;
    line-height  : 30px;
    color        : #858594;
  }

  .expander-section li + li {
    margin-top: 0px;
  }

  .expander-section .x-grid3-row-selected {
      background-color: #E3EBF7 !important; /* MLM: overriding ext-all.css */
  }


/* --------------------------------------- Disclosure */

.disclosure {
  width     : 16px;
  height    : 16px;
  background: url('/mvc/assets/images/2013/sprites_ui.png');
}

/* ---------------------------------------  Site Structure */

/* ------------------  Buttons */

[class^="btn"]:hover { text-decoration: none; }

.btn,
.btn-yellow,
.btn-orange,
.btn-blue,
.btn-lightblue,
.btn-green,
.btn-red,
.btn-small,
.btn-yellow-small,
.btn-orange-small,
.btn-blue-small,
.btn-lightblue-small,
.btn-green-small,
.btn-red-small,
.btn-micro,
.btn-yellow-micro,
.btn-orange-micro,
.btn-blue-micro,
.btn-lightblue-micro,
.btn-green-micro,
.btn-red-micro {
  text-align : center;
  box-shadow : 0 1px 1px rgba(0,0,0,0.1);
  cursor     : pointer;
}

.btn,
.btn-yellow,
.btn-orange,
.btn-blue,
.btn-lightblue,
.btn-green,
.btn-red {
  background: url('/mvc/assets/images/2013/sprites_btn.png');
  height: 22px;
  line-height: 21px;
}

.btn-micro,
.btn-yellow-micro,
.btn-orange-micro,
.btn-blue-micro,
.btn-lightblue-micro,
.btn-green-micro,
.btn-red-micro {
  padding       : 0 3px;
  border-radius : 3px;
  font-size     : 10px;
  line-height   : 13px;
  background    : url('/mvc/assets/images/2013/sprites_btn-micro.png');
}

.btn-small,
.btn-yellow-small,
.btn-orange-small,
.btn-blue-small,
.btn-lightblue-small,
.btn-green-small,
.btn-red-small {
  border-radius : 3px;
  font-size     : 11px;
  background    : url('/mvc/assets/images/2013/sprites_btn-small.png');
  height       : 20px;
  padding      : 0 6px;
  line-height  : 18px;
  font-size    : 12px;
}

/* Grey Button */
.btn,
.btn-small,
.btn-micro,
[type="submit"] {
  border     : 1px solid #B0B0B0;
  color      : #20202F;
}

.btn-small             { background-position: 0 0;     }
.btn-small:hover       { background-position: 0 -24px; }
.btn-small:active      { background-position: 0 -48px; }

.btn-micro             { background-position: 0 0;     }
.btn-micro:hover       { background-position: 0 -17px; }
.btn-micro:active      { background-position: 0 -34px; }

.btn                   { background-position: 0 0;     }
.btn:hover,
[type="submit"]:hover  { background-position: 0 -30px; }
.btn:active,
[type="submit"]:active { background-position: 0 -60px; }
.btn[disabled],
.btn.disabled,
.btn-small.disabled,
.btn-small[disabled],
.btn-micro.disabled,
.btn-micro[disabled],
[type="submit"][disabled] {
  border-color: #C3C3C3;
  background  : #D6D6D6;
  color       : #818097;
}

/* Yellow Button */
.btn-yellow,
.btn-yellow-small,
.btn-yellow-micro {
  border              : 1px solid #DB9E5A;
  text-shadow         : 0 1px 0 rgba(250,250,250,0.5);
  color               : #D85700;
  background-position : 0 -90px;
}

.btn-yellow:hover         { background-position: 0 -120px; }
.btn-yellow:active        { background-position: 0 -150px; }

.btn-yellow-small         { background-position: 0 -72px; }
.btn-yellow-small:hover   { background-position: 0 -96px; }
.btn-yellow-small:active  { background-position: 0 -120px; }

.btn-yellow-micro         { background-position: 0 -51px; }
.btn-yellow-micro:hover   { background-position: 0 -69px; }
.btn-yellow-micro:active  { background-position: 0 -86px; }

.btn-yellow[disabled],
.btn-yellow.disabled,
.btn-yellow-micro[disabled],
.btn-yellow-micro.disabled,
.btn-yellow-small[disabled],
.btn-yellow-small.disabled  {
  color       : #FC911B;
  background  : #FED260;
  border-color: #E1AF79;
  box-shadow  : inset 0 1px 1px #2D70B8,0 1px 1px rgba(0,0,0,0.1);
}

/* Light Blue Button */
.btn-lightblue,
.btn-lightblue-small,
.btn-lightblue-micro {
  border             : 1px solid #519EE9;
  color              : #124F8B;
  text-shadow        : 0 1px 0 rgba(250, 250, 250, 0.5);
  background-position: 0 -270px;
}

.btn-lightblue:hover        { background-position: 0 -300px; }
.btn-lightblue:active       { background-position: 0 -330px; }

.btn-lightblue-small        { background-position: 0 -216px; }
.btn-lightblue-small:hover  { background-position: 0 -240px; }
.btn-lightblue-small:active { background-position: 0 -264px; }

.btn-lightblue-micro        { background-position: 0 -154px; }
.btn-lightblue-micro:hover  { background-position: 0 -171px; }
.btn-lightblue-micro:active { background-position: 0 -188px; }

.btn-lightblue.disabled,
.btn-lightblue[disabled],
.btn-lightblue-small.disabled,
.btn-lightblue-small[disabled],
.btn-lightblue-micro.disabled,
.btn-lightblue-micro[disabled] {
  color     : #559DD2;
  background: #C0D8EE;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.1);
}

/* Orange Button */
.btn-orange,
.btn-orange-small,
.btn-orange-micro {
  /* MJM 
  color           : #FEE6CF;
  background      : #FFB46F;
  background-position: 0 -180px;
  */
  background      : #6699CC;
  color           : #FFFFFF;
  border          : 1px solid #4B7FB4;
}


.btn-orange:hover        { background      : #4679AC;}
.btn-orange:active       { background      : #4679AC;}

.btn-orange-small        { background      : #6699CC;}
.btn-orange-small:hover  { background      : #4679AC;}
.btn-orange-small:active { background      : #4679AC;}

.btn-orange-micro        { background      : #6699CC;}
.btn-orange-micro:hover  { background      : #4679AC;}
.btn-orange-micro:active { background      : #4679AC;}

/* MJM
.btn-orange:hover        { background-position: 0 -210px; }
.btn-orange:active       { background-position: 0 -240px; }

.btn-orange-small        { background-position: 0 -144px; }
.btn-orange-small:hover  { background-position: 0 -168px; }
.btn-orange-small:active { background-position: 0 -192px; }

.btn-orange-micro        { background-position: 0 -103px; }
.btn-orange-micro:hover  { background-position: 0 -120px; }
.btn-orange-micro:active { background-position: 0 -137px; }
*/

.btn-orange.disabled,
.btn-orange[disabled],
.btn-orange-micro.disabled,
.btn-orange-micro[disabled],
.btn-orange-small.disabled,
.btn-orange-small[disabled] {
  border          : 1px solid #4B7FB4;
  /* MJM 
  color           : #FEE6CF;
  background      : #FFB46F;
  */
  background      : #6699CC;
  color           : #FFFFFF;
  box-shadow      : inset 0 1px 0 rgba(0,0,0,0.1), 0 1px 1px rgba(0,0,0,0.1);
}

/* Blue Button */
.btn-blue,
.btn-blue-small,
.btn-blue-micro {
  border             : 1px solid #1C5292;
  color              : #FFFFFF;
  background-position: 0 -360px;
}

.btn-blue:hover        { background-position: 0 -390px; }
.btn-blue:active       { background-position: 0 -420px; }

.btn-blue-small        { background-position: 0 -288px; }
.btn-blue-small:hover  { background-position: 0 -312px; }
.btn-blue-small:active { background-position: 0 -337px; }

.btn-blue-micro        { background-position: 0 -205px; }
.btn-blue-micro:hover  { background-position: 0 -222px; }
.btn-blue-micro:active { background-position: 0 -239px; }

.btn-blue.disabled,
.btn-blue[disabled],
.btn-blue-small.disabled,
.btn-blue-small[disabled],
.btn-blue-micro.disabled,
.btn-blue-micro[disabled] {
  background: #4C99E2;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
  color     : #87C6FD;
}

/* Red Button */
.btn-red,
.btn-red-small,
.btn-red-micro {
  border             : 1px solid #912323;
  color              : #FFFFFF;
  background-position: 0 -450px;
}

.btn-red:hover        { background-position: 0 -480px; }
.btn-red:active       { background-position: 0 -510px; }

.btn-red-small        { background-position: 0 -360px; }
.btn-red-small:hover  { background-position: 0 -384px; }
.btn-red-small:active { background-position: 0 -408px; }

.btn-red-micro        { background-position: 0 -256px; }
.btn-red-micro:hover  { background-position: 0 -273px; }
.btn-red-micro:active { background-position: 0 -290px; }

.btn-red.disabled,
.btn-red[disabled],
.btn-red-small.disabled,
.btn-red-small[disabled],
.btn-red-micro.disabled,
.btn-red-micro[disabled] {
  border-color: #B63B3B;
  color       : #FDB4B4;
  background  : #E85050;
  box-shadow  : inset 0 1px 1px rgba(0,0,0,0.1) ,0 1px 1px rgba(0,0,0,0.1);
}

/* Green Button */
.btn-green,
.btn-green-small,
.btn-green-micro {
  border             : 1px solid #1A8E09;
  color              : #fff;
  background-position: 0 -540px;
  box-shadow         : 0 1px 1px rgba(0,0,0,0.1);
}

.btn-green              { background-position: 0 -570px; }
.btn-green:active       { background-position: 0 -600px; }

.btn-green-small        { background-position: 0 -432px; }
.btn-green-small:hover  { background-position: 0 -466px; }
.btn-green-small:active { background-position: 0 -490px; }

.btn-green-micro        { background-position: 0 -307px; }
.btn-green-micro:hover  { background-position: 0 -324px; }
.btn-green-micro:active { background-position: 0 -341px; }

.btn-green.disabled,
.btn-green[disabled],
.btn-green-small.disabled,
.btn-green-small[disabled],
.btn-green-micro.disabled,
.btn-green-micro[disabled] {
  border-color: #20AD0C;
  color       : #AAE1BB;
  background  : #43D448;
  box-shadow  : inset 0 1px 1px rgba(0,0,0,0.1) ,0 1px 1px rgba(0,0,0,0.1);
}

.btn,
.btn-yellow,
.btn-lightblue,
.btn-orange,
.btn-blue,
.btn-green,
.btn-red,
.btn-yellow {
  position           : relative;
  padding            : 0 10px;
  border-radius      : 5px;
  overflow           : hidden;
  text-align         : center;
  font-size          : 13px;
  font-weight        : 400;
  cursor             : pointer;
  -webkit-user-select: none;
  -moz-user-select   : none;
  user-select        : none;
  text-overflow      : ellipsis;
  -ms-user-select    : none;
  -o-user-select     : none;
}

[class*="btn"].disabled,
[class*="btn"]:disabled {
  cursor: default;
}

[class*="btn"] .icon-copy {
  top              : 3px;
  width            : 16px;
  height           : 16px;
  margin           : 0 5px 0 -2px;
  margin-right     : -2px;
  background-image : url('/mvc/assets/images/2013/sprites_icons-grey.png');
}

[class*="btn"] + [class*="btn"] { margin-left: 10px; }

[class*="btn"] br { display: none; }

.btn:hover,
[class^="btn-"]:hover { text-decoration: none; }

/* Button Tooltip */
.btn-tip {
  display    : block;
  position   : relative;
  text-align : left;
}

.btn-tip [class*="btn"] {
  display            : block;
  margin-right       : 33px;
  border-right-width : 0;
  border-radius      : 5px 0 0 5px;
  text-align         : inherit;
}

.btn-tip [class*="btn"] + [class*="btn"] {
  position           : absolute;
  top                : 0;
  right              : 0;
  width              : 35px;
  margin-right       : 0;
  border-right-width : 1px;
  border-radius      : 0 5px 5px 0;
}

[class*="btn"] [class*="icon-"] {
  top            : 0px;
  right          : 3px;
  vertical-align : top;
}

/* -------------// Button Switch */
.switch {
  display : block;
  height  : 32px;
  width   : 100%;
}

.switch .btn {
  margin: 0;
  width: 90px;
}

.switch .switch-first {
  border-radius: 5px 0 0 5px;
}

.switch .switch-first ~ .btn {
  border-radius: 0;
  margin-left: -2px;
}

.switch .switch-first ~ .switch-last {
  border-radius: 0 5px 5px 0;
}

/* ------------------------------------------------------------------  Badges */
[class^="badge"] {
  padding        : 0 8px;
  border-radius  : 9px;
  text-indent    : 0;
  text-transform : capitalize;
  font-size      : 11px;
  line-height    : 18px;
  color          : #FFF;
  background     : #4A4A4A;
}

.badge-small,
.badge-green-small,
.badge-blue-small,
.badge-red-small {
  margin-top   : 10px;
  padding      : 0 6px;
  border-radius: 8px;
  font-size    : 11px;
  line-height  : 16px;
}

.badge-blue,
.badge-blue-small,
.badge-approved {
  background: #094E83;
}

.badge-red,
.badge-red-small {
  background: #CC3914;
}

.badge-green,
.badge-complete,
.badge-green-small {
  background: #0D9E08;
}

.badge-amber,
.badge-pending {
  background: #FFB700;
}

.badge-purple {
  background: #c29fb9;
}

[class^="badge"].block {
  width: 100%;
  text-align: center;
}

[class*="btn"] [class*="badge"] {
  margin-left: 6px;
}

.x-panel-body [class*="badge"] {
  margin-top  : 0;
  margin-left : 5px;
  font-size   : 10px;
  line-height : 13px;
}

/* -------------------------- Tables */
table.grid {
  width       : 100%;
  table-layout: fixed;
  font-size   : 13px;
}

.calendar-table,
.calendar-table-list,
.calendar-table-month,
.calendar-table-day,
.cal_buttons {
  font-size: 12px;
}

.cal_buttons {
  width: 100%;
}

.cal_buttons td {
  padding: 0 10px;
  line-height: 23px;
}

.calendar-table-list tr {
  line-height: 25px;
}

.calendar-date-title {
  font-style  : bold;
  line-height : 22px;
  background  : #c2dbff;
}

.calendar-table-quickadd {
  width      : 100%;
  background : #ededed;
  border     : 1px solid #b1b1b1;
}

/* ------------------------  Sections */
  [class*="section_"] {
    margin    : 0 0 10px 0;
    padding   : 1px;
    border    : 1px solid #D6D8D9;
    font-size : 0;
    background: #FFF;
    box-shadow: 0 2px 0 rgba(0,0,0,0.05);
  }

/* ------------ Section Headings */
  [class*="section_"] > h1,
  .section-title {
    margin     : 0 0 1px 0;
    text-align : left;
    padding-left: 7px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    font-size  : 13px;
    font-weight: bold;
    line-height: 26px;
    color      : #fff;
  }

.section-subtitle,
[class*="section_"] > h2,
[class*="section_"] h2.expander-trigger {
  position        : relative;
  width           : 100%;
  margin-top      : -1px;
  border-top      : 1px solid #D3D3D3;
  border-bottom   : 1px solid #D3D3D3;
  text-indent     : 7px;
  font-size       : 13px;
  font-weight     : normal;
  line-height     : 27px;
  color           : #1F1F2E;
  background      : #F3F3F3;
  background-image: -webkit-linear-gradient(bottom,#E6E6E6,#F3F3F3);
  background-image: -moz-linear-gradient(bottom,#E6E6E6,#F3F3F3);
  background-image: -ms-linear-gradient(bottom,#E6E6E6,#F3F3F3);
  background-image: linear-gradient(bottom,#E6E6E6,#F3F3F3);
  box-shadow      : inset 0 1px 0 rgba(255,255,255,0.7);
  filter          : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#F3F3F3, endColorstr=#E6E6E6) ";
  -ms-filter      : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#F3F3F3, endColorstr=#E6E6E6) ";
}

  .formBlue .section-subtitle {
    border-color     : #6D9DDF;
    color            : #0e4ca6;
    background-image : -webkit-linear-gradient(bottom,#86B7FF,#B6DFFF);
    background-image : -moz-linear-gradient(bottom,#86B7FF,#B6DFFF);
    background-image : -ms-linear-gradient(bottom,#86B7FF,#B6DFFF);
    background-image : linear-gradient(bottom,#86B7FF,#B6DFFF);
    filter           : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#B6DFFF, endColorstr=#86B7FF) ";
    -ms-filter       : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#B6DFFF, endColorstr=#86B7FF) ";
  }

  .formYellow .section-subtitle {
    border-color     : #fa9e0d;
    color            : #b5680c;
    background-image : -webkit-linear-gradient(bottom,#fdba0a,#fce109);
    background-image : -moz-linear-gradient(bottom,#fdba0a,#fce109);
    background-image : -ms-linear-gradient(bottom,#fdba0a,#fce109);
    background-image : linear-gradient(bottom,#fdba0a,#fce109);
    filter           : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#fce109, endColorstr=#fdba0a) ";
    -ms-filter       : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#fce109, endColorstr=#fdba0a) ";
  }

  .formGreen .section-subtitle {
    border-color     : #34B84C;
    color            : #186909;
    background-image : -webkit-linear-gradient(bottom,#85E46E,#B3F3A2);
    background-image : -moz-linear-gradient(bottom,#85E46E,#B3F3A2);
    background-image : -ms-linear-gradient(bottom,#85E46E,#B3F3A2);
    background-image : linear-gradient(bottom,#85E46E,#B3F3A2);
    filter           : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#B3F3A2, endColorstr=#85E46E) ";
    -ms-filter       : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#B3F3A2, endColorstr=#85E46E) ";
  }

  .formPink .section-subtitle {
    border-color     : #E0618F;
    color            : #8A2053;
    background-image : -webkit-linear-gradient(bottom,#F58FBD,#FFCDE5);
    background-image : -moz-linear-gradient(bottom,#F58FBD,#FFCDE5);
    background-image : -ms-linear-gradient(bottom,#F58FBD,#FFCDE5);
    background-image : linear-gradient(bottom,#F58FBD,#FFCDE5);
    filter           : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#FFCDE5, endColorstr=#F58FBD) ";
    -ms-filter       : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#FFCDE5, endColorstr=#F58FBD) ";
  }

  .formPurple .section-subtitle {
    border-color     : #AD6CE0;
    color            : #7A4183;
    background-image : -webkit-linear-gradient(bottom,#B88FF5,#F7CDFF);
    background-image : -moz-linear-gradient(bottom,#B88FF5,#F7CDFF);
    background-image : -ms-linear-gradient(bottom,#B88FF5,#F7CDFF);
    background-image : linear-gradient(bottom,#B88FF5,#F7CDFF);
    filter           : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#F7CDFF, endColorstr=#B88FF5) ";
    -ms-filter       : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#F7CDFF, endColorstr=#B88FF5) ";
  }

  [class*="section_"] h2.alert {
    font-weight  : bold;
    color        : #CC3914;
  }


  [class*="section_"] > h3 {
    margin-left: 20px;
    margin-bottom: 10px;
  }

    [class*="section_"] h1 .expander-btn {
      margin-left: 0;
    }

    [class*="section_"] ul + h2 { border-top: none; }

    [class*="section_"] h2 b { font-weight: normal; }

    [class*="section_"] h2 .badge {
      position   : absolute;
      top        : 5px;
      right      : 10px;
      min-width  : 10px;
      text-align : center;
      text-indent: 0;
      text-shadow: 0 1px 1px rgba(0,0,0,0.3);
      background : #EC5F00;
      box-shadow : inset 0 1px 1px rgba(0,0,0,0.3);
    }

      [class*="section_"].expander .expander h2 > .expander-btn {
        margin-left: 0;
      }

/* --------------------------// Section Heading Dropdown */
    [class*="section_"] > h1 .popout {
      position: absolute;
      top     : 10px;
      right   : 6px;
    }

      [class*="section_"] > h1 .popout i,
      #tabsB .icon-gear {
        width     : 16px;
        height    : 16px;
        background: url('/mvc/assets/images/2013/sprites_icons-grey.png');
      }

      [class*="section_"] > h1 .popout > i {
        position  : absolute;
        top       : 0;
        right     : 0;
      }

      [class*="section_"] > h1 .popout i.icon-gear,
      #tabsB .icon-gear {
        background-position: -32px -16px;
      }

/* -------------// Popout Section */

.popout {
  position: relative;
}

.popout-section {
  display   : none;
  z-index   : 99999;
  position  : absolute;
  top       : 20px;
  right     : 0;
  border    : 1px solid #DADADA;
  background: #FFF;
}

  .popout.active .popout-section {
    display : block;
    position: absolute;
    top     : 23px;
    right   : -6px;
  }

  .popout.active [class*="btn"] ~ .popout-section {
    top: 35px;
  }

  .popout.active ul.popout-section {
    padding: 3px 0;
  }

  .popout-section .arrow {
    z-index            : 1;
    position           : absolute;
    top                : -18px;
    right              : 9px;
    width              : 0;
    height             : 0;
    border             : 9px solid transparent;
    border-bottom-color: #D3D3D3;
  }
    .popout-section .arrow span {
      z-index            : 20;
      position           : absolute;
      top                : -6px;
      right              : -8px;
      border             : 8px solid transparent;
      border-bottom-color: #FFF;
    }

  .popout-section li {
    margin: 0 !important;
    min-width       : 177px;
  }

  .popout-section li + li {
    border-top: 1px solid #F2F2F2;
    margin-top: 0;
  }


    .popout-section li i {
      margin-right: 5px;
      top: -2px;
    }

.popout-section li i.icon-preferences { background-position: -48px -16px; }

.popout-section li i.icon-history { background-position: -16px -32px; }

.popout-section li:hover i.icon-preferences { background-position: -32px -16px; }

.popout-section li:hover i.icon-history { background-position: 0 -32px; }

.popout-section li a {
  width           : 100%;
  margin-left     : 0;
  padding         : 0 14px;
  text-align      : left;
  text-decoration : none;
  text-indent     : 0;
  text-shadow     : none;
  font-size       : 13px;
  line-height     : 33px;
  color           : #858594;
}

.popout-section li:hover a {
  color: #FFFFFF;
  background: #48ADFF;
}

.popout-section li a.disabled {
  color: #ACACB7;
  cursor: default;
}

.popout-trigger {
  cursor: pointer;
}

/* ---------------------------------------// Dropdown/Popout */
.dropdown {
  position: relative;
}

  [class*="span"] > .dropdown {
    width: 100%;
  }

  .dropdown > [class*="btn"] {
    position  : absolute;
    top       : 0;
    left      : 0;
    width     : 100%;
    text-align: left;
  }

  .dropdown > [class*="btn"] + [class*="btn"] {
    right                     : 0;
    left                      : auto;
    width                     : 27px;
    margin                    : 0 0 0 -1px;
    min-width                 : 0;
    border-top-left-radius    : 0;
    border-top-right-radius   : 5px;
    border-bottom-left-radius : 0;
    border-bottom-right-radius: 5px;
  }

  [class*="btn"] .seperator {
    position      : absolute;
    top           : 1px;
    right         : 23px;
    height        : 30px;
    border        : 1px solid;
    border-top    : 0;
    border-bottom : 0;
  }

  .btn .seperator           { border-left-color: #B0B0B0; border-right-color: #FFFFFF; }
  .btn-green .seperator     { border-left-color: #1A8E09; border-right-color: #A8E82D; }
  .btn-orange .seperator    { border-left-color: #B0733C; border-right-color: #FDE294; }
  .btn-red .seperator       { border-left-color: #912323; border-right-color: #FF8D8D; }
  .btn-blue .seperator      { border-left-color: #1C5292; border-right-color: #42AEFF; }
  .btn-lightblue .seperator { border-left-color: #519EE9; border-right-color: #E7FFFF; }
  .btn-yellow .seperator    { border-left-color: #DB9E5A; border-right-color: #FFF7E1; }

  [class*="btn"] .arrow {
    position : absolute;
    top      : 13px;
    right    : 10px;
    border   : 3px solid transparent;
  }

  [class*="btn"] .arrow {
    top: 10px;
  }

  .btn .arrow { border-top-color: #666666; }

  .btn-green .arrow,
  .btn-red .arrow,
  .btn-orange .arrow,
  .btn-blue .arrow,
  .btn-lightblue .arrow { border-top-color: #ffffff; }

  .btn-yellow .arrow { border-top-color: #D85700; }

/* Dropdown Menu */
.dropdown.active .popout-section {
  top: 30px;
}
/* Badge Inside buttons */
  [class*="btn"] .badge {
    vertical-align: top;
    margin-top: 6px;
    box-shadow: 0 1px 0 rgba(255,255,255,0.2);
  }

  .btn-orange .badge {
    background: #CF5316;
  }

/* ------------------------ Messages */

div.error {
  padding         : 5px;
  background-color: #FFCCCC;
  color           : #FF0000;
}

  p.time a {
    font-weight: bold;
  }

/* --------------------------// Menu */

.menu {}

  .menu-item,
  .menu-item.odd {
    position      : relative;
    width         : 49.5%;
    margin-right  : 0.5%;
    margin-left   : 0;
    padding       : 3px;
    border        : 1px solid #E5E5E5;
    border-radius : 10px;
    color         : #606060;
    background    : #F7F7F7;
    box-shadow    : 0 1px 2px #fff inset;
  }

  .menu-item.even {
    margin-right: 0;
    margin-left : 0.5%;
  }

  .menu-full {
    display: block;
  }

  .menu-item + .menu-item ~ .menu-item {
    margin-top: 10px;
  }

      .menu h3.disabled .disclosure {
        background-position: 0 -16px;
      }

    .menu-item .disclosure {
      position: absolute;
      right   : 5px;
      top     : 8px;
    }

  .menu h3 ~ p {
    padding: 0 8px;
    text-align: justify;
  }


/* --------------------------// Tooltip */
.tooltip {
  position: relative;
}

.tooltip-trigger {
  cursor: default;
}

.tooltip-section {
  z-index       : 999999;
  position      : absolute;
  padding       : 7px 10px;
  border        : 1px solid #CECECE;
  border-radius : 7px;
  border-color  : #A7DEFD;
  color         : #0085A2;
  background    : #E7F5FF;
  box-shadow    : 0 2px 15px rgba(0, 0, 0, 0.3);
  max-width     : 599px;
  width         : auto;
}

.tooltip .tooltip-section {
  display: none;
}

.tooltip:hover .tooltip-section {
  z-index: 100000;
}

  .tooltip-section p,
  .tooltip-section ul,
  .tooltip-section .text {
    margin-bottom: 0 !important;
    display: block;
    width: auto;
    font-size: 11px;
  }

  .tooltip-section p + p {
    margin-top: 10px;
  }

/* -------------------------- Listing */

  #inside ul {
    list-style: none;
    margin-bottom: 15px;
  }

    [class*="section_"] > ul li {
      display      : block;
      position     : relative;
      padding      : 10px 15px;
      border-bottom: 1px solid #F0F3F5 !important;
      font-size    : 13px;
      line-height  : 22px;
    }

        [class*="section_"] ul li [class^="btn-"].right {
          position: absolute;
          right   : 10px;
          top     : 9px;
        }

  [class*="section_"] > ol { margin-bottom: 15px; }

  [class*="section_"] ol { margin-left: 23px; }

    [class*="section_"] ol li {
      display            : list-item;
      padding            : 6px 15px 6px 0;
      border-bottom      : none !important;
      list-style-position: inside;
      list-style-type    : decimal;
    }

  /* Status Message */

    [class*="section_"] .status-message [class*="padding"] {
      border        : 2px solid #EEE;
      border-radius : 5px;
      font-size     : 13px;
      line-height   : 26px;
      vertical-align: top;
      background    : #FFF;
    }

    [class*="section_"] .status-message li {
      width      : 100%;
      padding    : 0;
      border     : none !important;
      font-size  : 13px;
      line-height: 26px;
    }

    [class*="section_"] .status-message li.alert {
      color: #CC3914;
    }

    [class*="section_"] .status-message i {
      margin: 5px 6px 0 0;
      float: left;
    }

/*
Hacky stuff
Must remove inline style -- this is pretty hacky
*/

      [class*="section_"] ul li span[style*="color"] {
        padding       : 0px 8px;
        border-radius : 10px;
        text-transform: lowercase;
        color         : #FFFFFF !important;
        background    : #2385CF;
      }

      [class*="section_"] ul li span[style*="font-weight"] {
        padding-bottom: 6px;
      }

/*
End the Hacky stuff
*/

/* Action Section, contains buttons for changing the current section contents */
.module-action {
  margin-top: 13px;
  padding   : 10px;
  border    : 1px solid lightGrey;
  background: #F3F3F3;
  box-shadow: inset 0 1px 0 #fff;
}

.module-action { padding: 5px; }

  .module-action [class*="btn"] {
    min-width: 47px;
  }

  .module-action [class*="btn"] + [class*="btn"],
  .module-action [class*="btn"] + .dropdown {
    margin-left: 6px;
  }

    [class*="section_"] .module-action p {
      margin     : 0;
      padding    : 0 0 10px;
      line-height: 20px;
      color      : #585858;
      text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    }

    .module-action p { padding-bottom: 5px; }

/* -------------------------- Sections Directly Inside Sections */

  [class*="section_"] > [class*="section_"] {
    border    : none;
    box-shadow: none;
  }

/* -------------------------- Section D Inside Section */
/* This is a bit hacky, has to be redone later */

#oasys_scheduled > ul,
#action_required > ul,
#complete > ul,
#in_progress > ul {
  margin-bottom: 0;
}

#oasys_scheduled > ul > li,
#action_required > ul > li,
#complete > ul > li,
#in_progress > ul > li {
  padding: 10px 10px !important;
  border-bottom: 1px solid #dfdfdf !important;
}

#oasys_scheduled > ul > li + li,
#action_required > ul > li + li,
#complete > ul > li + li,
#in_progress > ul > li + li {
  margin-top: 0;
}

  [class*="section_"] > .section_D {
    margin       : 12px 10px;
    padding      : 20px;
    border       : 2px solid #F3C81C;
    border-radius: 7px;
    color        : #A23400;
    color        : #A23400;
    background   : #FCF7D6;
  }

    [class*="section_"] > .section_D > h1 {
      margin     : 0 0 10px;
      padding    : 0;
      border     : none;
      text-indent: 0;
      text-shadow: none;
      font-weight: bold;
      line-height: normal;
      color      : #A23400;
      background : none;
    }

      [class*="section_"] > .section_D ul li {
        margin : 0;
        padding: 0;
        border : none !important;
      }

/* -------------------------- Search */
.calposition {
  position : relative;
  width    : 110px;
}

.calposition .icon-calendar {
  position : absolute;
  top      : 0px;
  left     : 1px;
  cursor   : pointer;
}

.date-range p {
  width       : 39px;
  text-align  : center;
  line-height : 30px;
}

input[type='text'].date {
  width: 110px !important;
  padding-left: 27px;
}

  .search-input {
    position: relative;
  }

  .search p {
    margin     : 0;
    font-size  : 13px;
    line-height: 28px;
  }

  .search b {
    height        : 30px;
    font-weight   : normal;
    line-height   : 32px;
  }

/* ------------ Advanced Search */
#SearchBox {
  display      : block;
  padding      : 5px 10px;
  border       : 1px solid #E6E6E6;
  border-radius: 8px;
  background   : #F8F8F8;
}

  #SeacrhBox  p .expander-btn {
    margin-left: 10px;
  }

    #SearchBox  label.checkbox [type="checkbox"] {
      position: relative;
      top     : 1px;
      margin  : 0 10px 0 0;
    }

  #SearchBox select,
  #SearchBox input[type="text"] {
    width        : 100%;
  }

  #SearchBox  hr ~ select {
    margin-top: 0;
  }

  #SearchBox  select ~ [type="text"],
  #Instructor  select ~ [type="text"],
  #Instructor  select ~ select {
    margin-top: 17px;
  }

  #SearchBox hr {
    margin-top: 0;
  }

  .search-info {
    margin-bottom: 10px;
    padding      : 13px;
    font-size    : 13px;
    color        : #6F6F6F;
    text-align: center;
  }

/* -------------------------- Pagination */

.pagination {
  border-top: 1px solid #E0E0E0;
}

  .pagination p {
    margin-left: 10%;
  }

.pagination .paginator-next {
  margin-left: 10px;
  line-height: 32px;
}

.pagination .paginator-prev,
.pagination .paginator-next {
  width: 92px;
}

/* -------------------------------------------- Section title */
.section-title br {
  display: none;
}

[class*="form"] h1.section-title,
[class*="section_"] > h1 { width: 100%; }

/* -------------------------------------------- Section A */
  .iform h1.section-title table {
    box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
  }

  .formWhite h1.section-title,
  .formGray h1.section-title {
    border          : 1px solid #626262;
    color           : #FFFFFF;
    background      : #7C7C7C;
    background-image: -webkit-linear-gradient(bottom,#7C7C7C,#C0C0C0);
    background-image: -moz-linear-gradient(bottom,#7C7C7C,#C0C0C0);
    background-image: -ms-linear-gradient(bottom,#7C7C7C,#C0C0C0);
    background-image: linear-gradient(bottom,#7C7C7C,#C0C0C0);
    filter          : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#C0C0C0, endColorstr=#7C7C7C)";
    -ms-filter      : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#C0C0C0, endColorstr=#7C7C7C)";
  }

  .section_A > h1,
  .section_blue > h1,
  .section_LP > h1,
  .formBlue h1.section-title{
    color           : #FFFFFF;
    border          : 1px solid #652C6C;
    background-color: #652C6C;
    filter          : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#3488D7, endColorstr=#2871B6)";
    -ms-filter      : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#3488D7, endColorstr=#2871B6)";
  }

/* --------------------------------------------  Section B -- instructions */

  .section_B > h1,
  .section_orange > h1 {
    border          : 1px solid #B0733C;
    background      : #F57401;
    background-image: -webkit-linear-gradient(bottom,#F57401,#F8B157);
    background-image: -moz-linear-gradient(bottom,#F57401,#F8B157);
    background-image: -ms-linear-gradient(bottom,#F57401,#F8B157);
    background-image: linear-gradient(bottom,#F57401,#F8B157);
    filter          : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#F8B157, endColorstr=#F57401)";
    -ms-filter      : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#F8B157, endColorstr=#F57401)";
  }

/* ----------------------------------------- Section C */

  .section_C > h1,
  .formPurple h1.section-title{
    border          : 1px solid #6500A8;
    background      : #9700FB;
    background-image: -webkit-linear-gradient(bottom,#9700FB,#BD53FD);
    background-image: -moz-linear-gradient(bottom,#9700FB,#BD53FD);
    background-image: -ms-linear-gradient(bottom,#9700FB,#BD53FD);
    background-image: linear-gradient(bottom,#9700FB,#BD53FD);
    filter          : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#BD53FD, endColorstr=#9700FB)";
    -ms-filter      : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#BD53FD, endColorstr=#9700FB)";
  }

/* --------------------------------------------  Section D - Announcements */

  .section_D > h1 {
    border          : 1px solid #A80000;
    background      : #C73939;
    background-image: -webkit-linear-gradient(bottom,#C73939,#F74F4F);
    background-image: -moz-linear-gradient(bottom,#C73939,#F74F4F);
    background-image: -ms-linear-gradient(bottom,#C73939,#F74F4F);
    background-image: linear-gradient(bottom,#C73939,#F74F4F);
    filter          : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#F74F4F, endColorstr=#C73939)";
    -ms-filter      : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#F74F4F, endColorstr=#C73939)";
  }

/* ------------------------------------------ Section E */

  .section_E > h1,
  .formGreen h1.section-title {
    color           : #FFFFFF;
    border          : 1px solid #58B89B;
    background-color: #58B89B;
  }

/* ------------------------------------------ Form Yellow */

  .formYellow .section-title {
    border: 1px solid #D35D0F;
    text-shadow: none;
    color: #FFF;
    background: #E1B509;
    background-image: -webkit-linear-gradient(bottom,#EE5F00,#FFA505);
    background-image : -moz-linear-gradient(bottom,#EE5F00,#FFA505);
    background-image : -ms-linear-gradient(bottom,#EE5F00,#FFA505);
    background-image : linear-gradient(bottom,#EE5F00,#FFA505);
    filter           : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#FFA505, endColorstr=#EE5F00) ";
    -ms-filter       : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#FFA505, endColorstr=#EE5F00) ";
  }

/* ------------------------------------------ Form Pink */

  .formPink h1.section-title{
    border          : 1px solid #A80000;
    background      : #C73939;
    background-image: -webkit-linear-gradient(bottom,#c1226a,#f23281);
    background-image: -moz-linear-gradient(bottom,#c1226a,#f23281);
    background-image: -ms-linear-gradient(bottom,#c1226a,#f23281);
    background-image: linear-gradient(bottom,#c1226a,#f23281);
    filter          : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#f23281, endColorstr=#c1226a)";
    -ms-filter      : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#f23281, endColorstr=#c1226a)";
  }

  /* Hack, Kill Br tags in headers */
  .section-title br {
    display: none;
  }

  #print .formWhite h1.section-title,
  #print .formGrey h1.section-title,
  #print .formBlue h1.section-title {
    background: none;
  }

/* --------------------------------------------------------------------------  Grid */
/* This is used for tables with a grid of information */

#ReportGrid {
  width          : 720px;
  margin         : 2px;
  padding        : 0;
  border         : 1px #BBB solid;
  border-collapse: collapse;
  overflow       : scroll;
  font-size      : 80%;
}

  #ReportGrid tr.toprow {
    background: #DDD;
  }

  #ReportGrid tr.bottomrow {
    border-top   : 1px #BBB solid;
    border-bottom: 1px #BBB solid;
    background   : #DDD;
  }

  #ReportGrid td {
    padding    : 4px;
    border-left: 1px #BBB solid;
  }

  #ReportGrid tr.even {
    background: #edf3fe;
    border-top: 1px #BBB solid;
  }

  #ReportGrid tr.odd {
    background: #FFF;
    border-top: 1px #BBB solid;
  }

  #ReportGrid a.inactive {
    color: #666;
  }

  #ReportGrid a.inactive:hover {
    color: #333;
  }

/* --------------------------  Grid */

.grid {
  border          : 1px #C4C4C4 solid;
  border-collapse : collapse;
}

  .grid th {
    text-align    : left;
    text-overflow : ellipsis;
    line-height   : 26px;
    white-space   : nowrap;
    padding: 0 10px;
    font-size: 12px;
  }

  .grid td {
    text-align    : left;
    text-overflow : ellipsis;
    line-height   : 30px;
    white-space   : nowrap;
    padding: 0 10px;
    font-size: 12px;
  }

  .grid tr.error td,.grid tr.wrap td {
    white-space: normal;
    line-height: 16px;
  }

/* --------------------------------------------------------------------------  Layout */
/* This is used for tables with a Layout of information */

div.layout {
  position: relative;
}

div.layout + div.layout:before {
  content: "";
  width: 100%;
  height: 0px;
  border-top: 1px solid #E6E4E4;
  position: absolute;
  top: 0;
}

.layout-even {
  background: #F7F7F7;
}

  .layout .icon-new-status {
    position: relative;
    top     : 10px;
    left    : 10px;
  }

  .layout .course-info {
    display: block;
  }

  .layout .course-info h3 a {
    width      : 356px;
    text-align : justify;
    font-weight: bold;
  }

  .layout h3 {
    width        : 410px;
    margin-bottom: 15px;
    font-size    : 15px;
  }

  .layout h3 + h4 ~ h4 {
    margin-top: 10px;
  }

  .layout h5 {
    font-size  : 13px;
    font-weight: normal;
  }

  .layout h4 + h5 {
    margin-top: 5px;
    color     : #7C7C7C;
  }

  .layout h5 + p {
    margin-top: 10px;
  }

    .layout .course-info h4 {
      position: relative;
    }

    .layout .course-info h4 .desc {
      position      : absolute;
      top           : 0;
      left          : 0;
      min-width     : 98px;
      font-size     : 13px;
      vertical-align: top;
    }

      .layout .course-info .desc i {
        margin-right: 5px;
      }

    .layout .course-info .value {
      display    : block;
      margin-left: 98px;
    }


  .layout .conference-badge {
    width        : 16%;
    margin       : 0px auto 30px;
    border       : 1px solid #F3C81C;
    border-radius: 5px;
    text-align   : center;
    font-size    : 13px;
    font-weight  : bold;
    line-height  : 22px;
    color        : #E37A00;
    background   : #FCF7D6;
  }

  .course-description {
    margin-top   : 10px;
    margin-bottom: 20px;
    text-align   : justify;
  }

  table.course-info-dates {
    margin-top: 25px;
    width      : 100%;
  }

  .status-message + .course-info-dates {
    margin-top: 20px;
  }

  /* Activity Specific */

  .activity {
    position  : relative;
    margin-top: 10px;
  }

  .activity + .activity {
    margin-top: 0;
    border-top: 1px solid #EEEEEE;
  }

  .activity .desc {
    width       : 59px;
    margin-right: 5px;
    text-align  : right;
  }

  .layout .context-control {
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 100%;
    text-align: center;
  }

/* -------------------------- Table Layout */
table.layout {
  margin         : 0;
  border-collapse: collapse;
}

table.layout + table.layout {
  margin-top: 13px;
}

  .layout th {
    padding-top   : 10px;
    padding-bottom: 10px;
    border-bottom : 1px solid #EEEEEE;
    font-size     : 13px;
    color         : #6C6C6C;
  }

  .layout .total {
    margin-right: 5px;
  }
  .layout .max {
    margin-left: 5px;
  }
  .layout tr.total {
    border-top: 2px solid #E7E7E7;
  }

    .layout td p {
      font-size: 13px;
      margin: 0;
    }

    .layout td p + p {
      margin-top: 10px;
    }

    .layout td p + [class^='badge'] {
      margin-top: 10px;
    }

  /* -------------- Location */

  .layout .location {
    position: relative;
  }

  p + .location {
    margin-bottom: 20px;
  }

  ul + .location,
  table + .location {
    margin-top: 20px;
  }

    .layout .location i {
      position: absolute;
      left    : 0px;
      top     : 0px;
    }

    .layout .location h1,
    .layout .location p {
      margin-left: 27px;
      font-size: 13px;
    }

    .layout .location h1 + p {
      margin-top: 3px;
    }

  /* ------------- Info */

.count {
  position      : absolute;
  top           : 0;
  left          : 0;
  width         : 20px;
  text-align    : left;
  font-size     : 13px;
  font-weight   : 400;
  vertical-align: top;
}

.count + .info {
  display    : block;
  position   : relative;
  margin-left: 30px;
}

  .info .date {
    margin-bottom: 8px;
    display      : block;
  }

  .info .status-message {
    position: absolute;
    top     : 0;
    right   : 0;
  }

/* ------------- Box */
.box {
  border: 2px solid #E6E6E6;
  border-radius: 5px;
  padding: 3px 10px;
}

/* ------------- Alerts */

.alert-help,
.alert-hint,
.alert-warning,
.alert-stop,
.alert-success {
  display       : block;
  position      : relative;
  margin-bottom : 12px;
  border        : 1px solid;
  border-radius : 7px;
  box-shadow    : inset 0 0 2px rgb(255,255,255);
}

.alert-help,
.alert-hint,
.alert-warning,
.alert-stop,
.alert-success {
  padding: 8px;
}

.alert-help {
  border-color : #A7DEFD;
  color        : #0085A2;
  background   : #E7F5FF;
}

.alert-hint {
  background   : #F5F5F5;
  border-color : #CECECE;
}

.alert-warning {
  border-color : #F3C81C;
  color        : #A23400;
  background   : #FCF7D6;
}

[class*="section_"] > div.alert,
.alert-stop {
  border-color : #F59090;
  color        : #A70202;
  background   : #FFD7D7;
}

.alert-error-list li {

}

.alert-success {
  border-color : #96DF6A;
  color        : #2D7021;
  background   : #E4FCDA;
}

  .alert-help i,
  .alert-hint i,
  .alert-warning i,
  .alert-stop i,
  .alert-success i {
    position : absolute;
    top      : 14px;
    left     : 12px;
  }

  .alert-help i,
  .alert-hint i,
  .alert-warning i,
  .alert-stop i,
  .alert-success i {
    top     : 8px;
    left    : 8px;
  }

  #inside [class*="alert-"].expander.active h1,
  #inside [class*="alert-"] h1 {
    margin-bottom: 8px;
    font-size    : 13px;
    line-height  : 18px;
    color        : #1F1F2E;
  }

  #inside [class*="alert-"].expander h1 {
    margin-bottom: 0;
  }

  [class*="alert-"] h1,
  [class*="alert-"] p { color : inherit; }

  [class*="alert-"] p { margin: 0 10px 0 0; width: auto; }
  [class*="alert-"] h1 + p { margin-top: -8px; }

  [class*="alert-"] p + p { margin-top: 10px; }

  [class*="alert-"] i ~ h1,
  [class*="alert-"] i ~ ol,
  [class*="alert-"] i ~ ul,
  [class*="alert-"] i ~ p,
  [class*="alert-"] i ~ div > p { margin-left: 25px; }

  [class*="alert-"] i ~ p,
  [class*="alert-"] i ~ div > p { line-height: 19px; }

  /* Regular Alert Button */
  [class*="alert-"] [class*="btn"] {
    margin-top: 5px;
    margin-bottom: 2px;
  }

  /* Read More Button */
  [class*="alert-"] .read-less,
  [class*="alert-"] .read-more { position: absolute; margin-top : 0; }

  [class*="alert-"] .read-less,
  [class*="alert-"] .read-more { top: 7px; right: 10px; }

  [class*="alert-"] ol {
    margin-top: 3px;
  }

  [class*="alert-"] li,
  [class*="alert-"] li ~ li {
    margin-top: 3px;
    padding: 0;
    border: none;
  }

  [class*="alert-"].expander .read-less,
  [class*="alert-"].expander.active .read-more { display: none; }

  [class^="alert-"].expander .read-more,
  [class^="alert-"].expander.active .read-less { display: inline-block; }


  /* Alert Layout Classes */
  p + [class*="alert-"],
  div + [class*="alert-"],
  form + [class*="alert-"] { margin-top: 5px; }

  td .sectionHelp { margin: 3px 2px; }

  .table-total + [class^="alert-"] { margin-top: 20px; }

  table + [class*="alert-"] {
    margin-top: 10px;
  }

  [class*="alert-"] + textarea {
    margin-top: 10px;
  }

  [class*="alert-"] .action-module {
    position : absolute;
    top      : 0;
    right    : 0;
    padding  : 0;
    border   : 0;
  }

  class*="alert-"] .action-module {
    top: 7px;
    right: 7px;
  }

  .action-module [class*="btn"] {
    margin-top: 0;
  }

  .activity-status + [class*="span"] [class*="alert"] { margin-top: 3px; }

[class*="alert-"] + textarea {
  margin-top: 10px;
}

/* --------------------------// Progress Bar */

.progress-container,
.progress-chrome,
.progress-fill {
  display: block;
}

  .progress-chrome {
    width     : 100%;
    margin    : 10px;
    border    : 1px solid #CECECE;
    background: #EFEFEF;
  }

  .progress-fill {
    height          : 30px;
    border          : 1px solid #1A8E09;
    background      : #27C201;
    background-image: -webkit-linear-gradient(bottom,#00B340,#7AE235);
    background-image: -moz-linear-gradient(bottom,#00B340,#7AE235);
    background-image: -ms-linear-gradient(bottom,#00B340,#7AE235);
    background-image: linear-gradient(bottom,#00B340,#7AE235);
    filter          : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#7AE235, endColorstr=#00B340)";
    -ms-filter      : "progid:DXImageTransform.Microsoft.Gradient(startColorstr=#7AE235, endColorstr=#00B340)";
  }

/* Stuff Added by Mike */

/* ---------------------------------  Layout */

#subLayout {
  position       : relative;
  left           : 5px;
  width          : 100%;
  padding        : 0;
  border-collapse: collapse;
  font-size      : 11px;
}

  #subLayout tr.toprow {
    background: #DDD;
  }

  #subLayout td {
    padding: 2px;
  }

  #subLayout tr.even {
    background: #edf3fe;
  }

  #subLayout tr.odd {
    background: #FFF;
  }

  #subLayout td.inactive {
    color: GrayText;
    font-size: 90%;
  }

/* -----------------------------------  Layout */
/* This is used for tables with a serach tables */

#Search {
  position       : relative;
  left           : 5px;
  width          : 590px;
  padding        : 0;
  border-collapse: collapse;
  font-size      : 80%;
}

  #Search tr.toprow {
    background: #DDD;
    color: #FFF;
  }

  #Search td {
    padding: 4px;
  }

  #Search tr.even {
    background: #CCFFCC;
  }

  #Search tr.odd {
    background: #CCFFCC;;
  }

#module {
  width     : 159px;
  margin    : 0 0 5px 3px;
  padding   : 1px;
  border    : #d4d4d4 1px solid;
  color     : #333;
  background: #FFF;
}

  #module h2 {
    margin   : 0;
    font-size: 13px;
    color    : #1D4069;
  }

  #module h3 {
    height    : 20px;
    margin    : 0;
    padding   : 2px;
    font-size : 95%;
    background: url('imagesCSS/module_header-bk.gif') repeat-x left top;
  }

  #module div {
    padding: 5px;
  }

  #module input {
    margin    : 0 0 5px 0;
    padding   : 2px;
    border    : 1px solid #d3d3d3;
    color     : #474038;
    background: #fff url('imagesCSS/tpl_input_bg.gif') no-repeat top left;
  }

  #module ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

    #module ul li {
      margin     : 0;
      line-height: normal;
    }

  #module a {
    display         : block;
    width           : inherit;
    padding         : 2px;
    border-bottom   : #FFF 1px solid;
    text-decoration : none;
    color           : #000;
    background-color: #FFF;
  }

  #module a:hover {
    background-color: #FFFFDE;
    color           : #111;
  }

/* --------------------------// Rich Text */
  #inside .rich-text {
    margin: 0 0 0 23px;
  }

    #inside .rich-text p,
    #inside .rich-text ul,
    #inside .rich-text ol {
      margin   : 0;
      font-size: 13px;
    }

    #inside .rich-text ul,
    #inside .rich-text ol {
      padding            : 8px 18px;
      list-style-position: inside;
    }

    #inside .rich-text ul {
      list-style-type: disc;
    }

    #inside .rich-text ul li,
    #inside .rich-text ol li {
      margin: 0;
    }

    #inside .rich-text ul li + li {
      margin: 0;
      border: none;
    }

    #inside .rich-text ul li li,
    #inside .rich-text ol li li {
      margin-left: 18px;
    }

/* -------------// Activity */
.activity-title {
  padding-right: 10px;
}

  .activity-title h2,
  .activity-status span.right + span {
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
  }

  #main .activity-title h2 {
    margin      : 0 0 3px;
    font-size   : 13px;
    line-height : 16px !important;
  }

  #main .activity-title .small {
    line-height: 20px;
    margin-bottom: 5px;
  }

  #main .activity-title .small [class*="icon-"] {
    vertical-align: top;
  }

  .activity-title .seperator {
    width         : 1px;
    height        : 20px;
    margin        : 0 10px 0 5px;
    background    : #C9C9C9;
  }

  .activity-title .badge-small { margin-top: 6px; }

  #inside .activity-info {
    margin-bottom: 0;
  }

  .activity-title .badge-small ~ .badge-small {
    margin-left: 3px;
  }

  #inside .activity-description {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size    : 13px;
  }

.activity-footer {
  vertical-align: bottom;
  margin-top: 10px;
  padding-bottom: 10px;
}

  .activity-footer .tooltip {
    margin-right: 3px;
    vertical-align: bottom;
  }

  .activity-badges {
    position: absolute;
    right: 0;
    top: 0;
  }

  .activity-status span {
    font-size: 11px;
    line-height: 17px;
  }

  .activity-status span.right + span {
    padding-left: 5px;
  }

  /* More or less text */
  .more-or-less { font-size: 13px; }

    .more-or-less.less-text .less-text,
    .more-or-less.more-text .more-text { display: block; }

    .more-or-less.less-text .more-text,
    .more-or-less.more-text .less-text { display: none; }

  /* Mini Activity */
  #main .mini-activity {
    height: 20px;
    margin: 0;
  }
    #main .mini-activity li {
      width         : auto;
      padding-right : 7px;
      max-width     : 190px;
      overflow      : hidden;
      text-align    : left;
      text-overflow : ellipsis;
      font-size     : 12px;
      line-height   : 20px;
      white-space   : nowrap;
    }

    #main .mini-activity li + li {
      padding-left: 7px;
      border-left : 1px solid #E6E6E6;
      margin: 0;
    }

/* -------------// mini alert */
.mini-alert {
  position: relative;
}

.mini-alert .count {
  position         : absolute;
  top              : -3px;
  left             : 10px;
  width            : auto;
  padding          : 0 4px;
  border           : 1px solid #850000;
  border-radius    : 7px;
  text-align       : center;
  font-size        : 9px;
  line-height      : 12px;
  color            : #fff;
  background       : #B80000;
  background-image : -webkit-linear-gradient(bottom,#B80000,#F22222);
  background-image : -moz-linear-gradient(bottom,#B80000,#F22222);
  background-image : -o-linear-gradient(bottom,#B80000,#F22222);
  background-image : -ms-linear-gradient(bottom,#B80000,#F22222);
  background-image : linear-gradient(bottom,#B80000,#F22222);
}

 .x-panel .input-icon [class^="icon-"] {
  top: 1px;
 }

td[class*="x-btn"] { display: table-cell; }

.x-btn .activate   { background-image : url(/mvc/assets/Icons/fugue/control-skip-090.png)        !important; }
.x-btn .add        { background-image : url(/mvc/assets/Icons/fugue/plus-circle.png) 0 no-repeat !important; }
.x-btn .csv        { background-image : url(/mvc/assets/Icons/fugue/document-excel-csv.png)      !important; }
.x-btn .deactivate { background-image : url(/mvc/assets/Icons/fugue/control-skip-270.png)        !important; }
.x-btn .delete     { background-image : url(/mvc/assets/Icons/fugue/cross-circle-frame.png)      !important; }
.x-btn .excel      { background-image : url(/mvc/assets/Icons/fugue/document-excel.png)          !important; }
.x-btn .pdf        { background-image : url(/mvc/assets/Icons/fugue/document-pdf.png)            !important; }
.x-btn .view       { background-image : url(/mvc/assets/Icons/fugue/magnifier.png) 0 no-repeat   !important; }

.anbadge-over { height: 40px; }

.anbadge-add,
.anbadge-actions {
  cursor: pointer;
}

.anbadge-actions {
  display:none;
}

.anbadge-over .anbadge-actions {
  display: block;
}

.x-toolbar-ct {
  /* fix for IE*/
  width: auto;
}

.x-color-palette em {
  border:none;
}

.ext-gecko .x-window-body .x-form-item.x-color-palette{
  overflow: visible;
}

.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td {
  font-size: 12px;
}

.gpanel-wrap .x-grid3-cell-inner, .x-grid3-hd-inner{
  white-space: normal;
}

.gpanel-nowrap .x-grid3-cell-inner, .x-grid3-hd-inner{
  white-space: nowrap;
}
/* IE NOT SUPPORTED */
.ie-window {
  display: none;
}

.ie-not-supported .ie-window {
  display: block;
  position: absolute;
  width: 100%;
  right: 0;
  top: 0;
}

.ie-chrome {
  background: #fff;
  width: 500px;
  margin: auto;
  padding: 20px;
}

.ie-chrome h1 {
  font-size: 18px;
}

.ie-chrome p {
  font-size: 13px;
}

.x-grid3-cell-inner, .x-grid3-hd-inner{
	-o-text-overflow: initial;
	text-overflow: initial;
}

.activity-attributes {
    float: left;
}

.mini-activity {
    float: right;
}

.x-boxselect.x-form-text {
    height: auto;
	cursor: text;
    padding: 0;
    overflow-y: auto;
}
.x-boxselect ul.x-boxselect-list {
    padding: 1px 3px;
}
ul.x-boxselect-list.x-boxselect-singleselect {
    white-space: nowrap;
    overflow: hidden;
}
.x-boxselect input {
	border: none;
	background: none;
	line-height: 18px;
	height: 20px;
	width: 100%;
}
.x-boxselect-input, .x-boxselect-item {
	display: inline-block;
	position: relative;
	*display:inline; /* IE7 */
	zoom:1; /* IE */
}
.x-boxselect-stacked .x-boxselect-item {
	display: block;
}
.x-boxselect-item {
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; o-border-radius: 6px; khtml-border-radius: 6px; border: 1px solid #CAD8F3;
	padding: 0px 1px 0px 5px !important;
	margin: 1px 1px 1px 0;
	background-color: #DEE7F8;
	cursor: default;
}
.x-field:not(.x-item-disabled) .x-boxselect-item:hover {
	background: #BBCEF1;
	border: 1px solid #6D95E0;
}
.x-field:not(.x-item-disabled) .x-boxselect-item.selected {
	border: 1px solid #316AD3 !important;
	background: #658FDC !important;
}
.x-boxselect-item-text {
	line-height: 16px;
    float: left;
	padding-right: 20px !important;
}
.x-boxselect-item-close {
	cursor: pointer;
    float: right;

}
.x-boxselect-hideselections .x-boundlist-selected {
    display: none;
}

.ext-strict .ext-webkit .x-small-editor .x-form-text {
    height: auto !important;
}

.ext-strict .x-form-text {
    height: 21px !important;
}


.verticalPanel .x-grid3-hd-inner > .rotate {
    display: block;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    color: #666;
    text-shadow: 0px -1px 0px rgba(0,0,0,.5);
    position: relative;
    text-align: left;
    font-family:Arial,Helvetica,sans-serif;
    width: 160px;
    left: -60px;
}

.ext-ie .verticalPanel .x-grid3-hd-inner > .rotate {
}


.verticalPanel td.x-grid3-hd-menu-open .x-grid3-hd-inner {
    background-color: transparent;
    background-image: none;
}

.verticalPanel .x-grid3-hd-row td {
    height: 180px;
}

.verticalPanel .x-grid3-hd-inner {
    overflow: inherit;
    white-space: normal;
}

#print-footer-left {
    font-size:12px;
    color: gray;
}

.x-btn.mlp-button button {
    position: relative;
    padding: 2px 0px;
    overflow: hidden;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    cursor: pointer;
    -webkit-user-select: none;
    color: inherit;
}

.footer-copyright {
    margin-top: 50px;
    text-align: center;
    font-size: 10px;
    color: #38293A ;
    font-family: "Open Sans", sans-serif;
    opacity: 0.6;
    font-weight: normal;
}

.footer-logo {
    background: url(/mvc/assets/images/2013/grey-footer-logo.svg) no-repeat center;
    width: 145px;
    height: 40px;
    margin: auto;
}
.footer-logoPosition{
      width: 145px;
    height: 40px;
    margin: auto;
}




/* ********************************************************* Roster Hours/Mobile Check-In Icons*/
.roster td.hours,
.roster td.hours-awarded,
.roster td.credits,
.roster td.credits-awarded {
  text-align: left;
}

.roster td.hours-awarded,
.roster td.credits-awarded {
  background-color: #CCEBEB;
  padding: 4px;
}

.roster td.hours,
.roster td.credits {
  white-space: nowrap;
}

.roster td.hours input,
.roster td.hours-awarded input {
  display: inline-block;
  vertical-align: middle;
  width: 58px;
}

.roster td.hours,
.roster td.credits,
.roster td.hours-awarded,
.roster td.credits-awarded {
  padding-right: 10px;
}

.roster td.hours.checkin input {
  width: 34px;
  margin-right: 0;
}

.roster td.hours.checkin button {
  display: inline-block;
  color: #3688C9;
  vertical-align: middle;
  padding: 2px 6px;
  margin-left: 2px;
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #eaeef9 50%, #eff2f9 100%);
  background: -webkit-linear-gradient(top, #fefefe 0%,#eaeef9 50%,#eff2f9 100%);
  background: linear-gradient(to bottom, #fefefe 0%,#eaeef9 50%,#eff2f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eff2f9',GradientType=0 );
  border-radius: 2px;
  border: 1px solid #99BBE7;
  cursor: pointer;
}

.roster td.hours.checkin .fa-mobile {
  line-height: .7em;
  font-size: 19px;
}

.roster td.hours.checkin button:hover {
  border-color: #71A0DB;
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #cee3fa 51%, #d9ebfe 100%);
  background: -webkit-linear-gradient(top, #fefefe 0%,#cee3fa 51%,#d9ebfe 100%);
  background: linear-gradient(to bottom, #fefefe 0%,#cee3fa 51%,#d9ebfe 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d9ebfe',GradientType=0 );
}

.roster td.hours .checkin-print {
  display: inline-block;
  font-style: italic;
  font-size: 9px;
  margin-left: 6px;
  color: #717171;
}
.roster td.hours .checkin-print .fa-mobile {
  color: #3688C9;
  margin-right: 2px;
  vertical-align: middle;
}




/* ********************************************************* Roster - Mobile Check-In Edit Popup */
.checkin-edit-modal .x-table-layout-ct {
  padding: 15px 15px 25px 15px;
}
.checkin-edit-modal .x-panel-body {
  border: none;
}
.checkin-edit-modal .x-table-layout-cell {
  padding: 10px;
}
.checkin-edit-modal input[type=text] {
  margin-bottom: 0;
  padding-top: 0;
  line-height: 1.2em;
}
.checkin-edit-modal .x-toolbar-ct {
  width: 100%;
}



/* ********************************************************* Roster - Content Status Popup */
.roster td.content-status a {
    color: #0066B0;
}

.content-status-modal .x-toolbar-ct {
    width: 100%;
}

.content-status-modal .x-panel-body {
    border: none;
}

.content-status-modal .x-window-body {
    background: #ffffff;
    padding: 15px;
    width: 100% !important;
    height: auto;
    max-height: 300px;
    overflow-y: auto;
}

.content-status-modal .x-window-body table th,
.content-status-modal .x-window-body table td {
    padding: 6px 5px;
    border-top: 1px solid lightgray;
    border-left: 1px solid lightgray;
}

.content-status-modal .x-window-body table thead tr th:last-child,
.content-status-modal .x-window-body table tbody tr td:last-child {
    border-right: 1px solid lightgray;
}

.content-status-modal .x-window-body table {
    border-collapse: collapse;
    width: 100%;
}

.content-status-modal .x-window-body table th {
    font-weight: bold;
}

.content-status-modal .x-window-body table tbody tr:last-child td {
    border-bottom: 1px solid lightgray;
}

.content-status-modal .loading {
    text-align: center;
}
.content-status-modal .fa-spinner:before {
    animation: spinner 1s linear infinite;
    font-size: 18px;
}
@keyframes spinner {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}




/* ********************************************************* Misc. ExtJs Overrides (mainly for IE) */
.ext-gecko .x-window-body .x-form-item {
  overflow: hidden;
}

.x-form-check-wrap input,
.x-form-check-wrap label {
  display: inline-block;
  vertical-align: middle;
}



/* ********************************************************* Supersuit-style button spinner */
button.pending:before {
    content: '\f110';
    font-family: FL-Icons;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    vertical-align: -1px;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    animation: spin 1s infinite linear;
    margin-right: .4em;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}