article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
div,
section,
article,
aside,
nav,
ol,
ul,
li,
span,
input,
textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
  color: #222;
}
body {
  margin: 0;
  font-size: 0.875em;
  line-height: 1.4;
}
::-moz-selection {
  background: #0078ae;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #0078ae;
  color: #fff;
  text-shadow: none;
}
a {
  color: #00e;
}
a:visited {
  color: #551a8b;
}
a:hover {
  color: #06e;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
small {
  font-size: 85%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
ul,
ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}
dd {
  margin: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
label {
  cursor: pointer;
}
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}
button[disabled],
input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}
input[type="search"] {
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
input:invalid,
textarea:invalid {
  background-color: #f0dddd;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  *zoom: 1;
}
td {
  vertical-align: top;
}
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}
/*----------------------------------------------------*/
/* MIXINS
/*----------------------------------------------------*/
.drop {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
/*----------------------------------------------------*/
/* TYPOGRAPHY
/*----------------------------------------------------*/
html,
body,
input,
span {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
h1 {
  font-size: 1.8em;
}
h2 {
  font-size: 3em;
}
h4 {
  font-size: 1.2em;
}
h1,
h2,
h3,
h4,
h5 {
  line-height: 1.25em;
  margin: 0 0 10px;
}
h3 {
  font-size: 1.8em;
  font-weight: 300;
  margin-bottom: 20px;
}
h4 {
  color: #444;
}
p,
ul,
ol,
dl,
blockquote {
  font-size: 1em;
  line-height: 1.5em;
  color: #535353;
}
p {
  padding: 5px 0;
  margin: 0 0 10px;
}
ol,
ul {
  margin: 10px 10px 30px;
  padding-left: 30px;
}
ol li,
ul li {
  line-height: 1.75em;
}
blockquote {
  margin: 10px;
  padding: 10px 20px;
}
blockquote .author {
  font-weight: bold;
}
hr {
  border: 0;
  outline: none;
  clear: both;
  overflow: hidden;
  padding: 0;
  border-bottom: 1px dotted #cccccc;
  margin: 60px 0;
}
code {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #F7F7F9;
  border: 1px solid #E1E1E8;
  display: inline-block;
  padding: 2px 4px;
  font-size: 12px;
  font-weight: 300;
  color: #c41230;
  position: relative;
}
h4 code {
  top: -2px;
}
a,
a:active,
a:visited {
  color: #0078ae;
  text-decoration: none;
}
a:hover {
  color: #3b536f;
}
/*----------------------------------------------------*/
/* LAYOUT
/*
/* General layout styling for UI Kit setup
/*----------------------------------------------------*/
#header {
  background: #f2f2f2;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  margin-bottom: 2em;
  height: 40px;
  line-height: 40px;
  position: fixed;
  z-index: 100;
  width: 100%;
}
#header h1 {
  margin: 0;
  line-height: 38px;
  font-size: 1.25em;
  font-weight: 500;
  display: inline-block;
  margin-left: 127px;
  margin-left: 0;
}
#header h1 a {
  font-weight: 700;
  color: #333;
}
#header img {
  display: inline-block;
  margin-right: 20px;
  position: absolute;
  top: 0;
}
#header .container {
  padding: 0;
}
#header #headNav {
  float: right;
  position: absolute;
  top: 0;
  right: 0;
}
#header #headNav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#header #headNav ul li {
  line-height: 40px;
  margin: 0;
  display: inline-block;
}
#header #headNav ul li a {
  display: block;
  padding: 0 10px;
  font-weight: bold;
  color: #333;
}
#header #headNav ul li a:hover {
  background: rgba(255, 255, 255, 0.6);
  color: #0078ae;
}
#header #headNav ul li a:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4);
}
#header #headNav ul li.current a {
  border-bottom: 4px solid #0078ae;
  height: 36px;
  background: rgba(255, 255, 255, 0.6);
}
.container {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding: 10px 20px;
}
#main {
  position: relative;
  z-index: 1;
  width: 960px;
  margin: 0 auto;
}
#main .container {
  padding: 60px 20px 20px;
  width: 700px;
  margin: 0;
  float: right;
}
#main.wizPopContainer .container {
  width: 900px;
  min-width: 940px;
}
#intro .styleFiles {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
#intro .styleFiles strong {
  font-size: 1.3em;
  display: block;
  margin-bottom: 10px;
}
#intro .styleFiles li {
  line-height: 2em;
}
#definitions ol.defs {
  margin: 10px 0 30px;
}
#definitions ol.defs li {
  margin-bottom: 15px;
  color: #777;
}
#definitions ol.defs li strong {
  color: #333;
  font-size: 1.2em;
}
#definitions ol.defs li strong:first-child {
  display: block;
}
#footer {
  width: 960px;
  margin: 20px auto;
  padding-top: 20px;
  border-top: 1px solid #ccc;
  font-size: 0.875em;
}
#footer p {
  color: #777;
}
#footer img {
  position: relative;
  top: -2px;
  left: 2px;
}
.sidebar {
  width: 200px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #ccc;
  background: #fff;
  position: fixed;
  left: 50%;
  top: 65px;
  z-index: 100;
  margin-left: -480px;
  -moz-background-clip: border;
  /* Firefox 3.6 */

  -webkit-background-clip: border;
  /* Safari 4? Chrome 6? */

  background-clip: border;
  /* Firefox 4, Safari 5, Opera 10, IE 9 */

}
.sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.sidebar ul li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #e5e5e5;
}
.sidebar ul li:hover,
.sidebar ul li.current {
  background: #0078ae;
}
.sidebar ul li:hover a,
.sidebar ul li.current a {
  color: #fff;
}
.sidebar ul li:first-child {
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
}
.sidebar ul li:last-child {
  border-bottom: 0;
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
}
.sidebar ul li a {
  display: block;
  padding: 6px 20px;
  color: #333;
}
nav ol,
nav ul {
  list-style: none;
  cursor: default;
}
nav ol li,
nav ul li {
  margin: 5px 0;
  cursor: pointer;
}
nav ol li:first-child,
nav ul li:first-child {
  margin-top: 0;
}
nav ol.inline li,
nav ul.inline li {
  display: inline-block;
  margin: 0 5px 5px;
}
nav ol.inline li:first-child,
nav ul.inline li:first-child {
  margin-left: 0;
}
nav ol.centered,
nav ul.centered {
  text-align: center;
}
nav.dark {
  background: #333333;
  padding: 20px;
}
#codesnippet-table .syntaxhighlighter {
  height: 280px;
}
.syntaxhighlighter .toolbar {
  display: none;
}
.ui-compare {
  width: 100%;
  float: left;
  margin: 0 2em 3em 0;
}
.ui-compare thead,
.ui-compare tbody {
  width: 100%;
}
.ui-compare.buttons .syntaxhighlighter {
  width: 362px !important;
}
.ui-compare code {
  font-size: 0.875em;
}
.ui-compare.single {
  width: 500px;
  margin-right: 20px;
}
.ui-compare.single th,
.ui-compare.single td {
  width: 500px;
  text-align: center;
}
.ui-compare.buttons,
.ui-compare.patterns {
  border-spacing: 0;
  border-collapse: collapse;
}
.ui-compare.buttons td,
.ui-compare.patterns td {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  vertical-align: middle;
}
.ui-compare.buttons td:last-child,
.ui-compare.patterns td:last-child {
  border-right: 1px solid #ddd;
}
.ui-compare.buttons td .uibtn,
.ui-compare.patterns td .uibtn {
  margin: 0;
}
.ui-compare.buttons tr td:nth-child(2) {
  text-align: center;
}
.ui-compare.patterns {
  margin: 0 0 60px 0;
}
.ui-compare.patterns td {
  text-align: left;
}
.ui-compare.patterns td.center {
  text-align: center;
}
.ui-compare.patterns.centered td {
  text-align: center;
}
.ui-compare.formfields {
  width: 660px;
  clear: both;
  margin-bottom: 50px;
}
.ui-compare.formfields input.uiinput[type="text"],
.ui-compare.formfields textarea.uiinput,
.ui-compare.formfields input[type="search"].uiinput,
.ui-compare.formfields input[type="text"],
.ui-compare.formfields textarea,
.ui-compare.formfields input[type="search"] {
  margin-bottom: 5px;
}
.ui-compare.formfields td {
  padding: 0;
  text-align: left;
}
.ui-compare.formfields .code-example td {
  padding: 0;
  text-align: left;
}
.ui-compare thead tr {
  background: #ccc;
}
.ui-compare th {
  padding: 5px 20px;
}
.ui-compare td {
  padding: 20px;
  text-align: center;
}
.ui-compare .code-example td {
  text-align: center;
  padding: 0;
}
.ui-compare .button-example td {
  padding-bottom: 0;
}
/*----------------------------------------------------*/
/* ICONS
/*
/* The following includes the general icon list as
/* well as icons within elements. Icon buttons are
/* included in the BUTTON section.
/*----------------------------------------------------*/
.icon-list {
  list-style: none;
  margin: 0 0 40px;
  padding: 20px 0 0;
  overflow: hidden;
}
.icon-list li {
  width: 20px;
  height: 20px;
  display: block;
  cursor: pointer;
  float: left;
  margin: 15px 15px 0 0;
  text-indent: -9999px;
}
span.icon {
  width: 20px;
  height: 20px;
  cursor: pointer;
  text-indent: -9999px;
}
.icon {
  position: relative;
  display: inline-block;
}
.icon i {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  margin-top: -10px;
  text-indent: -9999px;
  background: transparent url(../../assets/img/ui/icons/iconlist-v2.png) no-repeat top left;
}
.icon.text {
  padding-left: 24px;
}
.icon.text i {
  left: 0;
}
.icon.hasicon {
  padding: 10px 10px 10px 36px;
}
.icon.hasicon i {
  left: 8px;
  top: 21px;
}
.icon.add1 i {
  background-position: 0 0;
}
.icon.add1:hover i {
  background-position: 0 -70px;
}
.icon.add2 i {
  background-position: 0 -70px;
}
.icon.add3 i {
  background-position: -210px -1820px;
}
.icon.adv-open i {
  background-position: -210px -210px;
}
.icon.adv-close i {
  background-position: -210px -280px;
}
.icon.alert1 i {
  background-position: 0 -140px;
}
.icon.alert1:hover i {
  background-position: 0 -210px;
}
.icon.alert2 i {
  background-position: 0 -210px;
}
.icon.audio1 i {
  background-position: 0 -280px;
}
.icon.chat1 i {
  background-position: 0 -350px;
}
.icon.chat-close i {
  background-position: -280px -210px;
}
.icon.chat-min i {
  background-position: -280px -280px;
}
.icon.doc-blank i {
  background-position: -210px -1190px;
}
.icon.doc-excel i {
  background-position: -210px -1260px;
}
.icon.doc-film i {
  background-position: -210px -1330px;
}
.icon.doc-image i {
  background-position: -210px -1400px;
}
.icon.doc-pdf i {
  background-position: -210px -1470px;
}
.icon.doc-word i {
  background-position: -210px -1540px;
}
.icon.error1 i {
  background-position: 0 -420px;
}
.icon.error1:hover i {
  background-position: 0 -490px;
}
.icon.error2 i {
  background-position: 0 -490px;
}
.icon.error3 i {
  background-position: 0 -560px;
}
.icon.expand1 i {
  background-position: 0 -630px;
}
.icon.expand1:hover i {
  background-position: 0 -700px;
}
.icon.expand2 i {
  background-position: 0 -700px;
}
.icon.export1 i {
  background-position: 0 -770px;
}
.icon.export1:hover i {
  background-position: 0 -840px;
}
.icon.export2 i {
  background-position: 0 -840px;
}
.icon.feedback i {
  background-position: -210px -350px;
}
.icon.feedback1 i {
  background-position: -210px -1750px;
}
.icon.flag1 i {
  background-position: 0 -980px;
}
.icon.flag2 i {
  background-position: 0 -1050px;
}
.icon.flag3 i {
  background-position: -280px 0;
}
.icon.flat-address i {
  background-position: 0 -1120px;
}
.icon.flat-attach i {
  background-position: 0 -1190px;
}
.icon.flat-clock i {
  background-position: 0 -1260px;
}
.icon.flat-location i {
  background-position: 0 -1330px;
}
.icon.flat-notepad i {
  background-position: 0 -1400px;
}
.icon.flat-preferences i {
  background-position: 0 -1470px;
}
.icon.folder1 i {
  background-position: -280px -140px;
}
.icon.go1 i {
  background-position: 0 -1540px;
}
.icon.go1:hover i {
  background-position: 0 -1610px;
}
.icon.go2 i {
  background-position: 0 -1610px;
}
.icon.h-message i {
  background-position: -210px -770px;
}
.icon.h-alert i {
  background-position: -210px -840px;
}
.icon.h-student i {
  background-position: -210px -910px;
}
.icon.indv i {
  background-position: 0 -1680px;
}
.icon.info1 i {
  background-position: 0 -1750px;
}
.icon.info1:hover i {
  background-position: 0 -1820px;
}
.icon.info2 i {
  background-position: 0 -1820px;
}
.icon.left1 i {
  background-position: 0 -1890px;
}
.icon.left1:hover i {
  background-position: -70px 0;
}
.icon.left2 i {
  background-position: -70px 0;
}
.icon.mail1 i {
  background-position: -70px -70px;
}
.icon.mail1:hover i {
  background-position: -70px -140px;
}
.icon.mail2 i {
  background-position: -70px -140px;
}
.icon.mail3 i {
  background-position: -70px -210px;
}
.icon.mail3:hover i {
  background-position: -70px -280px;
}
.icon.mail4 i {
  background-position: -70px -280px;
}
.icon.play1 i {
  background-position: -70px -350px;
}
.icon.play1:hover i {
  background-position: -70px -420px;
}
.icon.play2 i {
  background-position: -70px -420px;
}
.icon.plus i {
  background-position: -70px -490px;
}
.icon.print1 i {
  background-position: -70px -560px;
}
.icon.print1:hover i {
  background-position: -70px -631px;
}
.icon.print2 i {
  background-position: -70px -631px;
}
.icon.profile1 i {
  background-position: -70px -700px;
}
.icon.profile1:hover i {
  background-position: -70px -770px;
}
.icon.profile2 i {
  background-position: -70px -770px;
}
.icon.qa-right1 i {
  background-position: -70px -840px;
}
.icon.qa-right2 i {
  background-position: -70px -910px;
}
.icon.qa-wrong1 i {
  background-position: -70px -980px;
}
.icon.qa-wrong2 i {
  background-position: -70px -1050px;
}
.icon.qb-check1 i {
  background-position: -70px -1120px;
}
.icon.qb-check1:hover i {
  background-position: -70px -1190px;
}
.icon.qb-check2 i {
  background-position: -70px -1190px;
}
.icon.qb-hint1 i {
  background-position: -70px -1260px;
}
.icon.qb-hint1:hover i {
  background-position: -70px -1330px;
}
.icon.qb-hint2 i {
  background-position: -70px -1330px;
}
.icon.qb-showme1 i {
  background-position: -70px -1400px;
}
.icon.qb-showme1:hover i {
  background-position: -70px -1470px;
}
.icon.qb-showme2 i {
  background-position: -70px -1470px;
}
.icon.qc-online i {
  background-position: -210px -630px;
}
.icon.qc-offline i {
  background-position: -210px -700px;
}
.icon.qn-lock1 i {
  background-position: -70px -1540px;
}
.icon.qn-lock1:hover i {
  background-position: -70px -1610px;
}
.icon.qn-lock2 i {
  background-position: -70px -1610px;
}
.icon.qn-return1 i {
  background-position: -70px -1680px;
}
.icon.qn-return1:hover i {
  background-position: -70px -1750px;
}
.icon.qn-return2 i {
  background-position: -70px -1750px;
}
.icon.qn-unlock1 i {
  background-position: -70px -1820px;
}
.icon.qn-unlock1:hover i {
  background-position: -70px -1890px;
}
.icon.qn-unlock2 i {
  background-position: -70px -1890px;
}
.icon.qn-wrong1 i {
  background-position: -140px 0;
}
.icon.qn-wrong1:hover i {
  background-position: -140px -70px;
}
.icon.qn-wrong2 i {
  background-position: -140px -70px;
}
.icon.remove1 i {
  background-position: -140px -140px;
}
.icon.remove1:hover i {
  background-position: -140px -210px;
}
.icon.remove2 i {
  background-position: -140px -210px;
}
.icon.retake1 i {
  background-position: -140px -280px;
}
.icon.retake1:hover i {
  background-position: -140px -350px;
}
.icon.retake2 i {
  background-position: -140px -350px;
}
.icon.retake3 i {
  background-position: -210px -1890px;
}
.icon.right1 i {
  background-position: -140px -420px;
}
.icon.right1:hover i {
  background-position: -140px -490px;
}
.icon.right2 i {
  background-position: -140px -490px;
}
.icon.rubric1 i {
  background-position: -140px -560px;
}
.icon.search1 i {
  background-position: -140px -630px;
}
.icon.search1:hover i {
  background-position: -140px -700px;
}
.icon.search2 i {
  background-position: -140px -700px;
}
.icon.search3 i {
  background-position: -140px -770px;
}
.icon.search3:hover i {
  background-position: -140px -840px;
}
.icon.search4 i {
  background-position: -140px -840px;
}
.icon.settings1 i {
  background-position: -140px -910px;
}
.icon.settings1:hover i {
  background-position: -140px -980px;
}
.icon.settings2 i {
  background-position: -140px -980px;
}
.icon.share1 i {
  background-position: -140px -1050px;
}
.icon.share1:hover i {
  background-position: -140px -1121px;
}
.icon.share2 i {
  background-position: -140px -1121px;
}
.icon.sources i {
  background-position: -210px -490px;
}
.icon.standards i {
  background-position: -210px -420px;
}
.icon.star i {
  background-position: -210px -980px;
}
.icon.star1 i {
  background-position: -140px -1190px;
}
.icon.star2 i {
  background-position: -140px -1261px;
}
.icon.star3 i {
  background-position: -140px -1330px;
}
.icon.star3:hover i {
  background-position: -140px -1401px;
}
.icon.star4 i {
  background-position: -140px -1401px;
}
.icon.stop1 i {
  background-position: -140px -1470px;
}
.icon.stop1:hover i {
  background-position: -140px -1540px;
}
.icon.stop2 i {
  background-position: -140px -1540px;
}
.icon.stop3 i {
  background-position: -140px -1610px;
}
.icon.success1 i {
  background-position: -140px -1680px;
}
.icon.success1:hover i {
  background-position: -140px -1750px;
}
.icon.success2 i {
  background-position: -140px -1750px;
}
.icon.success3 i {
  background-position: -140px -1820px;
}
.icon.success3:hover i {
  background-position: -140px -1890px;
}
.icon.success4 i {
  background-position: -140px -1890px;
}
.icon.success5 i {
  background-position: -210px 0;
}
.icon.table-expand1 i {
  background-position: -210px -1050px;
}
.icon.table-expand1:hover i {
  background-position: -210px -1120px;
}
.icon.table-expand2 i {
  background-position: -210px -1120px;
}
.icon.transcripts i {
  background-position: -210px -560px;
}
.icon.trash1 i {
  background-position: -280px -70px;
}
.icon.tog1 i {
  background-position: -210px -70px;
}
.icon.tog1:hover i {
  background-position: -210px -140px;
}
.icon.tog2 i {
  background-position: -210px -140px;
}
.icon.whatsthis1 i {
  background-position: -210px -1610px;
}
.icon.whatsthis1:hover i {
  background-position: -210px -1680px;
}
.icon.whatsthis2 i {
  background-position: -210px -1680px;
}
.icon.status {
  display: inline-block;
  width: 10px;
  height: 10px;
  position: relative;
  top: -1px;
  margin-right: 6px;
}
.icon.status i {
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  top: 0;
  left: 1px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin-top: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.icon.status.offline i,
.icon.status i {
  border: 1px solid #999999;
  background-position: bottom center;
  background-repeat: repeat-x;
  background-color: #e1e1e1;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAICAIAAABcT7kVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#cccccc));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #e1e1e1, #cccccc);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #e1e1e1, #cccccc);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #e1e1e1, #cccccc);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #e1e1e1, #cccccc);
  /* Firefox 16+, IE10, Opera 12.50+ */

}
.icon.status.online i {
  border-color: #6a9f37;
  background-color: #aee775;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAICAIAAABcT7kVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-image: -webkit-gradient(linear, left top, left bottom, from(#aee775), to(#89bd55));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #aee775, #89bd55);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #aee775, #89bd55);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #aee775, #89bd55);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #aee775, #89bd55);
  /* Firefox 16+, IE10, Opera 12.50+ */

}
.icon.status.away i {
  border-color: #d8941d;
  background: #fdde66;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #fdde66 0%, #f8b62d 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdde66), color-stop(100%, #f8b62d));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #fdde66 0%, #f8b62d 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #fdde66 0%, #f8b62d 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #fdde66 0%, #f8b62d 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #fdde66 0%, #f8b62d 100%);
  /* W3C */

}
.icon.status.na i {
  border-color: #da4a19;
  background: #fe8c66;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #fe8c66 0%, #ec774f 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe8c66), color-stop(100%, #ec774f));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #fe8c66 0%, #ec774f 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #fe8c66 0%, #ec774f 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #fe8c66 0%, #ec774f 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #fe8c66 0%, #ec774f 100%);
  /* W3C */

}
.iconelements > div {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  margin-bottom: 30px;
}
.iconelements > div:nth-child(1) {
  background: #f6fef0;
  border: 1px solid #77a524;
}
.iconelements > div:nth-child(2) {
  background: #fff;
  border: 1px solid #999;
  margin-bottom: 0;
}
/*----------------------------------------------------*/
/* BUTTONS
/*
/* General styling for various types of buttons
/* Icon buttons are also set within this section.
/*----------------------------------------------------*/
.ie9 .uibtn.next .arrow,
.ie9 .uibtn.next .button,
.ie9 .uibtn.previous .arrow,
.ie9 .uibtn.previous .button,
.lt-ie9 .uibtn.previous,
.lt-ie9 .uibtn.next {
  filter: none;
}
.lt-ie9 .arrowbtn.next .arrow,
.lt-ie9 .arrowbtn.previous .arrow,
.lt-ie9 .arrowbtn.blue.next .arrow,
.lt-ie9 .arrowbtn.blue.previous .arrow {
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678,sizingMethod='auto expand')";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678, sizingMethod='auto expand');
}
.lt-ie9 .arrowbtn.previous .arrow,
.lt-ie9 .arrowbtn.next .arrow {
  top: -5px;
}
.lt-ie9 .arrowbtn.next .arrow {
  right: 16px;
}
.lt-ie9 .arrowbtn.previous .arrow {
  left: 5px;
}
.arrowbtn.next,
.arrowbtn.previous,
.arrowbtn.blue.next,
.arrowbtn.blue.previous {
  position: relative;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  height: 28px;
  color: #333;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  font-size: 13px;
  line-height: 28px;
  font-weight: bold;
  text-decoration: none;
  width: 120px;
  display: inline-block;
  cursor: pointer;
  margin: 0 0 13px;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
.arrowbtn.next.disabled,
.arrowbtn.previous.disabled,
.arrowbtn.blue.next.disabled,
.arrowbtn.blue.previous.disabled {
  cursor: default;
  opacity: 0.6;
}
.arrowbtn.next:hover,
.arrowbtn.previous:hover,
.arrowbtn.blue.next:hover,
.arrowbtn.blue.previous:hover,
.arrowbtn.next:active,
.arrowbtn.previous:active,
.arrowbtn.blue.next:active,
.arrowbtn.blue.previous:active {
  width: 120px;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
}
.arrowbtn.next,
.arrowbtn.previous {
  color: #333;
  position: relative;
  overflow: hidden;
  width: 120px;
  height: 28px;
}
.arrowbtn.next > .arrow,
.arrowbtn.previous > .arrow,
.arrowbtn.next.disabled > .arrow:hover,
.arrowbtn.previous.disabled > .arrow:hover,
.arrowbtn.next.disabled > .arrow:active,
.arrowbtn.previous.disabled > .arrow:active,
.arrowbtn.next:active.disabled > .arrow,
.arrowbtn.previous:active.disabled > .arrow {
  display: block;
  position: absolute;
  top: 0;
  right: 11px;
  z-index: 2;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #8d8e8f;
  background: #e7e7e7;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: -moz-linear-gradient(45deg, #e7e7e7 0%, #fefefe 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #e7e7e7), color-stop(100%, #fefefe));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(45deg, #e7e7e7 0%, #fefefe 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(45deg, #e7e7e7 0%, #fefefe 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(45deg, #e7e7e7 0%, #fefefe 100%);
  /* IE10+ */

  background: linear-gradient(45deg, #e7e7e7 0%, #fefefe 100%);
  /* W3C */

  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.5);
  -o-box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.5);
}
.arrowbtn.next > .button,
.arrowbtn.previous > .button,
.arrowbtn.next.disabled > .button:hover,
.arrowbtn.previous.disabled > .button:hover,
.arrowbtn.next.disabled > .button:active,
.arrowbtn.previous.disabled > .button:active,
.arrowbtn.next:active.disabled > .button,
.arrowbtn.previous:active.disabled > .button {
  display: block;
  width: 100px;
  position: relative;
  line-height: 20px;
  height: 28px;
  text-align: center;
  z-index: 3;
  position: absolute;
  border: 1px solid #8d8e8f;
  background-color: #e7e7e7;
  background-position: bottom center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e7e7e7));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #fefefe, #e7e7e7);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #fefefe, #e7e7e7);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #fefefe, #e7e7e7);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #fefefe, #e7e7e7);
  /* Firefox 16+, IE10, Opera 12.50+ */

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.arrowbtn.next:hover > .arrow,
.arrowbtn.previous:hover > .arrow {
  border-color: #333;
  background-color: #fefefe;
}
.arrowbtn.next:hover > .button,
.arrowbtn.previous:hover > .button {
  background-color: #fefefe;
  border-color: #333;
}
.arrowbtn.next:hover.disabled > .button,
.arrowbtn.previous:hover.disabled > .button,
.arrowbtn.next:hover.disabled > .arrow,
.arrowbtn.previous:hover.disabled > .arrow {
  border-color: #8d8e8f;
  background-color: #e7e7e7;
}
.arrowbtn.next:hover.disabled > .button,
.arrowbtn.previous:hover.disabled > .button {
  border-right: 0;
}
.arrowbtn.next:active > .button,
.arrowbtn.previous:active > .button {
  background: #efefef;
  /* Old browsers */

  background: -moz-linear-gradient(top, #c3c3c3 0%, #efefef 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4296cb), color-stop(100%, #efefef));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #c3c3c3 0%, #efefef 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #c3c3c3 0%, #efefef 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #c3c3c3 0%, #efefef 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #c3c3c3 0%, #efefef 100%);
  /* W3C */

  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
  -o-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.arrowbtn.next:active > .arrow,
.arrowbtn.previous:active > .arrow {
  background: #efefef;
  /* Old browsers */

  background: -moz-linear-gradient(45deg, #efefef 0%, #c3c3c3 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #72bde7), color-stop(100%, #c3c3c3));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(45deg, #efefef 0%, #c3c3c3 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(45deg, #efefef 0%, #c3c3c3 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(45deg, #efefef 0%, #c3c3c3 100%);
  /* IE10+ */

  background: linear-gradient(45deg, #efefef 0%, #c3c3c3 100%);
  /* W3C */

  box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.4);
  -o-box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.4);
}
.arrowbtn.next {
  right: -4px;
}
.arrowbtn.next > .button {
  left: 1px;
  border-right: 0;
  padding: 3px 3px 3px 9px;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}
.arrowbtn.previous {
  left: -4px;
}
.arrowbtn.previous > .arrow {
  left: 11px;
}
.arrowbtn.previous > .button {
  right: 1px;
  border-left: 0;
  padding: 3px 9px 3px 3px;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}
.arrowbtn.previous:active > .arrow {
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
  -o-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.arrowbtn.previous:active > .button {
  box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.4);
  -o-box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.4);
}
.arrowbtn.blue.next > .arrow {
  border: 1px solid #3475a5;
  background: #7dc9f1;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: -moz-linear-gradient(45deg, #58aee0 0%, #7dc9f1 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #58aee0), color-stop(100%, #7dc9f1));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(45deg, #58aee0 0%, #7dc9f1 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(45deg, #58aee0 0%, #7dc9f1 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(45deg, #58aee0 0%, #7dc9f1 100%);
  /* IE10+ */

  background: linear-gradient(45deg, #58aee0 0%, #7dc9f1 100%);
  /* W3C */

  filter: none;
  -ms-filter: none;
}
.arrowbtn.blue.next > .button {
  border: 1px solid #3475a5;
  border-right: 0;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
  background: #7dc9f1;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: -moz-linear-gradient(top, #7dc9f1 0%, #58aee0 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7dc9f1), color-stop(100%, #58aee0));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #7dc9f1 0%, #58aee0 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #7dc9f1 0%, #58aee0 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #7dc9f1 0%, #58aee0 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #7dc9f1 0%, #58aee0 100%);
  /* W3C */

  filter: none;
  -ms-filter: none;
}
.arrowbtn.blue.next:hover {
  background: none;
  filter: none;
}
.arrowbtn.blue.next:hover > .arrow {
  border-color: #28587d;
}
.arrowbtn.blue.next:hover > .button {
  border-color: #28587d;
}
.arrowbtn.blue.next:active {
  filter: none;
}
.arrowbtn.blue.next:active > .button {
  background: #4296cb;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #4296cb 0%, #72bde7 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4296cb), color-stop(100%, #72bde7));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #4296cb 0%, #72bde7 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #4296cb 0%, #72bde7 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #4296cb 0%, #72bde7 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #4296cb 0%, #72bde7 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4296cb', endColorstr='#72bde7', GradientType=0);
  /* IE6-8 */

}
.arrowbtn.blue.next:active > .arrow {
  background: #72bde7;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(45deg, #72bde7 0%, #4296cb 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #72bde7), color-stop(100%, #4296cb));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(45deg, #72bde7 0%, #4296cb 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(45deg, #72bde7 0%, #4296cb 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(45deg, #72bde7 0%, #4296cb 100%);
  /* IE10+ */

  background: linear-gradient(45deg, #72bde7 0%, #4296cb 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72bde7', endColorstr='#4296cb', GradientType=1);
  /* IE6-8 fallback on horizontal gradient */

}
@-webkit-keyframes attentionTwo {
  from {
    -webkit-box-shadow: 0 0 1px 1px #58b8ff;
    box-shadow: 0 0 1px 1px #58b8ff;
  }
  50% {
    -webkit-box-shadow: 0 0 10px 1px #58b8ff;
    box-shadow: 0 0 10px 1px #58b8ff;
  }
  to {
    -webkit-box-shadow: 0 0 1px 1px #58b8ff;
    box-shadow: 0 0 1px 01px#58b8ff;
  }
}
@-moz-keyframes attentionTwo {
  from {
    -moz-box-shadow: 0 0 1px 1px #58b8ff;
  }
  50% {
    -moz-box-shadow: 0 0 10px 1px #58b8ff;
  }
  to {
    -moz-box-shadow: 0 0 1px 01px#58b8ff;
  }
}
@-o-keyframes attentionTwo {
  from {
    -o-box-shadow: 0 0 1px 1px #58b8ff;
  }
  50% {
    -o-box-shadow: 0 0 10px 1px #58b8ff;
  }
  to {
    -o-box-shadow: 0 0 1px 01px#58b8ff;
  }
}
@keyframes attentionTwo {
  from {
    box-shadow: 0 0 1px 1px #58b8ff;
  }
  50% {
    box-shadow: 0 0 10px 1px #58b8ff;
  }
  to {
    box-shadow: 0 0 1px 01px#58b8ff;
  }
}
a.uibtn {
  color: #333;
}
.ie9 .uibtn {
  filter: none !important;
}
.uibtn.disabled,
.uibtn.disabled:hover,
.uibtn.disabled:active {
  opacity: 0.6;
}
.uibtn {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  white-space: nowrap;
  border: 1px solid #8d8e8f;
  background-color: #fefefe;
  background-position: bottom center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-size: 100% 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e7e7e7));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #fefefe, #e7e7e7);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #fefefe, #e7e7e7);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #fefefe, #e7e7e7);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #fefefe, #e7e7e7);
  /* Firefox 16+, IE10, Opera 12.50+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fefefe, endColorstr=#e7e7e7);
  /* IE6‰ÛÒIE9 */

  zoom: 1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
  height: 28px;
  padding: 0 60px;
  color: #333;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  font-size: 13px;
  line-height: 28px;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  margin: 0 0 13px;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
.uibtn.disabled,
.uibtn.disabled:hover,
.uibtn.disabled:active {
  cursor: default;
  white-space: nowrap;
  border: 1px solid #8d8e8f;
  background-color: #fefefe;
  background-position: bottom center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-size: 100% 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e7e7e7));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #fefefe, #e7e7e7);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #fefefe, #e7e7e7);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #fefefe, #e7e7e7);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #fefefe, #e7e7e7);
  /* Firefox 16+, IE10, Opera 12.50+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fefefe, endColorstr=#e7e7e7);
  /* IE6‰ÛÒIE9 */

  zoom: 1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
}
.uibtn.icon {
  padding-left: 34px;
  padding-right: 20px;
  position: relative;
}
.uibtn.icon i {
  left: 12px;
}
.uibtn.icon.icnonly {
  text-indent: -9999px;
  padding: 0 16px;
}
.uibtn.icon.icnonly i {
  left: 50%;
  margin-left: -9px;
}
.uibtn.icon:hover {
  background-color: #fefefe;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f2f2f2));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  /* Firefox 16+, IE10, Opera 12.50+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fefefe, endColorstr=#f2f2f2);
  /* IE6‰ÛÒIE9 */

  zoom: 1;
}
.uibtn.sm {
  padding: 0 10px;
}
.uibtn.med {
  padding: 0 30px;
}
.uibtn.caps {
  text-transform: uppercase;
}
.uibtn.blue.caps,
.uibtn.red.caps,
.uibtn.green.caps {
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
}
.uibtn.alt {
  color: #fff !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7) !important;
}
.uibtn.multi {
  line-height: 12px;
  padding-top: 4px;
  padding-bottom: 2px;
  white-space: normal;
}
.uibtn.multi.icon {
  text-align: left;
}
.uibtn.multi.icon i {
  left: 9px;
}
.uibtn.att1,
.uibtn.att2 {
  position: relative;
}
.uibtn.att1 em,
.uibtn.att2 em {
  position: absolute;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.uibtn.att1 em {
  -webkit-box-shadow: 0 0 8px #58b8ff;
  -moz-box-shadow: 0 0 8px #58b8ff;
  -o-box-shadow: 0 0 8px #58b8ff;
  box-shadow: 0 0 8px #58b8ff;
}
.uibtn.att2 em {
  -webkit-animation-name: attentionTwo;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: attentionTwo;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -o-animation-name: attentionTwo;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  animation-name: attentionTwo;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
}
.uibtn:hover,
.uibtn.hover {
  color: #333;
  border: 1px solid #6b6b6b;
  background-color: #ededed;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#c7c6c6));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #ededed, #c7c6c6);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #ededed, #c7c6c6);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #ededed, #c7c6c6);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #ededed, #c7c6c6);
  /* Firefox 16+, IE10, Opera 12.50+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#c7c6c6);
  /* IE6‰ÛÒIE9 */

  zoom: 1;
}
.uibtn:active,
.uibtn.selected {
  background-color: #c3c3c3;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c3c3c3), to(#efefef));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #c3c3c3, #efefef);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #c3c3c3, #efefef);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #c3c3c3, #efefef);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #c3c3c3, #efefef);
  /* Firefox 16+, IE10, Opera 12.50+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c3c3c3, endColorstr=#efefef);
  /* IE6‰ÛÒIE9 */

  zoom: 1;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.45);
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.45);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.45);
}
.uibtn.blue,
.uibtn.blue.disabled:hover,
.uibtn.blue.disabled:active {
  border: 1px solid #3475a5;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  color: #073c64;
  background-color: #7dc9f1;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7dc9f1), to(#58aee0));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #7dc9f1, #58aee0);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #7dc9f1, #58aee0);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #7dc9f1, #58aee0);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #7dc9f1, #58aee0);
  /* Firefox 16+, IE10, Opera 12.50+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7dc9f1, endColorstr=#58aee0);
  /* IE6‰ÛÒIE9 */

  zoom: 1;
}
.uibtn.blue:hover,
.uibtn.blue.hover {
  background-color: #7dc9f1;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7dc9f1), to(#4c9ed1));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #7dc9f1, #4c9ed1);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #7dc9f1, #4c9ed1);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #7dc9f1, #4c9ed1);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #7dc9f1, #4c9ed1);
  /* Firefox 16+, IE10, Opera 12.50+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7dc9f1, endColorstr=#4c9ed1);
  /* IE6‰ÛÒIE9 */

  zoom: 1;
}
.uibtn.blue:active,
.uibtn.blue.selected {
  background-color: #4296cb;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4296cb), to(#72bde7));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #4296cb, #72bde7);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #4296cb, #72bde7);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #4296cb, #72bde7);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #4296cb, #72bde7);
  /* Firefox 16+, IE10, Opera 12.50+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4296cb, endColorstr=#72bde7);
  /* IE6‰ÛÒIE9 */

  zoom: 1;
}
.uibtn.blue2,
.uibtn.blue2.disabled:hover,
.uibtn.blue2.disabled:active {
  border: 1px solid #0d5d9e;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
  color: #fff;
  background: #45a1d6;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #45a1d6 0%, #208acd 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45a1d6), color-stop(100%, #208acd));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #45a1d6 0%, #208acd 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #45a1d6 0%, #208acd 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #45a1d6 0%, #208acd 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #45a1d6 0%, #208acd 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45a1d6', endColorstr='#208acd', GradientType=0);
  /* IE6-8 */

}
.uibtn.blue2:hover,
.uibtn.blue2.hover {
  background: #308fd7;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #308fd7 0%, #0e65b0 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #308fd7), color-stop(100%, #0e65b0));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #308fd7 0%, #0e65b0 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #308fd7 0%, #0e65b0 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #308fd7 0%, #0e65b0 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #308fd7 0%, #0e65b0 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#308fd7', endColorstr='#0e65b0', GradientType=0);
  /* IE6-8 */

}
.uibtn.blue2:active,
.uibtn.blue2.selected {
  background: #0a6ab2;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #0a6ab2 0%, #3b97ce 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0a6ab2), color-stop(100%, #3b97ce));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #0a6ab2 0%, #3b97ce 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #0a6ab2 0%, #3b97ce 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #0a6ab2 0%, #3b97ce 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #0a6ab2 0%, #3b97ce 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a6ab2', endColorstr='#3b97ce', GradientType=0);
  /* IE6-8 */

}
.uibtn.green,
.uibtn.green.disabled:hover,
.uibtn.green.disabled:active {
  border: 1px solid #577c32;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  color: #31441e;
  background-color: #6aa244;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-image: -webkit-gradient(linear, left top, left bottom, from(#93c85e), to(#6aa244));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #93c85e, #6aa244);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #93c85e, #6aa244);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #93c85e, #6aa244);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #93c85e, #6aa244);
  /* Firefox 16+, IE10, Opera 12.50+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#93c85e, endColorstr=#6aa244);
  /* IE6‰ÛÒIE9 */

  zoom: 1;
}
.uibtn.green:hover,
.uibtn.green.hover {
  background-color: #6aa244;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-image: -webkit-gradient(linear, left top, left bottom, from(#9cd064), to(#6aa244));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #9cd064, #6aa244);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #9cd064, #6aa244);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #9cd064, #6aa244);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #9cd064, #6aa244);
  /* Firefox 16+, IE10, Opera 12.50+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9cd064, endColorstr=#6aa244);
  /* IE6‰ÛÒIE9 */

  zoom: 1;
}
.uibtn.green:active,
.uibtn.green.selected {
  background-color: #4b8530;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4b8530), to(#7eb353));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #4b8530, #7eb353);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #4b8530, #7eb353);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #4b8530, #7eb353);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #4b8530, #7eb353);
  /* Firefox 16+, IE10, Opera 12.50+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4b8530, endColorstr=#7eb353);
  /* IE6‰ÛÒIE9 */

  zoom: 1;
}
.uibtn.yellow,
.uibtn.yellow.disabled:hover,
.uibtn.yellow.disabled:active {
  border: 1px solid #8d731e;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  color: #5b450f;
  background-color: #e7d33f;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e7d33f), to(#d1a92b));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #e7d33f, #d1a92b);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #e7d33f, #d1a92b);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #e7d33f, #d1a92b);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #e7d33f, #d1a92b);
  /* Firefox 16+, IE10, Opera 12.50+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e7d33f, endColorstr=#d1a92b);
  /* IE6‰ÛÒIE9 */

  zoom: 1;
}
.uibtn.yellow:hover,
.uibtn.yellow.hover {
  background-color: #efe146;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-image: -webkit-gradient(linear, left top, left bottom, from(#efe146), to(#d4af2f));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #efe146, #d4af2f);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #efe146, #d4af2f);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #efe146, #d4af2f);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #efe146, #d4af2f);
  /* Firefox 16+, IE10, Opera 12.50+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efe146, endColorstr=#d4af2f);
  /* IE6‰ÛÒIE9 */

  zoom: 1;
}
.uibtn.yellow:active,
.uibtn.yellow.selected {
  border: 1px solid #6b5616;
  background-color: #b5861d;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b5861d), to(#dcbf36));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #b5861d, #dcbf36);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #b5861d, #dcbf36);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #b5861d, #dcbf36);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #b5861d, #dcbf36);
  /* Firefox 16+, IE10, Opera 12.50+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b5861d, endColorstr=#dcbf36);
  /* IE6‰ÛÒIE9 */

  zoom: 1;
}
.uibtn.red,
.uibtn.red.disabled:hover,
.uibtn.red.disabled:active {
  border: 1px solid #76201c;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.9);
  color: #fff;
  background: #d5453c;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #d5453c 0%, #b1322c 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5453c), color-stop(100%, #b1322c));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #d5453c 0%, #b1322c 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #d5453c 0%, #b1322c 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #d5453c 0%, #b1322c 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #d5453c 0%, #b1322c 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5453c', endColorstr='#b1322c', GradientType=0);
  /* IE6-8 */

}
.uibtn.red:hover,
.uibtn.red.hover {
  background: #e14c42;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #e14c42 0%, #ad3029 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e14c42), color-stop(100%, #ad3029));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #e14c42 0%, #ad3029 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #e14c42 0%, #ad3029 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #e14c42 0%, #ad3029 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #e14c42 0%, #ad3029 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e14c42', endColorstr='#ad3029', GradientType=0);
  /* IE6-8 */

}
.uibtn.red:active,
.uibtn.red.selected {
  background: #881f1b;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #881f1b 0%, #c03a33 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #881f1b), color-stop(100%, #c03a33));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #881f1b 0%, #c03a33 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #881f1b 0%, #c03a33 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #881f1b 0%, #c03a33 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #881f1b 0%, #c03a33 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#881f1b', endColorstr='#c03a33', GradientType=0);
  /* IE6-8 */

}
.uibtn.flat {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  white-space: nowrap;
  border: 0;
  background: rgba(0, 0, 0, 0.6);
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#99000000', GradientType=0);
  /* IE6-8 */

  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  line-height: 36px;
  height: 36px;
  padding: 0 20px;
  color: #fff;
  text-shadow: none;
  font-size: 13px;
  display: inline-block;
  margin: 0 0 13px;
}
.uibtn.flat:hover {
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000', GradientType=0);
  /* IE6-8 */

}
.uibtn.flat:active {
  background: rgba(0, 0, 0, 0.6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#99000000', GradientType=0);
  /* IE6-8 */

  border: 0;
}
.uibtn.flat.white {
  color: #444;
  color: #ffffff;
  background-image: none;
  background: rgba(255, 255, 255, 0.1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1affffff', endColorstr='#1affffff', GradientType=0);
  /* IE6-8 */

}
.uibtn.flat.white:hover {
  background: rgba(255, 255, 255, 0.15);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26ffffff', endColorstr='#26ffffff', GradientType=0);
  /* IE6-8 */

}
.uibtn.flat.white:active {
  background: rgba(255, 255, 255, 0.1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1affffff', endColorstr='#1affffff', GradientType=0);
  /* IE6-8 */

}
.uibtn.flat.yellow {
  background: #f6a314;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6a314', endColorstr='#f6a314', GradientType=0);
  /* IE6-8 */

}
.uibtn.flat.green {
  background: #87bd56;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87bd56', endColorstr='#87bd56', GradientType=0);
  /* IE6-8 */

}
.uibtn.flat.blue {
  background: #4ea2e2;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ea2e2', endColorstr='#4ea2e2', GradientType=0);
  /* IE6-8 */

}
.uibtn.round {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  padding: 0 26px;
}
.uibtn.round.icon {
  padding-left: 34px;
  position: relative;
}
.uibtn.round.icon i {
  left: 10px;
}
.uibtn.round.icon:hover {
  background-color: #fefefe;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f2f2f2));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  /* Firefox 16+, IE10, Opera 12.50+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fefefe, endColorstr=#f2f2f2);
  /* IE6‰ÛÒIE9 */

  zoom: 1;
}
.flat-btn {
  display: inline-block;
  line-height: 30px;
  padding: 0 10px;
  background: #fafafa;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.flat-btn:hover {
  background: #fff;
}
.flat-btn.alignright {
  float: right;
  margin: 5px 0 10px 20px;
}
.togWrap {
  display: inline-block;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 3px;
  background: #e6e5e5;
  border: 1px solid #adacac;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
}
.togWrap a {
  padding: 5px 12px 5px 10px;
  display: inline-block;
  width: 70px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: #939090;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.togWrap a:hover {
  color: #666;
}
.togWrap .on {
  border: 1px solid #d8941d;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
  background: #fddc62;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #fddc62 0%, #f49906 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fddc62), color-stop(100%, #f49906));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #fddc62 0%, #f49906 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #fddc62 0%, #f49906 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #fddc62 0%, #f49906 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #fddc62 0%, #f49906 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fddc62', endColorstr='#f49906', GradientType=0);
  /* IE6-8 */

}
.togWrap .on:hover {
  color: #fff;
}
a.plainbtn,
button.plainbtn,
.plainbtn {
  display: inline-block;
  padding: 0 10px;
  line-height: 26px;
  font-size: 1em;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #7f7f7f;
  background: #fff;
  color: #333;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
}
a.plainbtn:hover,
button.plainbtn:hover,
.plainbtn:hover {
  color: #bdbdbd;
  border: 1px solid #959595;
}
a.plainbtn.green,
button.plainbtn.green,
.plainbtn.green,
a.plainbtn.red,
button.plainbtn.red,
.plainbtn.red,
a.plainbtn.orange,
button.plainbtn.orange,
.plainbtn.orange,
a.plainbtn.blue,
button.plainbtn.blue,
.plainbtn.blue {
  color: #333;
}
a.plainbtn.green:hover,
button.plainbtn.green:hover,
.plainbtn.green:hover,
a.plainbtn.red:hover,
button.plainbtn.red:hover,
.plainbtn.red:hover,
a.plainbtn.orange:hover,
button.plainbtn.orange:hover,
.plainbtn.orange:hover,
a.plainbtn.blue:hover,
button.plainbtn.blue:hover,
.plainbtn.blue:hover {
  color: #555;
}
a.plainbtn.green,
button.plainbtn.green,
.plainbtn.green {
  border-color: #a2b47a;
  background: #e9f7d6;
}
a.plainbtn.red,
button.plainbtn.red,
.plainbtn.red {
  border-color: #d26e70;
  background: #f6dad7;
}
a.plainbtn.orange,
button.plainbtn.orange,
.plainbtn.orange {
  border-color: #f6a315;
  background: #f6a315;
  color: #fff;
}
a.plainbtn.blue,
button.plainbtn.blue,
.plainbtn.blue {
  border-color: #b5cfe0;
}
a.plainbtn.img,
button.plainbtn.img,
.plainbtn.img {
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  padding: 0;
}
a.plainbtn.img img,
button.plainbtn.img img,
.plainbtn.img img {
  position: relative;
  top: -2px;
}
a.plainbtn.tog,
button.plainbtn.tog,
.plainbtn.tog {
  text-indent: -9999px;
  padding: 8px 10px;
  outline: none;
}
a.plainbtn.tog span,
button.plainbtn.tog span,
.plainbtn.tog span {
  display: block;
  width: 20px;
  height: 20px;
  background: transparent url(../../assets/img/ui/icons/iconlist-v2.png) no-repeat -210px -70px;
}
a.plainbtn.tog:hover span,
button.plainbtn.tog:hover span,
.plainbtn.tog:hover span,
a.plainbtn.tog.active span,
button.plainbtn.tog.active span,
.plainbtn.tog.active span {
  background-position: -210px -140px;
}
a.plainbtn.alt,
button.plainbtn.alt,
.plainbtn.alt {
  border: 1px solid #5f5f5f;
  color: #5f5f5f;
  background: none;
}
a.plainbtn.alt:hover,
button.plainbtn.alt:hover,
.plainbtn.alt:hover {
  color: #bdbdbd;
  border: 1px solid #959595;
}
a.plainbtn.alt.green,
button.plainbtn.alt.green,
.plainbtn.alt.green,
a.plainbtn.alt.red,
button.plainbtn.alt.red,
.plainbtn.alt.red,
a.plainbtn.alt.orange,
button.plainbtn.alt.orange,
.plainbtn.alt.orange,
a.plainbtn.alt.blue,
button.plainbtn.alt.blue,
.plainbtn.alt.blue,
a.plainbtn.alt.yellow,
button.plainbtn.alt.yellow,
.plainbtn.alt.yellow {
  color: #f7f7f7;
  background: none;
}
a.plainbtn.alt.green:hover,
button.plainbtn.alt.green:hover,
.plainbtn.alt.green:hover,
a.plainbtn.alt.red:hover,
button.plainbtn.alt.red:hover,
.plainbtn.alt.red:hover,
a.plainbtn.alt.orange:hover,
button.plainbtn.alt.orange:hover,
.plainbtn.alt.orange:hover,
a.plainbtn.alt.blue:hover,
button.plainbtn.alt.blue:hover,
.plainbtn.alt.blue:hover,
a.plainbtn.alt.yellow:hover,
button.plainbtn.alt.yellow:hover,
.plainbtn.alt.yellow:hover {
  color: #fff;
}
a.plainbtn.alt.green,
button.plainbtn.alt.green,
.plainbtn.alt.green {
  border-color: #a6c963;
}
a.plainbtn.alt.red,
button.plainbtn.alt.red,
.plainbtn.alt.red {
  border-color: #cd3738;
}
a.plainbtn.alt.orange,
button.plainbtn.alt.orange,
.plainbtn.alt.orange {
  border-color: #f26226;
}
a.plainbtn.alt.yellow,
button.plainbtn.alt.yellow,
.plainbtn.alt.yellow {
  border-color: #f5a214;
}
a.plainbtn.alt.blue,
button.plainbtn.alt.blue,
.plainbtn.alt.blue {
  border-color: #6195de;
}
a.plainbtn.alt.img,
button.plainbtn.alt.img,
.plainbtn.alt.img {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.65);
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.65);
  -o-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.65);
}
a.plainbtn.alt.img:hover,
button.plainbtn.alt.img:hover,
.plainbtn.alt.img:hover {
  border-color: #f26226;
}
a.plainbtn.alt.img.solid,
button.plainbtn.alt.img.solid,
.plainbtn.alt.img.solid {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
}
a.plainbtn.alt.solid.red,
button.plainbtn.alt.solid.red,
.plainbtn.alt.solid.red {
  background: #cd3738;
}
a.plainbtn.alt.solid.orange,
button.plainbtn.alt.solid.orange,
.plainbtn.alt.solid.orange {
  background: #f26226;
}
a.plainbtn.alt.solid.yellow,
button.plainbtn.alt.solid.yellow,
.plainbtn.alt.solid.yellow {
  background: #f5a214;
}
a.plainbtn.sm,
button.plainbtn.sm,
.plainbtn.sm {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  width: 15px;
  height: 15px;
  text-indent: -9999px;
  padding: 0;
  margin: 0;
  position: relative;
  top: 3px;
}
a.plainbtn.sm:hover,
button.plainbtn.sm:hover,
.plainbtn.sm:hover {
  border-color: #f26226;
}
a.plainbtn.sm.current,
button.plainbtn.sm.current,
.plainbtn.sm.current {
  border-color: #f26226;
  background: #f87622;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #f87622 0%, #ca3306 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f87622), color-stop(100%, #ca3306));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #f87622 0%, #ca3306 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #f87622 0%, #ca3306 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #f87622 0%, #ca3306 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #f87622 0%, #ca3306 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f87622', endColorstr='#ca3306', GradientType=0);
  /* IE6-8 */

}
.button-menu-list {
  height: 200px;
}
.button-menu-list > div {
  width: 32.5%;
  display: inline-block;
}
.btn-group {
  position: relative;
}
.btn-group button,
.btn-group .plainbtn {
  position: relative;
  z-index: 2;
  -webkit-transition: all 0 linear;
  -moz-transition: all 0 linear;
  -o-transition: all 0 linear;
}
.btn-group .dropmenu {
  position: absolute;
  top: 36px;
  z-index: 1;
}
.btn-group.right button,
.btn-group.right .plainbtn {
  float: right;
}
.btn-group.right .dropmenu {
  right: 0;
  border-radius: 3px 0 3px 3px;
  -webkit-border-radius: 3px 0 3px 3px;
  -moz-border-radius: 3px 0 3px 3px;
}
.btn-group.open button,
.btn-group.open .uibtn,
.btn-group.open .plainbtn {
  border-radius: 3px 3px 1px 1px;
  -webkit-border-radius: 3px 3px 1px 1px;
  -moz-border-radius: 3px 3px 1px 1px;
  border-bottom: 1px solid #fff;
}
.btn-group.open .dropmenu {
  display: block;
}
.dropmenu {
  display: none;
  list-style: none;
  margin: 0;
  padding: 4px 0;
  border-radius: 0 3px 3px 3px;
  -webkit-border-radius: 0 3px 3px 3px;
  -moz-border-radius: 0 3px 3px 3px;
  border: 1px solid #7f7f7f;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  width: 200px;
}
.dropmenu li a {
  display: block;
  padding: 4px 10px;
}
.dropmenu li a:hover {
  background: #f1f1f1;
  color: #333;
}
/*----------------------------------------------------*/
/* MEDIA PLAYERS
/*----------------------------------------------------*/
.mediaplayer .ui-button {
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border: 1px solid #717171;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.mediaplayer .ui-button .ui-icon {
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  background-position: 50% 50%;
}
.mediaplayer .ui-button .ui-icon.ui-icon-seek-start {
  background-image: url(../../assets/img/ui/media/media-previous-off.png);
}
.mediaplayer .ui-button .ui-icon.ui-icon-seek-prev {
  background-position: 0 0;
  background-image: url(../../assets/img/ui/media/media-rewind-off.png);
}
.mediaplayer .ui-button .ui-icon.ui-icon-play {
  background-position: 3px 0;
  background-image: url(../../assets/img/ui/media/media-play-off.png);
}
.mediaplayer .ui-button .ui-icon.ui-icon-pause {
  background-position: 1px 1px;
  background-image: url(../../assets/img/ui/media/media-pause-off.png);
}
.mediaplayer .ui-button .ui-icon.ui-icon-stop {
  background-position: 1px 1px;
  background-image: url(../../assets/img/ui/media/media-stop-off.png);
}
.mediaplayer .ui-button .ui-icon.ui-icon-seek-next {
  background-position: 2px 1px;
  background-image: url(../../assets/img/ui/media/media-forward-off.png);
}
.mediaplayer .ui-button .ui-icon.ui-icon-seek-end {
  background-position: 1px 0;
  background-image: url(../../assets/img/ui/media/media-next-off.png);
}
.mediaplayer .ui-button.previous.ui-button-icon-only,
.mediaplayer .ui-button.rewind.ui-button-icon-only,
.mediaplayer .ui-button.forward.ui-button-icon-only,
.mediaplayer .ui-button.next.ui-button-icon-only {
  width: 32px;
  height: 32px;
}
.mediaplayer .ui-button.previous .ui-button-text,
.mediaplayer .ui-button.rewind .ui-button-text,
.mediaplayer .ui-button.forward .ui-button-text,
.mediaplayer .ui-button.next .ui-button-text {
  padding: 0.2em;
}
.mediaplayer .ui-button.play.ui-button-icon-only,
.mediaplayer .ui-button.stop.ui-button-icon-only {
  width: 40px;
  height: 40px;
}
.mediaplayer .ui-button.play .ui-button-text,
.mediaplayer .ui-button.stop .ui-button-text {
  padding: 0.2em;
}
.mediaplayer .ui-button:active,
.mediaplayer .ui-button.ui-state-active {
  border: 1px solid #7d7d7d;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.1);
  background-color: #717171;
  background-position: bottom center;
  background-repeat: repeat-x;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#9a9a9b));
  background-image: -webkit-linear-gradient(top, #717171, #9a9a9b);
  background-image: -moz-linear-gradient(top, #717171, #9a9a9b);
  background-image: -o-linear-gradient(top, #717171, #9a9a9b);
  background-image: linear-gradient(to bottom, #717171, #9a9a9b);
}
.mediaplayer .ui-button:active .ui-icon.ui-icon-seek-start,
.mediaplayer .ui-button.ui-state-active .ui-icon.ui-icon-seek-start {
  background-image: url(../../assets/img/ui/media/media-previous-on.png);
}
.mediaplayer .ui-button:active .ui-icon.ui-icon-seek-prev,
.mediaplayer .ui-button.ui-state-active .ui-icon.ui-icon-seek-prev {
  background-image: url(../../assets/img/ui/media/media-rewind-on.png);
}
.mediaplayer .ui-button:active .ui-icon.ui-icon-play,
.mediaplayer .ui-button.ui-state-active .ui-icon.ui-icon-play {
  background-image: url(../../assets/img/ui/media/media-play-on.png);
}
.mediaplayer .ui-button:active .ui-icon.ui-icon-pause,
.mediaplayer .ui-button.ui-state-active .ui-icon.ui-icon-pause {
  background-image: url(../../assets/img/ui/media/media-pause-on.png);
}
.mediaplayer .ui-button:active .ui-icon.ui-icon-stop,
.mediaplayer .ui-button.ui-state-active .ui-icon.ui-icon-stop {
  background-image: url(../../assets/img/ui/media/media-stop-on.png);
}
.mediaplayer .ui-button:active .ui-icon.ui-icon-seek-next,
.mediaplayer .ui-button.ui-state-active .ui-icon.ui-icon-seek-next {
  background-image: url(../../assets/img/ui/media/media-forward-on.png);
}
.mediaplayer .ui-button:active .ui-icon.ui-icon-seek-end,
.mediaplayer .ui-button.ui-state-active .ui-icon.ui-icon-seek-end {
  background-image: url(../../assets/img/ui/media/media-next-on.png);
}
.vcplayer {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.vcplayer > div {
  line-height: 371px;
  background: #000;
  color: #fff;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
}
.vcplayer .controls {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #0d0a07;
  position: relative;
  background: #4f4f4f;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #4f4f4f 0%, #2f2f2f 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4f4f4f), color-stop(100%, #2f2f2f));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #4f4f4f 0%, #2f2f2f 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #4f4f4f 0%, #2f2f2f 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #4f4f4f 0%, #2f2f2f 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #4f4f4f 0%, #2f2f2f 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f4f4f', endColorstr='#2f2f2f', GradientType=0);
  /* IE6-8 */

}
.vcplayer .controls li {
  border-right: 1px solid #0d0a07;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.vcplayer .controls li.volume,
.vcplayer .controls li.cc,
.vcplayer .controls li.fullscreen,
.vcplayer .controls li.play {
  display: block;
  width: 45px;
  height: 45px;
}
.vcplayer .controls li.volume:hover,
.vcplayer .controls li.cc:hover,
.vcplayer .controls li.fullscreen:hover,
.vcplayer .controls li.play:hover {
  background: rgba(255, 255, 255, 0.05);
}
.vcplayer .controls li.volume:active,
.vcplayer .controls li.cc:active,
.vcplayer .controls li.fullscreen:active,
.vcplayer .controls li.play:active {
  background: none;
  border-left: 1px solid rgba(0, 0, 0, 0.4);
}
.vcplayer .controls li.volume a:active,
.vcplayer .controls li.cc a:active,
.vcplayer .controls li.fullscreen a:active,
.vcplayer .controls li.play a:active {
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.7);
  -o-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.7);
}
.vcplayer .controls li.play {
  border-left: 0;
}
.vcplayer .controls li.fullscreen {
  border-right: 0;
}
.vcplayer .controls li.play {
  float: left;
}
.vcplayer .controls li.volume,
.vcplayer .controls li.cc,
.vcplayer .controls li.fullscreen {
  float: right;
}
.vcplayer .controls li.volume {
  position: relative;
}
.vcplayer .controls li.volume > div {
  display: none;
  position: absolute;
  background: #404040;
  border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  bottom: 46px;
  left: -2px;
  height: 110px;
  padding: 10px 18px;
  width: 45px;
}
.vcplayer .controls li.volume > div > div {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background: #141414;
  height: 100%;
  position: relative;
  height: 90px;
}
.vcplayer .controls li.volume > div > div > div {
  position: relative;
  bottom: -60%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  height: 100%;
  background: #f8731f;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #f8731f 0%, #d03a08 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8731f), color-stop(100%, #d03a08));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #f8731f 0%, #d03a08 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #f8731f 0%, #d03a08 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #f8731f 0%, #d03a08 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #f8731f 0%, #d03a08 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8731f', endColorstr='#d03a08', GradientType=0);
  /* IE6-8 */

  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.7);
  -o-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.7);
  -ms-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.7);
  -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.7);
}
.vcplayer .controls li.volume > div > div a {
  position: absolute;
  margin-left: -18px;
}
.vcplayer .controls li.progress {
  height: 45px;
  position: relative;
  margin-left: 45px;
  margin-right: 135px;
  padding: 18px;
}
.vcplayer .controls li.progress > div {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background: #141414;
  height: 100%;
  height: 9px;
  box-shadow: inset 1px 0 3px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
  -o-box-shadow: inset 1px 0 3px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
  -ms-box-shadow: inset 1px 0 3px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
  -moz-box-shadow: inset 1px 0 3px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: inset 1px 0 3px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
}
.vcplayer .controls li.progress > div > div {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  height: 100%;
  background: #f8731f;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #f8731f 0%, #d03a08 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8731f), color-stop(100%, #d03a08));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #f8731f 0%, #d03a08 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #f8731f 0%, #d03a08 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #f8731f 0%, #d03a08 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #f8731f 0%, #d03a08 100%);
  /* W3C */

  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.7);
  -o-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.7);
  -ms-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.7);
  -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.7);
}
.vcplayer .controls li.progress a {
  position: absolute;
  top: 0;
  margin-left: -22px;
  left: 40%;
}
.vcplayer .controls li a {
  background: url(../../assets/img/ui/media/sprite.png) 0 0 no-repeat;
  display: block;
  width: 45px;
  height: 45px;
  text-indent: -9999px;
}
.vcplayer .controls li.volume > a {
  background-position: 0 0;
}
.vcplayer .controls li.cc a {
  background-position: 0 -90px;
}
.vcplayer .controls li.cc.on a {
  background-position: 0 -180px;
}
.vcplayer .controls li.fullscreen a {
  background-position: 0 -270px;
}
.vcplayer .controls li.progress a {
  background-position: 0 -360px;
}
.vcplayer .controls li.volume .volslider a {
  background-position: 0 -450px;
}
.vcplayer .controls li.play a {
  background-position: 0 -540px;
}
/*----------------------------------------------------*/
/* TOOLTIPS
/*----------------------------------------------------*/
.tipcontainer a {
  text-decoration: underline;
  color: #0078ae;
  font-weight: bold;
}
*[rel="tooltip"],
a[rel="whitetip"],
a[rel="undertip"],
.contenttip {
  position: relative;
}
.tooltip {
  z-index: 9999;
  color: #fff;
  text-shadow: 0 1px 0 #000;
  border: 1px solid #909292;
  background-color: #3f4040;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-repeat: repeat-x;
  background-position: bottom center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3f4040), to(#303131));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #3f4040, #303131);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #3f4040, #303131);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #3f4040, #303131);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #3f4040, #303131);
  /* Firefox 16+, IE10, Opera 12.50+ */

  display: none;
  text-indent: 0;
  opacity: 0;
  position: absolute;
  white-space: nowrap;
  top: -65px;
  left: 50%;
  text-align: center;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 16px;
  font-style: normal;
  text-align: left;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.tooltip:after,
.tooltip:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.tooltip:after {
  border-color: rgba(48, 49, 49, 0);
  border-top-color: #303131;
  border-width: 10px;
  left: 50%;
  margin-left: -10px;
}
.tooltip:before {
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #000000;
  border-width: 11px;
  left: 50%;
  margin-left: -11px;
}
table .tooltip {
  color: #131313;
  text-shadow: 0 1px 0 #fff;
  line-height: 16px;
  background-color: #f2f2f2;
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  /* Firefox 16+, IE10, Opera 12.50+ */

}
table .tooltip:after,
table .tooltip:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
table .tooltip:after {
  border-color: rgba(242, 242, 242, 0);
  border-top-color: #f2f2f2;
  border-width: 10px;
  left: 50%;
  margin-left: -10px;
}
table .tooltip:before {
  border-color: rgba(140, 139, 139, 0);
  border-top-color: #8c8b8b;
  border-width: 11px;
  left: 50%;
  margin-left: -11px;
}
.whitetip {
  display: none;
  text-indent: 0;
  color: #333;
  opacity: 0;
  position: absolute;
  background: #fefefe;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #fefefe 0%, #efefef 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #efefef));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #fefefe 0%, #efefef 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #fefefe 0%, #efefef 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #fefefe 0%, #efefef 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #fefefe 0%, #efefef 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#efefef', GradientType=0);
  /* IE6-8 */

  border: 1px solid #8c8b8b;
  white-space: nowrap;
  top: -65px;
  left: 50%;
  text-align: center;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 16px;
  font-style: normal;
  text-align: left;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  z-index: 200;
}
.whitetip strong {
  color: #000;
}
.whitetip.under {
  top: inherit;
  bottom: -65px;
}
.whitetip.under:after,
.whitetip.under:before {
  top: auto;
  bottom: 100%;
}
.whitetip.under:after {
  border-color: rgba(243, 243, 243, 0);
  border-bottom-color: #fefefe;
  border-width: 10px;
  left: 50%;
  margin-left: -10px;
}
.whitetip.under:before {
  border-color: rgba(140, 139, 139, 0);
  border-bottom-color: #8c8b8b;
  border-width: 11px;
  left: 50%;
  margin-left: -11px;
}
.whitetip:after,
.whitetip:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.whitetip:after {
  border-color: rgba(243, 243, 243, 0);
  border-top-color: #efefef;
  border-width: 10px;
  left: 50%;
  margin-left: -10px;
}
.whitetip:before {
  border-color: rgba(140, 139, 139, 0);
  border-top-color: #8c8b8b;
  border-width: 11px;
  left: 50%;
  margin-left: -11px;
}
.contenttip {
  display: inline-block;
  z-index: 100;
}
.contenttip .whitetip {
  width: 200px;
  margin-left: -100px;
  height: 200px;
}
.contenttip .whitetip strong {
  font-size: 13px;
  margin-bottom: 10px;
  display: block;
}
.contenttip .whitetip input,
.contenttip .whitetip label {
  display: block;
  clear: both;
  margin: 5px 0;
}
.contenttip .whitetip input .ui-button-text,
.contenttip .whitetip label .ui-button-text {
  line-height: 18px;
}
.contenttip .whitetip input span,
.contenttip .whitetip label span {
  padding-left: 2em;
}
.contenttip .whitetip > div {
  margin-bottom: 2px;
}
.contenttip .whitetip > div input.sm {
  margin-left: 2em;
  width: 80px;
}
.contenttip .whitetip button {
  margin-right: 4px;
}
.contenttip .whitetip a.remove {
  text-decoration: underline;
}
/*----------------------------------------------------*/
/* HEADERS
/*
/* Tabbed menu headers and virtual classroom headers
/* Also includes VC content header, footer, & gradebar
/*----------------------------------------------------*/
.masthead {
  margin: 0 auto;
  clear: both;
  margin-bottom: 40px;
  background-color: #333;
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.masthead h1 {
  font-weight: 100;
  font-size: 2em;
  margin: 0;
  padding: 10px;
  color: #fff;
  letter-spacing: 2px;
}
.masthead h1 a {
  color: #fff;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.masthead h1 a:hover {
  text-shadow: 0 2px 0 #000;
}
.masthead nav > ol {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
  border-bottom: 10px solid #666;
  font-size: 0.9em;
}
.masthead nav > ol > li {
  display: inline-block;
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  margin: 0;
}
.masthead nav > ol > li a {
  display: block;
  padding: 10px 10px 7px 32px;
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  color: #fff;
  position: relative;
}
.masthead nav > ol > li a i {
  display: block;
  position: absolute;
  left: 5px;
  top: 8px;
  width: 24px;
  height: 24px;
  background-image: url(../../assets/img/ui/icn-menu.png);
  background-repeat: no-repeat;
}
.masthead nav > ol > li a .notifications {
  display: block;
  position: absolute;
  right: -11px;
  top: -12px;
  width: 22px;
  height: 23px;
  background: url(../../assets/img/ui/h-alert.png) 0 0 no-repeat;
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 22px;
  color: #fff;
  font-size: 11px;
}
.masthead nav > ol > li a:hover {
  background: #666;
}
.masthead nav > ol > li.nav-dashboard a i {
  background-position: 0 -24px;
}
.masthead nav > ol > li.nav-dashboard a:hover i {
  background-position: 0 0;
}
.masthead nav > ol > li.nav-courses a i {
  background-position: -24px -24px;
}
.masthead nav > ol > li.nav-courses a:hover i {
  background-position: -24px 0;
}
.masthead nav > ol > li.nav-students a i {
  background-position: -48px -24px;
}
.masthead nav > ol > li.nav-students a:hover i {
  background-position: -48px 0;
}
.masthead nav > ol > li.nav-educators a i {
  background-position: -72px -24px;
}
.masthead nav > ol > li.nav-educators a:hover i {
  background-position: -72px 0;
}
.masthead nav > ol > li.nav-reports a i {
  background-position: -96px -24px;
}
.masthead nav > ol > li.nav-reports a:hover i {
  background-position: -96px 0;
}
.masthead nav > ol > li.nav-implement a i {
  background-position: -120px -24px;
}
.masthead nav > ol > li.nav-implement a:hover i {
  background-position: -120px 0;
}
.masthead.vc nav > ol {
  border-bottom: 0;
}
.masthead.vc nav > ol > li {
  display: inline-block;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin: 10px 0 20px 10px;
}
.masthead.vc nav > ol > li a {
  display: block;
  padding: 3px 10px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #fff;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
}
.masthead.vc nav > ol > li a i {
  display: none;
}
.masthead.vc nav > ol > li a:hover {
  background: #666;
}
.masthead.blue {
  background-color: #213540;
}
.masthead.blue nav > ol {
  border-bottom-color: #68b5ee;
}
.masthead.blue nav > ol > li a:hover {
  background: #68b5ee;
}
.masthead.red {
  background-color: #991b33;
}
.masthead.red nav > ol {
  border-bottom-color: #f6a315;
}
.masthead.red nav > ol > li a:hover {
  background: #f6a315;
}
.masthead.purple {
  background-color: #3b0f5a;
}
.masthead.purple nav > ol {
  border-bottom-color: #f6a315;
}
.masthead.purple nav > ol > li a:hover {
  background: #f6a315;
}
.masthead.alabama {
  background-color: #981a32;
  background-image: url(../../assets/img/headers/alabama.jpg);
}
.masthead.miami {
  background-color: #cc362c;
  background-image: url(../../assets/img/headers/miami.jpg);
}
.masthead.cs {
  background-color: #3b0f5a;
  background-image: url(../../assets/img/headers/cs.jpg);
}
.masthead.scene1 {
  background-color: #8679a4;
  background-image: url(../../assets/img/headers/scene1.jpg);
}
.mainhead {
  background: #f24640;
  position: relative;
  color: #fff;
  width: 100%;
  z-index: 100;
  margin-bottom: 0;
  line-height: 40px;
  border-bottom: 0;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}
.mainhead .course {
  display: inline-block;
  white-space: nowrap;
  font-weight: bold;
}
.mainhead .course > div {
  width: 125px;
  height: 10px;
  display: inline-block;
  margin: 0 10px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  background: #0e1f34;
}
.mainhead .course > div > div {
  display: block;
  float: left;
  width: 71%;
  height: 100%;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9);
  -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9);
  -o-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9);
  background-color: #71a6ed;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#71a6ed), to(#3d71ba));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #71a6ed, #3d71ba);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #71a6ed, #3d71ba);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #71a6ed, #3d71ba);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #71a6ed, #3d71ba);
  /* Firefox 16+, IE10, Opera 12.50+ */

}
.mainhead .course em {
  font-size: 11px;
  font-style: normal;
  padding: 0 3px;
}
.mainhead a {
  color: #fff;
  font-weight: bold;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  position: relative;
}
.mainhead a.nav {
  display: inline-block;
  line-height: 40px;
  padding: 0 20px;
  margin: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-left: 1px solid rgba(255, 255, 255, 0.05);
}
.mainhead a.nav-home {
  text-indent: -9999px;
  width: 21px;
  height: 40px;
  margin-right: 14px;
  background: url(../../assets/img/ui/home-grey.png) 50% 50% no-repeat;
}
.mainhead a.nav-home:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 40px;
  right: -2px;
  top: 0;
  background: rgba(255, 255, 255, 0.05);
}
.mainhead a.nav-home:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 40px;
  left: -2px;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
}
.mainhead a:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.mainhead a:active,
.mainhead a.active {
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.mainhead .head-nav {
  margin: 0;
  padding: 0;
  position: absolute;
  right: -2px;
  top: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.05);
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.mainhead .head-nav > li {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  float: left;
}
.mainhead .head-nav > li.parent {
  background: url(../../assets/img/ui/arrow-down.png) 90% 50% no-repeat;
}
.mainhead .head-nav > li.parent > a {
  padding-left: 10px;
  padding-right: 40px;
}
.mainhead .head-nav > li.parent:hover > ul {
  display: block;
}
.mainhead .head-nav > li > ul {
  width: 100%;
  margin: 0;
  padding: 3px 0 0;
  list-style: none;
  position: absolute;
  display: none;
  background: none;
  top: 37px;
  left: 0;
}
.mainhead .head-nav > li > ul > li {
  display: block;
  background: #282627;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.mainhead .head-nav > li > ul > li a {
  padding: 5px 10px;
  display: block;
}
.mainhead h2 {
  font-size: 1.4em;
  margin: 0;
  padding: 0;
  line-height: 30px;
  float: left;
}
.mainhead .flatbtn {
  float: right;
}
.mainfoot {
  width: 100%;
  position: relative;
  padding: 0 10px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  line-height: 40px;
  background: #272727;
  box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.5);
}
.mainfoot a {
  color: #fff;
  font-size: 13px;
  font-weight: normal;
}
.mainfoot a:hover span {
  border: 1px solid #f9a619;
}
.mainfoot a.goLeft:hover span,
.mainfoot a.goRight:hover span {
  border: 1px solid #f9a619;
}
.mainfoot a.goLeft span,
.mainfoot a.goRight span {
  display: inline-block;
  border: 1px solid #5f5f5f;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  width: 26px;
  height: 26px;
  position: relative;
  top: 8px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.6);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.6);
}
.mainfoot a.goLeft {
  margin-left: 0;
}
.mainfoot a.goLeft span {
  margin-right: 5px;
  background: url(../../assets/img/ui/arrow-sm-lp.png) 50% 50% no-repeat;
}
.mainfoot a.goRight {
  position: absolute;
  right: 10px;
}
.mainfoot a.goRight span {
  margin-left: 5px;
  background: url(../../assets/img/ui/arrow-sm-rp.png) 50% 50% no-repeat;
}
.mainfoot a.showAll {
  text-indent: -9999px;
  z-index: 900;
  width: 52px;
  height: 22px;
  position: absolute;
  right: 50%;
  bottom: 9px;
  margin-top: -11px;
  margin-right: -26px;
  display: block;
  background: url(../../assets/img/ui/lesson-map.png) 0 0 no-repeat;
}
.mainfoot a.showAll:hover {
  opacity: 0.9;
}
.breadcrumbs {
  margin: 0 0 20px;
  padding: 0;
  overflow: hidden;
  list-style: none;
  border: 1px solid #bbbbbb;
  background: #fafafa;
  border-left: 0;
  border-right: 0;
}
.breadcrumbs li {
  display: block;
  position: relative;
  float: left;
  line-height: 26px;
}
.breadcrumbs li a {
  display: block;
  position: relative;
  line-height: 26px;
  height: 26px;
  padding: 0 10px 0 20px;
  z-index: 1;
  background: #fff;
  color: #333;
}
.breadcrumbs li a:after {
  content: " ";
  display: block;
  width: 12px;
  height: 26px;
  background: transparent url(../../assets/img/ui/bc-arrow.png) 0 0 no-repeat;
  position: absolute;
  left: 100%;
  margin-left: -1px;
  top: 0;
  z-index: 2;
}
.breadcrumbs li a:hover {
  color: #0078ae;
}
.breadcrumbs li:first-child a {
  padding-left: 10px;
}
.breadcrumbs li:nth-child(1) {
  z-index: 10;
}
.breadcrumbs li:nth-child(2) {
  z-index: 9;
}
.breadcrumbs li:nth-child(3) {
  z-index: 8;
}
.breadcrumbs li:nth-child(4) {
  z-index: 7;
}
.breadcrumbs li:nth-child(5) {
  z-index: 6;
}
.breadcrumbs li:nth-child(6) {
  z-index: 5;
}
.breadcrumbs li:nth-child(7) {
  z-index: 4;
}
.breadcrumbs li:nth-child(8) {
  z-index: 3;
}
.breadcrumbs li:nth-child(9) {
  z-index: 2;
}
.breadcrumbs li:nth-child(10) {
  z-index: 1;
}
.gradebar-wrap {
  position: relative;
}
.gradebar-wrap .gradebar {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 0;
  background: #b9d6e6;
  border: 1px solid #1c3440;
  color: #2b4251;
  height: 35px;
  position: relative;
  z-index: 2;
}
.gradebar-wrap .gradebar > span {
  display: inline;
  float: left;
  line-height: 34px;
}
.gradebar-wrap .gradebar > span.grade {
  padding: 0 10px;
  line-height: 32px;
  font-size: 25px;
  font-weight: bold;
}
.gradebar-wrap .gradebar > span.grade sup {
  font-size: 14px;
  font-weight: normal;
}
.gradebar-wrap .gradebar > span .icon {
  top: 4px;
}
.gradebar-wrap .gradebar > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  float: right;
}
.gradebar-wrap .gradebar > ul li {
  display: block;
  cursor: pointer;
  float: right;
  padding: 0;
  border-left: 1px solid rgba(28, 52, 65, 0.4);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  -o-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
}
.gradebar-wrap .gradebar > ul li:hover {
  background: rgba(255, 255, 255, 0.2);
}
.gradebar-wrap .gradebar > ul li a {
  display: block;
  padding: 8px 10px 7px;
  width: 20px;
  height: 18px;
  text-indent: -9999px;
}
.gradebar-wrap .gradebar > ul li a.active {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
.gradebar-wrap .gradebar > ul li.rubric a {
  background: url(../../assets/img/ui/icons/iconlist-v2.png) no-repeat -130px -554px;
}
.gradebar-wrap .gradebar > ul li.rubric a.active {
  background-color: #fff;
}
.gradebar-wrap .gradebar > ul li.feedback a {
  background: url(../../assets/img/ui/icons/iconlist-v2.png) no-repeat -200px -1744px;
}
.gradebar-wrap .gradebar > ul li.feedback a.active {
  background-color: #fff;
}
.gradebar-wrap .gradetabs > div {
  display: none;
  position: relative;
  width: 100%;
  top: -2px;
  padding: 0;
  border: 1px solid #333;
  background: #fff;
  z-index: 1;
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
}
.gradebar-wrap .gradetabs > div p {
  padding: 0 10px;
  margin-bottom: 10px;
  font-size: 13px;
}
.gradebar-wrap .gradetabs > div p:first-child {
  margin-top: 15px;
}
.gradebar-wrap .gradetabs > div p:last-child {
  padding-bottom: 10px;
}
/*----------------------------------------------------*/
/* LAYOUT MODULES
/*----------------------------------------------------*/
.divided {
  height: 300px;
  width: 660px;
  background: #fff;
  margin: 0 auto;
  border: 1px solid #929292;
}
.ui-layout-center,
.ui-layout-north,
.ui-layout-south,
.ui-layout-east,
.ui-layout-west,
.inner-center,
.inner-west,
.inner-east {
  /* prevent 'Flash Of Content' - panes will show automatically when layout initializes */

  display: none;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.ui-layout-pane {
  /* all 'panes' */

  background: #FFF;
  border: 0;
  padding: 10px;
  overflow: auto;
}
.ui-layout-resizer {
  /* all 'resizer-bars' */

  background-color: #cbcbcb;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cbcbcb));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #ffffff, #cbcbcb);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #ffffff, #cbcbcb);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #ffffff, #cbcbcb);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #ffffff, #cbcbcb);
  /* Firefox 16+, IE10, Opera 12.50+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#cbcbcb);
  /* IE6‰ÛÒIE9 */

  zoom: 1;
  outline: 1px solid #929292;
  overflow: visible !important;
  border-width: 0;
  cursor: ns-resize !important;
}
.ui-layout-resizer.ui-layout-resizer-west,
.ui-layout-resizer.ui-layout-resizer-east {
  cursor: ew-resize !important;
  background-color: #cbcbcb;
  background-image: -webkit-gradient(linear, left, from(#ffffff), to(#cbcbcb));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(left, #ffffff, #cbcbcb);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(left, #ffffff, #cbcbcb);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(left, #ffffff, #cbcbcb);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to right, #ffffff, #cbcbcb);
  /* Firefox 16+, IE10, Opera 12.50+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#cbcbcb);
  /* IE6‰ÛÒIE9 */

  zoom: 1;
}
.ui-layout-resizer.ui-layout-resizer-west.ui-layout-toggler,
.ui-layout-resizer.ui-layout-resizer-east.ui-layout-toggler {
  cursor: ew-resize !important;
}
.ui-layout-resizer-drag {
  /* REAL resizer while resize in progress */

}
.ui-layout-resizer-open:hover,
.ui-layout-resizer-dragging {
  /* resizer beging 'dragging' */

  background-color: #e6e6e6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  /* Firefox 16+, IE10, Opera 12.50+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e6e6e6);
  /* IE6‰ÛÒIE9 */

  zoom: 1;
}
.ui-layout-resizer-open:hover.ui-layout-resizer-west,
.ui-layout-resizer-dragging.ui-layout-resizer-west,
.ui-layout-resizer-open:hover.ui-layout-resizer-east,
.ui-layout-resizer-dragging.ui-layout-resizer-east {
  background-color: #cbcbcb;
  background-image: -webkit-gradient(linear, left, from(#ffffff), to(#e6e6e6));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(left, #ffffff, #e6e6e6);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(left, #ffffff, #e6e6e6);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(left, #ffffff, #e6e6e6);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to right, #ffffff, #e6e6e6);
  /* Firefox 16+, IE10, Opera 12.50+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e6e6e6);
  /* IE6‰ÛÒIE9 */

  zoom: 1;
}
.ui-layout-resizer-open:hover.ui-layout-resizer-west.ui-layout-toggler,
.ui-layout-resizer-dragging.ui-layout-resizer-west.ui-layout-toggler,
.ui-layout-resizer-open:hover.ui-layout-resizer-east.ui-layout-toggler,
.ui-layout-resizer-dragging.ui-layout-resizer-east.ui-layout-toggler {
  cursor: ew-resize !important;
}
.ui-layout-resizer-dragging {
  /* CLONED resizer being dragged */

  border: 1px solid #BBB;
}
.ui-layout-resizer-dragging-limit {
  /* CLONED resizer at min or max size-limit */

  background-color: #e6e6e6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  /* Firefox 16+, IE10, Opera 12.50+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e6e6e6);
  /* IE6‰ÛÒIE9 */

  zoom: 1;
}
.ui-layout-resizer-closed:hover {
  /* hover-color to 'slide open' */

  background-color: #e6e6e6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  /* Firefox 16+, IE10, Opera 12.50+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e6e6e6);
  /* IE6‰ÛÒIE9 */

  zoom: 1;
}
.ui-layout-resizer-sliding {
  /* resizer when pane was 'slid open' */

  opacity: 0.1;
  /* show only a slight shadow */

  filter: alpha(opacity=10);
}
.ui-layout-resizer-sliding:hover {
  /* sliding resizer - hover */

  opacity: 1;
  /* on:hover, show the resizer-bar normally */

  filter: alpha(opacity=100);
}
/* sliding resizer - add 'outside-border' to resizer on:hover */
.ui-layout-resizer-north-sliding:hover {
  border-bottom-width: 1px;
}
.ui-layout-resizer-south-sliding:hover {
  border-top-width: 1px;
}
.ui-layout-resizer-west-sliding:hover {
  border-right-width: 1px;
}
.ui-layout-resizer-east-sliding:hover {
  border-left-width: 1px;
}
.ui-layout-toggler {
  color: #666;
  border: 0;
  background: none;
}
.ui-layout-toggler .togInner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -3px;
  margin-top: -3px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  width: 6px;
  height: 6px;
  background: #fff;
  border: 1px solid #999;
}
.ui-layout-toggler.ui-layout-toggler-west,
.ui-layout-toggler.ui-layout-toggler-east {
  cursor: ew-resize !important;
}
.divided.mobile .ui-layout-toggler .togInner {
  background: url(../../assets/img/ui/div-mobile.png) 50% 50% no-repeat;
  left: 2px;
  top: 0;
  margin-top: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.divided.mobile .ui-layout-resizer-south .ui-layout-toggler .togInner {
  background: url(../../assets/img/ui/div-mobile-h.png) 50% 50% no-repeat;
}
.divided.mobile .ui-layout-resizer:hover .ui-layout-toggler:hover .togInner {
  border: 0;
}
.ui-layout-resizer:hover .ui-layout-toggler:hover {
  /* specificity */

  background: none;
  filter: alpha(opacity=100);
  opacity: 1;
  cursor: ns-resize !important;
}
.ui-layout-resizer:hover .ui-layout-toggler:hover.ui-layout-toggler-west,
.ui-layout-resizer:hover .ui-layout-toggler:hover.ui-layout-toggler-east {
  cursor: ew-resize !important;
}
.ui-layout-resizer:hover .ui-layout-toggler:hover .togInner {
  border: 1px solid #999;
}
.ui-layout-toggler-north,
.ui-layout-toggler-south {
  border-width: 0 1px;
}
.ui-layout-toggler-west,
.ui-layout-toggler-east {
  border-width: 1px 0;
}
.ui-layout-resizer-sliding .ui-layout-toggler {
  display: none;
}
.ui-layout-toggler .content {
  font-size: 12px;
  font-weight: bold;
  color: #666;
  padding-bottom: 0.35ex;
  /* to 'vertically center' text inside text-span */

}
/*----------------------------------------------------*/
/* FILTERS
/*
/* Several elements such as icons and buttons shown
/* in the filter treatment are using styling shown
/* elsewhere in the UI Kit. This is just layout and
/* the filter cards.
/*----------------------------------------------------*/
.slideFilters {
  padding-bottom: 20px;
}
.slideFilters .table-filters {
  padding-bottom: 0;
}
.slideFilters .table-filters > a {
  font-weight: bold;
  margin-right: 20px;
  padding-left: 18px;
  background: url(../../assets/img/ui/table-expand.png) 0 -36px no-repeat;
  color: #0078ae;
}
.slideFilters .table-filters > a.open {
  background-position: 0 -6px;
}
.slideFilters .table-filters > div {
  display: inline-block;
}
.slideFilters .table-filters > div a {
  margin-right: 10px;
}
.slideFilters.example .advanced {
  display: block;
}
.slideFilters .advanced {
  display: none;
  overflow: hidden;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #a3a3a3;
}
.slideFilters .advanced header {
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #a3a3a3;
}
.slideFilters .advanced header .ui-selectmenu {
  height: 26px;
}
.slideFilters .advanced header .ui-selectmenu-status {
  line-height: 26px;
  padding: 0 2.1em 0 1em;
}
.slideFilters .advanced > header,
.slideFilters .advanced > footer {
  padding: 10px;
  background: #f2f2f2;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #f2f2f2 0%, #dadada 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #dadada));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #f2f2f2 0%, #dadada 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #f2f2f2 0%, #dadada 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #f2f2f2 0%, #dadada 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #f2f2f2 0%, #dadada 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#dadada', GradientType=0);
  /* IE6-8 */

  box-shadow: inset 0 1px 0 #ffffff;
}
.slideFilters .advanced > header > strong,
.slideFilters .advanced > footer > strong {
  line-height: 26px;
  margin-right: 6px;
}
.slideFilters .advanced > header .uibtn,
.slideFilters .advanced > footer .uibtn {
  margin: 0 10px;
  line-height: 26px;
}
.slideFilters .advanced > header .uibtn.med.caps,
.slideFilters .advanced > footer .uibtn.med.caps {
  margin-right: 0;
  float: right;
}
.slideFilters .advanced > header .uiinput,
.slideFilters .advanced > footer .uiinput {
  margin-bottom: 0;
}
.slideFilters .advanced > footer {
  border-top: 1px solid #a3a3a3;
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  overflow: hidden;
}
.slideFilters .advanced > footer .uibtn {
  margin-left: 5px;
}
.slideFilters .advanced > footer .uibtn.med.caps {
  margin-left: 10px;
}
.slideFilters .advanced .filterlist {
  background: #f9f9f9;
  box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.2);
  padding: 15px 0;
  overflow: hidden;
  position: relative;
}
.slideFilters .advanced .filterlist #ui-carousel-next,
.slideFilters .advanced .filterlist #ui-carousel-prev {
  width: 60px;
  height: 100%;
  background: #fff;
  display: block;
  position: absolute;
  opacity: 0.85;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  top: 0;
  z-index: 100;
}
.slideFilters .advanced .filterlist #ui-carousel-next:hover,
.slideFilters .advanced .filterlist #ui-carousel-prev:hover {
  opacity: 1;
}
.slideFilters .advanced .filterlist #ui-carousel-next:hover span,
.slideFilters .advanced .filterlist #ui-carousel-prev:hover span {
  opacity: 0.4;
}
.slideFilters .advanced .filterlist #ui-carousel-next span,
.slideFilters .advanced .filterlist #ui-carousel-prev span {
  position: absolute;
  display: block;
  width: 38px;
  height: 38px;
  text-indent: -9999px;
  top: 50%;
  left: 50%;
  margin-left: -19px;
  margin-top: -19px;
  opacity: 0.2;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
}
.slideFilters .advanced .filterlist #ui-carousel-next span:hover,
.slideFilters .advanced .filterlist #ui-carousel-prev span:hover {
  opacity: 0.7;
}
.slideFilters .advanced .filterlist #ui-carousel-next {
  right: 0;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* IE10+ */

  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
  /* IE6-8 */

}
.slideFilters .advanced .filterlist #ui-carousel-next span {
  background: url(../../assets/img/ui/filters/goright.png) 50% 50% no-repeat;
}
.slideFilters .advanced .filterlist #ui-carousel-prev {
  display: none;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */

  background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
  /* IE6-8 */

}
.slideFilters .advanced .filterlist #ui-carousel-prev span {
  background: url(../../assets/img/ui/filters/goleft.png) 50% 50% no-repeat;
}
.slideFilters .advanced .filterlist > ul {
  margin: 0;
  width: 2000px;
  position: relative;
  padding: 0;
  list-style: none;
}
.slideFilters .advanced .filterlist > ul > li {
  padding: 10px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  width: 200px;
  border: 1px solid #9f9f9f;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  margin: 0 0 0 15px;
}
.slideFilters .advanced .filterlist > ul > li label {
  display: block;
  margin-bottom: 10px;
}
.slideFilters .advanced .filterlist > ul > li label input {
  top: 2px;
}
.slideFilters .advanced .filterlist > ul > li label .ui-button-text {
  line-height: 20px;
  display: block;
}
.slideFilters .advanced .filterlist > ul > li > .icon {
  text-indent: -9999px;
  position: absolute;
  right: 25px;
  top: 5px;
}
.filter-below {
  font-size: 13px;
  padding: 10px 20px;
  border-top: 1px solid #d2d2d2;
  background-color: #f6f6f6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ffffff));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #f6f6f6, #ffffff);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #f6f6f6, #ffffff);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #f6f6f6, #ffffff);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #f6f6f6, #ffffff);
  /* Firefox 16+, IE10, Opera 12.50+ */

}
@media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) {
  .slideFilters .advanced .filterlist {
    overflow-x: scroll;
  }
  .slideFilters .advanced .filterlist > a {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
}
/*----------------------------------------------------*/
/* LAYOUT ELEMENTS
/*
/* Miscellaneous layout elements that don't
/* fit elsewhere
/*----------------------------------------------------*/
.tagged {
  position: relative;
  top: -1px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  display: inline-block;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  color: #fff;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  padding: 0 10px;
}
.tagged.req {
  background: #d54754;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #d54754 0%, #bd2d23 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d54754), color-stop(100%, #bd2d23));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #d54754 0%, #bd2d23 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #d54754 0%, #bd2d23 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #d54754 0%, #bd2d23 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #d54754 0%, #bd2d23 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d54754', endColorstr='#bd2d23', GradientType=0);
  /* IE6-8 */

}
.tagged.rec {
  background: #fab236;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #fab236 0%, #f6a415 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fab236), color-stop(100%, #f6a415));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #fab236 0%, #f6a415 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #fab236 0%, #f6a415 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #fab236 0%, #f6a415 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #fab236 0%, #f6a415 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fab236', endColorstr='#f6a415', GradientType=0);
  /* IE6-8 */

}
.curGrade {
  display: block;
  position: relative;
  width: 71px;
  height: 77px;
  padding-top: 30px;
  background: url(../../assets/img/ui/grade-flag.png) top center no-repeat;
  text-align: center;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.9);
  font-size: 30px;
  line-height: 32px;
  font-weight: bold;
}
.curGrade sup {
  font-size: 11px;
  font-weight: normal;
  position: absolute;
  top: 50%;
}
ul.disc-example {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.disc-example li {
  margin: 0;
  border-bottom: 1px solid #e2e2e2;
}
ul.disc-example li a {
  font-weight: bold;
  display: block;
}
ul.disc-example li em {
  color: #999;
}
.discussion {
  position: relative;
  padding: 5px 10px 5px 50px;
  display: block;
  margin: 0;
}
.discussion .replies {
  position: absolute;
  display: block;
  width: 40px;
  height: 37px;
  padding: 0;
  margin: 0;
  background: url(../../assets/img/ui/discussions.png) 0 0 no-repeat;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 30px;
  color: #196894;
  left: 0;
  top: 5px;
}
/*----------------------------------------------------*/
/* LIGHTBOX CALLS
/*
/* Modal windows and alert popups
/*----------------------------------------------------*/
.lightboxfoot .container {
  padding: 20px;
}
.notify {
  display: none;
  width: 350px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 20px;
  border: 1px solid #333;
  background-color: #fff;
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.5);
  text-align: center;
  color: #333;
  font-weight: bold;
}
.notify.sample {
  display: block;
  margin: 0 0 30px;
}
.notify p {
  font-size: 1.1em;
  line-height: 1.2em;
}
.notify h5 {
  display: block;
  text-indent: -9999px;
  margin: 0 auto;
  width: 40px;
  height: 40px;
  background-image: url(../../assets/img/ui/icn-lg-alert.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.notify.warning {
  background-color: #fcf9e2;
  background-position: bottom center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAADVCAIAAAAO+p0uAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fcf9e2));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #ffffff, #fcf9e2);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #ffffff, #fcf9e2);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #ffffff, #fcf9e2);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #ffffff, #fcf9e2);
  /* Firefox 16+, IE10, Opera 12.50+ */

  border-color: #d8941d;
}
.notify.warning h5 {
  background-position: 0 0;
}
.notify.warning p {
  color: #875b13;
}
.notify.success {
  background-color: #eef8dc;
  background-position: bottom center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAACjCAIAAAAIOtnQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eef8dc));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #ffffff, #eef8dc);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #ffffff, #eef8dc);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #ffffff, #eef8dc);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #ffffff, #eef8dc);
  /* Firefox 16+, IE10, Opera 12.50+ */

  border-color: #9fb479;
}
.notify.success h5 {
  background-position: 0 -40px;
}
.notify.success p {
  color: #445d17;
}
.notify.error {
  background: #ffeceb;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #ffffff 0%, #ffeceb 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffeceb));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #ffffff 0%, #ffeceb 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #ffffff 0%, #ffeceb 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #ffffff 0%, #ffeceb 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #ffffff 0%, #ffeceb 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffeceb', GradientType=0);
  /* IE6-8 */

  border-color: #c6443c;
}
.notify.error h5 {
  background-position: 0 -80px;
}
.notify.error p {
  color: #9a211d;
}
.notify.patterns {
  margin-top: 30px;
}
.modal {
  width: 100%;
  position: relative;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.75);
  -o-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.75);
}
.modal > header,
.modal > footer {
  padding: 20px;
  position: relative;
  background-size: 100% 100%;
  overflow: hidden;
  -moz-background-clip: padding;
  /* Firefox 3.6 */

  -webkit-background-clip: padding;
  /* Safari 4? Chrome 6? */

  background-clip: padding-box;
  /* Firefox 4, Safari 5, Opera 10, IE 9 */

}
.modal > header {
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  background: #f3f3f5;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #f3f3f5 0%, #ededed 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f5), color-stop(100%, #ededed));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #f3f3f5 0%, #ededed 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #f3f3f5 0%, #ededed 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #f3f3f5 0%, #ededed 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #f3f3f5 0%, #ededed 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f5', endColorstr='#ededed', GradientType=0);
  /* IE6-8 */

}
.modal > header .close-btn {
  position: absolute;
  right: 10px;
  top: 10px;
}
.modal > header h3 {
  font-weight: 300;
  font-size: 1.8em;
  letter-spacing: 0.075em;
  margin: 0;
}
.modal > footer {
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  background: #ededed;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #ededed 0%, #f3f3f5 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #f3f3f5));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #ededed 0%, #f3f3f5 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #ededed 0%, #f3f3f5 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #ededed 0%, #f3f3f5 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #ededed 0%, #f3f3f5 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#f3f3f5', GradientType=0);
  /* IE6-8 */

  text-align: right;
}
.modal > footer .uibtn {
  margin-bottom: 0;
  margin-left: 8px;
}
.modal .modalbody {
  border-right: 0;
  border-left: 0;
}
.modal .modalbody .ui-layout-pane {
  padding: 0 0 32px;
  overflow: hidden;
  position: relative;
}
.modal .modalbody .ui-layout-pane a.botbut {
  position: absolute;
  top: 266px;
  z-index: 400;
}
.modal .modalbody > div {
  padding-bottom: 32px;
}
.modal .modalbody > div > ul {
  height: 229px;
  overflow: scroll;
  overflow-x: hidden;
  padding-bottom: 35px;
}
.modal .modalbody > div > a.botbut {
  display: block;
  position: absolute;
  line-height: 32px;
  font-size: 12px;
  height: 32px;
  width: 100%;
  text-align: center;
  border-top: 1px solid;
  color: #333;
}
.modal .modalbody > div > a.botbut:hover {
  color: #0078ae;
}
.modal .modalbody > div > a.botbut span {
  top: 5px;
  margin-right: 1px;
}
.modal .modalbody > div > a.botbut.addall {
  background: #f6fef0;
  border-color: #a1c859;
}
.modal .modalbody > div > a.botbut.remall {
  background: #ffeceb;
  border-color: #c67e7a;
}
.modal .modalbody > div > h4 {
  padding: 10px;
  margin: 0;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ccc;
}
.modal.patterns {
  position: relative;
  margin: 40px 0 50px;
}
.modal.patterns .modalbody {
  padding: 20px;
}
.modalwrap {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 101;
}
.modalwrap > div {
  display: none;
  left: 50%;
  top: 50%;
  position: absolute;
}
.modalwrap .modal {
  width: 660px;
  height: 450px;
}
.modalwrap .modal > footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px 0;
}
.modalwrap .modal > footer .uibtn.cancel {
  margin-right: 20px;
}
.listing {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.listing li {
  line-height: 32px;
  position: relative;
  height: 32px;
  overflow: hidden;
  border-bottom: 1px solid #e2e2e2;
  cursor: pointer;
  padding: 0 10px 0 25px;
  background-color: #fff;
}
.listing li .rowtog {
  display: none;
}
.listing li .rowtog.add-added {
  display: block;
}
.listing li ul {
  background: #fff;
  margin: 0;
  padding: 0 0 0 25px;
  position: relative;
}
.listing li ul ul {
  margin-left: -1px;
}
.listing li li {
  border-left: 1px solid #e2e2e2;
}
.listing li:hover,
.listing li.open {
  background-color: #d7eefb;
}
.listing li:hover li,
.listing li.open li {
  background-color: #fff;
}
.listing li:hover li:hover,
.listing li.open li:hover {
  background-color: #ececec;
}
.listing li:hover li:hover,
.listing li.open li:hover,
.listing li:hover li.open,
.listing li.open li.open {
  background-color: #d7eefb;
  border-left-color: #fff;
}
.listing li:hover .rowtog {
  display: block;
}
.listing li.parent {
  background-image: url(../../assets/img/ui/table-expand.png);
  background-repeat: no-repeat;
  background-position: 5px -28px;
  padding: 0;
}
.listing li.parent .rowtog {
  top: 16px;
}
.listing li.parent > span {
  padding-left: 25px;
  display: block;
}
.listing li.parent.open {
  background-position: 5px 1px;
}
/*----------------------------------------------------*/
/* ERRORS AND ALERTS
/*----------------------------------------------------*/
.alert {
  display: block;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  background: #f1f1f1;
  padding: 10px 30px 10px 10px;
  font-size: 0.875em;
  border: 1px solid #ccc;
  color: #333;
  position: relative;
}
.alert p {
  margin: 0;
  padding: 0;
}
.alert.warning {
  padding-left: 40px;
  background: #fefcf1 url(../../assets/img/ui/icn-alert.png) 13px 50% no-repeat;
  border-color: #ecb848;
}
.alert.announcement {
  padding-left: 40px;
  background: #fefcf1 url(../../assets/img/ui/icn-megaphone.png) 10px 50% no-repeat;
  border-color: #ecb848;
}
.alert.success {
  padding-left: 40px;
  background: #f6fef0 url(../../assets/img/ui/icn-success.png) 13px 50% no-repeat;
  border-color: #77a524;
}
.alert.error {
  padding-left: 40px;
  background: #ffeceb url(../../assets/img/ui/icn-error.png) 13px 50% no-repeat;
  border-color: #b83932;
}
.rowtog {
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  float: right;
  opacity: 0.7;
  cursor: pointer;
  background: transparent url(../../assets/img/ui/icons/iconlist-v2.png) no-repeat top left;
}
.rowtog:hover {
  opacity: 1;
}
.rowtog.remove-row {
  background-position: -140px -140px;
}
.rowtog.remove-row:hover {
  background-position: -140px -210px;
}
.rowtog.add-row {
  background-position: 0 0;
}
.rowtog.add-row:hover {
  background-position: 0 -70px;
}
.rowtog.add-added {
  background-position: -140px -1750px;
}
/*----------------------------------------------------*/
/* FORM FIELDS
/*
/* Some of these selectors override default
/* jQuery UI elements. jQuery UI CSS file is still
/* needed for these to display as they are but
/* it can easily be adjusted to do without.
/*----------------------------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #8d8e8f;
  background-color: #fefefe;
  background-position: bottom center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-size: 100% 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e7e7e7));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #fefefe, #e7e7e7);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #fefefe, #e7e7e7);
  /* Firefox 3.6-15 */

  background-image: -ms-linear-gradient(top, #fefefe, #e7e7e7);
  /* IE 10+ */

  background-image: -o-linear-gradient(top, #fefefe, #e7e7e7);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #fefefe, #e7e7e7);
  /* Firefox 16+, IE10, Opera 12.50+ */

  color: #333;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  font-size: 1em;
}
input.uiinput,
input.uiinput[type="text"],
textarea.uiinput,
input[type="search"].uiinput,
input[type="text"],
textarea,
input[type="search"] {
  background: #fff;
  -webkit-transition: box-shadow 0.3s linear;
  -moz-transition: box-shadow 0.3s linear;
  -o-transition: box-shadow 0.3s linear;
  outline: 0;
  margin: 0 0 20px 0;
  border: 1px solid #919191;
  color: #333;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  padding: 5px 10px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 #ffffff;
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 #ffffff;
  -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 #ffffff;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 #ffffff;
}
input.uiinput:focus,
input.uiinput[type="text"]:focus,
textarea.uiinput:focus,
input[type="search"].uiinput:focus,
input[type="text"]:focus,
textarea:focus,
input[type="search"]:focus {
  color: #333;
  border: 1px solid #4ea2e1;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 10px #4ea2e1, 0 0 5px #4ea2e1;
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 10px #4ea2e1, 0 0 5px #4ea2e1;
  -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 10px #4ea2e1, 0 0 5px #4ea2e1;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 10px #4ea2e1, 0 0 5px #4ea2e1;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 10px #4ea2e1, 0 0 5px #4ea2e1;
}
input.uiinput.error,
input.uiinput[type="text"].error,
textarea.uiinput.error,
input[type="search"].uiinput.error,
input[type="text"].error,
textarea.error,
input[type="search"].error {
  border: 1px solid #d23847;
}
input.uiinput.error:focus,
input.uiinput[type="text"].error:focus,
textarea.uiinput.error:focus,
input[type="search"].uiinput.error:focus,
input[type="text"].error:focus,
textarea.error:focus,
input[type="search"].error:focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 10px #d23847, 0 0 5px #d23847;
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 10px #d23847, 0 0 5px #d23847;
  -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 10px #d23847, 0 0 5px #d23847;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 10px #d23847, 0 0 5px #d23847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 10px #d23847, 0 0 5px #d23847;
}
input.uiinput.sm,
input.uiinput[type="text"].sm,
textarea.uiinput.sm,
input[type="search"].uiinput.sm,
input[type="text"].sm,
textarea.sm,
input[type="search"].sm {
  width: 200px;
}
input.uiinput.med,
input.uiinput[type="text"].med,
textarea.uiinput.med,
input[type="search"].uiinput.med,
input[type="text"].med,
textarea.med,
input[type="search"].med {
  width: 350px;
}
input.uiinput.lg,
input.uiinput[type="text"].lg,
textarea.uiinput.lg,
input[type="search"].uiinput.lg,
input[type="text"].lg,
textarea.lg,
input[type="search"].lg {
  width: 475px;
}
input.uiinput.dateinput,
input.uiinput[type="text"].dateinput,
textarea.uiinput.dateinput,
input[type="search"].uiinput.dateinput,
input[type="text"].dateinput,
textarea.dateinput,
input[type="search"].dateinput {
  background-image: url(../../assets/img/ui/calendar.png);
  background-position: 97.5% 50%;
  background-repeat: no-repeat;
}
input.uiinput.dateinput.sm,
input.uiinput[type="text"].dateinput.sm,
textarea.uiinput.dateinput.sm,
input[type="search"].uiinput.dateinput.sm,
input[type="text"].dateinput.sm,
textarea.dateinput.sm,
input[type="search"].dateinput.sm {
  background-position: 178px 50%;
}
input.uiinput.dateinput.med,
input.uiinput[type="text"].dateinput.med,
textarea.uiinput.dateinput.med,
input[type="search"].uiinput.dateinput.med,
input[type="text"].dateinput.med,
textarea.dateinput.med,
input[type="search"].dateinput.med {
  background-position: 328px 50%;
}
input.uiinput.dateinput.lg,
input.uiinput[type="text"].dateinput.lg,
textarea.uiinput.dateinput.lg,
input[type="search"].uiinput.dateinput.lg,
input[type="text"].dateinput.lg,
textarea.dateinput.lg,
input[type="search"].dateinput.lg {
  background-position: 453px 50%;
}
textarea.uiinput {
  resize: both;
  height: 120px;
  max-width: 660px;
  max-height: 360px;
}
textarea.uiinput.noresize {
  resize: none;
}
input.uiinput[type="search"] {
  background: #ffffff url(../../assets/img/ui/search.png) 6px -2px no-repeat;
  padding-left: 25px;
}
input.uiinput[type="search"]:focus {
  background: #ffffff url(../../assets/img/ui/search.png) 6px -32px no-repeat;
}
input.uiinput[type="search"].alt {
  background: #444444 url(../../assets/img/ui/search2.png) 6px 48% no-repeat;
  border: 0;
  padding: 8px 10px 8px 25px;
  color: #fff;
  box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.placeholder {
  color: #aaa;
}
.inline-date {
  margin-bottom: 1em;
}
.inline-date .ui-helper-clearfix::before,
.inline-date .ui-helper-clearfix::after {
  content: none;
}
.ui-datepicker {
  width: 17em;
  padding: 0;
  display: none;
  z-index: 9999!important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(0, 0, 0, 0.3), 0 -1px 0 rgba(0, 0, 0, 0.3), -1px 0 0 rgba(0, 0, 0, 0.3), 1px 0 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(0, 0, 0, 0.3), 0 -1px 0 rgba(0, 0, 0, 0.3), -1px 0 0 rgba(0, 0, 0, 0.3), 1px 0 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(0, 0, 0, 0.3), 0 -1px 0 rgba(0, 0, 0, 0.3), -1px 0 0 rgba(0, 0, 0, 0.3), 1px 0 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(0, 0, 0, 0.3), 0 -1px 0 rgba(0, 0, 0, 0.3), -1px 0 0 rgba(0, 0, 0, 0.3), 1px 0 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(0, 0, 0, 0.3), 0 -1px 0 rgba(0, 0, 0, 0.3), -1px 0 0 rgba(0, 0, 0, 0.3), 1px 0 0 rgba(0, 0, 0, 0.3);
}
.ui-datepicker.ui-corner-all {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.ui-datepicker.ui-widget {
  border: 0;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-header.ui-widget-header {
  background: #eaf2f6;
  border: 0;
  border-bottom: 1px solid #a6b7bf;
}
.ui-datepicker .ui-datepicker-header.ui-corner-all {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  cursor: pointer;
  top: 3px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon {
  background: url(../../assets/img/ui/calendar-arrows.png);
}
.ui-datepicker .ui-datepicker-prev.ui-corner-all,
.ui-datepicker .ui-datepicker-next.ui-corner-all {
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 2px;
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid #fff;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-next .ui-icon {
  background-position: bottom center;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0;
}
.ui-datepicker th {
  padding: .3em;
  color: #35424a;
  text-align: center;
  font-weight: normal;
  border: 0;
  background-color: #ffffff;
  background-position: bottom center;
  background-repeat: repeat-x;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e4f1f8));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #ffffff, #e4f1f8);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #ffffff, #e4f1f8);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #ffffff, #e4f1f8);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #ffffff, #e4f1f8);
  /* Firefox 16+, IE10, Opera 12.50+ */

}
.ui-datepicker td {
  outline: 1px solid #d0cfcf;
  border-right: 0;
  padding: 0;
  position: relative;
  font-size: 0.95em;
  line-height: 2.25em;
  width: 34px;
}
.ui-datepicker td.highlight i {
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  position: absolute;
  bottom: 2px;
  left: 50%;
  margin-left: -2px;
  background: #89C2ED;
}
.ui-datepicker td.highlight.ui-datepicker-current-day i {
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.ui-datepicker td.ui-datepicker-current-day {
  outline: 1px solid #6FA4CE;
}
.ui-datepicker td.ui-datepicker-current-day a.ui-state-default.ui-state-active {
  outline: 1px solid #6FA4CE;
}
.ui-datepicker tr td:first-child {
  border-left: 0;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: center;
  text-decoration: none;
}
.ui-datepicker td span.ui-state-default,
.ui-datepicker td a.ui-state-default {
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  background-color: #ffffff;
  background-position: bottom center;
  background-repeat: repeat-x;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ecebeb));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #ffffff, #ecebeb);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #ffffff, #ecebeb);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #ffffff, #ecebeb);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #ffffff, #ecebeb);
  /* Firefox 16+, IE10, Opera 12.50+ */

}
.ui-datepicker td span.ui-state-default.ui-state-hover,
.ui-datepicker td a.ui-state-default.ui-state-hover {
  background: #fff;
}
.ui-datepicker td span.ui-state-default.ui-state-highlight,
.ui-datepicker td a.ui-state-default.ui-state-highlight {
  background: #e0dfdf;
  outline: 1px solid #a5a4a4;
}
.ui-datepicker td span.ui-state-default.ui-state-active,
.ui-datepicker td a.ui-state-default.ui-state-active,
.ui-datepicker td span.ui-state-default.ui-state-active.ui-state-highlight,
.ui-datepicker td a.ui-state-default.ui-state-active.ui-state-highlight,
.ui-datepicker td span.ui-state-default.ui-state-active.ui-priority-secondary,
.ui-datepicker td a.ui-state-default.ui-state-active.ui-priority-secondary {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  outline: 1px solid #6fa4ce;
  background: #89c2ed;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.45);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.45);
  -o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.45);
}
.ui-datepicker td span.ui-state-default.ui-priority-secondary,
.ui-datepicker td a.ui-state-default.ui-priority-secondary {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
.dateinput.lg-date .ui-datepicker {
  width: 380px;
}
.dateinput.lg-date .ui-datepicker.ui-widget {
  border: 0;
}
.dateinput.lg-date .ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .5em 0;
}
.dateinput.lg-date .ui-datepicker .ui-datepicker-prev,
.dateinput.lg-date .ui-datepicker .ui-datepicker-next {
  top: .5em;
}
.dateinput.lg-date .ui-datepicker .ui-datepicker-title {
  font-size: 1.2em;
  line-height: 1.6em;
}
.dateinput.lg-date .ui-datepicker table {
  width: 100%;
  font-size: 1.125em;
  border-collapse: collapse;
  margin: 0;
}
.dateinput.lg-date .ui-datepicker th {
  padding: .5em .3em;
}
.dateinput.lg-date .ui-datepicker td span,
.dateinput.lg-date .ui-datepicker td a {
  padding: .6em .4em;
}
.dateinput.lg-date .ui-datepicker td.highlight i {
  bottom: 7px;
}
input[type="radio"],
input[type="checkbox"] {
  margin-bottom: 1em;
}
.ui-button.ui-checkbox-label {
  border: 0;
  width: 18px;
  height: 18px;
  background: url(../../assets/img/ui/check-off.png) 0 50% no-repeat;
}
.ui-button.ui-checkbox-label .textlabel {
  top: -1px;
}
.ui-button.ui-checkbox-label:hover {
  background-image: url(../../assets/img/ui/check-hover.png);
}
.ui-button.ui-checkbox-label.ui-state-active {
  background-image: url(../../assets/img/ui/check-on.png);
}
.ui-button.ui-checkbox-label span {
  padding: 0 1em 0 1.6em;
  position: relative;
  white-space: nowrap;
  display: inline-block;
}
.ui-button.ui-checkbox-label span span.ui-button-text {
  padding: 0;
}
.ui-button.ui-checkbox-label.isWrong {
  background-image: url(../../assets/img/ui/check-off.png);
}
.ui-button.ui-checkbox-label.isWrong:hover {
  background-image: url(../../assets/img/ui/checkwrong-hover.png);
}
.ui-button.ui-checkbox-label.isWrong.ui-state-active {
  background-image: url(../../assets/img/ui/checkwrong-on.png);
}
.ui-button.ui-radio-label {
  border: 0;
  margin-right: 1em;
  background: url(../../assets/img/ui/radio-off.png) 0 50% no-repeat;
  background-size: auto;
}
.ui-button.ui-radio-label.ui-state-active {
  background-image: url(../../assets/img/ui/radio-on.png);
}
.ui-button.ui-radio-label span {
  padding: 0.1em 1em 0 1.4em;
}
.ui-selectmenu {
  display: block;
  display: inline-block;
  position: relative;
  height: 2.2em;
  vertical-align: middle;
  text-decoration: none;
  overflow: hidden;
  zoom: 1;
}
.ui-selectmenu-icon {
  position: absolute;
  right: 6px;
  margin-top: -8px;
  top: 50%;
}
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  display: none;
  z-index: 1005;
}
/* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto ;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.ui-selectmenu-open {
  display: block;
}
.ui-selectmenu-menu-popup {
  margin-top: -1px;
}
.ui-selectmenu-menu li {
  padding: 0;
  margin: 0;
  display: block;
  border-top: 1px dotted transparent;
  border-bottom: 1px dotted transparent;
  border-right-width: 0 !important;
  border-left-width: 0 !important;
  font-weight: normal !important;
}
.ui-selectmenu-menu li a,
.ui-selectmenu-status {
  line-height: 1.4em;
  display: block;
  padding: .405em 2.1em .405em 1em;
  outline: none;
  text-decoration: none;
}
.ui-selectmenu-menu li.ui-state-disabled a,
.ui-state-disabled {
  cursor: default;
}
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status {
  padding-left: 20px;
  position: relative;
  margin-left: 5px;
}
.ui-selectmenu-menu li .ui-icon,
.ui-selectmenu-status .ui-icon {
  position: absolute;
  top: 1em;
  margin-top: -8px;
  left: 0;
}
.ui-selectmenu-status {
  line-height: 1.4em;
}
.ui-selectmenu-menu li span,
.ui-selectmenu-status span {
  display: block;
  margin-bottom: .2em;
}
.ui-selectmenu-menu li .ui-selectmenu-item-header {
  font-weight: bold;
}
.ui-selectmenu-menu li .ui-selectmenu-item-footer {
  opacity: .8;
}
/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group {
  font-size: 1em;
}
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
  line-height: 1.4em;
  display: block;
  padding: .6em .5em 0;
  font-weight: bold;
}
.ui-selectmenu-menu .ui-selectmenu-group ul {
  margin: 0;
  padding: 0;
}
/* IE6 workaround (dotted transparent borders) */
* html .ui-selectmenu-menu li {
  border-color: pink;
  filter: chroma(color=#ffc0cb);
  width: 100%;
}
* html .ui-selectmenu-menu li a {
  position: relative;
}
/* IE7 workaround (opacity disabled) */
* + html .ui-state-disabled,
* + html .ui-state-disabled a {
  color: silver;
}
.ui-selectmenu {
  border: 1px solid #7a7a7a;
  z-index: 2;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  font-size: 0.95em;
  min-width: 230px;
  background-color: #f5f6f6;
  background-position: bottom center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAIAAAAmKNuZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f6f6), to(#d3d5d5));
  background-image: -webkit-linear-gradient(top, #f5f6f6, #d3d5d5);
  background-image: -moz-linear-gradient(top, #f5f6f6, #d3d5d5);
  background-image: -ms-linear-gradient(top, #f5f6f6, #d3d5d5);
  background-image: -o-linear-gradient(top, #f5f6f6, #d3d5d5);
  background-image: linear-gradient(to bottom, #f5f6f6, #d3d5d5);
}
.ui-selectmenu.ui-corner-top {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.ui-selectmenu .ui-icon,
.ui-selectmenu .ui-selectmenu-icon {
  top: 0;
  right: 0;
  margin: 0;
  height: 100%;
  width: 20px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAaCAIAAAD9k3G7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-position: bottom center;
  background-repeat: repeat-x;
  background: rgba(0, 0, 0, 0.1);
  outline: 1px solid #8f9090;
  outline: 1px solid rgba(0, 0, 0, 0.5);
  border-left: 1px solid #ececec;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.ui-selectmenu .ui-icon i,
.ui-selectmenu .ui-selectmenu-icon i {
  display: block;
  position: absolute;
  left: 6px;
  top: 50%;
  width: 7px;
  height: 11px;
  margin-top: -5px;
  background: url(../../assets/img/ui/dropdown-arrow.png) 0 0 no-repeat;
}
.ui-selectmenu-menu ul {
  top: -1px;
}
.ui-selectmenu-menu li {
  display: block;
  border-bottom: 1px solid #c2c2c2;
  border-top: 1px solid rgba(255, 255, 255, 0.9);
}
.ui-selectmenu-menu li.ui-selectmenu-item-selected,
.ui-selectmenu-menu li.ui-selectmenu-item-selected.ui-selectmenu-item-focus {
  border: 1px solid #333;
  background: rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}
.ui-selectmenu-menu li.ui-selectmenu-item-selected.ui-state-hover,
.ui-selectmenu-menu li.ui-selectmenu-item-selected.ui-selectmenu-item-focus.ui-state-hover {
  outline: none;
}
.ui-selectmenu-menu li.ui-selectmenu-item-selected:hover,
.ui-selectmenu-menu li.ui-selectmenu-item-selected.ui-selectmenu-item-focus:hover {
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid #333;
}
.ui-selectmenu-menu li.ui-state-hover {
  border: 1px solid rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 400;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.75), 0 1px 0 rgba(0, 0, 0, 0.5), 0 -1px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.75), 0 1px 0 rgba(0, 0, 0, 0.5), 0 -1px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.75), 0 1px 0 rgba(0, 0, 0, 0.5), 0 -1px 0 rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.75), 0 1px 0 rgba(0, 0, 0, 0.5), 0 -1px 0 rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.75), 0 1px 0 rgba(0, 0, 0, 0.5), 0 -1px 0 rgba(0, 0, 0, 0.5);
}
.ui-flipped-top .ui-selectmenu-menu-dropdown {
  top: 4px;
}
.ui-flipped-top .ui-selectmenu-menu-dropdown.ui-corner-bottom {
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
}
.ui-selectmenu-menu-dropdown {
  min-width: 232px;
  font-size: 0.875em;
  border: 1px solid #7a7a7a;
  background-color: #f5f6f6;
  background-position: bottom center;
  background-repeat: repeat-x;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAIAAAAmKNuZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f6f6), to(#d3d5d5));
  background-image: -webkit-linear-gradient(top, #f5f6f6, #d3d5d5);
  background-image: -moz-linear-gradient(top, #f5f6f6, #d3d5d5);
  background-image: -ms-linear-gradient(top, #f5f6f6, #d3d5d5);
  background-image: -o-linear-gradient(top, #f5f6f6, #d3d5d5);
  background-image: linear-gradient(to bottom, #f5f6f6, #d3d5d5);
}
.progress-bar {
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  display: inline-block;
  position: relative;
  width: 100%;
  height: 12px;
  margin: 0 6px 4px 0;
  background: #f8f8f8;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
  -o-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
}
.progress-bar.fileupload {
  width: 90%;
}
.progress-bar > div.median {
  width: 10px;
  height: 7px;
  display: block;
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -5px;
  background: url(../../assets/img/ui/prog-indicator.png) top center no-repeat;
  text-indent: -9999px;
}
.progress-bar span {
  display: block;
  border: 1px solid;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -webkit-transition: width 0.4s ease-in-out;
  -moz-transition: width 0.4s ease-in-out;
  -ms-transition: width 0.4s ease-in-out;
  -o-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}
.progress-bar.blue span {
  border-color: #4687b9;
  background: #bfe2fd;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #bfe2fd 0%, #8ec5ef 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bfe2fd), color-stop(100%, #8ec5ef));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #bfe2fd 0%, #8ec5ef 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #bfe2fd 0%, #8ec5ef 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #bfe2fd 0%, #8ec5ef 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #bfe2fd 0%, #8ec5ef 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfe2fd', endColorstr='#8ec5ef', GradientType=0);
  /* IE6-8 */
}
.progress-bar.yellow span {
  border-color: #d8941d;
  background: #fdde66;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #fdde66 0%, #f8b62d 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdde66), color-stop(100%, #f8b62d));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #fdde66 0%, #f8b62d 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #fdde66 0%, #f8b62d 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #fdde66 0%, #f8b62d 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #fdde66 0%, #f8b62d 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdde66', endColorstr='#f8b62d', GradientType=0);
  /* IE6-8 */
}
.progress-bar.green span {
  border-color: #679d32;
  background: #b0ea77;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #b0ea77 0%, #8fc35a 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b0ea77), color-stop(100%, #8fc35a));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #b0ea77 0%, #8fc35a 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #b0ea77 0%, #8fc35a 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #b0ea77 0%, #8fc35a 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #b0ea77 0%, #8fc35a 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0ea77', endColorstr='#8fc35a', GradientType=0);
  /* IE6-8 */

}
.progress-bar.red span {
  border-color: #da4a19;
  background: #fe8c66;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #fe8c66 0%, #ec774f 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe8c66), color-stop(100%, #ec774f));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #fe8c66 0%, #ec774f 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #fe8c66 0%, #ec774f 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #fe8c66 0%, #ec774f 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #fe8c66 0%, #ec774f 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe8c66', endColorstr='#ec774f', GradientType=0);
  /* IE6-8 */

}
.ie9 .bar div {
  filter: none !important;
}
/*----------------------------------------------------*/
/* Messaging
/*
/* Following styles apply to chat portions of the
/* application.
/*----------------------------------------------------*/
.messageExample {
  height: 350px;
  background: #e2e2e2;
  position: relative;
  overflow: hidden;
}
.messaging {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 12px;
}
.messaging > div {
  width: 218px;
  position: absolute;
  bottom: 0;
  background: #fff;
  border: 1px solid #347887;
  border-bottom: 0;
  height: 35px;
}
.messaging > div:nth-child(1) {
  right: 10px;
}
.messaging > div:nth-child(2) {
  right: 238px;
}
.messaging > div:nth-child(3) {
  right: 476px;
}
.messaging > div:nth-child(4) {
  right: 714px;
}
.messaging > div:nth-child(5) {
  right: 952px;
}
.messaging > div header {
  background: #eef6fa;
  position: relative;
  cursor: pointer;
}
.messaging > div header:hover {
  background: #f1f9fd;
}
.messaging > div header .topBar {
  padding: 5px 10px;
  line-height: 25px;
  height: 35px;
}
.messaging > div header .topBar .status {
  top: 1px;
}
.messaging > div header .curStatus {
  font-weight: bold;
  line-height: 25px;
  height: 25px;
  border: 0;
  display: inline-block;
  position: relative;
  cursor: pointer;
  top: 1px;
  z-index: 2;
  padding: 0;
}
.messaging > div header .chat-min,
.messaging > div header .chat-close {
  position: absolute;
  display: block;
  top: 5px;
  right: 5px;
}
.messaging > div header .chat-min {
  right: 30px;
}
.messaging > div header .chat-close {
  top: 8px;
}
.messaging > div .cMessageBody {
  padding: 10px;
  height: 217px;
  border-top: 1px solid #347887;
  overflow: scroll;
}
.messaging > div .cMessageBody p {
  margin-bottom: 5px;
}
.messaging > div .cMessageBody p strong {
  color: #333;
}
.messaging > div.open {
  height: auto;
}
.messaging > div footer input {
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #347887;
  display: block;
  width: 100%;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  padding: 5px 10px;
  line-height: 20px;
  height: 35px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
}
.messaging > div footer input:focus {
  border: 0;
  border-top: 1px solid #347887;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
}
.messaging .cFlyout {
  background: #fff;
  border: 1px solid #347887;
  border-bottom: 0;
  height: 35px;
}
.messaging .cFlyout header {
  background: #eef6fa;
  position: relative;
  cursor: pointer;
}
.messaging .cFlyout header:hover {
  background: #f1f9fd;
}
.messaging .cFlyout header .curStatus {
  font-weight: bold;
  line-height: 25px;
  height: 25px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 0;
  display: inline-block;
  position: relative;
  cursor: pointer;
  top: 1px;
  z-index: 2;
  padding: 0;
}
.messaging .cFlyout header .curStatus em {
  color: #347887;
  font-weight: normal;
}
.messaging .cFlyout header .flyoutTog {
  position: absolute;
  display: block;
  opacity: 0;
  right: 5px;
}
.messaging .cFlyout header .statusSelect {
  background: #fff;
  border-top: 1px solid #347887;
  height: auto;
  overflow: visible;
}
.messaging .cFlyout header .statusSelect ul {
  margin: 0;
  padding: 10px 0;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075);
  -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075);
  border-bottom: 1px solid #c9d7da;
}
.messaging .cFlyout header .statusSelect ul li {
  display: block;
  cursor: pointer;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding-left: 30px;
}
.messaging .cFlyout header .statusSelect ul li i {
  top: 9px;
  left: 11px;
}
.messaging .cFlyout header .statusSelect ul li:hover {
  background: #f5f5f5;
}
.messaging .cFlyout.open {
  height: auto;
}
.messaging .cFlyout.open header .flyoutTog {
  display: block;
  opacity: 1;
}
.messaging .cFlyout.open header .curStatus {
  font-weight: bold;
  line-height: 25px;
  height: 25px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #347887;
  background: url(../../assets/img/ui/table-expand.png) 3px -31px no-repeat;
  display: inline-block;
  position: relative;
  cursor: pointer;
  top: 1px;
  z-index: 2;
  padding: 0 10px 0 19px;
}
.messaging .cFlyout.open header .curStatus em {
  color: #347887;
  font-weight: normal;
  display: none;
}
.messaging .cFlyout.open header .statusSelect {
  height: 0;
  overflow: hidden;
}
.messaging .cFlyout.open.statusSel header .curStatus {
  height: 30px;
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #fff;
  background-color: #fff;
  display: inline-block;
  background-position: 3px -1px;
}
.messaging .cFlyout.open.statusSel header .statusSelect {
  height: auto;
  overflow: visible;
}
.messaging .cFlyout.open.statusSel .contactList ul {
  height: 100px;
}
.messaging .cFlyout .contactList {
  padding-bottom: 5px;
}
.messaging .cFlyout .contactList ul {
  margin: 0;
  padding: 10px 0;
  height: 211px;
  overflow: scroll;
}
.messaging .cFlyout .contactList ul li {
  display: block;
  cursor: pointer;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding-left: 30px;
}
.messaging .cFlyout .contactList ul li i {
  top: 9px;
  left: 11px;
}
.messaging .cFlyout .contactList ul li:hover {
  background: #f5f5f5;
}
/*----------------------------------------------------*/
/* Tabbed Layout
/*
/* IDs shown below are specific to the examples
/* shown in the UI Kit. This will want to be tweaked
/* to fit into the layout.
/*----------------------------------------------------*/
#tab1,
#tab2,
#tab3 {
  font-size: 0.875em;
}
#tab1.ui-tabs,
#tab2.ui-tabs,
#tab3.ui-tabs {
  padding: 0;
  border: 0;
}
#tab1.ui-widget-content,
#tab2.ui-widget-content,
#tab3.ui-widget-content {
  background: #fff;
}
#tab1 .ui-tabs-nav,
#tab2 .ui-tabs-nav,
#tab3 .ui-tabs-nav {
  padding: 0 5px;
}
#tab1 .ui-tabs-nav li,
#tab2 .ui-tabs-nav li,
#tab3 .ui-tabs-nav li {
  margin: 0 10px 0 0;
}
#tab1 .ui-tabs-nav li.icon,
#tab2 .ui-tabs-nav li.icon,
#tab3 .ui-tabs-nav li.icon {
  font-size: 0;
}
#tab1 .ui-tabs-nav li.icon a,
#tab2 .ui-tabs-nav li.icon a,
#tab3 .ui-tabs-nav li.icon a {
  width: 60px;
  height: 33px;
  text-indent: -9999px;
}
#tab1 .ui-tabs-nav li.icon a i,
#tab2 .ui-tabs-nav li.icon a i,
#tab3 .ui-tabs-nav li.icon a i {
  left: 50%;
  margin-left: -11px;
  margin-top: -10px;
  width: 22px;
  height: 20px;
}
#tab1 .ui-tabs-nav.ui-widget-header,
#tab2 .ui-tabs-nav.ui-widget-header,
#tab3 .ui-tabs-nav.ui-widget-header {
  background: none;
  border: 1px solid #717171;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
#tab1 .ui-tabs-nav.ui-corner-all,
#tab2 .ui-tabs-nav.ui-corner-all,
#tab3 .ui-tabs-nav.ui-corner-all {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
#tab1 .ui-tabs-nav .ui-state-default,
#tab2 .ui-tabs-nav .ui-state-default,
#tab3 .ui-tabs-nav .ui-state-default {
  position: relative;
  background-color: #e5e5e5;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAIAAADYhlU4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-size: 100% 100%;
  background-repeat: repeat-x;
  background-position: bottom center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#d2d2d2));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #e5e5e5, #d2d2d2);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #e5e5e5, #d2d2d2);
  /* Firefox 3.6-15 */

  background-image: -ms-linear-gradient(top, #e5e5e5, #d2d2d2);
  /* IE10 */

  background-image: -o-linear-gradient(top, #e5e5e5, #d2d2d2);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #e5e5e5, #d2d2d2);
  /* Firefox 16+, IE10, Opera 12.50+ */

  zoom: 1;
  -webkit-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.75);
  -moz-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.75);
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
}
#tab1 .ui-tabs-nav .ui-state-default:before,
#tab2 .ui-tabs-nav .ui-state-default:before,
#tab3 .ui-tabs-nav .ui-state-default:before,
#tab1 .ui-tabs-nav .ui-state-default:after,
#tab2 .ui-tabs-nav .ui-state-default:after,
#tab3 .ui-tabs-nav .ui-state-default:after {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  background-image: url(../../assets/img/ui/tabs-corners.png);
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
}
#tab1 .ui-tabs-nav .ui-state-default:before,
#tab2 .ui-tabs-nav .ui-state-default:before,
#tab3 .ui-tabs-nav .ui-state-default:before {
  left: -4px;
  background-position: bottom left;
}
#tab1 .ui-tabs-nav .ui-state-default:after,
#tab2 .ui-tabs-nav .ui-state-default:after,
#tab3 .ui-tabs-nav .ui-state-default:after {
  right: -4px;
  background-position: bottom right;
}
#tab1 .ui-tabs-nav .ui-state-default a,
#tab2 .ui-tabs-nav .ui-state-default a,
#tab3 .ui-tabs-nav .ui-state-default a {
  font-weight: bold;
  color: #253c5a;
}
#tab1 .ui-tabs-nav .ui-state-default a:hover,
#tab2 .ui-tabs-nav .ui-state-default a:hover,
#tab3 .ui-tabs-nav .ui-state-default a:hover {
  color: #2396bf;
}
#tab1 .ui-tabs-nav .ui-state-default.ui-tabs-selected,
#tab2 .ui-tabs-nav .ui-state-default.ui-tabs-selected,
#tab3 .ui-tabs-nav .ui-state-default.ui-tabs-selected {
  background: #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff);
  /* IE6‰ÛÒIE9 */

}
#tab1 .ui-tabs-nav .ui-state-default.ui-tabs-selected a,
#tab2 .ui-tabs-nav .ui-state-default.ui-tabs-selected a,
#tab3 .ui-tabs-nav .ui-state-default.ui-tabs-selected a {
  color: #2396bf;
  cursor: default;
}
#tab1 .ui-tabs-nav .ui-state-default.ui-tabs-selected a i,
#tab2 .ui-tabs-nav .ui-state-default.ui-tabs-selected a i,
#tab3 .ui-tabs-nav .ui-state-default.ui-tabs-selected a i {
  margin-top: -11px;
}
#tab1 .ui-tabs-nav .ui-state-default.ui-tabs-selected:before,
#tab2 .ui-tabs-nav .ui-state-default.ui-tabs-selected:before,
#tab3 .ui-tabs-nav .ui-state-default.ui-tabs-selected:before {
  height: 7px;
  bottom: 0;
  left: -4px;
  background-position: top left;
}
#tab1 .ui-tabs-nav .ui-state-default.ui-tabs-selected:after,
#tab2 .ui-tabs-nav .ui-state-default.ui-tabs-selected:after,
#tab3 .ui-tabs-nav .ui-state-default.ui-tabs-selected:after {
  height: 7px;
  bottom: 0;
  right: -4px;
  background-position: top right;
}
#tab1 .ui-tabs-panel p,
#tab2 .ui-tabs-panel p,
#tab3 .ui-tabs-panel p {
  font-size: 1.1em;
  line-height: 1.5em;
}
#tab1.ui-tabs {
  margin-bottom: 40px;
}
#tab1.ui-tabs .ui-tabs-panel {
  margin-top: 1em;
  padding-top: 0;
  height: 200px;
  overflow: scroll;
  overflow-x: hidden;
}
#tab3.ui-tabs.lg-tabs .ui-tabs-nav {
  padding: 0 0 2%;
  display: table;
  width: 100%;
  border-bottom-color: #c9c8c8;
}
#tab3.ui-tabs.lg-tabs .ui-tabs-nav li {
  display: table-cell;
  width: 32%;
  margin: 0;
  border: 1px solid #c9c8c8 !important;
  border-bottom: 1px solid #c9c8c8;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#tab3.ui-tabs.lg-tabs .ui-tabs-nav li:nth-child(2) {
  margin: 0 2%;
}
#tab3.ui-tabs.lg-tabs .ui-tabs-nav li a {
  padding: 10px 0;
  display: block;
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #77868f;
}
#tab3.ui-tabs.lg-tabs .ui-tabs-nav li a strong {
  color: #333;
  display: block;
  font-size: 2.4em;
  padding: 3px 0;
}
#tab3.ui-tabs.lg-tabs .ui-tabs-nav li:before,
#tab3.ui-tabs.lg-tabs .ui-tabs-nav li:after {
  display: none;
}
#tab3.ui-tabs.lg-tabs .ui-tabs-nav li.ui-state-default {
  background: #f0f0f0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#tab3.ui-tabs.lg-tabs .ui-tabs-nav li.ui-state-default:hover {
  border-color: #abaaaa !important;
}
#tab3.ui-tabs.lg-tabs .ui-tabs-nav li.ui-state-default.ui-tabs-selected {
  background: #fff;
  position: relative;
  border-color: rgba(255, 255, 255, 0) !important;
}
#tab3.ui-tabs.lg-tabs .ui-tabs-nav li.ui-state-default.ui-tabs-selected a {
  padding-bottom: 34px;
  position: absolute;
  top: -1px;
  left: -1px;
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  background: #fff;
  border: 1px solid #c9c8c8;
  border-bottom: 0;
}
#tab3.ui-tabs.lg-tabs .ui-tabs-panel {
  border: 1px solid #c9c8c8;
  border-top: 0;
  background: #fff;
  position: relative;
}
.ui-tabs-vertical {
  padding: 60px 0;
  border: 1px solid #a3a3a3;
}
.ui-tabs-vertical .navbtn {
  position: absolute;
  left: 10px;
  top: 14px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  height: 31px;
  width: 196px;
  padding: 0;
  line-height: 31px;
  z-index: 2;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.ui-tabs-vertical .navbtn.blue {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}
.ui-tabs-vertical .ui-tabs-nav {
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 60px;
  width: 219px;
  height: 100%;
  margin: 0;
  border: 0 !important;
  border-right: 1px solid #d2d2d2 !important;
  background: none;
  background: #ffffff;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(left, #ffffff 0%, #eeeeee 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(left, #ffffff 0%, #eeeeee 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, #ffffff 0%, #eeeeee 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, #ffffff 0%, #eeeeee 100%);
  /* IE10+ */

  background: linear-gradient(to right, #ffffff 0%, #eeeeee 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=1);
  /* IE6-8 */

  border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
}
.ui-tabs-vertical .ui-tabs-nav > li {
  display: block;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #c1c1c1 !important;
  border-top: 1px solid #ffffff !important;
  border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-right: 0;
  border-left: 0;
  margin: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  background: #ffffff;
  /* Old browsers */

  background: -moz-linear-gradient(left, #ffffff 0%, #eeeeee 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(left, #ffffff 0%, #eeeeee 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, #ffffff 0%, #eeeeee 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, #ffffff 0%, #eeeeee 100%);
  /* IE10+ */

  background: linear-gradient(to right, #ffffff 0%, #eeeeee 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=1);
  /* IE6-9 */

  color: #35424a;
  font-weight: bold;
  height: 52px;
}
.ui-tabs-vertical .ui-tabs-nav > li:first-child {
  border-top: 1px solid #c1c1c1 !important;
}
.ui-tabs-vertical .ui-tabs-nav > li:first-child.ui-tabs-selected:before {
  top: -18px;
}
.ui-tabs-vertical .ui-tabs-nav > li.ui-state-active {
  height: auto;
}
.ui-tabs-vertical .ui-tabs-nav > li > ul {
  margin: 0;
  display: none;
  padding: 0 5px 20px 10px;
}
.ui-tabs-vertical .ui-tabs-nav > li > ul li {
  display: block;
  font-weight: normal;
  float: none;
  clear: both;
  line-height: 1em;
  font-size: 0.9em;
  padding: 5px 10px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
.ui-tabs-vertical .ui-tabs-nav > li > ul li a {
  line-height: 1em;
  color: #666;
}
.ui-tabs-vertical .ui-tabs-nav > li > ul li.current {
  background: #f6a315;
}
.ui-tabs-vertical .ui-tabs-nav > li > ul li.current a {
  color: #fff;
  text-shadow: none;
}
.ui-tabs-vertical .ui-tabs-nav > li a {
  display: block;
  float: none;
  outline: 0;
  color: #35424a;
  padding: 0 12px;
  line-height: 50px;
}
.ui-tabs-vertical .ui-tabs-nav > li.ui-tabs-selected {
  padding-bottom: 0;
  left: 1px;
  padding-right: .1em;
  border-right-width: 1px;
  border-right: 1px solid #fff;
  background: #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */

}
.ui-tabs-vertical .ui-tabs-nav > li.ui-tabs-selected a {
  left: -1px;
  position: relative;
}
.ui-tabs-vertical .ui-tabs-nav > li.ui-tabs-selected:before {
  content: url('../../assets/img/ui/tabs-vert-drop1.png');
  /* with class ModalCarrot ??*/

  position: absolute;
  /*or absolute*/

  z-index: 300;
  /*a number that's more than the modal box*/

  right: 0;
  top: -19px;
  opacity: 0.6;
}
.ui-tabs-vertical .ui-tabs-nav > li.ui-tabs-selected:after {
  content: url('../../assets/img/ui/tabs-vert-drop2.png');
  /* with class ModalCarrot ??*/

  position: absolute;
  /*or absolute*/

  z-index: 300;
  /*a number that's more than the modal box*/

  right: 0;
  bottom: -17px;
  opacity: 0.6;
}
.ui-tabs-vertical .ui-tabs-nav > li.ui-tabs-selected > ul {
  display: block;
}
.ui-tabs-vertical .ui-tabs-nav > li.ui-state-hover {
  background: #fff;
}
.ui-tabs-vertical .ui-tabs-panel {
  padding: 20px 20px 20px 250px;
  margin-top: -60px;
}
.ui-tabs-vertical .ui-tabs-panel h2 {
  font-weight: 100;
  font-size: 1.8em;
  line-height: 1em;
  padding-bottom: 25px;
  background: url(../../assets/img/ui/tabs-vert-div.png) bottom center repeat-x;
}
/*----------------------------------------------------*/
/* Table Layouts
/*----------------------------------------------------*/
.uitable {
  border-collapse: separate;
  *border-collapse: collapse;
  /* IE7 and lower */

  border-spacing: 0;
}
.uitable tbody tr:hover td {
  background: #d7eefb;
}
.uitable tbody tr td {
  background: #fff;
}
.uitable tbody tr td.centered {
  text-align: center;
}
.uitable tfoot td:first-child {
  text-align: center;
}
.uitable tfoot.uitable-foot tr .ui-checkbox-label {
  margin: 0;
}
.uitable tfoot.uitable-foot tr td {
  border-bottom: solid #a6a6ac 1px;
  border-top: solid #a6a6ac 1px;
}
.uitable thead tr th {
  border-bottom: solid #a6a6ac 1px;
}
.uitable tbody tr td:first-child,
.uitable thead tr td:first-child,
.uitable tfoot tr td:first-child,
.uitable tbody tr th:first-child,
.uitable thead tr th:first-child,
.uitable tfoot tr th:first-child {
  border-left: 1px solid #a6a6ac;
}
.uitable tbody tr td:last-child,
.uitable thead tr td:last-child,
.uitable tfoot tr td:last-child,
.uitable tbody tr th:last-child,
.uitable thead tr th:last-child,
.uitable tfoot tr th:last-child {
  border-right: 1px solid #a6a6ac;
}
.uitable tbody tr th,
.uitable thead tr th,
.uitable tfoot tr th {
  border-top: 1px solid #a6a6ac;
}
.uitable tr.addStudent td {
  background: #eaf6d4;
  border-bottom: 1px solid #9fb479;
  color: #445d17;
  font-weight: bold;
  cursor: pointer;
}
.uitable tr.addStudent td:hover {
  background: #f6ffe5;
}
.uitable tr.grouped {
  cursor: pointer;
}
.uitable tr.grouped td {
  padding: 0;
  cursor: pointer;
}
.uitable tr.grouped td div {
  padding: 10px 10px;
  height: 43px;
}
.uitable tr.grouped td div.hidden {
  background: #F5F4F4;
}
.uitable tr.grouped td.expand div {
  padding-left: 20px;
}
.uitable tr.grouped .hidden {
  display: none;
}
.uitable tr.grouped.open .hidden {
  display: block;
}
.uitable td,
.uitable th {
  padding: 10px;
  border-left: 1px solid #e0e1e2;
  white-space: nowrap;
  cursor: default;
  vertical-align: middle;
  position: releative;
}
.uitable td:first-child,
.uitable th:first-child {
  border-left: 0;
}
.uitable td .ui-checkbox-label,
.uitable th .ui-checkbox-label {
  top: 2px;
}
.uitable td .icon.profile1,
.uitable th .icon.profile1 {
  margin: 0 6px;
  top: 3px;
  position: relative;
}
.uitable td.expand,
.uitable th.expand {
  position: relative;
}
.uitable td.expand .arrow,
.uitable th.expand .arrow {
  position: absolute;
  left: 7px;
  display: block;
  width: 10px;
  height: 10px;
  top: 14px;
  background: url(../../assets/img/ui/table-head-right.png) 50% 0 no-repeat;
}
.uitable td.expand.open .arrow,
.uitable th.expand.open .arrow {
  left: 6px;
  top: 15px;
  background: url(../../assets/img/ui/table-head-drop.png) 50% 0 no-repeat;
}
.uitable td .status,
.uitable th .status {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  margin: 0 7px 0 -2px;
  position: relative;
  top: -1px;
  border: 1px solid #999999;
  background-position: bottom center;
  background-repeat: repeat-x;
  background-color: #e1e1e1;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAICAIAAABcT7kVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#cccccc));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #e1e1e1, #cccccc);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #e1e1e1, #cccccc);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #e1e1e1, #cccccc);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #e1e1e1, #cccccc);
  /* Firefox 16+, IE10, Opera 12.50+ */

}
.uitable td .status.online,
.uitable th .status.online {
  border: 1px solid #6a9f37;
  background-color: #aee775;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAICAIAAABcT7kVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-image: -webkit-gradient(linear, left top, left bottom, from(#aee775), to(#89bd55));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #aee775, #89bd55);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #aee775, #89bd55);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #aee775, #89bd55);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #aee775, #89bd55);
  /* Firefox 16+, IE10, Opera 12.50+ */

}
.uitable td.nopad,
.uitable th.nopad {
  padding: 0;
  text-align: center;
}
.uitable td.nopad div,
.uitable th.nopad div {
  width: 300px;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.uitable td.nopad div .goLeft,
.uitable th.nopad div .goLeft,
.uitable td.nopad div .goRight,
.uitable th.nopad div .goRight {
  width: 16px;
  z-index: 100;
  display: block;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  top: 0;
  height: 100%;
  position: absolute;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-size: 100% 100%;
  background-position: bottom center;
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e7e7e7));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #fefefe, #e7e7e7);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #fefefe, #e7e7e7);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #fefefe, #e7e7e7);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #fefefe, #e7e7e7);
  /* Firefox 16+, IE10, Opera 12.50+ */

}
.uitable td.nopad div .goLeft:active,
.uitable th.nopad div .goLeft:active,
.uitable td.nopad div .goRight:active,
.uitable th.nopad div .goRight:active {
  background: rgba(0, 0, 0, 0.1);
}
.uitable td.nopad div .goLeft span,
.uitable th.nopad div .goLeft span,
.uitable td.nopad div .goRight span,
.uitable th.nopad div .goRight span {
  display: block;
  width: 6px;
  height: 10px;
  position: absolute;
  text-indent: -9999px;
  left: 5px;
  top: 50%;
  margin-top: -5px;
}
.uitable td.nopad div .goLeft,
.uitable th.nopad div .goLeft {
  border-right: 1px solid #ddd;
  left: 0;
}
.uitable td.nopad div .goLeft span,
.uitable th.nopad div .goLeft span {
  background: transparent url(../../assets/img/ui/table-head-left.png) 50% 50% no-repeat;
}
.uitable td.nopad div .goRight,
.uitable th.nopad div .goRight {
  border-left: 1px solid #ddd;
  right: 0;
}
.uitable td.nopad div .goRight span,
.uitable th.nopad div .goRight span {
  background: transparent url(../../assets/img/ui/table-head-right.png) 50% 50% no-repeat;
}
.uitable td.nopad div table,
.uitable th.nopad div table {
  border: 0;
  position: relative;
  border-spacing: 0;
  border-collapse: collapse;
}
.uitable td.nopad div table tr:hover td,
.uitable th.nopad div table tr:hover td {
  background: none;
}
.uitable td.nopad div strong,
.uitable th.nopad div strong {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 3px;
  position: relative;
  top: -2px;
}
.uitable td.nopad div button,
.uitable th.nopad div button {
  display: inline;
  font-size: 10px;
  position: relative;
  top: -2px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #8d8e8f;
  background-color: #fefefe;
  background-position: bottom center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-size: 100% 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e7e7e7));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #fefefe, #e7e7e7);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #fefefe, #e7e7e7);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #fefefe, #e7e7e7);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #fefefe, #e7e7e7);
  /* Firefox 16+, IE10, Opera 12.50+ */

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
}
.uitable td.nopad div button:hover,
.uitable th.nopad div button:hover,
.uitable td.nopad div button.hover,
.uitable th.nopad div button.hover {
  color: #333;
  border: 1px solid #6b6b6b;
  background-color: #ededed;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#c7c6c6));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #ededed, #c7c6c6);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #ededed, #c7c6c6);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #ededed, #c7c6c6);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #ededed, #c7c6c6);
  /* Firefox 16+, IE10, Opera 12.50+ */

}
.uitable td.nopad div button:active,
.uitable th.nopad div button:active,
.uitable td.nopad div button.selected,
.uitable th.nopad div button.selected {
  background-color: #c3c3c3;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c3c3c3), to(#efefef));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #c3c3c3, #efefef);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #c3c3c3, #efefef);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #c3c3c3, #efefef);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #c3c3c3, #efefef);
  /* Firefox 16+, IE10, Opera 12.50+ */

  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.45);
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.45);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.45);
}
.uitable td.nopad div.listing-head td,
.uitable th.nopad div.listing-head td {
  padding: 0;
  font-size: 11px;
  border: 1px solid #ccc;
  border-bottom: 0;
  border-top: 0;
  cursor: pointer;
}
.uitable td.nopad div.listing-head td:first-child,
.uitable th.nopad div.listing-head td:first-child {
  border-left: 0;
}
.uitable td.nopad div.listing-head td:last-child,
.uitable th.nopad div.listing-head td:last-child {
  border-right: 0;
}
.uitable td.nopad div table,
.uitable th.nopad div table {
  width: 900px;
}
.uitable td.nopad td,
.uitable th.nopad td,
.uitable td.nopad th,
.uitable th.nopad th {
  background: none;
  padding: 10px 0;
  width: 100px;
  border: 1px solid #f2f2f2;
  border-bottom: 0;
  border-top: 0;
}
.uitable td.nopad td:first-child,
.uitable th.nopad td:first-child,
.uitable td.nopad th:first-child,
.uitable th.nopad th:first-child {
  border-left: 0;
}
.uitable td.nopad td:last-child,
.uitable th.nopad td:last-child,
.uitable td.nopad th:last-child,
.uitable th.nopad th:last-child {
  border-right: 0;
}
.uitable th {
  color: #333333;
  text-align: left;
  background-color: #fefefe;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-size: 100% 100%;
  background-position: bottom center;
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e7e7e7));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #fefefe, #e7e7e7);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #fefefe, #e7e7e7);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #fefefe, #e7e7e7);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #fefefe, #e7e7e7);
  /* Firefox 16+, IE10, Opera 12.50+ */

  cursor: pointer;
  border-left: 1px solid #a6a6ac;
  border-top: 1px solid #a6a6ac;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
.uitable th:hover {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAqCAIAAAA8m+yHAAAnNGlDQ1BJQ0MgUHJvZmlsZQAAaAWtenVYlF2775pOYOju7g7pli4B6W7pkm4QpUFauqUFRFBaARtEEQERBAtMUBFEOY9+7/n2Pvvsff46iwu4n/WsWbOYe7h+NQAI+rgGB/vDSQAEBIaHWpzU5LCxtePArAIsYAEEIAEoXN3DgjXMzIzA/zi+LwLYn5");
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#d9d9d9));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #f9f9f9, #d9d9d9);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #f9f9f9, #d9d9d9);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #f9f9f9, #d9d9d9);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #f9f9f9, #d9d9d9);
  /* Firefox 16+, */
}
.uitable th:first-child {
  -moz-border-radius: 6px 0 0 0;
  -webkit-border-radius: 6px 0 0 0;
  border-radius: 6px 0 0 0;
}
.uitable th:last-child {
  -moz-border-radius: 0 6px 0 0;
  -webkit-border-radius: 0 6px 0 0;
  border-radius: 0 6px 0 0;
}
.uitable th:only-child {
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
.uitable th div {
  padding-right: 30px;
  white-space: nowrap;
}
.uitable th.selRow div,
.uitable th.addCol div {
  padding: 0;
}
.uitable th.sorting_desc,
.uitable th.sorting_asc {
  color: #3482bd;
  background-color: #cdcdcd;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-position: bottom center;
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#ddddde));
  background-image: -webkit-linear-gradient(top, #cdcdcd, #ddddde);
  background-image: -moz-linear-gradient(top, #cdcdcd, #ddddde);
  background-image: -o-linear-gradient(top, #cdcdcd, #ddddde);
  background-image: linear-gradient(to bottom, #cdcdcd, #ddddde);
}
.uitable th.sorting_desc div,
.uitable th.sorting_asc div {
  background-position: 100% 50%;
  background-repeat: no-repeat;
}
.uitable th.addCol {
  text-align: center;
  position: relative;
}
.uitable th.addCol div {
  text-align: center;
}
.uitable th.addCol .addList {
  background: #fff;
  border-left: 1px solid #abacb2;
  border-right: 1px solid #abacb2;
  border-bottom: 1px solid #abacb2;
  position: absolute;
  display: none;
  text-align: left;
  z-index: 200;
  top: 100%;
  right: -1px;
  width: 200px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.uitable th.addCol .addList ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.uitable th.addCol .addList ul li {
  padding: 8px 15px;
  border-bottom: 1px solid #f2f2f2;
}
.uitable th.addCol .addList ul li .textlabel {
  top: -3px;
}
.uitable th.addCol:hover {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAqCAIAAAA8m+yHAAAnNGlDQ1BJQ0MgUHJvZmlsZQAAaAWtenVYlF2775pOYOju7g7pli4B6W7pkm4QpUFauqUFRFBaARtEEQERBAtMUBFEOY9+7/n2Pvvsff46iwu4n/WsWbOYe7h+NQAI+rgGB/vDSQAEBIaHWpzU5LCxtePArAIsYAEEIAEoXN3DgjXMzIzA/zi+LwLYn5");
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#d9d9d9));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #f9f9f9, #d9d9d9);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #f9f9f9, #d9d9d9);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #f9f9f9, #d9d9d9);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #f9f9f9, #d9d9d9);
  /* Firefox 16+, */
}
.uitable th.addCol.open {
  background: #fff;
  border-bottom: 1px solid #fff;
}
.uitable th.sorting_desc div {
  background-image: url(../../assets/img/ui/table-down.png);
}
.uitable th.sorting_asc div {
  background-image: url(../../assets/img/ui/table-up.png);
}
.uitable td {
  border-bottom: 1px solid #f5f4f4;
}
.uitable td:last-child {
  border-right: 0;
}
.uitable .selRow {
  text-align: center;
}
.uitable .selRow label .ui-button-text {
  display: none;
}
.uitable .yourCourse td,
.uitable .yourCourse th {
  background: #fff7c9;
}
.addNew {
  width: 14px;
  height: 15px;
  display: block;
  margin: 0 auto;
  position: relative;
  top: 1px;
  text-indent: -9999px;
  background: url(../../assets/img/ui/table-addcol.png) 0 0 no-repeat;
}
.uitable-foot,
.uitable-foot tr {
  padding: 15px 10px;
  border: 1px solid #a6a6ac;
  background-color: #fefefe;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYW");
  background-size: 100% 100%;
  background-position: bottom center;
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e7e7e7));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #fefefe, #e7e7e7);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #fefefe, #e7e7e7);
  /* Firefox 3.6-15 */

  background-image: -ms-linear-gradient(top, #fefefe, #e7e7e7);
  /* IE 10 */

  background-image: -o-linear-gradient(top, #fefefe, #e7e7e7);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #fefefe, #e7e7e7);
  /* Firefox 16+, IE10, Opera 12.50+ */

  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.25);
}
.uitable-foot .ui-checkbox-label,
.uitable-foot tr .ui-checkbox-label {
  margin: 0 20px 0 -1px;
  top: 4px;
}
.uitable-foot .ui-checkbox-label .ui-button-text,
.uitable-foot tr .ui-checkbox-label .ui-button-text {
  display: none;
}
.uitable-foot .total,
.uitable-foot tr .total {
  float: right;
  font-size: 0.9em;
  line-height: 30px;
}
.uitable-foot td:first-child,
.uitable-foot tr td:first-child {
  -moz-border-radius: 0 0 0 6px;
  -webkit-border-radius: 0 0 0 6px;
  border-radius: 0 0 0 6px;
  border-right: 0;
}
.uitable-foot td:last-child,
.uitable-foot tr td:last-child {
  -moz-border-radius: 0 0 6px 0;
  -webkit-border-radius: 0 0 6px 0;
  border-radius: 0 0 6px 0;
  border-left: 0;
}
.dataTables_scrollHead .uitable {
  border: solid #a6a6ac 1px;
}
.dataTables_scroll .dataTables_scrollBody {
  border-right: solid #a6a6ac 1px;
}
.dataTables_scroll .dataTables_scrollBody .uitable {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-top: 0;
  border-bottom: 0;
}
.dataTables_wrapper {
  position: relative;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.dataTables_wrapper .uitable {
  border: solid #a6a6ac 1px;
}
.dataTables_wrapper .uitable tbody,
.dataTables_wrapper .uitable thead,
.dataTables_wrapper .uitable tfoot {
  border-bottom: 0;
}
.dataTables_wrapper .uitable tbody tr td:first-child,
.dataTables_wrapper .uitable thead tr td:first-child,
.dataTables_wrapper .uitable tfoot tr td:first-child,
.dataTables_wrapper .uitable tbody tr th:first-child,
.dataTables_wrapper .uitable thead tr th:first-child,
.dataTables_wrapper .uitable tfoot tr th:first-child {
  border-left: 0;
  border-top: 0;
}
.dataTables_wrapper .uitable tbody tr td:last-child,
.dataTables_wrapper .uitable thead tr td:last-child,
.dataTables_wrapper .uitable tfoot tr td:last-child,
.dataTables_wrapper .uitable tbody tr th:last-child,
.dataTables_wrapper .uitable thead tr th:last-child,
.dataTables_wrapper .uitable tfoot tr th:last-child {
  border-right: 0;
}
.dataTables_wrapper .uitable tbody tr th,
.dataTables_wrapper .uitable thead tr th,
.dataTables_wrapper .uitable tfoot tr th {
  border-top: 0;
  border-bottom: 0;
}
.dataTables_filter {
  position: absolute;
  top: -35px;
  right: 0;
}
.dataTables_filter label {
  font-size: 0;
}
.dataTables_filter input[type="text"] {
  width: 200px;
  background: #ffffff url(../../assets/img/ui/search.png) 6px -2px no-repeat;
  padding-left: 25px;
}
.dataTables_filter input[type="text"]:focus {
  background: #ffffff url(../../assets/img/ui/search.png) 6px -32px no-repeat;
}
.DTFC_LeftWrapper {
  border-right: 1px solid #A6A6AC;
}
.DTFC_LeftWrapper .DTFC_LeftHeadWrapper .uitable {
  border-radius: 6px 0 0 0;
  -webkit-border-radius: 6px 0 0 0;
  -moz-border-radius: 6px 0 0 0;
  border-right: 1px solid #A6A6AC;
}
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper .uitable {
  border-right: 1px solid rgba(0, 0, 0, 0);
  border-top: 0;
}
.DTFC_RightWrapper .DTFC_RightHeadWrapper {
  overflow: visible !important;
  z-index: 100;
}
.DTFC_RightWrapper .DTFC_RightHeadWrapper .uitable {
  border-radius: 0 6px 0 0;
  -webkit-border-radius: 0 6px 0 0;
  -moz-border-radius: 0 6px 0 0;
}
.DTFC_RightWrapper .DTFC_RightHeadWrapper .uitable.open {
  border-bottom: 1px solid #fff;
}
.DTFC_RightWrapper .DTFC_RightBodyWrapper {
  height: 0 !improtant;
  display: none !important;
  opacity: 0;
}
.DTFC_RightWrapper .DTFC_RightBodyWrapper .uitable {
  border-left: 1px solid rgba(0, 0, 0, 0);
  border-top: 0;
}
.DTFC_RightWrapper .DTFC_RightBodyWrapper .uitable td {
  border-left: 0;
}
.dataTables_scroll .uitable {
  border-right: 0;
  border-left: 0;
}
.dataTables_scroll .uitable th:first-child {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
/*----------------------------------------------------*/
/* Graphs
/*
/* Bar graphs are using additional elements inserted
/* via jQuery for easier coding.
/*
/* Line graphs and the progress knob are proofs of
/* concept and not recommended code.
/*----------------------------------------------------*/
.graph {
  padding: 40px 10px 30px;
  position: relative;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  -ms-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
}
.graph .graph-header {
  display: block;
  background: #f1f1f3;
  position: absolute;
  border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  width: 100%;
  left: 0;
  top: 0;
}
.graph .graph-header .graph-title {
  font-size: 18px;
  line-height: 30px;
  display: inline-block;
  font-weight: bold;
  margin-right: 10px;
}
.graph .graph-header .graph-course {
  font-style: italic;
}
.graph .graph-header .icon {
  position: absolute;
  right: 7px;
  top: 6px;
  text-indent: -9999px;
  display: block;
  width: 18px;
  height: 18px;
}
.graph .graph-header .icon i {
  right: 0;
}
.graph ul {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 100%;
  bottom: 0;
  display: table;
  width: 100%;
}
.graph ul li {
  padding: 0;
}
.graph .bar {
  position: relative;
  height: 100%;
}
.graph .bar div {
  border-width: 1px;
  border-style: solid;
}
.graph .bar.green div {
  border-color: #679d32;
  background: #b0ea77;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #b0ea77 0%, #8fc35a 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b0ea77), color-stop(100%, #8fc35a));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #b0ea77 0%, #8fc35a 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #b0ea77 0%, #8fc35a 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #b0ea77 0%, #8fc35a 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #b0ea77 0%, #8fc35a 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0ea77', endColorstr='#8fc35a', GradientType=0);
  /* IE6-8 */

}
.graph .bar.green .showPer {
  font-style: normal;
  color: #679d32;
}
.graph .bar.teal div {
  border-color: #34966a;
  background: #70ebc1;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #70ebc1 0%, #51ca97 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #70ebc1), color-stop(100%, #51ca97));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #70ebc1 0%, #51ca97 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #70ebc1 0%, #51ca97 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #70ebc1 0%, #51ca97 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #70ebc1 0%, #51ca97 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70ebc1', endColorstr='#51ca97', GradientType=0);
  /* IE6-8 */

}
.graph .bar.teal .showPer {
  font-style: normal;
  color: #34966a;
}
.graph .bar.blue div {
  border-color: #4687b9;
  background: #bfe2fd;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #bfe2fd 0%, #8ec5ef 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bfe2fd), color-stop(100%, #8ec5ef));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #bfe2fd 0%, #8ec5ef 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #bfe2fd 0%, #8ec5ef 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #bfe2fd 0%, #8ec5ef 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #bfe2fd 0%, #8ec5ef 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfe2fd', endColorstr='#8ec5ef', GradientType=0);
  /* IE6-8 */

}
.graph .bar.blue .showPer {
  font-style: normal;
  color: #4687b9;
}
.graph .bar.yellow div {
  border-color: #d8941d;
  background: #fdde66;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #fdde66 0%, #f8b62d 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdde66), color-stop(100%, #f8b62d));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #fdde66 0%, #f8b62d 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #fdde66 0%, #f8b62d 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #fdde66 0%, #f8b62d 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #fdde66 0%, #f8b62d 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdde66', endColorstr='#f8b62d', GradientType=0);
  /* IE6-8 */

}
.graph .bar.yellow .showPer {
  font-style: normal;
  color: #d8941d;
}
.graph .bar.red div {
  border-color: #da4a19;
  background: #fe8c66;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #fe8c66 0%, #ec774f 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe8c66), color-stop(100%, #ec774f));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #fe8c66 0%, #ec774f 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #fe8c66 0%, #ec774f 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #fe8c66 0%, #ec774f 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #fe8c66 0%, #ec774f 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe8c66', endColorstr='#ec774f', GradientType=0);
  /* IE6-8 */

}
.graph .bar.red .showPer {
  font-style: normal;
  color: #da4a19;
}
.graph.vert {
  height: 260px;
}
.graph.vert ul {
  background: url(../../assets/img/ui/bg-graph.gif);
  border-bottom: 1px solid #a8a8a8;
}
.graph.vert#graph2 .bar .bar-notify,
.graph.vert#graph2 .bar .bar-alert {
  display: block;
}
.graph.vert .bar {
  display: table-cell;
  vertical-align: bottom;
  padding: 0 10px;
  text-align: center;
  height: 200px;
}
.graph.vert .bar .bar-alert {
  display: none;
  cursor: pointer;
  position: absolute;
  left: 50%;
  margin-left: -11px;
  margin-top: -6px;
  width: 22px;
  height: 20px;
  background: url(../../assets/img/ui/alert.png) top center no-repeat;
}
.graph.vert .bar .bar-notify {
  border: 1px solid #373737;
  background: #fff;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  width: 9px;
  height: 9px;
  display: none;
  cursor: pointer;
  position: absolute;
  left: 50%;
  margin-left: -4px;
  margin-top: 0;
}
.graph.vert .bar .bar-alert-bub {
  display: none;
  opacity: 0;
  position: absolute;
  background: #f3f3f3;
  border: 1px solid #8c8b8b;
  top: -70px;
  left: -88px;
  width: 200px;
  height: 50px;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 16px;
  font-style: normal;
  text-align: left;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.graph.vert .bar .bar-alert-bub strong {
  color: #f78805;
}
.graph.vert .bar .bar-alert-bub:after,
.graph.vert .bar .bar-alert-bub:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.graph.vert .bar .bar-alert-bub:after {
  border-color: rgba(243, 243, 243, 0);
  border-top-color: #f3f3f3;
  border-width: 10px;
  left: 50%;
  margin-left: -10px;
}
.graph.vert .bar .bar-alert-bub:before {
  border-color: rgba(140, 139, 139, 0);
  border-top-color: #8c8b8b;
  border-width: 11px;
  left: 50%;
  margin-left: -11px;
}
.graph.vert .bar .bar-notify-bub {
  display: none;
  opacity: 0;
  position: absolute;
  background: #353636;
  border: 1px solid #909292;
  top: -35px;
  left: -43px;
  width: 95px;
  height: 24px;
  padding: 0 10px;
  font-size: 11px;
  line-height: 21px;
  font-style: normal;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.graph.vert .bar .bar-notify-bub:after,
.graph.vert .bar .bar-notify-bub:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.graph.vert .bar .bar-notify-bub:after {
  border-color: rgba(243, 243, 243, 0);
  border-top-color: #353636;
  border-width: 8px;
  left: 50%;
  margin-left: -8px;
}
.graph.vert .bar .bar-notify-bub:before {
  border-color: rgba(140, 139, 139, 0);
  border-top-color: #909292;
  border-width: 9px;
  left: 50%;
  margin-left: -9px;
}
.graph.vert .bar div {
  border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  bottom: 0;
  display: block;
  position: relative;
  bottom: -21px;
}
.graph.vert .bar span {
  display: block;
  position: relative;
  left: 0px;
  width: 100%;
  height: 20px;
  line-height: 20px;
  bottom: -21px;
}
.graph.horz ul {
  height: 30px;
  padding-top: 30px;
}
.graph.horz .bar {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  display: table-cell;
  margin: 0;
  height: 30px;
}
.graph.horz .bar div {
  display: block;
  height: 100%;
}
.graph.horz .bar span {
  display: block;
  position: relative;
  left: 0px;
  height: 20px;
  line-height: 20px;
  top: -50px;
  font-weight: bold;
}
.graph.horz .bar:first-child div {
  border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
}
.graph.horz .bar:last-child div {
  border-radius: 0 6px 6px 0;
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
}
.graph.singles {
  padding-bottom: 10px;
}
.graph.singles ul {
  display: block;
}
.graph.singles .div {
  display: block;
  margin: 0 0 40px;
  height: 1px;
  background: #e2e2e2;
}
.graph.singles .div:last-child {
  display: none;
}
.graph.singles .bar {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  display: block;
  margin: 40px 0;
  background: #f2f2f2;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.75);
  -o-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.75);
}
.graph.singles .bar div {
  display: block;
  height: 25px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
.graph.singles .bar span {
  position: absolute;
}
.graph.singles .bar .label {
  left: 0;
  top: -24px;
  font-weight: bold;
}
.graph.singles .bar .total,
.graph.singles .bar .amount {
  right: 0;
}
.graph.singles .bar .amount {
  top: -24px;
  font-weight: bold;
}
.graph.singles .bar .amount em {
  font-style: normal;
  font-weight: normal;
}
#loader {
  display: none !important;
}
.progress {
  position: relative;
  height: 140px;
}
.knobWrap {
  width: 180px;
  height: 200px;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.knobWrap input {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#filled {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#stuAverage {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#stuAverage > div {
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 100px;
  text-align: center;
  font-size: 2em;
  font-weight: bold;
  color: #333;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#stuAverage > span {
  display: block;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  top: 105%;
  color: #77868f;
  text-align: center;
  font-weight: bold;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.chartWrap {
  padding-top: 40px;
  width: 660px;
  height: 160px;
  border-radius: 3px;
  border: 4px solid #e9e9e9;
  position: relative;
}
.chartWrap .gCover {
  width: 54px;
  position: absolute;
  height: 151px;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.1);
  z-index: 5;
}
.chartWrap .gCover.right {
  left: auto;
  right: 0;
  width: 57px;
  border-left: 1px solid #999999;
}
.chartWrap .gCover.left {
  border-right: 1px solid #999;
}
.chartWrap .yAx {
  position: absolute;
  padding: 0;
  margin: 0;
  font-size: 12px;
  color: #666;
  left: -38px;
  top: -56px;
  width: 30px;
  text-align: right;
}
.chartWrap .yAx li {
  display: block;
  padding-top: 58px;
  line-height: 12px;
  font-size: 12px;
}
.chartWrap .xAx {
  width: 660px;
  position: absolute;
  height: 20px;
  left: -13px;
  bottom: -63px;
}
.chartWrap .xAx li {
  width: 54px;
  display: block;
  float: left;
  line-height: 20px;
  text-align: center;
  color: #333;
  font-size: 11px;
  text-transform: uppercase;
}
.chartWrap .xAx li.slide {
  position: relative;
  cursor: pointer;
  color: #333;
  font-weight: bold;
  width: 70px;
  left: -8px;
  margin-right: -16px;
  background-color: #fcfcfc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e4e4e4));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #fcfcfc, #e4e4e4);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #fcfcfc, #e4e4e4);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #fcfcfc, #e4e4e4);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #fcfcfc, #e4e4e4);
  /* Firefox 16+, IE10, Opera 12.50+ */

  border: 1px solid #8c8c8c;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  z-index: 10;
}
.chartWrap .xAx li.slide span {
  display: block;
  background: url(../../assets/img/ui/arrow-sm-l.png) 10% 50% no-repeat, url(../../assets/img/ui/arrow-sm-r.png) 90% 50% no-repeat;
}
.chartWrap .xAx li.slide:hover {
  background-color: #f9fcff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9fcff), to(#d8edfe));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #f9fcff, #d8edfe);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #f9fcff, #d8edfe);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #f9fcff, #d8edfe);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #f9fcff, #d8edfe);
  /* Firefox 16+, IE10, Opera 12.50+ */

}
.chartWrap .xAx li.slide:hover span {
  display: block;
  background: url(../../assets/img/ui/arrow-sm-lh.png) 10% 50% no-repeat, url(../../assets/img/ui/arrow-sm-rh.png) 90% 50% no-repeat;
}
.chartWrap .xAx li.slide:hover:after {
  border-color: rgba(252, 252, 252, 0);
  border-bottom-color: #f9fcff;
}
.chartWrap .xAx li.slide:hover:before {
  border-color: rgba(140, 140, 140, 0);
  border-bottom-color: #8c8c8c;
}
.chartWrap .xAx li.slide:after,
.chartWrap .xAx li.slide:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.chartWrap .xAx li.slide:after {
  border-color: rgba(252, 252, 252, 0);
  border-bottom-color: #fcfcfc;
  border-width: 10px;
  left: 50%;
  margin-left: -10px;
}
.chartWrap .xAx li.slide:before {
  border-color: rgba(140, 140, 140, 0);
  border-bottom-color: #8c8c8c;
  border-width: 11px;
  left: 50%;
  margin-left: -11px;
}
.chartWrap .dot {
  position: absolute;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  z-index: 4;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  width: 16px;
  height: 16px;
  display: block;
  background-color: #fac364;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fac364), to(#f59909));
  /* Safari 4+, Chrome */

  background-image: -webkit-linear-gradient(top, #fac364, #f59909);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */

  background-image: -moz-linear-gradient(top, #fac364, #f59909);
  /* Firefox 3.6-15 */

  background-image: -o-linear-gradient(top, #fac364, #f59909);
  /* Opera 11.10-12.00 */

  background-image: linear-gradient(to bottom, #fac364, #f59909);
  /* Firefox 16+, IE10, Opera 12.50+ */

  border: 2px solid #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}
.chartWrap .dot:hover {
  z-index: 8;
}
.chartWrap .dot > span {
  opacity: 0;
  position: absolute;
  background: #353636;
  border: 1px solid #909292;
  top: -55px;
  left: -31px;
  width: 75px;
  height: 49px;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 21px;
  font-style: normal;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.chartWrap .dot > span div {
  height: 50px !important;
}
.chartWrap .dot > span div span {
  width: 50%;
  float: left;
}
.chartWrap .dot > span canvas {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  display: none;
}
.chartWrap .dot > span input {
  font-weight: bold !important;
  color: #fff !important;
  font-size: 11px !important;
}
.chartWrap .dot > span:after,
.chartWrap .dot > span:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.chartWrap .dot > span:after {
  border-color: rgba(243, 243, 243, 0);
  border-top-color: #353636;
  border-width: 8px;
  left: 50%;
  margin-left: -8px;
}
.chartWrap .dot > span:before {
  border-color: rgba(140, 139, 139, 0);
  border-top-color: #909292;
  border-width: 9px;
  left: 50%;
  margin-left: -9px;
}
.chartWrap .dot.dot1 {
  left: 46px;
  bottom: 38px;
}
.chartWrap .dot.dot2 {
  left: 101px;
  bottom: 42px;
}
.chartWrap .dot.dot3 {
  left: 155px;
  bottom: 47px;
}
.chartWrap .dot.dot4 {
  left: 209px;
  bottom: 52px;
}
.chartWrap .dot.dot5 {
  left: 262px;
  bottom: 57px;
}
.chartWrap .dot.dot6 {
  left: 316px;
  bottom: 61px;
}
.chartWrap .dot.dot7 {
  left: 370px;
  bottom: 68px;
}
.chartWrap .dot.dot8 {
  left: 424px;
  bottom: 76px;
}
.chartWrap .dot.dot9 {
  left: 479px;
  bottom: 85px;
}
.chartWrap .dot.dot10 {
  left: 532px;
  bottom: 95px;
}
.chartWrap .dot.dot11 {
  left: 586px;
  bottom: 102px;
}
.chartWrap.lg .gCover {
  width: 53px;
}
.chartWrap.lg .gCover.right {
  left: auto;
  right: 0;
  width: 33px;
  border-left: 1px solid #999999;
}
.chartWrap.lg .xAx.lg li {
  width: 81px;
}
.chartWrap.lg .xAx.lg li.slide {
  width: 90px;
  left: -20px;
  margin-right: -26px;
}
.chartWrap.lg .xAx.lg li.slide.slideLast {
  left: -3px;
}
.chartWrap.lg .dot.dot1 {
  left: 46px;
  bottom: 51px;
}
.chartWrap.lg .dot.dot2 {
  left: 125px;
  bottom: 57px;
}
.chartWrap.lg .dot.dot3 {
  left: 206px;
  bottom: 61px;
}
.chartWrap.lg .dot.dot4 {
  left: 287px;
  bottom: 70px;
}
.chartWrap.lg .dot.dot5 {
  left: 368px;
  bottom: 80px;
}
.chartWrap.lg .dot.dot6 {
  left: 449px;
  bottom: 90px;
}
.chartWrap.lg .dot.dot7 {
  left: 530px;
  bottom: 100px;
}
.chartWrap.lg .dot.dot8 {
  left: 611px;
  bottom: 92px;
}
.chartWrap.lg .dot > span {
  width: 137px;
  left: -62px;
  height: 54px;
  padding: 5px;
  display: block;
}
.chartWrap.lg .dot > span span {
  text-align: center;
  display: block;
  padding: 0 5px;
  position: relative;
  width: 50%;
  float: left;
  top: 0;
}
.chartWrap.lg .dot > span span:first-child {
  border-right: 1px solid #555;
}
.chartWrap.lg .dot > span span em {
  font-size: 12px;
  line-height: 12px;
  color: #febc4b;
  font-style: normal;
}
.chartWrap.lg .dot > span span strong {
  display: block;
  font-size: 2em;
  position: relative;
  top: -3px;
}
.chartWrap #chart,
.chartWrap #chart2 {
  position: absolute;
  top: 0;
  background: url(../../assets/img/ui/chart-bg.gif) 0 0 repeat;
  height: 152px;
}
.chartWrap #chart svg,
.chartWrap #chart2 svg {
  padding-top: 40px;
  border: 1px solid #a3a3a3;
}
.chartWrap #chart2 {
  background: url(../../assets/img/ui/chart-bg-lg.png) -29px repeat;
}
/*----------------------------------------------------*/
/* Virtual Classroom Toolbar
/*----------------------------------------------------*/
.toolbar {
  margin: 0;
  padding: 0;
  list-style: none;
}
.toolbar > li {
  display: block;
  position: relative;
  border-top: 1px solid #454545;
  border-bottom: 1px solid #151515;
}
.toolbar > li a {
  display: block;
  width: 100%;
  height: 100%;
}
.toolbar > li[data-active="yes"] {
  background-color: #454545;
}
.toolbar > li > a {
  background: transparent url('../../assets/img/ui/tools/tools.png') no-repeat;
  background-position: -162px -90px;
}
.toolbar > li > a.open {
  background: transparent;
}
.toolbar > li.tools-chat a {
  background: none;
}
.toolbar > li .tools-highlight a {
  width: 15px;
  height: 15px;
}
.toolbar > li > ul {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 100%;
  top: -1px;
  width: 0;
  overflow: hidden;
  height: 45px;
}
.toolbar > li > ul > li {
  display: block;
  float: left;
  position: relative;
  cursor: pointer;
}
.tools-calc1,
.tools-fly-active,
.tools-res2,
.tools-res3,
.tools-calc4,
.tools-headphones2,
.tools-calc2,
.tools-calc5,
.tools-calc3,
.tools-headphones3,
.tools-highlight1,
.tools-fly-inactive,
.tools-headphones4,
.tools-res4,
.tools-res1,
.tools-headphones1,
.tools-highlight,
.tools-chat {
  display: block;
  background: #333333 url('../../assets/img/ui/tools/tools.png') no-repeat;
  width: 54px;
  height: 45px;
  text-indent: -9999px;
}
.tools-calc1:hover,
.tools-fly-active:hover,
.tools-res2:hover,
.tools-res3:hover,
.tools-calc4:hover,
.tools-headphones2:hover,
.tools-calc2:hover,
.tools-calc5:hover,
.tools-calc3:hover,
.tools-headphones3:hover,
.tools-highlight1:hover,
.tools-fly-inactive:hover,
.tools-headphones4:hover,
.tools-res4:hover,
.tools-res1:hover,
.tools-headphones1:hover,
.tools-highlight:hover,
.tools-chat:hover {
  background-color: #272727;
}
.tools-calc1:hover > a,
.tools-fly-active:hover > a,
.tools-res2:hover > a,
.tools-res3:hover > a,
.tools-calc4:hover > a,
.tools-headphones2:hover > a,
.tools-calc2:hover > a,
.tools-calc5:hover > a,
.tools-calc3:hover > a,
.tools-headphones3:hover > a,
.tools-highlight1:hover > a,
.tools-fly-inactive:hover > a,
.tools-headphones4:hover > a,
.tools-res4:hover > a,
.tools-res1:hover > a,
.tools-headphones1:hover > a,
.tools-highlight:hover > a,
.tools-chat:hover > a {
  background-position: -54px 0px;
}
.audio.dropdown {
  display: block;
  background-color: #333;
  width: 154px;
  height: 45px;
}
.audio.dropdown select {
  display: block;
  position: relative;
  top: 12px;
  left: 5%;
  width: 90%;
}
.tools-highlight {
  display: block;
  background: #333;
}
.tools-highlight a {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -7.75px;
  margin-top: -8.75px;
}
.tools-highlight.blue a {
  background: #2ed5ff;
}
.tools-highlight.yellow a {
  background: #ffd800;
}
.tools-highlight.green a {
  background: #75e85e;
}
.tools-highlight.purple a {
  background: #e54ee9;
}
.tools-highlight.none a {
  background: #ffffff url(../../assets/img/ui/tools/tool-mark-del.gif) 50% 50% no-repeat;
}
.tools-headphones3.play {
  background-position: -54px -90px;
}
.tools-headphones3.play.pause {
  background-position: 0px -135px;
}
.tools-chat a {
  background: none;
}
.tools-fly-inactive {
  background-position: -162px -90px;
}
.tools-fly-active {
  background-position: -54px 0px;
}
.tools-chat {
  background-position: 0 -227px;
}
.tools-calc1 {
  background-position: 0px 0px;
}
.tools-res2 {
  background-position: -108px 0px;
}
.tools-res3 {
  background-position: -162px 0px;
}
.tools-calc4 {
  background-position: 0px -45px;
}
.tools-headphones2 {
  background-position: -54px -45px;
}
.tools-calc2 {
  background-position: -108px -45px;
}
.tools-calc5 {
  background-position: -162px -45px;
}
.tools-calc3 {
  background-position: 0px -90px;
}
.tools-highlight1 {
  background-position: -108px -90px;
}
.tools-res4 {
  background-position: -54px -135px;
}
.tools-res1 {
  background-position: -108px -135px;
}
.tools-headphones1 {
  background-position: -162px -135px;
}
.tools-highlight1#green {
  background-position: 0 -180px;
}
.tools-highlight1#purple {
  background-position: -54px -180px;
}
.tools-highlight1#blue {
  background-position: -108px -180px;
}
.tools-highlight1#yellow {
  background-position: -162px -180px;
}
/*----------------------------------------------------*/
/* Animations and Interactions
/*
/* The following examples are for display purposes
/* only and are from the interactions page. They are
/* individualized selectors specific to that kit
/* page and not to be used in production. For
/* reference only.
/*----------------------------------------------------*/
.uitable .listing .per {
  display: none;
}
.uitable.simple-table tr td:nth-child(3) {
  width: 150px;
}
.uitable.simple-table tr td .bar {
  width: 80%;
  position: relative;
}
.uitable.simple-table tr td:last-child {
  border-left: 0;
}
.uitable.simple-table tr.addStudent td:last-child {
  border-left: 1px solid #9fb479;
}
.uitable.simple-table th.sorting {
  position: relative;
  padding-right: 28px;
}
.uitable.simple-table th.sorting > div {
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  right: 8px;
  top: 14px;
}
.uitable td .icn {
  margin-left: 6px;
}
.uitable.prog-table .bar,
.uitable.simple-table .bar {
  position: relative;
  height: 14px;
  width: 84%;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  background: #f2f2f2;
}
.uitable.prog-table .bar .label,
.uitable.simple-table .bar .label {
  position: absolute;
  left: 106%;
  top: 0;
  font-size: 12px;
  color: #666;
}
.uitable.prog-table .bar div,
.uitable.simple-table .bar div {
  border-width: 1px;
  border-style: solid;
  height: 100%;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}
.uitable.prog-table .bar.green div,
.uitable.simple-table .bar.green div {
  border-color: #679d32;
  background: #b0ea77;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #b0ea77 0%, #8fc35a 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b0ea77), color-stop(100%, #8fc35a));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #b0ea77 0%, #8fc35a 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #b0ea77 0%, #8fc35a 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #b0ea77 0%, #8fc35a 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #b0ea77 0%, #8fc35a 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0ea77', endColorstr='#8fc35a', GradientType=0);
  /* IE6-8 */

}
.uitable.prog-table .bar.green .showPer,
.uitable.simple-table .bar.green .showPer {
  font-style: normal;
  color: #679d32;
}
.uitable.prog-table .bar.teal div,
.uitable.simple-table .bar.teal div {
  border-color: #34966a;
  background-color: #70ebc1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#70ebc1), to(#51ca97));
  background-image: -webkit-linear-gradient(top, #70ebc1, #51ca97);
  background-image: -moz-linear-gradient(top, #70ebc1, #51ca97);
  background-image: -o-linear-gradient(top, #70ebc1, #51ca97);
  background-image: linear-gradient(to bottom, #70ebc1, #51ca97);
}
.uitable.prog-table .bar.teal .showPer,
.uitable.simple-table .bar.teal .showPer {
  font-style: normal;
  color: #34966a;
}
.uitable.prog-table .bar.blue div,
.uitable.simple-table .bar.blue div {
  border-color: #4687b9;
  background: #bfe2fd;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #bfe2fd 0%, #8ec5ef 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bfe2fd), color-stop(100%, #8ec5ef));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #bfe2fd 0%, #8ec5ef 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #bfe2fd 0%, #8ec5ef 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #bfe2fd 0%, #8ec5ef 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #bfe2fd 0%, #8ec5ef 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfe2fd', endColorstr='#8ec5ef', GradientType=0);
  /* IE6-8 */

}
.uitable.prog-table .bar.blue .showPer,
.uitable.simple-table .bar.blue .showPer {
  font-style: normal;
  color: #4687b9;
}
.uitable.prog-table .bar.yellow div,
.uitable.simple-table .bar.yellow div {
  border-color: #d8941d;
  background: #fdde66;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #fdde66 0%, #f8b62d 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdde66), color-stop(100%, #f8b62d));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #fdde66 0%, #f8b62d 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #fdde66 0%, #f8b62d 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #fdde66 0%, #f8b62d 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #fdde66 0%, #f8b62d 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdde66', endColorstr='#f8b62d', GradientType=0);
  /* IE6-8 */

}
.uitable.prog-table .bar.yellow .showPer,
.uitable.simple-table .bar.yellow .showPer {
  font-style: normal;
  color: #d8941d;
}
.uitable.prog-table .bar.red div,
.uitable.simple-table .bar.red div {
  border-color: #c34318;
  background: #fe8c66;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #fe8c66 0%, #ec774f 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe8c66), color-stop(100%, #ec774f));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #fe8c66 0%, #ec774f 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #fe8c66 0%, #ec774f 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #fe8c66 0%, #ec774f 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #fe8c66 0%, #ec774f 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe8c66', endColorstr='#ec774f', GradientType=0);
  /* IE6-8 */

}
.uitable.prog-table .bar.red .showPer,
.uitable.simple-table .bar.red .showPer {
  font-style: normal;
  color: #da4a19;
}
.flatbtn {
  border: 1px solid #8d8e8f;
  background-color: #e8e8e8;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 2px;
  display: inline-block;
  text-indent: -9999px;
}
.flatbtn.sm {
  padding: 0;
  width: 34px;
  height: 28px;
}
.flatbtn.selected {
  background: #fff;
}
.flatbtn:hover {
  background: #fff;
}
.graph-compare-header {
  width: 660px;
  position: absolute;
  z-index: 100;
  padding: 10px;
}
.graph-compare-header h1 {
  font-size: 18px;
  text-align: center;
}
.graph-compare-header button {
  position: absolute;
  right: 8px;
  top: 8px;
}
.graph-compare-header button#graph-line {
  right: 50px;
  background-image: url(../../assets/img/ui/icn-graph-line.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.graph-compare-header button#graph-bar {
  background-image: url(../../assets/img/ui/icn-graph-bar.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.graph-times {
  position: absolute;
  left: -26px;
}
.graph-times ul {
  list-style: none;
  margin: 28px 0 0;
  padding: 0;
}
.graph-times ul li {
  height: 59px;
  margin: 0;
  padding: 0;
}
.graph-compare {
  border: 1px solid #ccc;
  padding-top: 80px;
  height: 340px;
  position: relative;
  overflow-x: scroll;
  overflow: hidden;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #ffffff url(../../assets/img/ui/bg-graph-lg.png) bottom;
}
.graph-compare .graph-wrap {
  height: 340px;
  width: 915px;
  position: absolute;
  bottom: 0;
  overflow: hidden;
}
.graph-compare .graph-text {
  position: absolute;
  z-index: 100;
  top: 100%;
}
.graph-compare img {
  position: absolute;
  bottom: 0;
  left: 20px;
}
.graph-compare .linegraph {
  bottom: -196px;
  left: 0;
}
.graph-text {
  overflow-x: scroll;
  overflow: hidden;
  height: 100px;
}
.graph-text .graph-text-wrap {
  width: 915px;
  overflow: hidden;
}
.graph-text .graph-text-wrap ul {
  margin: 0 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  width: 1000px;
  white-space: nowrap;
}
.graph-text .graph-text-wrap ul li {
  display: block;
  margin: 0;
  padding: 0;
  float: left;
  text-align: center;
  white-space: nowrap;
}
.graph-text .graph-text-wrap ul li.mo1 {
  width: 113px;
}
.graph-text .graph-text-wrap ul li.mo2 {
  width: 295px;
}
.graph-text .graph-text-wrap ul li.mo3 {
  width: 120px;
}
.graph-text .graph-text-wrap ul li.mo4 {
  width: 260px;
}
.graph-text .graph-text-wrap ul li.mo5 {
  width: 110px;
}
.scroll-cover {
  height: 30px;
  background: #fff;
  position: relative;
  margin-top: -30px;
  z-index: 300;
}
.group-alert-bub {
  display: none;
  text-indent: 0;
  opacity: 0;
  position: absolute;
  background: #fefefe;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #fefefe 0%, #efefef 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #efefef));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #fefefe 0%, #efefef 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #fefefe 0%, #efefef 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #fefefe 0%, #efefef 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #fefefe 0%, #efefef 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#efefef', GradientType=0);
  /* IE6-8 */

  border: 1px solid #8c8b8b;
  white-space: normal;
  top: -65px;
  left: -90px;
  width: 200px;
  height: 50px;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 16px;
  font-style: normal;
  text-align: left;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.group-alert-bub strong {
  color: #000;
}
.group-alert-bub.ind {
  height: 70px;
  width: 225px;
  left: -102px;
  margin-top: -16px;
}
.group-alert-bub.ind strong {
  display: block;
  margin-bottom: 3px;
}
.group-alert-bub:after,
.group-alert-bub:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.group-alert-bub:after {
  border-color: rgba(243, 243, 243, 0);
  border-top-color: #efefef;
  border-width: 10px;
  left: 50%;
  margin-left: -10px;
}
.group-alert-bub:before {
  border-color: rgba(140, 139, 139, 0);
  border-top-color: #8c8b8b;
  border-width: 11px;
  left: 50%;
  margin-left: -11px;
}
.hasProg {
  cursor: pointer;
}
.prog-alert-bub {
  display: none;
  text-indent: 0;
  z-index: 100;
  opacity: 0;
  position: absolute;
  background: #fefefe;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
  background: -moz-linear-gradient(top, #fefefe 0%, #efefef 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #efefef));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #fefefe 0%, #efefef 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #fefefe 0%, #efefef 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #fefefe 0%, #efefef 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #fefefe 0%, #efefef 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#efefef', GradientType=0);
  /* IE6-8 */

  border: 1px solid #8c8b8b;
  white-space: normal;
  top: 19px;
  left: -70px;
  width: 267px;
  height: 190px;
  padding: 10px;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  text-align: left;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.prog-alert-bub strong {
  color: #000;
  display: block;
  margin-bottom: 15px;
}
.prog-alert-bub.visible {
  opacity: 1;
  display: block;
  top: 19px;
}
.prog-alert-bub:after,
.prog-alert-bub:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.prog-alert-bub:after {
  border-color: rgba(243, 243, 243, 0);
  border-bottom-color: #fefefe;
  border-width: 10px;
  left: 50%;
  margin-left: -10px;
}
.prog-alert-bub:before {
  border-color: rgba(140, 139, 139, 0);
  border-bottom-color: #8c8b8b;
  border-width: 11px;
  left: 50%;
  margin-left: -11px;
}
span.icn {
  display: inline-block;
  width: 18px;
  margin-right: 8px;
  top: -5px;
  cursor: pointer;
}
.icn {
  position: relative;
}
.icn i {
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  top: 50%;
  margin-top: -10px;
  text-indent: -9999px;
}
.icn.add i {
  background: url(../../assets/img/ui/icn-add.png) 50% 50% no-repeat;
}
.icn.print i {
  background: url(../../assets/img/ui/icn-print.png) 50% 50% no-repeat;
}
.icn.export i {
  background: url(../../assets/img/ui/icn-export.png) 50% 50% no-repeat;
}
.icn.indv i {
  background: url(../../assets/img/ui/icn-indv.png) 50% 50% no-repeat;
}
.icn.x i {
  background: url(../../assets/img/ui/icn-x-off.png) 50% 50% no-repeat;
}
.icn.x:hover i {
  background: url(../../assets/img/ui/icn-x-on.png) 50% 50% no-repeat;
}
.icn.plus i {
  background: url(../../assets/img/ui/icn-plus-off.png) 50% 50% no-repeat;
}
.icn.plus:hover i {
  background: url(../../assets/img/ui/icn-plus-on.png) 50% 50% no-repeat;
}
.icn.info i {
  margin-top: -10px;
  background: url(../../assets/img/ui/icn-info-off.png) 50% 50% no-repeat;
}
.icn.info:hover i {
  background: url(../../assets/img/ui/icn-info-on.png) 50% 50% no-repeat;
}
.icn.group i {
  margin-top: -9px;
  background: url(../../assets/img/ui/icn-group-off.png) 50% 50% no-repeat;
}
.icn.group:hover i {
  background: url(../../assets/img/ui/icn-group-on.png) 50% 50% no-repeat;
}
.icn.settings i {
  margin-top: -9px;
  background: url(../../assets/img/ui/icn-gear-off.png) 50% 50% no-repeat;
}
.icn.settings:hover i {
  background: url(../../assets/img/ui/icn-gear-on.png) 50% 50% no-repeat;
}
.icn.user i {
  background: url(../../assets/img/ui/icn-lg-user-off.png) 50% 50% no-repeat;
}
.icn.user:hover i,
.icn.user.ui-tabs-selected i {
  background: url(../../assets/img/ui/icn-lg-user-on.png) 50% 50% no-repeat;
}
.icn.email i {
  margin-top: -8px;
  background: url(../../assets/img/ui/icn-lg-mail-off.png) 50% 50% no-repeat;
}
.icn.email:hover i,
.icn.email.ui-tabs-selected i {
  background: url(../../assets/img/ui/icn-lg-mail-on.png) 50% 50% no-repeat;
}
.icn.notification i {
  background: url(../../assets/img/ui/icn-lg-notification-off.png) 50% 50% no-repeat;
}
.icn.notification:hover i,
.icn.notification.ui-tabs-selected i {
  background: url(../../assets/img/ui/icn-lg-notification-on.png) 50% 50% no-repeat;
}