/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;
}

body {
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* normalize.css v1.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Addresses margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* # General styles
================================================== */
html {
  height: 100%;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  background: url(../img/backgrounds/body.jpg);
  font-size: 12px;
  line-height: 22px;
  color: #5f5f5f;
  min-height: 100%;
  position: relative;
}

#page {
  padding-top: 55px;
}

#content {
  padding-bottom: 60px;
  position: relative;
  margin-left: 327px;
  padding-top: 49px;
}

.wrapper {
  margin: 0 30px;
}

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

.mfix {
  margin: 0 2px !important;
}

.hidden {
  overflow: hidden;
}

.relative {
  position: relative;
}

a {
  cursor: pointer;
}

p {
  padding-top: 12px;
}

img {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.inactive {
  color: #2b6893 !important;
}

.noBorderB {
  border-bottom: none !important;
}

.noBorders {
  border: none !important;
}

.nobg {
  background: none !important;
}

.nomargin {
  margin: 0 !important;
}

.nopadding {
  padding: 0 !important;
}

.displayNone {
  display: none;
}

.display {
  display: block !important;
}

.fullwidth {
  width: 100%;
}

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

.thisRow {
  background: #f3f3e8 !important;
}

.hand {
  cursor: pointer;
}

.slant {
  font-style: italic;
}

.floatL {
  display: block;
  float: left;
}

.floatR {
  display: block;
  float: right;
}

.legendLabel span {
  display: block;
  margin: 0 5px;
}

.legendColorBox {
  padding-left: 10px;
}

button, input[type=submit], input[type=image], input[type=reset] {
  cursor: pointer;
}

.with {
  width: 326px;
}

.without {
  width: 100px;
}

/* # Typography
================================================== */
/* === Headings === */
h1 {
  font-size: 24px;
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

/* === Text colors === */
.red {
  color: #A64949;
}

.green {
  color: #4D7F12;
}

.grey {
  color: #aaa;
}

/* === Placeholder color === */
::-webkit-input-placeholder {
  color: #b3b3b3;
}

:-moz-placeholder {
  color: #b3b3b3;
}

/* === Text alignment === */
.textL {
  text-align: left !important;
}

.textC {
  text-align: center !important;
}

.textR {
  text-align: right !important;
}

/* === Label styles === */
.redBack, .greenBack, .greyBack, .blueBack {
  padding: 5px 6px 4px 6px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #fafafa;
}

.redBack {
  background: #b75d5d;
}

.greenBack {
  background: #7ab75d;
}

.greyBack {
  background: #6a6a6a;
}

.blueBack {
  background: #5d92b7;
}

/* # Top part
================================================== */
#top {
  height: 48px;
  display: block;
  width: 100%;
  position: absolute;
  z-index: 10000;
  border-bottom: 1px solid #1c1c1c;
}

.logo {
  float: left;
  margin-top: 10px;
}

.topNav {
  float: right;
  position: relative;
}

.topSearch input[type=submit], .userSearch input[type=submit] {
  background: url(../img/sprites/sprite.png);
}

/*=== User navigation ===*/
#sidebar ul.userNav {
  display: none;
}

ul.userNav {
  float: left;
  margin: 10px 0 0 0;
}

ul.userNav li {
  display: inline-block;
  margin: 0 0 0 10px;
  background: #262626;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 0 1px 0 #4e4e4e;
  -webkit-box-shadow: 0 1px 0 #4e4e4e;
  -moz-box-shadow: 0 1px 0 #4e4e4e;
}

ul.userNav li:hover {
  background-color: #282828;
}

ul.userNav li:active {
  background-color: #242424;
}

ul.userNav li a {
  display: block;
  height: 28px;
  width: 28px;
}

ul.userNav li a.screen {
  background: url(../img/icons/usernav/screen.png) no-repeat 9px 9px;
}

ul.userNav li a.settings {
  background: url(../img/icons/usernav/settings.png) no-repeat 9px 9px;
}

ul.userNav li a.profile {
  background: url(../img/icons/usernav/profile.png) no-repeat 9px 9px;
}

ul.userNav li a.messages {
  background: url(../img/icons/usernav/messages.png) no-repeat 9px 10px;
}

ul.userNav li a.logout {
  background: url(../img/icons/usernav/logout.png) no-repeat 9px 9px;
}

ul.userNav li a.search {
  background: url(../img/icons/usernav/search.png) no-repeat 9px 9px;
}

ul.userNav li a.sidebar {
  background: url(../img/icons/usernav/sidebar.png) no-repeat 9px 9px;
}

/* === Search === */
.topSearch {
  position: absolute;
  display: none;
  right: 30px;
  top: 58px;
  background: url(../img/backgrounds/sidebar.jpg);
  padding: 10px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.topSearch input[type=text] {
  background: #2c2c2c;
  padding: 6px 8px 7px 8px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #9d9d9d;
  width: 180px;
  box-shadow: 0 1px 1px #1c1c1c inset, 0 1px 1px #454545;
  -webkit-box-shadow: 0 1px 1px #1c1c1c inset, 0 1px 1px #454545;
  -moz-box-shadow: 0 1px 1px #1c1c1c inset, 0 1px 1px #454545;
}

.topSearch input[type=submit] {
  background-position: 0 0;
  width: 19px;
  height: 20px;
  position: absolute;
  right: 14px;
  top: 14px;
}

.topSearch input[type=submit]:hover {
  background-position: 0 -21px;
}

.topSearch input[type=submit]:active {
  background-position: 0 -42px;
}

.topDropArrow {
  background: url(../img/elements/other/dropTopArrow.png) no-repeat;
  width: 13px;
  height: 6px;
  position: absolute;
  left: 50%;
  top: -6px;
  margin-left: -6px;
  display: block;
}

/* === User search (responsive) === */
.userSearch {
  display: none;
  position: relative;
  margin: 16px 16px 16px 0;
}

.userSearch input[type=text] {
  background: #2c2c2c;
  padding: 6px 8px 7px 8px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  height: 27px;
  color: #9d9d9d;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-shadow: 0 1px 1px #1c1c1c inset, 0 1px 1px #454545;
  -webkit-box-shadow: 0 1px 1px #1c1c1c inset, 0 1px 1px #454545;
  -moz-box-shadow: 0 1px 1px #1c1c1c inset, 0 1px 1px #454545;
}

.userSearch input[type=submit] {
  background-position: 0 0;
  width: 19px;
  height: 20px;
  position: absolute;
  right: 4px;
  top: 4px;
}

.userSearch input[type=submit]:hover {
  background-position: 0 -21px;
}

.userSearch input[type=submit]:active {
  background-position: 0 -42px;
}

/* # Sidebar stuff
================================================== */
#sidebar {
  display: block;
  background: url(../img/backgrounds/side.jpg) repeat-y;
  min-height: 100%;
  top: 0;
  position: absolute;
  z-index: 999;
  border-right: 1px solid #c3c3c3;
  -webkit-box-shadow: 1px 0px 10px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 1px 0px 10px rgba(50, 50, 50, 0.75);
  box-shadow: 1px 0px 10px rgba(50, 50, 50, 0.75);
}

.mainNav {
  width: 65px;
  background: url(../img/backgrounds/sidebar.jpg);
  float: left;
  padding-top: 15px;
  position: relative;
  z-index: 99;
}

.secNav {
  position: relative;
  padding-left: 65px;
  z-index: 98;
}

.secNav h6 {
  font-size: 12px;
  padding: 0 15px;
}

.secNav .secWrapper {
  float: left;
  width: 226px;
}

.sideWidget {
  padding: 0 15px;
}

#sidebar .legend {
  display: none;
}

#sidebar .divider {
  height: 0;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #f5f5f5;
  position: relative;
  margin: 20px 0;
}

#sidebar .divider > span {
  position: absolute;
  left: 50%;
  margin-left: -21px;
  background: #e6e6e6 url(../img/div.png) no-repeat 50%;
  width: 36px;
  padding: 0 3px;
  height: 9px;
  display: block;
  top: -4px;
}

.sideTable {
  background: #f5f5f5;
  border-top: 1px solid #c3c3c3;
}

#sidebar .sidePad {
  padding: 0 15px;
}

/* === User nav dropdown === */
.leftUser {
  display: none;
  position: absolute;
  top: 16px;
  font-size: 11px;
  width: 137px;
  padding-left: 7px;
  left: 106px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  text-align: left;
  background: url(../img/elements/other/userArrow.png) 0 11px no-repeat;
  z-index: 1000;
}

.leftUser li {
  border-bottom: 1px solid #343434;
  border-top: 1px solid #545454;
  background: url(../img/backgrounds/sidebar.jpg);
}

.leftUser li:hover {
  background: #454545;
}

.leftUser li:first-child {
  border-top: none;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
}

.leftUser li:last-child {
  border-bottom: none;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
}

.leftUser li a {
  display: block;
  padding: 6px 5px 6px 34px;
  color: #c2c2c2;
}

.leftUser li a.sProfile {
  background: url(../img/icons/usernav/profile.png) no-repeat 12px 12px;
}

.leftUser li a.sMessages {
  background: url(../img/icons/usernav/messages.png) no-repeat 12px 13px;
}

.leftUser li a.sSettings {
  background: url(../img/icons/usernav/settings.png) no-repeat 12px 12px;
}

.leftUser li a.sLogout {
  background: url(../img/icons/usernav/logout.png) no-repeat 12px 12px;
}

/* === User === */
.user {
  width: 100%;
  text-align: center;
  position: relative;
  padding-top: 16px;
  border-top: 1px solid #545454;
}

.user a {
  position: relative;
  display: inline-block;
  /*width: 80px; margin: 0 auto;*/
}

.user a > img {
  box-shadow: 0 1px 3px #1e1e1e;
  -webkit-box-shadow: 0 1px 3px #1e1e1e;
  -moz-box-shadow: 0 1px 3px #1e1e1e;
}

.user a > span {
  background: url(../img/backgrounds/sidebar.jpg);
  padding: 0 2px 2px 2px;
  position: absolute;
  right: -2px;
  top: 0;
  display: block;
  text-align: center;
  -webkit-border-bottom-left-radius: 2px;
}

.user a > span > strong {
  font-size: 11px;
  font-weight: bold;
  display: block;
  padding: 0px 5px;
  color: white;
  line-height: 17px;
  height: 16px;
  white-space: nowrap;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  background: #DA8854;
  background: -moz-linear-gradient(top, #da8854 0%, #c35a32 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #da8854), color-stop(100%, #c35a32));
  background: -webkit-linear-gradient(top, #da8854 0%, #c35a32 100%);
  background: -o-linear-gradient(top, #da8854 0%, #c35a32 100%);
  background: -ms-linear-gradient(top, #da8854 0%, #c35a32 100%);
  background: linear-gradient(top, #da8854 0%, #c35a32 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#da8854', endColorstr='#c35a32',GradientType=0 );
}

.user > span {
  display: block;
  color: #c2c2c2;
  margin-top: 10px;
}

/* === Nav for user dropdown (responsive) === */
.altNav {
  margin-left: 100px;
  text-align: center;
}

/* === Main navigation === */
.nav {
  text-align: center;
  border-top: 1px solid #2e2e2e;
  margin-top: 10px;
  border-bottom: 1px solid #555555;
}

.nav li {
  border-top: 1px solid #555555;
  border-bottom: 1px solid #2e2e2e;
  position: relative;
}

.nav li a {
  display: block;
  padding: 8px 0 8px 0;
  color: #bababa;
  font-size: 9px;
  width: 65px;
  cursor: pointer;
  text-decoration: none;
  background: -moz-linear-gradient(top, rgba(86, 86, 86, 0.2) 0%, rgba(54, 54, 54, 0.2) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(86, 86, 86, 0.2)), color-stop(100%, rgba(54, 54, 54, 0.2)));
  background: -webkit-linear-gradient(top, rgba(86, 86, 86, 0.2) 0%, rgba(54, 54, 54, 0.2) 100%);
  background: -o-linear-gradient(top, rgba(86, 86, 86, 0.2) 0%, rgba(54, 54, 54, 0.2) 100%);
  background: -ms-linear-gradient(top, rgba(86, 86, 86, 0.2) 0%, rgba(54, 54, 54, 0.2) 100%);
  background: linear-gradient(top, rgba(86, 86, 86, 0.2) 0%, rgba(54, 54, 54, 0.2) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33565656', endColorstr='#33363636',GradientType=0 );
}

.nav li a span {
  display: block;
  padding: 0px;
  text-shadow: 0 1px 0 #303030;
  line-height: 10px;
}

.nav li a img {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.nav > li > a:hover {
  background: -moz-linear-gradient(top, rgba(86, 86, 86, 0.2) 0%, rgba(54, 54, 54, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(86, 86, 86, 0.2)), color-stop(100%, rgba(86, 86, 86, 0.1)));
  background: -webkit-linear-gradient(top, rgba(86, 86, 86, 0.2) 0%, rgba(86, 86, 86, 0.1) 100%);
  background: -o-linear-gradient(top, rgba(86, 86, 86, 0.2) 0%, rgba(54, 54, 54, 0.1) 100%);
  background: -ms-linear-gradient(top, rgba(86, 86, 86, 0.2) 0%, rgba(54, 54, 54, 0.1) 100%);
  background: linear-gradient(top, rgba(86, 86, 86, 0.2) 0%, rgba(86, 86, 86, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33565656', endColorstr='#1a363636',GradientType=0 );
}

.nav li a:active, .nav li a.active {
  background: -moz-linear-gradient(top, rgba(86, 86, 86, 0.1) 0%, rgba(54, 54, 54, 0.1) 100%);
  background: -webkit-linear-gradient(top, rgba(120, 120, 120, 0.4) 0%, rgba(120, 120, 120, 0.7) 100%);
  background: -o-linear-gradient(top, rgba(128, 128, 128, 0.4) 0%, rgba(115, 115, 115, 0.3) 100%);
  background: -ms-linear-gradient(top, rgba(86, 86, 86, 0.2) 0%, rgba(54, 54, 54, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33565656', endColorstr='#1a363636',GradientType=0 );
}

.nav li a.active {
  color: #f4f4f4;
}

.nav li a.active img, .nav li a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.nav > li > a:hover {
  color: #f4f4f4;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.nav li:hover ul {
  display: block;
}

.nav li ul {
  display: none;
  position: absolute;
  top: 0;
  font-size: 11px;
  min-width: 170px;
  white-space: nowrap;
  padding-left: 12px;
  left: 100px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  text-align: left;
  background: url(../img/elements/other/userArrow.png) 5px 11px no-repeat;
  z-index: 1000;
}

.nav li ul li {
  border-bottom: 1px solid #343434;
  border-top: 1px solid #545454;
  background: url(../img/backgrounds/sidebar.jpg);
}

.nav li ul li:hover {
  background: #454545;
}

.nav li ul li:first-child {
  border-top: none;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
}

.nav li ul li:last-child {
  border-bottom: none;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
}

.nav li ul li a {
  display: block;
  padding: 8px 14px 8px 14px;
  color: #c2c2c2;
  width: auto;
}

.nav li ul li a span {
  padding-top: 3px;
  float: left;
}

.nav li ul li a [class*="icol-"] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  padding-top: 4px;
}

.nav li ul li ul {
  left: auto;
  right: 0;
  position: static;
  padding-left: 0;
  background: #505050;
}

.nav li ul li [class*="dataNum"] {
  box-shadow: 0 0px 1px #101010;
  -webkit-box-shadow: 0 0px 1px #101010;
  -moz-box-shadow: 0 0px 1px #101010;
}

.nav li ul li ul li {
  border-top: 1px solid #606060;
  border-bottom: 1px solid #404040;
}

.nav li ul li ul li:hover {
  background-color: #555;
}

.nav li ul li ul li, .nav li ul li ul li a {
  background: none;
}

.nav li ul li ul li a {
  background: url(../img/elements/control/subnav_arrow.png) no-repeat 14px 16px;
  padding-left: 26px;
}

/* === Sub sidebar top part === */
.secTop {
  height: 64px;
  background: url(../img/backgrounds/contentTop.png) repeat-x;
  position: relative;
}

.secTop [class^="triangle-"], .secTop [class*=" triangle-"] {
  background: url(../img/elements/ui/triangles.png) no-repeat;
  width: 28px;
  height: 27px;
  display: block;
  position: absolute;
  top: 0;
  right: -1px;
}

.secTop .triangle-red {
  background-position: -84px 0;
}

.secTop .triangle-red:hover {
  background-position: -84px -27px;
}

.secTop .triangle-red:active {
  background-position: -84px -54px;
}

.secTop .triangle-green {
  background-position: -56px 0;
}

.secTop .triangle-green:hover {
  background-position: -56px -27px;
}

.secTop .triangle-green:active {
  background-position: -56px -54px;
}

.secTop .triangle-blue {
  background-position: -28px 0;
}

.secTop .triangle-blue:hover {
  background-position: -28px -27px;
}

.secTop .triangle-blue:active {
  background-position: -28px -54px;
}

.secTop .triangle-gold {
  background-position: 0 0;
}

.secTop .triangle-gold:hover {
  background-position: 0 -27px;
}

.secTop .triangle-gold:active {
  background-position: 0 -54px;
}

/* # Content stuff
================================================== */
/* === Dividers === */
.divider {
  height: 0;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #fff;
  position: relative;
  margin: 35px 0 0 0;
}

.divider > span {
  position: absolute;
  left: 50%;
  margin-left: -21px;
  background: #eeeeee url(../img/div.png) no-repeat 50%;
  width: 36px;
  padding: 0 3px;
  height: 9px;
  display: block;
  top: -4px;
}

.widget .divider {
  height: 0;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #fff;
  position: relative;
  margin: 20px 0;
  min-height: 0;
}

.widget .divider > span {
  position: absolute;
  left: 50%;
  margin-left: -21px;
  background: #eeeeee url(../img/widgetDiv.png) no-repeat 50%;
  width: 36px;
  padding: 0 3px;
  height: 9px;
  display: block;
  top: -4px;
}

.dialog .divider {
  height: 0;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #fff;
  position: relative;
  margin: 20px 0;
}

.dialog .divider > span {
  position: absolute;
  left: 50%;
  margin-left: -21px;
  background: whitesmoke url(../img/div.png) no-repeat 50%;
  width: 36px;
  padding: 0 3px;
  height: 9px;
  display: block;
  top: -4px;
}

/* === Color marks === */
[class*="dataNum"] {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: white !important;
  font-size: 10px;
  padding: 1px 3px;
  height: 15px;
  line-height: 15px;
  text-shadow: none !important;
}

#sidebar [class*="dataNum"] {
  margin-right: 5px;
}

#content [class*="dataNum"] {
  position: relative;
  text-shadow: none;
  display: inline-block;
  float: right;
  margin: 9px 9px 0 0;
}

.dataNumBlue {
  background: #6F93A6;
  box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #607f90;
  -webkit-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #607f90;
  -moz-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #607f90;
}

.dataNumGrey {
  background: #767676;
  box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #666666;
  -webkit-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #666666;
  -moz-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #666666;
}

.dataNumGreen {
  background: #7aa745;
  box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #6a913b;
  -webkit-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #6a913b;
  -moz-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #6a913b;
}

.dataNumRed {
  background: #b35d5d;
  box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #9b5151;
  -webkit-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #9b5151;
  -moz-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #9b5151;
}

.dataNumOrange {
  background: #da8e2c;
  box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #ce8424;
  -webkit-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #ce8424;
  -moz-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #ce8424;
}

.dataNumPurple {
  background: #ca62da;
  box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #c451d6;
  -webkit-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #c451d6;
  -moz-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #c451d6;
}

.dataNumAqua {
  background: #79dac2;
  box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #69d6bb;
  -webkit-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #69d6bb;
  -moz-box-shadow: 0 1px 0 #f7f7f7, inset 0 1px 1px #69d6bb;
}

/* === Content top part === */
.contentTop {
  height: 64px;
  padding: 0 30px;
  background: url(../img/backgrounds/contentTop.png) repeat-x;
}

.pageTitle {
  display: block;
  float: left;
  color: #626262;
  font-size: 14px;
  font-weight: bold;
  margin: 21px 30px 21px 0;
}

/* Quick stats */
.quickStats {
  float: right;
  line-height: 16px;
  text-align: center;
  margin: 15px 0 14px 0;
}

.quickStats .blue {
  color: #5d91a9;
}

.quickStats li {
  display: block;
  float: left;
  border-left: 1px solid #d9d9d9;
  padding: 2px 15px 0 15px;
  white-space: nowrap;
}

.quickStats li strong {
  font-size: 14px;
  padding-top: 1px;
  display: block;
}

.quickStats li span {
  display: block;
  color: #5f5f5f;
  font-size: 11px;
}

.quickStats li a {
  margin-right: 10px;
  margin-top: -2px;
  float: left;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.quickStats li:last-child {
  padding-right: 0;
}

.quickStats li:first-child {
  border-left: 0;
}

.blueImg, .redImg, .greenImg {
  width: 35px;
  height: 35px;
}

.blueImg {
  background: #6e97aa;
}

.redImg {
  background: #ba6d6d;
}

.greenImg {
  background: #8fae53;
}

.blueImg img {
  padding: 11px;
}

.redImg img {
  padding: 10px 10px;
}

.greenImg img {
  padding: 9px 13px;
}

/* === Breadcrumbs line === */
.breadLine {
  height: 28px;
  box-shadow: 0 1px 0 #fff, 0 1px 0 #fff inset;
  -webkit-box-shadow: 0 1px 0 #fff, 0 1px 0 #fff inset;
  -moz-box-shadow: 0 1px 0 #fff, 0 1px 0 #fff inset;
  background: url(../img/backgrounds/breadcrumbs.png) repeat-x;
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  font-size: 11px;
}

.breadLine .hideArrow {
  width: 30px;
  float: left;
  background: url(../img/hideArrow.png) no-repeat;
  background-position: 12px 10px;
  padding: 14px 0 14px 0;
  border-right: 1px solid #c3c3c3;
}

.breadLine .hideArrow:hover {
  background-color: #f5f5f5;
}

/* Breadcrumbs */
.bc {
  margin: 0;
  float: left;
}

ul.breadcrumbs {
  position: relative;
  z-index: 990;
  margin-left: 0px;
  display: inline;
}

ul.breadcrumbs li {
  float: left;
  padding-left: 20px;
}

ul.breadcrumbs li img {
  cursor: pointer;
}

ul.breadcrumbs li .filterItem {
  color: blue;
  text-decoration: underline;
  margin-right: 5px;
  cursor: pointer;
}

ul.breadcrumbs li.current {
  border-right: none;
}

ul.breadcrumbs li a {
  color: #666666;
  text-decoration: none;
  padding: 3px 20px 3px 14px;
  display: block;
  background: url(../img/icons/breadsArrow.png) no-repeat 100% 10px;
  height: 22px;
  line-height: 23px;
}

ul.breadcrumbs > li:first-child {
  padding-left: 5px;
}

ul.breadcrumbs li ul {
  position: absolute;
  background: url(../img/subArrow.png) no-repeat 10px 5px;
  font-size: 11px;
  width: 160px;
  top: 28px;
  padding-top: 10px;
  margin-left: 12px;
  display: none;
}

ul.breadcrumbs li ul li {
  width: 180px;
  border-bottom: 1px solid #343434;
  text-align: left;
  border-top: 1px solid #545454;
  background: url(../img/backgrounds/sidebar.jpg);
  padding: 0;
  float: none;
}

ul.breadcrumbs li ul li:first-child {
  -webkit-border-top-right-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-topleft: 2px;
  border-top: none;
  padding-top: 1px;
}

ul.breadcrumbs li ul li:last-child {
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
}

ul.breadcrumbs li:hover {
  color: #999999;
}

/* Breadlinks */
.breadLinks {
  float: right;
  margin-right: 30px;
}

.breadLinks > ul > li {
  float: left;
  border-right: 1px solid #c3c3c3;
  position: relative;
}

.breadLinks ul li strong {
  color: #B35D5D;
  margin-left: 4px;
}

.breadLinks > ul > li:first-child {
  border-left: 1px solid #c3c3c3;
}

.breadLinks ul li a {
  color: #666666;
  padding: 3px 12px 3px 12px;
  display: block;
}

.breadLinks ul li a.hasdd {
  background: url(../img/elements/control/hasddArrow.png) no-repeat 100%;
}

.breadLinks ul li a:hover {
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #eaeaea));
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
  background: -o-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
  background: -ms-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
  background: linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#eaeaea',GradientType=0 );
}

.breadLinks ul li a:active {
  background: #f8f8f8;
}

.breadLinks ul li a span > img {
  margin-left: 6px;
}

.breadLinks ul li ul {
  position: absolute;
  display: none;
  right: -1px;
  border: 1px solid #c3c3c3;
  box-shadow: 0 1px 2px #dadada;
  -webkit-box-shadow: 0 1px 2px #dadada;
  -moz-box-shadow: 0 1px 2px #dadada;
  z-index: 990;
  text-align: left;
}

.breadLinks ul li ul, .breadLinks ul li ul li:last-child {
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
}

.breadLinks ul li ul li {
  width: 140px;
  float: none;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
}

.breadLinks ul li ul li:first-child {
  border-top: none;
}

.breadLinks ul li ul li a {
  background: #FDFDFD;
  padding: 5px 12px;
  background: -moz-linear-gradient(top, #fdfdfd 0%, whitesmoke 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, whitesmoke));
  background: -webkit-linear-gradient(top, #fdfdfd 0%, whitesmoke 100%);
  background: -o-linear-gradient(top, #fdfdfd 0%, whitesmoke 100%);
  background: -ms-linear-gradient(top, #fdfdfd 0%, whitesmoke 100%);
  background: linear-gradient(top, #fdfdfd 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f5f5f5',GradientType=0 );
}

.breadLinks ul li ul li a:hover {
  background: #f5f5f5;
}

/* # Login page
================================================== */
.loginWrapper {
  width: 240px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -124px 0 0 -120px;
  text-align: center;
  -moz-perspective: 800px;
  -webkit-perspective: 800px;
  perspective: 800px;
}

/* === Login hover buttons === */
.logleft, .logright, .logback {
  background: url(../img/loginControl.png) no-repeat;
  height: 37px;
  width: 37px;
  position: absolute;
  top: 36px;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
}

.logleft {
  left: 0px;
  background-position: 0 0;
}

.logright {
  right: 0px;
  background-position: -38px 0;
}

.logback {
  left: 0;
  background-position: -76px 0;
}

.logleft:hover {
  background-position: 0 -39px;
}

.logright:hover {
  background-position: -38px -39px;
}

.logback:hover {
  background-position: -76px -39px;
}

#login {
  z-index: 100;
}

#recover {
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.flipped #login {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.loginWrapper.flipped #recover {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.loginWrapper form {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /* Enabling 3d space for the transforms */
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  /* When the forms are flipped, they will be hidden */
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Enabling a smooth animated transition */
  -moz-transition: 0.8s;
  -webkit-transition: 0.8s;
  transition: 0.8s;
  /* Configure a keyframe animation for Firefox */
  -moz-animation: pulse 2s infinite;
  /* Configure it for Chrome and Safari */
  -webkit-animation: pulse 2s infinite;
}

.loginPic {
  text-align: center;
  display: block;
  position: relative;
  overflow: hidden;
}

.loginPic span {
  display: block;
  color: #5f5f5f;
  font-size: 14px;
  margin-top: 10px;
  font-weight: bold;
  text-shadow: 0 1px 1px #ffffff;
}

.loginWrapper form {
  display: block;
  margin: 0 auto;
  width: 236px;
}

.loginWrapper a {
  display: inline-block;
}

.loginWrapper input[type=text], .loginWrapper input[type=password] {
  font-size: 11px;
  color: #858585;
  box-shadow: 0 0 0px 2px #ebebeb;
  -webkit-box-shadow: 0 0 0px 2px #ebebeb;
  -moz-box-shadow: 0 0 0px 2px #ebebeb;
  padding: 7px 27px 7px 9px;
  border: 1px solid #d7d7d7;
  width: 198px;
  display: inline-block;
  margin-top: 15px;
}

.logControl {
  margin-top: 15px;
}

.logControl .memory {
  float: left;
  margin-top: 5px;
}

.logControl input[type=submit] {
  float: right;
}

/* === Buttons === */
.buttonS, .buttonM, .buttonL, .buttonH, [class*="tablectrl"] {
  font-size: 11px;
  color: #fff;
  font-weight: bold;
  text-shadow: 0 -1px #6f6f6f;
  display: inline-block;
  line-height: 14px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.buttonS span, .buttonM span, .buttonL span, .buttonH span {
  text-shadow: 0 1px 0 #6f6f6f;
  margin-left: 10px;
}

.buttonS {
  padding: 6px 14px;
}

.buttonM {
  padding: 7px 15px;
}

.buttonL {
  padding: 8px 18px;
}

.buttonH {
  float: right;
  padding: 4px 12px 4px 12px;
  color: white !important;
  margin: 7px 10px 6px 10px;
}

.bGreen:hover, .bRed:hover, .bBlue:hover, .bGreyish:hover, .bBlack:hover, .bLightBlue:hover, .bGold:hover, .bSea:hover, .bBrown:hover {
  opacity: 0.95;
  filter: alpha(opacity=95);
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.bDefault, .dualBtn, .searchLine button {
  border: 1px solid #c3c3c3;
  box-shadow: inset 0 1px 2px #fff;
  -webkit-box-shadow: inset 0 1px 2px #fff;
  -moz-box-shadow: inset 0 1px 2px #fff;
  color: #686868;
  text-shadow: none;
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #e8e8e8));
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  background: -o-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  background: -ms-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  background: linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 );
}

.bDefault:hover, .dualBtn:hover, .searchLine button:hover {
  -webkit-transition: box-shadow 0.05s ease-in-out;
  -moz-transition: box-shadow 0.05s ease-in-out;
  transition: box-shadow 0.05s ease-in-out;
  background: #fafafa;
  background: -moz-linear-gradient(top, #fafafa 0%, #e5e5e5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #e5e5e5));
  background: -webkit-linear-gradient(top, #fafafa 0%, #e5e5e5 100%);
  background: -o-linear-gradient(top, #fafafa 0%, #e5e5e5 100%);
  background: -ms-linear-gradient(top, #fafafa 0%, #e5e5e5 100%);
  background: linear-gradient(top, #fafafa 0%, #e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e5e5e5',GradientType=0 );
}

.bDefault:active, .dualBtn:active, .titleToolbar > li > a:active, .titleOpt > a:active, .searchLine button:active {
  background: #eee;
  color: #505050;
  border-color: #c0c0c0;
  box-shadow: 0 0 5px #e2e2e2 inset, 0 1px 1px #fff;
  -webkit-box-shadow: 0 0 5px #e2e2e2 inset, 0 1px 1px #fff;
  -moz-box-shadow: 0 0 5px #e2e2e2 inset, 0 1px 1px #fff;
  text-shadow: 0 -1px 1px #f1f1f1;
}

.bDefault span {
  text-shadow: none;
}

.bGreen {
  border: 1px solid #68a341;
  box-shadow: 0 1px 2px 0 #a4ca6c inset;
  -webkit-box-shadow: 0 1px 2px 0 #a4ca6c inset;
  -moz-box-shadow: 0 1px 2px 0 #a4ca6c inset;
  background: #96c161;
  background: -moz-linear-gradient(top, #96c161 0%, #609c3d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #96c161), color-stop(100%, #609c3d));
  background: -webkit-linear-gradient(top, #96c161 0%, #609c3d 100%);
  background: -o-linear-gradient(top, #96c161 0%, #609c3d 100%);
  background: -ms-linear-gradient(top, #96c161 0%, #609c3d 100%);
  background: linear-gradient(top, #96c161 0%, #609c3d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#96c161', endColorstr='#609c3d',GradientType=0 );
}

.bGreen:active {
  background: #74aa49;
  box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
  -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
  -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
}

.bRed {
  border: 1px solid #a95151;
  box-shadow: 0 1px 2px 0 #cd8787 inset;
  -webkit-box-shadow: 0 1px 2px 0 #cd8787 inset;
  -moz-box-shadow: 0 1px 2px 0 #cd8787 inset;
  background: #c57979;
  background: -moz-linear-gradient(top, #c57979 0%, #a34c4c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c57979), color-stop(100%, #a34c4c));
  background: -webkit-linear-gradient(top, #c57979 0%, #a34c4c 100%);
  background: -o-linear-gradient(top, #c57979 0%, #a34c4c 100%);
  background: -ms-linear-gradient(top, #c57979 0%, #a34c4c 100%);
  background: linear-gradient(top, #c57979 0%, #a34c4c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c57979', endColorstr='#a34c4c',GradientType=0 );
}

.bRed:hover {
  opacity: 0.95;
  filter: alpha(opacity=95);
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.bRed:active {
  background: #b15e5e;
  box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
  -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
  -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
}

.bBlue {
  border: 1px solid #3e76af;
  box-shadow: 0 1px 2px 0 #66b2d2 inset;
  -webkit-box-shadow: 0 1px 2px 0 #66b2d2 inset;
  -moz-box-shadow: 0 1px 2px 0 #66b2d2 inset;
  background: #5ba5cb;
  background: -moz-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5ba5cb), color-stop(100%, #3a70ab));
  background: -webkit-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%);
  background: -o-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%);
  background: -ms-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%);
  background: linear-gradient(top, #5ba5cb 0%, #3a70ab 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ba5cb', endColorstr='#3a70ab',GradientType=0 );
}

.bBlue:hover {
  opacity: 0.95;
  filter: alpha(opacity=95);
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.bBlue:active {
  background: #4786b8;
  box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
  -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
  -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
}

.bGreyish {
  border: 1px solid #5e6779;
  box-shadow: 0 1px 2px 0 #9ca6b3 inset;
  -webkit-box-shadow: 0 1px 2px 0 #9ca6b3 inset;
  -moz-box-shadow: 0 1px 2px 0 #9ca6b3 inset;
  background: #8c97a6;
  background: -moz-linear-gradient(top, #8c97a6 0%, #596171 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8c97a6), color-stop(100%, #596171));
  background: -webkit-linear-gradient(top, #8c97a6 0%, #596171 100%);
  background: -o-linear-gradient(top, #8c97a6 0%, #596171 100%);
  background: -ms-linear-gradient(top, #8c97a6 0%, #596171 100%);
  background: linear-gradient(top, #8c97a6 0%, #596171 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c97a6', endColorstr='#596171',GradientType=0 );
}

.bGreyish:active {
  background: #6d7787;
  box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
  -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
  -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
}

.bBlack {
  border: 1px solid #4e4e4e;
  box-shadow: 0 1px 2px 0 #959595 inset;
  -webkit-box-shadow: 0 1px 2px 0 #959595 inset;
  -moz-box-shadow: 0 1px 2px 0 #959595 inset;
  background: #838383;
  background: -moz-linear-gradient(top, #838383 0%, #444444 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #838383), color-stop(100%, #444444));
  background: -webkit-linear-gradient(top, #838383 0%, #444444 100%);
  background: -o-linear-gradient(top, #838383 0%, #444444 100%);
  background: -ms-linear-gradient(top, #838383 0%, #444444 100%);
  background: linear-gradient(top, #838383 0%, #444444 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#838383', endColorstr='#444444',GradientType=0 );
}

.bBlack:active {
  background: #5d5d5d;
  box-shadow: 0 0 2px #505050 inset, 0 1px 0 #fff;
  -webkit-box-shadow: 0 0 2px #505050 inset, 0 1px 0 #fff;
  -moz-box-shadow: 0 0 2px #505050 inset, 0 1px 0 #fff;
}

.bLightBlue {
  border: 1px solid #5897c3;
  box-shadow: 0 1px 2px 0 #84c4dd inset;
  -webkit-box-shadow: 0 1px 2px 0 #84c4dd inset;
  -moz-box-shadow: 0 1px 2px 0 #84c4dd inset;
  background: #6db5d5;
  background: -moz-linear-gradient(top, #6db5d5 0%, #4a91c0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6db5d5), color-stop(100%, #4a91c0));
  background: -webkit-linear-gradient(top, #6db5d5 0%, #4a91c0 100%);
  background: -o-linear-gradient(top, #6db5d5 0%, #4a91c0 100%);
  background: -ms-linear-gradient(top, #6db5d5 0%, #4a91c0 100%);
  background: linear-gradient(top, #6db5d5 0%, #4a91c0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6db5d5', endColorstr='#4a91c0',GradientType=0 );
}

.bLightBlue:active {
  background: #559cc7;
  box-shadow: 0 0 2px #808080 inset, 0 1px 0 #fff;
  -webkit-box-shadow: 0 0 2px #808080 inset, 0 1px 0 #fff;
  -moz-box-shadow: 0 0 2px #808080 inset, 0 1px 0 #fff;
}

.bGold {
  border: 1px solid #c4853e;
  box-shadow: 0 1px 2px 0 #ddb65b inset;
  -webkit-box-shadow: 0 1px 2px 0 #ddb65b inset;
  -moz-box-shadow: 0 1px 2px 0 #ddb65b inset;
  background: #d5a44c;
  background: -moz-linear-gradient(top, #d5a44c 0%, #c07833 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5a44c), color-stop(100%, #c07833));
  background: -webkit-linear-gradient(top, #d5a44c 0%, #c07833 100%);
  background: -o-linear-gradient(top, #d5a44c 0%, #c07833 100%);
  background: -ms-linear-gradient(top, #d5a44c 0%, #c07833 100%);
  background: linear-gradient(top, #d5a44c 0%, #c07833 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5a44c', endColorstr='#c07833',GradientType=0 );
}

.bGold:active {
  background: #ca8e40;
  box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
  -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
  -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
}

.bSea {
  border: 1px solid #5a837e;
  box-shadow: 0 1px 2px 0 #95b8b6 inset;
  -webkit-box-shadow: 0 1px 2px 0 #95b8b6 inset;
  -moz-box-shadow: 0 1px 2px 0 #95b8b6 inset;
  background: #7ca6a3;
  background: -moz-linear-gradient(top, #7ca6a3 0%, #547b76 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7ca6a3), color-stop(100%, #547b76));
  background: -webkit-linear-gradient(top, #7ca6a3 0%, #547b76 100%);
  background: -o-linear-gradient(top, #7ca6a3 0%, #547b76 100%);
  background: -ms-linear-gradient(top, #7ca6a3 0%, #547b76 100%);
  background: linear-gradient(top, #7ca6a3 0%, #547b76 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ca6a3', endColorstr='#547b76',GradientType=0 );
}

.bSea:active {
  background: #68918d;
  box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
  -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
  -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
}

.bBrown {
  border: 1px solid #9c6b3c;
  box-shadow: 0 1px 2px 0 #c8a85f inset;
  -webkit-box-shadow: 0 1px 2px 0 #c8a85f inset;
  -moz-box-shadow: 0 1px 2px 0 #c8a85f inset;
  background: #bb934f;
  background: -moz-linear-gradient(top, #bb934f 0%, #996336 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bb934f), color-stop(100%, #996336));
  background: -webkit-linear-gradient(top, #bb934f 0%, #996336 100%);
  background: -o-linear-gradient(top, #bb934f 0%, #996336 100%);
  background: -ms-linear-gradient(top, #bb934f 0%, #996336 100%);
  background: linear-gradient(top, #bb934f 0%, #996336 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb934f', endColorstr='#996336',GradientType=0 );
}

.bBrown:active {
  background: #ad7f45;
  box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
  -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
  -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
}

/* === Widget and widget head elements === */
.widget {
  background: #f7f7f7;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 2px 2px -2px #ccc;
  margin-top: 0px;
  position: relative;
}

.widget > [class*="whead"] {
  border-bottom: 1px solid #cdcdcd;
  box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  -moz-box-shadow: 0 1px 0 #fff;
  text-shadow: 0 1px #fff;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-topleft: 3px;
  position: relative;
}

.widget > [class*="wheadsub"] {
  border-bottom: 1px solid #cdcdcd;
  box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  -moz-box-shadow: 0 1px 0 #fff;
  text-shadow: 0 1px #fff;
  position: relative;
}

.whead a {
  color: #636363;
}

.widget > [class*="whead"] h6 {
  float: left;
  display: block;
  margin: 0px;
  padding: 8px 14px 7px 14px;
  font-size: 12px;
  font-weight: bold;
}

.widget .body {
  padding: 14px 16px;
}

.whead {
  color: #636363;
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #e8e8e8));
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  background: -o-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  background: -ms-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  background: linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 );
}

.wheadLight {
  color: #636363;
  background: #ffffff;
  background: -moz-linear-gradient(top, white 0%, #e4e4e4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e4e4e4));
  background: -webkit-linear-gradient(top, white 0%, #e4e4e4 100%);
  background: -o-linear-gradient(top, white 0%, #e4e4e4 100%);
  background: -ms-linear-gradient(top, white 0%, #e4e4e4 100%);
  background: linear-gradient(top, #ffffff 0%, #e4e4e4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4e4e4',GradientType=0 );
}

.wheadLight2 {
  color: #636363;
  background: #fafcfd;
  background: -moz-linear-gradient(top, #fafcfd 0%, #eff1f3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafcfd), color-stop(100%, #eff1f3));
  background: -webkit-linear-gradient(top, #fafcfd 0%, #eff1f3 100%);
  background: -o-linear-gradient(top, #fafcfd 0%, #eff1f3 100%);
  background: -ms-linear-gradient(top, #fafcfd 0%, #eff1f3 100%);
  background: linear-gradient(top, #fafcfd 0%, #eff1f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafcfd', endColorstr='#eff1f3',GradientType=0 );
}

.wheadLight3 {
  color: #636363;
  background: white;
  background: -moz-linear-gradient(top, white 0%, #f1f1f1 50%, #ededed 51%, #efefef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(50%, #f1f1f1), color-stop(51%, #ededed), color-stop(100%, #efefef));
  background: -webkit-linear-gradient(top, white 0%, #f1f1f1 50%, #ededed 51%, #efefef 100%);
  background: -o-linear-gradient(top, white 0%, #f1f1f1 50%, #ededed 51%, #efefef 100%);
  background: -ms-linear-gradient(top, white 0%, #f1f1f1 50%, #ededed 51%, #efefef 100%);
  background: linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #ededed 51%, #efefef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
}

/* ===== Search widget  ===== */
.searchLine {
  position: relative;
  box-shadow: 0 1px 1px #fcfcfc;
  -webkit-box-shadow: 0 1px 1px #fcfcfc;
  -moz-box-shadow: 0 1px 1px #fcfcfc;
  margin-top: 35px;
}

.searchLine input[type=text] {
  border: 1px solid #cdcdcd;
  padding: 9px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.searchLine .relative button {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 100%;
  max-height: 100%;
  z-index: 99;
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
}

.searchLine .icos-search {
  width: 14px;
  margin: 8px;
  padding: 0;
}

.searchLine .relative button:active {
  box-shadow: none !important;
}

.searchLine .relative button .iconb {
  position: absolute;
  right: 7px;
  top: 6px;
  z-index: 100;
  font-size: 16px;
}

.sResults {
  background: #fafafa;
  border: 1px solid #CDCDCD;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 2px 2px -2px #CCC;
  -webkit-box-shadow: 0 2px 2px -2px #CCC;
  -moz-box-shadow: 0 2px 2px -2px #CCC;
  margin-top: 20px;
  position: relative;
}

.sResults > .arrow {
  position: absolute;
  top: -9px;
  left: 50%;
  margin-left: -8px;
  width: 15px;
  height: 9px;
  background: url(../img/elements/control/resultsarrow.png) no-repeat;
}

.sResults table {
  border: none;
}

/* ===== Search widget  ===== */
.searchWidget .whead input[type=text] {
  border: 1px solid #cdcdcd;
  padding: 6px 25px 6px 8px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  box-shadow: 0 1px 1px #fcfcfc;
}

.searchWidget .whead {
  padding: 11px;
}

.searchWidget button {
  background: none;
  border: none;
  color: #909090;
  position: absolute;
  top: 12px;
  right: 17px;
}

.searchWidget .pagination {
  padding: 12px;
  border-top: 1px solid #cdcdcd;
  box-shadow: 0 1px 0 #fff inset;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  -moz-box-shadow: 0 1px 0 #fff inset;
  margin-top: 0;
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #e8e8e8));
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  background: -o-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  background: -ms-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  background: linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 );
}

/* New updates widget */
.updates {
  padding-left: 0px;
}

.updates .uDate {
  float: right;
  width: 30px;
  text-align: center;
  color: #bbbbbb;
  margin: 3px 0 0 0;
  text-shadow: 0 1px #fff;
}

.updates .uDate > span {
  font-size: 20px;
  font-weight: bold;
  display: block;
  margin-bottom: -3px;
}

.updates li {
  border-top: 1px solid #d5d5d5;
  padding: 5px;
  line-height: 11px;
  font-size: 11px;
}

.updates li:first-child {
  border-top: none;
}

.updates li:last-child {
  border-bottom: 1px solid #d5d5d5;
}

.updates li span {
  xdisplay: block;
}

.updates li > span > a {
  font-weight: bold;
}

.uDone, .uAlert, .uNotice {
  float: left;
  display: block;
  padding-left: 22px;
  max-width: 76%;
}

.uDone {
  background: url(../img/elements/other/updateDone.png) no-repeat 0 4px;
}

.uAlert {
  background: url(../img/elements/other/updateWarning.png) no-repeat 0 4px;
}

.uNotice {
  background: url(../img/elements/other/updateNotice.png) no-repeat 0 4px;
}

/* Forms styles */
.secNav .formRow {
  padding: 0;
  border: none;
  margin-top: 18px;
}

.secNav .formRow:first-child {
  margin-top: 0;
}

.secNav .formRow > label {
  padding: 0 0 6px 0;
}

.secNav .formRow input[type="text"], .secNav .formRow input[type="password"], .secNav .formRow textarea {
  box-shadow: 0 1px 0 #f2f2f2;
  -webkit-box-shadow: 0 1px 0 #f2f2f2;
  -moz-box-shadow: 0 1px 0 #f2f2f2;
  border: 1px solid #ccc;
}

.secNav input[type="submit"], .secNav input[type="button"], .secNav button {
  xwidth: 100%;
}

.secNav .uploader {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  width: 197px;
  box-shadow: 0 1px 0 #f2f2f2;
  -webkit-box-shadow: 0 1px 0 #f2f2f2;
  -moz-box-shadow: 0 1px 0 #f2f2f2;
  border: 1px solid #ccc;
}

.secNav .checker {
  box-shadow: 0 1px 0 #f5f5f5;
  -webkit-box-shadow: 0 1px 0 #f5f5f5;
  -moz-box-shadow: 0 1px 0 #f5f5f5;
}

.secNav .uploader > input {
  width: 195px;
}

.secNav .selector {
  max-width: 187px;
  width: 187px;
}

/* # Form styles
================================================== */
.formRow:first-child {
  border-top: none;
}

.formRow input[type=text], .formRow input[type=password], textarea {
  xwidth: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  font-size: 11px;
  color: #858585;
  box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  -moz-box-shadow: 0 1px 0 #fff;
  padding: 3px;
  border: 1px solid #d7d7d7;
  display: inline-block;
  background: #fdfdfd;
  xheight: 26px;
}

textarea {
  height: auto;
}

.formRow [class*="grid"] > label {
  float: left;
  display: block;
  padding-top: 1px;
}

.formRow label > span {
  margin-top: -2px;
  padding: 0;
}

.formRow label > img {
  float: left;
  margin: 5px 10px 0 0;
}

.sliderSpecs > label {
  font-size: 11px;
  margin-right: 10px;
}

.sliderSpecs > input {
  border: none;
  background: none !important;
  width: 30% !important;
  color: #3a70ab !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: bold;
}

.fieldIcon {
  position: absolute;
  top: 7px;
  right: 8px;
  display: block;
}

.req {
  float: right;
  margin-left: 5px;
  display: block;
  color: #DB6464;
}

.rightSide {
  display: block;
  float: right;
  width: 80%;
  padding: 4px 0;
  position: relative;
}

.rightSide > label {
  float: left;
}

.note {
  font-size: 11px;
  padding-top: 2px;
  display: block;
  color: #AAA;
  white-space: nowrap;
}

.formRow > label {
  padding: 6px 0;
  display: block;
  float: left;
}

.multiple {
  width: 100%;
  height: 200px;
  padding: 5px;
  border: 1px solid #d7d7d7;
  box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  -moz-box-shadow: 0 1px 0 #fff;
}

.formRow input[disabled] {
  /*background-color: #f9f9f9; */
  /*color: #afafaf; */
}

.formSubmit {
  display: block;
  float: right;
}

.hasIcon [class*="icon"] {
  float: none;
  margin-right: 0;
}

/* ===== Form validation ===== */
.inputContainer {
  position: relative;
  float: left;
}

.formError {
  position: absolute;
  top: 300px;
  left: 282px;
  display: block;
  z-index: 1004;
  cursor: pointer;
}

.ajaxSubmit {
  padding: 20px;
  background: #55ea55;
  border: 1px solid #999;
  display: none;
}

.formError .formErrorContent {
  background: #202020;
  position: relative;
  z-index: 5001;
  color: #fff;
  width: 124px;
  font-size: 11px;
  border: 1px solid #000;
  padding: 2px 10px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.greenPopup .formErrorContent {
  background: #33be40;
}

.blackPopup .formErrorContent {
  background: #393939;
  color: #FFF;
}

.formError .formErrorArrow {
  width: 15px;
  margin: -2px auto 0 auto;
  position: relative;
  z-index: 5006;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  margin: 0px 0 0 12px;
  top: 2px;
}

.formError .formErrorArrow div {
  font-size: 0px;
  height: 1px;
  background: #202020;
  margin: 0 auto;
  line-height: 0;
  font-size: 0;
  display: block;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
  background: #33be40;
}

.blackPopup .formErrorArrow div {
  background: #393939;
  color: #FFF;
}

.formError .formErrorArrow .line10 {
  width: 15px;
  border: none;
}

.formError .formErrorArrow .line9 {
  width: 13px;
  border: none;
}

.formError .formErrorArrow .line8 {
  width: 11px;
}

.formError .formErrorArrow .line7 {
  width: 9px;
}

.formError .formErrorArrow .line6 {
  width: 7px;
}

.formError .formErrorArrow .line5 {
  width: 5px;
}

.formError .formErrorArrow .line4 {
  width: 3px;
}

.formError .formErrorArrow .line3 {
  width: 1px;
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd;
  border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
  width: 3px;
  border: none;
  background: #ddd;
}

.formError .formErrorArrow .line1 {
  width: 1px;
  border: none;
  background: #ddd;
}

.checker input, .radio input, .selector select {
  cursor: pointer;
}

input.error {
  border-color: #ddbebe !important;
}

/* ===== Form styling  ===== */
.selector, .radio, .checker, .uploader, .selector *, .radio *, .checker *, .uploader * {
  margin: 0;
  padding: 0;
  cursor: pointer;
}

div.selector {
  background: #fcfcfc;
  background: -moz-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f1f1f1));
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
  background: -o-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
  background: -ms-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
  background: linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f1f1f1',GradientType=0 );
  border: 1px solid #D2D2D2;
  line-height: 27px;
  height: 27px;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee;
  -webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee;
  -moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  margin: 0;
  padding: 0 0 0 8px;
  cursor: pointer;
  width: auto;
  max-width: 280px;
  font-size: 12px;
  position: relative;
  overflow: hidden;
}

div.selector span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #808080;
  text-shadow: 0 1px #f5f5f5;
  padding: 0px 37px 0px 2px;
  background: url(../img/elements/forms/selectArrow.png) no-repeat 100%;
  cursor: pointer;
  font-size: 11px;
  height: 27px;
  line-height: 27px;
}

div.selector select {
  opacity: 0;
  filter: alpha(opacity=0);
  height: 28px;
  border: none;
  background: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  border: solid 1px white;
  width: 100%;
  top: 0px;
  left: 0px;
}

.disabled {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.labelDisabled {
  color: #B7B7B7;
}

/* Checkboxes */
div.checker {
  width: 16px;
  height: 16px;
  position: relative;
  display: -moz-inline-box;
  display: block;
  vertical-align: middle;
  zoom: 1;
  float: left;
  xmargin-top: 2px;
  margin-right: 10px;
  box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  -moz-box-shadow: 0 1px 0 #fff;
}

div.checker input {
  width: 16px;
  height: 16px;
  opacity: 0;
  filter: alpha(opacity=0);
  display: inline-block;
  background: none;
}

div.checker span {
  background: url(../img/elements/forms/checkboxes.png) no-repeat 0 0;
  height: 16px;
  width: 16px;
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}

div.checker span.checked {
  background-position: 0 -17px;
}

/* Radio buttons */
div.radio {
  width: 16px;
  height: 17px;
  position: relative;
  display: -moz-inline-box;
  display: block;
  vertical-align: middle;
  zoom: 1;
  float: left;
  xmargin-top: 2px;
  margin-right: 10px;
}

div.radio input {
  width: 16px;
  height: 17px;
  opacity: 0;
  filter: alpha(opacity=0);
  display: inline-block;
  background: none;
}

div.radio span {
  background: url(../img/elements/forms/radios.png) no-repeat 0 0;
  height: 17px;
  width: 16px;
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}

div.radio span.checked {
  background-position: 0 -18px;
}

/* File uploader */
div.uploader {
  width: 240px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  -moz-box-shadow: 0 1px 0 #fff;
  border: 1px solid #d7d7d7;
  background: #fdfdfd;
  padding: 2px 2px 2px 8px;
}

div.uploader span.action {
  width: 22px;
  background: white url(../img/elements/forms/addFiles.png) no-repeat 0 0;
  height: 22px;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
  float: right;
  text-indent: -9999px;
  display: inline;
  overflow: hidden;
  cursor: pointer;
}

div.uploader:hover span.action {
  background-position: 0 -27px;
}

div.uploader:active span.action {
  background-position: 0 -54px;
}

div.uploader span.filename {
  color: #777;
  max-width: 200px;
  font-size: 11px;
  line-height: 22px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}

div.uploader input {
  width: 256px;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 26px;
  border: none;
  cursor: pointer;
}

.uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}

/* ===== Tags input  ===== */
div.tagsinput {
  border: 1px solid #ddd;
  background: #fdfdfd;
  padding: 5px;
  width: 100%;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

div.tagsinput span.tag {
  border: 1px solid #a5d24a;
  display: block;
  float: left;
  padding: 0 8px;
  background: #cde69c;
  color: #638421;
  margin: 5px 5px 5px 5px;
  line-height: 23px;
  font-size: 11px;
}

div.tagsinput span.tag a {
  font-weight: bold;
  color: #82ad2b;
  font-size: 11px;
  float: right;
}

div.tagsinput input {
  width: 60px;
  border: none;
  padding: 5px 8px 6px 8px;
  background: transparent;
  margin: 5px 5px 0 4px;
}

div.tagsinput div {
  display: block;
  float: left;
}

.tags_clear {
  clear: both;
  width: 100%;
  height: 0px;
}

.not_valid {
  background: #FBD8DB !important;
  color: #90111A !important;
}

/* === Icons line === */
.iconsLine {
  height: 28px;
  font-size: 11px;
  border-top: 1px solid #c3c3c3;
}

.iconsLine {
  text-align: center;
}

.iconsLine li {
  display: block;
  float: left;
  text-align: center;
  height: 28px;
  width: 100%;
  border-bottom: 1px solid #c3c3c3;
  box-shadow: 0 1px 0 #f6f6f6, 0 1px 0 #fff inset;
  -webkit-box-shadow: 0 1px 0 #f6f6f6, 0 1px 0 #fff inset;
  -moz-box-shadow: 0 1px 0 #f6f6f6, 0 1px 0 #fff inset;
  background: url(../img/backgrounds/breadcrumbs.png) repeat-x;
}

.iconsLine li:first-child a {
  border-left: none;
  margin-left: 0;
}

.iconsLine li a {
  color: #333;
  text-decoration: none;
  display: block;
  padding: 0;
  height: 28px;
  border-left: 1px solid #c3c3c3;
  line-height: 28px;
}

.iconsLine li a img {
  padding: 7px 0;
  height: 12px;
}

.iconsLine li:hover {
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #eaeaea));
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
  background: -o-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
  background: -ms-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
  background: linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#eaeaea',GradientType=0 );
}

.iconsLine li.clicked {
  box-shadow: 0 1px 0px #eee inset, 0 1px 0 #ededed;
  -webkit-box-shadow: 0 1px 0px #eee inset, 0 1px 0 #ededed;
  -moz-box-shadow: 0 1px 0px #eee inset, 0 1px 0 #ededed;
}

.iconsLine li.clicked a {
  background: url(../img/backgrounds/subnav.jpg);
  border-bottom: 1px solid #dadada;
}

.ic1 li {
  width: 100%;
}

.ic1 li a {
  color: #707070;
  font-size: 11px;
}

.ic2 li {
  width: 50%;
}

.ic3 li {
  width: 100px;
}

.ic3 li:first-child {
  width: 100px;
}

.ic4 li {
  width: 56px;
}

.ic4 li:first-child {
  width: 58px;
}

.ic5 li {
  width: 45px;
}

.ic5 li:first-child {
  width: 46px;
}

/* ===== Notification messages ===== */
.nNote {
  cursor: pointer;
  margin: 32px 0px 0px 0px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

#sidebar .nNote {
  margin: 0;
  border-radius: 0;
  border-left: none;
  border-right: none;
  box-shadow: 0 1px 1px #f5f5f5;
  -webkit-box-shadow: 0 1px 1px #f5f5f5;
  -moz-box-shadow: 0 1px 1px #f5f5f5;
}

.nNote p {
  padding: 10px 25px 10px 25px;
  margin: 0px;
  text-align: center;
  font-weight: bold;
  text-shadow: 0 1px 0 #fff;
}

.nMessage p {
  font-size: 11px;
}

.nWarning {
  border: 1px solid #f2d083;
  color: #826200;
  box-shadow: 0 1px 2px #fff0c7 inset, 0 1px 1px #dfdfdf;
  -webkit-box-shadow: 0 1px 2px #fff0c7 inset, 0 1px 1px #dfdfdf;
  -moz-box-shadow: 0 1px 2px #fff0c7 inset, 0 1px 1px #dfdfdf;
  background: #ffedbc;
  background: -moz-linear-gradient(top, #ffedbc 0%, #fbe5a8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffedbc), color-stop(100%, #fbe5a8));
  background: -webkit-linear-gradient(top, #ffedbc 0%, #fbe5a8 100%);
  background: -o-linear-gradient(top, #ffedbc 0%, #fbe5a8 100%);
  background: -ms-linear-gradient(top, #ffedbc 0%, #fbe5a8 100%);
  background: linear-gradient(top, #ffedbc 0%, #fbe5a8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffedbc', endColorstr='#fbe5a8',GradientType=0 );
}

.nSuccess {
  box-shadow: 0 1px 2px #e3f4bf inset, 0 1px 1px #dfdfdf;
  -webkit-box-shadow: 0 1px 2px #e3f4bf inset, 0 1px 1px #dfdfdf;
  -moz-box-shadow: 0 1px 2px #e3f4bf inset, 0 1px 1px #dfdfdf;
  border: 1px solid #c1d779;
  color: #4f7307;
  background: #d6efa1 !important;
  background: -moz-linear-gradient(top, #d6efa1 0%, #d0e69d 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6efa1), color-stop(100%, #d0e69d)) !important;
  background: -webkit-linear-gradient(top, #d6efa1 0%, #d0e69d 100%) !important;
  background: -o-linear-gradient(top, #d6efa1 0%, #d0e69d 100%) !important;
  background: -ms-linear-gradient(top, #d6efa1 0%, #d0e69d 100%) !important;
  background: linear-gradient(top, #d6efa1 0%, #d0e69d 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6efa1', endColorstr='#d0e69d',GradientType=0 ) !important;
}

.nFailure {
  box-shadow: 0 1px 2px #fbb5b5 inset, 0 1px 1px #dfdfdf;
  -webkit-box-shadow: 0 1px 2px #fbb5b5 inset, 0 1px 1px #dfdfdf;
  -moz-box-shadow: 0 1px 2px #fbb5b5 inset, 0 1px 1px #dfdfdf;
  border: 1px solid #dfa59b;
  color: #7d2a1c;
  background: #f0b5a1;
  background: -moz-linear-gradient(top, #f0b5a1 0%, #de9d8a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0b5a1), color-stop(100%, #de9d8a));
  background: -webkit-linear-gradient(top, #f0b5a1 0%, #de9d8a 100%);
  background: -o-linear-gradient(top, #f0b5a1 0%, #de9d8a 100%);
  background: -ms-linear-gradient(top, #f0b5a1 0%, #de9d8a 100%);
  background: linear-gradient(top, #f0b5a1 0%, #de9d8a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0b5a1', endColorstr='#de9d8a',GradientType=0 );
}

.nFailure > p {
  text-shadow: 0 1px 0 #DDD;
}

.nInformation {
  border: 1px solid #bcd9f3;
  color: #4579aa;
  background: #deedf9;
  background: -moz-linear-gradient(top, #deedf9 0%, #cde5f7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #deedf9), color-stop(100%, #cde5f7));
  background: -webkit-linear-gradient(top, #deedf9 0%, #cde5f7 100%);
  background: -o-linear-gradient(top, #deedf9 0%, #cde5f7 100%);
  background: -ms-linear-gradient(top, #deedf9 0%, #cde5f7 100%);
  background: linear-gradient(top, #deedf9 0%, #cde5f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#deedf9', endColorstr='#cde5f7',GradientType=0 );
  box-shadow: 0 1px 2px #e9f3fb inset, 0 1px 1px #dfdfdf;
  -webkit-box-shadow: 0 1px 2px #e9f3fb inset, 0 1px 1px #dfdfdf;
  -moz-box-shadow: 0 1px 2px #e9f3fb inset, 0 1px 1px #dfdfdf;
}

/* # Tables
================================================== */
table .selector, table .selector > span, .dataTables_length .selector, .dataTables_length .selector > span {
  height: 26px;
  line-height: 26px;
}

.dataTables_length .selector {
  margin-top: 1px;
}

table thead td.sortCol > div {
  cursor: pointer;
  position: relative;
}

table thead td span {
  background: url(../img/tables/sort.png) no-repeat 0;
  display: block;
  /*position: absolute; right: 3px; top: 3px; width: 16px*/
  width: 7px;
  float: right;
  margin: 2px 2px 0 5px;
  height: 16px;
}

table thead td.headerSortUp span {
  background: url(../img/tables/sortUp.png) no-repeat 0;
}

table thead td.headerSortDown span {
  background: url(../img/tables/sortDown.png) no-repeat 0;
}

.checkAll tbody tr td:first-child {
  width: 40px;
  padding: 0;
  vertical-align: middle;
  margin: 0;
}

.checkAll tbody tr td:first-child .checker, .checkAll tbody tr td:first-child .radio {
  margin: 0 auto;
  float: none;
}

/* ===== Simple table ===== */
.justTable td {
  vertical-align: middle;
}

.justTable tbody tr:first-child {
  border-top: none;
}

.justTable tbody tr:first-child td {
  box-shadow: 0 1px 0 #fafafa inset;
  -webkit-box-shadow: 0 1px 0 #fafafa inset;
  -moz-box-shadow: 0 1px 0 #fafafa inset;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topright: 2px;
}

/* ===== Default table ===== */
.tDefault tbody td, .tDefault thead td {
  border-left: 1px solid #DFDFDF;
  box-shadow: 0 1px 0 #fafafa inset;
  -webkit-box-shadow: 0 1px 0 #fafafa inset;
  -moz-box-shadow: 0 1px 0 #fafafa inset;
}

.tDefault tbody td:first-child, .tDefault thead td:first-child {
  border-left: none;
}

.checkAll thead td:first-child > img {
  vertical-align: middle;
  padding-bottom: 2px;
}

.tDefault thead td {
  text-align: center;
  font-size: 11px;
  padding: 3px 5px 2px 5px;
  color: white;
  background: #EEE;
  font-weight: normal;
  background-color: #999;
}

.tDefault tbody td {
  padding: 7px 11px;
  vertical-align: middle;
}

.tDefault tbody tr {
  border-top: 1px solid #DFDFDF;
}

.tDefault tbody tr:first-child {
  box-shadow: 0 1px 0px #fff inset;
  -webkit-box-shadow: 0 1px 0px #fff inset;
  -moz-box-shadow: 0 1px 0px #fff inset;
}

.tDefault tbody tr:nth-child(even) {
  background: #f2f2f2;
}

/* ===== Light table ===== */
.tLight tbody td, .tLight thead td {
  border-left: 1px solid #dadada;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topright: 2px;
}

.tLight tbody td:first-child, .tLight thead td:first-child {
  border-left: none;
}

.tLight tbody td {
  padding: 9px 16px;
  vertical-align: middle;
  color: #777;
}

.tLight tbody tr {
  border-top: 1px solid #dadada;
}

.tLight thead td {
  text-align: center;
  padding: 7px 12px;
  font-weight: bold;
  background: #F8F8F8;
  background: -moz-linear-gradient(top, #f8f8f8 0%, #efefef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #efefef));
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #efefef 100%);
  background: -o-linear-gradient(top, #f8f8f8 0%, #efefef 100%);
  background: -ms-linear-gradient(top, #f8f8f8 0%, #efefef 100%);
  background: linear-gradient(top, #f8f8f8 0%, #efefef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#efefef',GradientType=0 );
}

/* ===== UI Progress bar ===== */
.ui-progressbar {
  height: 16px;
  text-align: left;
  margin-top: 5px;
  background: #d7d7d7;
  border: 1px solid #bababa;
  box-shadow: 0 1px 0 #fff, 0 1px 0 #cfcfcf inset;
  clear: both;
}

.ui-progressbar .ui-progressbar-value {
  margin: 0px;
  height: 100%;
  overflow: hidden;
  display: block;
  background: url(../img/elements/ui/progressOverlay.png) repeat-x;
  border-right: 1px solid #5b9acb;
}

.pbar .ui-progressbar-value {
  display: block !important;
}

.pbar, .precent, elapsed {
  display: block;
}

.percent, .elapsed {
  position: relative;
  margin-top: 5px;
  font-size: 11px;
}

.pbar {
  overflow: hidden;
}

.percent {
  float: right;
}

.elapsed {
  float: left;
}

/* Messages page
================================================== */
.messagesOne li {
  position: relative;
  min-height: 36px;
  margin: 0 18px 20px 18px;
}

.messagesOne li:first-child {
  margin-top: 20px;
}

.messagesOne > li.divider {
  border-top: 1px solid #dfdfdf !important;
  margin: 20px 0 20px 0 !important;
  min-height: 0;
}

.messagesOne > li.divider > span {
  background-color: whitesmoke !important;
}

.messagesOne .messageRow a {
  display: block;
  width: 37px;
  height: 36px;
}

.messagesOne .by_user > a, .messagesOne .by_me > a {
  position: absolute;
  top: 0;
  display: block;
}

.messagesOne .by_user > a {
  left: 0;
}

.messagesOne .by_me > a {
  right: 0;
}

.messagesOne .by_user .aro, .messagesOne .by_me .aro {
  width: 8px;
  height: 9px;
  position: absolute;
  top: 12px;
}

.messagesOne .by_user .aro {
  background: url(../img/elements/other/messageArrow_left.png) no-repeat;
  left: -8px;
}

.messagesOne .by_me .aro {
  background: url(../img/elements/other/messageArrow_right.png) no-repeat;
  right: -8px;
}

.messagesOne .by_user .messageArea, .messagesOne .by_me .messageArea {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding: 8px 12px;
  position: relative;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid;
}

.messagesOne .by_user .messageArea {
  background: #fafeff;
  border-color: #b5cdd7;
  margin-left: 60px;
}

.messagesOne .by_me .messageArea {
  background: #fefefe;
  border-color: #dcdcdc;
  margin-right: 60px;
}

.by_user .name > strong {
  color: #2c596d;
}

.by_me .name > strong {
  color: #393939;
}

.infoRow {
  font-size: 11px;
  color: #949494;
  margin-bottom: 6px;
  margin-top: -2px;
}

.infoRow > .time {
  float: right;
}

.infoRow > .name {
  float: left;
}

.messagesTwo li {
  position: relative;
  min-height: 36px;
  border-top: 1px solid #cdcdcd;
}

.messagesTwo li:first-child {
  border-top: none;
}

.messagesTwo li > a {
  margin: 14px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.messagesTwo li .messageArea {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding: 10px 16px;
  position: relative;
  border-left: 1px solid #cdcdcd;
  margin-left: 65px;
  min-height: 64px;
}

.messagesTwo .by_user {
  background: #FEFEFE;
}

/* Enter message field  */
.enterMessage {
  position: relative;
  margin-top: 20px;
}

.enterMessage input[type=text] {
  width: 100%;
  height: 34px;
  background: #fff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  display: block;
  border: 1px solid #d5d5d5;
  box-shadow: 0 1px 1px #fafafa;
  -webkit-box-shadow: 0 1px 1px #fafafa;
  -moz-box-shadow: 0 1px 1px #fafafa;
  padding: 10px 120px 10px 10px;
  color: #404040;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 40px 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

.progress {
  overflow: hidden;
  height: 10px;
  margin-bottom: 20px;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, whitesmoke, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(whitesmoke), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, whitesmoke, #f9f9f9);
  background-image: -o-linear-gradient(top, whitesmoke, #f9f9f9);
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.progress .bar {
  width: 0%;
  height: 100%;
  color: #ffffff;
  float: left;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress .bar + .bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.progress-striped .bar {
  background-color: #149bdf;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
}

.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-danger .bar,
.progress .bar-danger {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}

.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
  background-color: #ee5f5b;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
}

.progress-success .bar,
.progress .bar-success {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(to bottom, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}

.progress-success.progress-striped .bar,
.progress-striped .bar-success {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
}

.progress-info .bar,
.progress .bar-info {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
}

.progress-warning .bar,
.progress .bar-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}

.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
  background-color: #fbb450;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
}

/*
 * Bootstrap v2.2.0
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  padding: 5px;
  font-size: 11px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tooltip.top {
  margin-top: -3px;
}

.tooltip.right {
  margin-left: 3px;
}

.tooltip.bottom {
  margin-top: 3px;
}

.tooltip.left {
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 400px;
  min-width: 150px;
  padding: 3px 8px;
  color: #ffffff;
  font-size: 10px;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  width: 236px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow {
  border-width: 11px;
}

.popover .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}

.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}

.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right .arrow:after {
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}

.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}

.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}

.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left .arrow:after {
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}

.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  *line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, white, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, white, #e6e6e6);
  background-image: -o-linear-gradient(top, white, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #bbbbbb;
  *border: 0;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 2px;
}

.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini {
  padding: 1px 6px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn {
  border-color: #c5c5c5;
  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #003399 \9;
}

.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #f89406;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  color: #ffffff;
  background-color: #f89406;
  *background-color: #df8505;
}

.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}

.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #bd362f;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}

.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}

.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}

.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}

.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #2f96b4;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}

.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}

.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #222222;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}

.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}

button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.btn-link {
  border-color: transparent;
  cursor: pointer;
  color: #0088cc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.btn-link:hover {
  color: #005580;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover {
  color: #333333;
  text-decoration: none;
}

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../img/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
  margin-top: 1px;
}

/* White icons with optional class, or on hover/active states of certain elements */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
  background-image: url("../img/glyphicons-halflings-white.png");
}

.icon-glass {
  background-position: 0      0;
}

.icon-music {
  background-position: -24px 0;
}

.icon-search {
  background-position: -48px 0;
}

.icon-envelope {
  background-position: -72px 0;
}

.icon-heart {
  background-position: -96px 0;
}

.icon-star {
  background-position: -120px 0;
}

.icon-star-empty {
  background-position: -144px 0;
}

.icon-user {
  background-position: -168px 0;
}

.icon-film {
  background-position: -192px 0;
}

.icon-th-large {
  background-position: -216px 0;
}

.icon-th {
  background-position: -240px 0;
}

.icon-th-list {
  background-position: -264px 0;
}

.icon-ok {
  background-position: -288px 0;
}

.icon-remove {
  background-position: -312px 0;
}

.icon-zoom-in {
  background-position: -336px 0;
}

.icon-zoom-out {
  background-position: -360px 0;
}

.icon-off {
  background-position: -384px 0;
}

.icon-signal {
  background-position: -408px 0;
}

.icon-cog {
  background-position: -432px 0;
}

.icon-trash {
  background-position: -456px 0;
}

.icon-home {
  background-position: 0 -24px;
}

.icon-file {
  background-position: -24px -24px;
}

.icon-time {
  background-position: -48px -24px;
}

.icon-road {
  background-position: -72px -24px;
}

.icon-download-alt {
  background-position: -96px -24px;
}

.icon-download {
  background-position: -120px -24px;
}

.icon-upload {
  background-position: -144px -24px;
}

.icon-inbox {
  background-position: -168px -24px;
}

.icon-play-circle {
  background-position: -192px -24px;
}

.icon-repeat {
  background-position: -216px -24px;
}

.icon-refresh {
  background-position: -240px -24px;
}

.icon-list-alt {
  background-position: -264px -24px;
}

.icon-lock {
  background-position: -287px -24px;
}

.icon-flag {
  background-position: -312px -24px;
}

.icon-headphones {
  background-position: -336px -24px;
}

.icon-volume-off {
  background-position: -360px -24px;
}

.icon-volume-down {
  background-position: -384px -24px;
}

.icon-volume-up {
  background-position: -408px -24px;
}

.icon-qrcode {
  background-position: -432px -24px;
}

.icon-barcode {
  background-position: -456px -24px;
}

.icon-tag {
  background-position: 0 -48px;
}

.icon-tags {
  background-position: -25px -48px;
}

.icon-book {
  background-position: -48px -48px;
}

.icon-bookmark {
  background-position: -72px -48px;
}

.icon-print {
  background-position: -96px -48px;
}

.icon-camera {
  background-position: -120px -48px;
}

.icon-font {
  background-position: -144px -48px;
}

.icon-bold {
  background-position: -167px -48px;
}

.icon-italic {
  background-position: -192px -48px;
}

.icon-text-height {
  background-position: -216px -48px;
}

.icon-text-width {
  background-position: -240px -48px;
}

.icon-align-left {
  background-position: -264px -48px;
}

.icon-align-center {
  background-position: -288px -48px;
}

.icon-align-right {
  background-position: -312px -48px;
}

.icon-align-justify {
  background-position: -336px -48px;
}

.icon-list {
  background-position: -360px -48px;
}

.icon-indent-left {
  background-position: -384px -48px;
}

.icon-indent-right {
  background-position: -408px -48px;
}

.icon-facetime-video {
  background-position: -432px -48px;
}

.icon-picture {
  background-position: -456px -48px;
}

.icon-pencil {
  background-position: 0 -72px;
}

.icon-map-marker {
  background-position: -24px -72px;
}

.icon-adjust {
  background-position: -48px -72px;
}

.icon-tint {
  background-position: -72px -72px;
}

.icon-edit {
  background-position: -96px -72px;
}

.icon-share {
  background-position: -120px -72px;
}

.icon-check {
  background-position: -144px -72px;
}

.icon-move {
  background-position: -168px -72px;
}

.icon-step-backward {
  background-position: -192px -72px;
}

.icon-fast-backward {
  background-position: -216px -72px;
}

.icon-backward {
  background-position: -240px -72px;
}

.icon-play {
  background-position: -264px -72px;
}

.icon-pause {
  background-position: -288px -72px;
}

.icon-stop {
  background-position: -312px -72px;
}

.icon-forward {
  background-position: -336px -72px;
}

.icon-fast-forward {
  background-position: -360px -72px;
}

.icon-step-forward {
  background-position: -384px -72px;
}

.icon-eject {
  background-position: -408px -72px;
}

.icon-chevron-left {
  background-position: -432px -72px;
}

.icon-chevron-right {
  background-position: -456px -72px;
}

.icon-plus-sign {
  background-position: 0 -96px;
}

.icon-minus-sign {
  background-position: -24px -96px;
}

.icon-remove-sign {
  background-position: -48px -96px;
}

.icon-ok-sign {
  background-position: -72px -96px;
}

.icon-question-sign {
  background-position: -96px -96px;
}

.icon-info-sign {
  background-position: -120px -96px;
}

.icon-screenshot {
  background-position: -144px -96px;
}

.icon-remove-circle {
  background-position: -168px -96px;
}

.icon-ok-circle {
  background-position: -192px -96px;
}

.icon-ban-circle {
  background-position: -216px -96px;
}

.icon-arrow-left {
  background-position: -240px -96px;
}

.icon-arrow-right {
  background-position: -264px -96px;
}

.icon-arrow-up {
  background-position: -289px -96px;
}

.icon-arrow-down {
  background-position: -312px -96px;
}

.icon-share-alt {
  background-position: -336px -96px;
}

.icon-resize-full {
  background-position: -360px -96px;
}

.icon-resize-small {
  background-position: -384px -96px;
}

.icon-plus {
  background-position: -408px -96px;
}

.icon-minus {
  background-position: -433px -96px;
}

.icon-asterisk {
  background-position: -456px -96px;
}

.icon-exclamation-sign {
  background-position: 0 -120px;
}

.icon-gift {
  background-position: -24px -120px;
}

.icon-leaf {
  background-position: -48px -120px;
}

.icon-fire {
  background-position: -72px -120px;
}

.icon-eye-open {
  background-position: -96px -120px;
}

.icon-eye-close {
  background-position: -120px -120px;
}

.icon-warning-sign {
  background-position: -144px -120px;
}

.icon-plane {
  background-position: -168px -120px;
}

.icon-calendar {
  background-position: -192px -120px;
}

.icon-random {
  background-position: -216px -120px;
  width: 16px;
}

.icon-comment {
  background-position: -240px -120px;
}

.icon-magnet {
  background-position: -264px -120px;
}

.icon-chevron-up {
  background-position: -288px -120px;
}

.icon-chevron-down {
  background-position: -313px -119px;
}

.icon-retweet {
  background-position: -336px -120px;
}

.icon-shopping-cart {
  background-position: -360px -120px;
}

.icon-folder-close {
  background-position: -384px -120px;
}

.icon-folder-open {
  background-position: -408px -120px;
  width: 16px;
}

.icon-resize-vertical {
  background-position: -432px -119px;
}

.icon-resize-horizontal {
  background-position: -456px -118px;
}

.icon-hdd {
  background-position: 0 -144px;
}

.icon-bullhorn {
  background-position: -24px -144px;
}

.icon-bell {
  background-position: -48px -144px;
}

.icon-certificate {
  background-position: -72px -144px;
}

.icon-thumbs-up {
  background-position: -96px -144px;
}

.icon-thumbs-down {
  background-position: -120px -144px;
}

.icon-hand-right {
  background-position: -144px -144px;
}

.icon-hand-left {
  background-position: -168px -144px;
}

.icon-hand-up {
  background-position: -192px -144px;
}

.icon-hand-down {
  background-position: -216px -144px;
}

.icon-circle-arrow-right {
  background-position: -240px -144px;
}

.icon-circle-arrow-left {
  background-position: -264px -144px;
}

.icon-circle-arrow-up {
  background-position: -288px -144px;
}

.icon-circle-arrow-down {
  background-position: -312px -144px;
}

.icon-globe {
  background-position: -336px -144px;
}

.icon-wrench {
  background-position: -360px -144px;
}

.icon-tasks {
  background-position: -384px -144px;
}

.icon-filter {
  background-position: -408px -144px;
}

.icon-briefcase {
  background-position: -432px -144px;
}

.icon-fullscreen {
  background-position: -456px -144px;
}

body {
  width: 100%;
  *zoom: 1;
}
body:before, body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}

.fluid {
  width: 100%;
  *zoom: 1;
  display: inline;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.col1 {
  display: inline;
  float: left;
  width: 7.14286%;
  margin: 0 0.59524%;
}

.col2 {
  display: inline;
  float: left;
  width: 15.47619%;
  margin: 0 0.59524%;
}

.col3 {
  display: inline;
  float: left;
  width: 23.80952%;
  margin: 0 0.59524%;
}

.col4 {
  display: inline;
  float: left;
  width: 32.14286%;
  margin: 0 0.59524%;
}

.col5 {
  display: inline;
  float: left;
  width: 40.47619%;
  margin: 0 0.59524%;
}

.col6 {
  display: inline;
  float: left;
  width: 48.80952%;
  margin: 0 0.59524%;
}

.col7 {
  display: inline;
  float: left;
  width: 57.14286%;
  margin: 0 0.59524%;
}

.col8 {
  display: inline;
  float: left;
  width: 65.47619%;
  margin: 0 0.59524%;
}

.col9 {
  display: inline;
  float: left;
  width: 73.80952%;
  margin: 0 0.59524%;
}

.col10 {
  display: inline;
  float: left;
  width: 82.14286%;
  margin: 0 0.59524%;
}

.col11 {
  display: inline;
  float: left;
  width: 90.47619%;
  margin: 0 0.59524%;
}

.col12 {
  display: inline;
  float: left;
  width: 98.80952%;
  margin: 0 0.59524%;
}

.full1 {
  display: inline;
  float: left;
  width: 7.14286%;
  margin: 0;
}

.full2 {
  display: inline;
  float: left;
  width: 14.28571%;
  margin: 0;
}

.full3 {
  display: inline;
  float: left;
  width: 21.42857%;
  margin: 0;
}

.full4 {
  display: inline;
  float: left;
  width: 28.57143%;
  margin: 0;
}

.full5 {
  display: inline;
  float: left;
  width: 35.71429%;
  margin: 0;
}

.full6 {
  display: inline;
  float: left;
  width: 42.85714%;
  margin: 0;
}

.full7 {
  display: inline;
  float: left;
  width: 50%;
  margin: 0;
}

.full8 {
  display: inline;
  float: left;
  width: 57.14286%;
  margin: 0;
}

.full9 {
  display: inline;
  float: left;
  width: 64.28571%;
  margin: 0;
}

.full10 {
  display: inline;
  float: left;
  width: 71.42857%;
  margin: 0;
}

.full11 {
  display: inline;
  float: left;
  width: 78.57143%;
  margin: 0;
}

.full12 {
  display: inline;
  float: left;
  width: 85.71429%;
  margin: 0;
}

.colc10 {
  margin-right: 8.92857%;
  margin-left: 8.92857%;
}

.colc6 {
  margin-right: 25.59524%;
  margin-left: 25.59524%;
}

.fluid16 {
  width: 100%;
  *zoom: 1;
  display: inline;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.col16_1 {
  display: inline;
  float: left;
  width: 5.35714%;
  margin: 0 0.44643%;
}

.col16_2 {
  display: inline;
  float: left;
  width: 11.60714%;
  margin: 0 0.44643%;
}

.col16_3 {
  display: inline;
  float: left;
  width: 17.85714%;
  margin: 0 0.44643%;
}

.col16_4 {
  display: inline;
  float: left;
  width: 24.10714%;
  margin: 0 0.44643%;
}

.col16_5 {
  display: inline;
  float: left;
  width: 30.35714%;
  margin: 0 0.44643%;
}

.col16_6 {
  display: inline;
  float: left;
  width: 36.60714%;
  margin: 0 0.44643%;
}

.col16_7 {
  display: inline;
  float: left;
  width: 42.85714%;
  margin: 0 0.44643%;
}

.col16_8 {
  display: inline;
  float: left;
  width: 49.10714%;
  margin: 0 0.44643%;
}

.col16_9 {
  display: inline;
  float: left;
  width: 55.35714%;
  margin: 0 0.44643%;
}

.col16_10 {
  display: inline;
  float: left;
  width: 61.60714%;
  margin: 0 0.44643%;
}

.col16_11 {
  display: inline;
  float: left;
  width: 67.85714%;
  margin: 0 0.44643%;
}

.col16_12 {
  display: inline;
  float: left;
  width: 74.10714%;
  margin: 0 0.44643%;
}

.col16_13 {
  display: inline;
  float: left;
  width: 80.35714%;
  margin: 0 0.44643%;
}

.col16_14 {
  display: inline;
  float: left;
  width: 86.60714%;
  margin: 0 0.44643%;
}

.col16_15 {
  display: inline;
  float: left;
  width: 92.85714%;
  margin: 0 0.44643%;
}

.col16_16 {
  display: inline;
  float: left;
  width: 132.14286%;
  margin: 0 0.59524%;
}

/*
IMPORTANT:
In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
classes should alter those!
*/
.slick-header.ui-state-default, .slick-headerrow.ui-state-default {
  width: 100%;
  overflow: hidden;
  border-left: 0px;
}

.slick-header-columns, .slick-headerrow-columns {
  position: relative;
  white-space: nowrap;
  cursor: default;
  overflow: hidden;
}

.slick-header-column.ui-state-default {
  position: relative;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
  line-height: 16px;
  margin: 0;
  padding: 4px;
  border-right: 1px solid silver;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 0px;
  float: left;
}

.slick-headerrow-column.ui-state-default {
  padding: 4px;
}

.slick-header-column-sorted {
  font-style: italic;
}

.slick-sort-indicator {
  display: inline-block;
  width: 8px;
  height: 5px;
  margin-left: 4px;
}

.slick-sort-indicator-desc {
  background: url(../img/slickgrid/sort-desc.gif);
}

.slick-sort-indicator-asc {
  background: url(../img/slickgrid/sort-asc.gif);
}

.slick-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  cursor: col-resize;
  width: 4px;
  right: 0px;
  top: 0;
  height: 100%;
}

.slick-sortable-placeholder {
  background: silver;
}

.grid-canvas {
  position: relative;
  outline: 0;
}

.slick-row.ui-widget-content, .slick-row.ui-state-active {
  position: absolute;
  border: 0px;
  width: 100%;
}

.slick-cell, .slick-headerrow-column {
  position: absolute;
  border: 1px solid transparent;
  border-right: 1px dotted silver;
  border-bottom-color: silver;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  z-index: 1;
  padding: 1px 2px 2px 1px;
  margin: 0;
  white-space: nowrap;
  cursor: default;
}

.slick-group-toggle {
  display: inline-block;
}

.slick-cell.highlighted {
  background: lightskyblue;
  background: rgba(0, 0, 255, 0.2);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.slick-cell.flashing {
  border: 1px solid red !important;
}

.slick-cell.editable {
  z-index: 11;
  overflow: visible;
  background: white;
  border-color: black;
  border-style: solid;
}

.slick-cell:focus {
  outline: none;
}

.slick-reorder-proxy {
  display: inline-block;
  background: blue;
  opacity: 0.15;
  filter: alpha(opacity=15);
  cursor: move;
}

.slick-reorder-guide {
  display: inline-block;
  height: 2px;
  background: blue;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.slick-selection {
  z-index: 10;
  position: absolute;
  border: 2px dashed black;
}

/*
IMPORTANT:
In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
classes should alter those!
*/
.slick-header-columns {
  background: url("../img/slickgrid/header-columns-bg.gif") repeat-x center bottom;
  border-bottom: 1px solid silver;
}

.slick-header-column {
  background: url("../img/slickgrid/header-columns-bg.gif") repeat-x center bottom;
  border-right: 1px solid silver;
}

.slick-header-column:hover, .slick-header-column-active {
  /*background: white url('../img/slickgrid/header-columns-over-bg.gif') repeat-x center bottom;*/
}

.slick-headerrow {
  background: #fafafa;
}

.slick-headerrow-column {
  background: #fafafa;
  border-bottom: 0;
  height: 100%;
}

.slick-row.ui-state-active {
  background: #F5F7D7;
}

.slick-row {
  position: absolute;
  background: white;
  border: 0px;
  /*line-height: 20px;*/
}

.slick-row.selected {
  z-index: 10;
  background: #DFE8F6;
}

.slick-cell {
  padding-left: 4px;
  padding-right: 4px;
}

.slick-group {
  border-bottom: 2px solid silver;
}

.slick-group-toggle {
  width: 9px;
  height: 9px;
  margin-right: 5px;
}

.slick-group-toggle.expanded {
  background: url(../img/slickgrid/collapse.gif) no-repeat center center;
}

.slick-group-toggle.collapsed {
  background: url(../img/slickgrid/expand.gif) no-repeat center center;
}

.slick-group-totals {
  color: gray;
  background: white;
}

.slick-cell.selected {
  background-color: beige;
}

.slick-cell.active {
  border-color: gray;
  border-style: solid;
}

.slick-sortable-placeholder {
  background: silver !important;
}

.slick-row.odd {
  background: #fafafa;
}

.slick-row.ui-state-active {
  background: #F5F7D7;
}

.slick-row.loading {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.slick-cell.invalid {
  border-color: red;
}

#myGrid {
  background: white;
  outline: 0;
  border: 1px solid gray;
}

.grid-header {
  border: 1px solid gray;
  border-bottom: 0;
  border-top: 0;
  background: url("../img/slickgrid/header-bg.gif") repeat-x center top;
  color: black;
  height: 24px;
  line-height: 24px;
}

.grid-header label {
  display: inline-block;
  font-weight: bold;
  margin: auto auto auto 6px;
}

.grid-header .ui-icon {
  margin: 4px 4px auto 6px;
  background-color: transparent;
  border-color: transparent;
}

.grid-header .ui-icon.ui-state-hover {
  background-color: white;
}

.grid-header #txtSearch {
  margin: 0 4px 0 4px;
  padding: 2px 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border: 1px solid silver;
}

.options-panel {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border: 1px solid silver;
  background: #f0f0f0;
  padding: 4px;
  margin-bottom: 20px;
  width: 320px;
  position: absolute;
  top: 0px;
  left: 650px;
}

/* Individual cell styles */
.slick-cell.task-name {
  font-weight: bold;
  text-align: right;
}

.slick-cell.task-percent {
  text-align: right;
}

.slick-cell.cell-move-handle {
  font-weight: bold;
  text-align: right;
  border-right: solid gray;
  background: #efefef;
  cursor: move;
}

.cell-move-handle:hover {
  background: #b6b9bd;
}

.slick-row.selected .cell-move-handle {
  background: #D5DC8D;
}

.slick-row .cell-actions {
  text-align: left;
}

.slick-row.complete {
  background-color: #DFD;
  color: #555;
}

.percent-complete-bar {
  display: inline-block;
  height: 6px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/* Slick.Editors.Text, Slick.Editors.Date */
input.editor-text {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  background: transparent;
  outline: 0;
  padding: 0;
}

.ui-datepicker-trigger {
  margin-top: 2px;
  padding: 0;
  vertical-align: top;
}

/* Slick.Editors.PercentComplete */
input.editor-percentcomplete {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  background: transparent;
  outline: 0;
  padding: 0;
  float: left;
}

.editor-percentcomplete-picker {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 100%;
  background: url("../img/slickgrid/pencil.gif") no-repeat center center;
  overflow: visible;
  z-index: 1000;
  float: right;
}

.editor-percentcomplete-helper {
  border: 0 solid gray;
  position: absolute;
  top: -2px;
  left: -9px;
  background: url("../img/slickgrid/editor-helper-bg.gif") no-repeat top left;
  padding-left: 9px;
  width: 120px;
  height: 140px;
  display: none;
  overflow: visible;
}

.editor-percentcomplete-wrapper {
  background: beige;
  padding: 20px 8px;
  width: 100%;
  height: 98px;
  border: 1px solid gray;
  border-left: 0;
}

.editor-percentcomplete-buttons {
  float: right;
}

.editor-percentcomplete-buttons button {
  width: 80px;
}

.editor-percentcomplete-slider {
  float: left;
}

.editor-percentcomplete-picker:hover .editor-percentcomplete-helper {
  display: block;
}

.editor-percentcomplete-helper:hover {
  display: block;
}

/* Slick.Editors.YesNoSelect */
select.editor-yesno {
  width: 100%;
  margin: 0;
  vertical-align: middle;
}

/* Slick.Editors.Checkbox */
input.editor-checkbox {
  margin: 0;
  height: 100%;
  padding: 0;
  border: 0;
}

Paste the CSS source code you want to compress her
[class^=icos-], [class*=icos-], [class=icos-] {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 10px;
  float: left;
}

.formRow label > [class*=icos-] {
  padding-top: 6px;
}

.iconsLine [class^=icos-], .iconsLine [class*=icos-] {
  margin-right: 0;
  float: none;
  padding: 7px 0;
}

[class*=button] > [class*=icos-] {
  float: left;
  display: block;
  margin: 0;
  padding: 0;
}

.icos-link, .icos-link2, .icos-list, .icos-list2, .icos-list3, .icos-loading, .icos-locked, .icos-logoff, .icos-marker, .icos-mobile, .icos-money, .icos-money2, .icos-money3, .icos-outbox, .icos-paperclip, .icos-pdf, .icos-pencil, .icos-phone, .icos-phone3, .icos-phonehook, .icos-photos, .icos-piggybank, .icos-power, .icos-preview, .icos-pricetag, .icos-pricetag2, .icos-record, .icos-recycle, .icos-refresh, .icos-refresh2, .icos-refresh3, .icos-refresh4, .icos-repeat, .icos-robot, .icos-running, .icos-scissors, .icos-search, .icos-settings2, .icos-shoppingbag, .icos-shuffle, .icos-signal, .icos-speech-bubble, .icos-speech-bubble2, .icos-speech-bubbles, .icos-speech-bubbles2, .icos-star, .icos-stats, .icos-stop, .icos-stoptimer, .icos-tag, .icos-tags, .icos-timer, .icos-transfer, .icos-trash, .icos-truck, .icos-unlocked, .icos-user, .icos-user2, .icos-users, .icos-users2, .icos-vbar, .icos-view, .icos-vimeo, .icos-walking, .icos-wifi, .icos-wifi2, .icon, .icon1, .loginUsername, .loginEmail, .iconHome, .frames, .breadsArrow, .sort_both, .sort_asc, .searchSmall {
  background: url(../img/sprites/sprites.optimized.png) no-repeat;
}

.icos-add, .icos-admin, .icos-admin2, .icos-alarm, .icos-alert, .icos-archive, .icos-arrowdown, .icos-arrowleft, .icos-arrowright, .icos-arrowup, .icos-chart, .icos-chart2, .icos-chart3, .icos-chart4, .icos-chart5, .icos-chart6, .icos-chart7, .icos-chart8, .icos-check, .icos-clock, .icos-cloud-download, .icos-cloud-upload, .icos-cloud, .icos-cog, .icos-cog2, .icos-cog3, .icos-cog4, .icos-comment, .icos-copypaste, .icos-create, .icos-create2, .icos-cross, .icos-dates, .icos-dcalendar, .icos-dialog, .icos-document, .icos-documents, .icos-download, .icos-download2, .icos-download3, .icos-downloadto, .icos-email, .icos-excel, .icos-exit, .icos-filmstrip, .icos-filmstrip2, .icos-flag, .icos-flag2, .icos-folder, .icos-frames, .icos-full2, .icos-full3, .icos-full4, .icos-full5, .icos-fullscreen, .icos-graph, .icos-heart, .icos-help, .icos-home, .icos-home2, .icos-ichat, .icos-iclassic, .icos-inbox, .icos-inbox2, .icos-info, .icos-ipad, .icos-iphone, .icos-like {
  background: url(../img/sprites/sprites.optimized.png) no-repeat;
}

.icos-add {
  background-position: -1045px 0;
  width: 14px;
  height: 14px;
}

.icos-admin {
  background-position: -1135px 0;
  width: 14px;
  height: 14px;
}

.icos-admin2 {
  background-position: -40px 0;
  width: 14px;
  height: 14px;
}

.icos-alarm {
  background-position: -55px 0;
  width: 14px;
  height: 14px;
}

.icos-alert {
  background-position: -70px 0;
  width: 14px;
  height: 14px;
}

.icos-archive {
  background-position: -85px 0;
  width: 14px;
  height: 14px;
}

.icos-arrowdown {
  background-position: -100px 0;
  width: 14px;
  height: 14px;
}

.icos-arrowleft {
  background-position: -115px 0;
  width: 14px;
  height: 14px;
}

.icos-arrowright {
  background-position: -130px 0;
  width: 14px;
  height: 14px;
}

.icos-arrowup {
  background-position: -145px 0;
  width: 14px;
  height: 14px;
}

.icos-chart {
  background-position: -160px 0;
  width: 14px;
  height: 14px;
}

.icos-chart2 {
  background-position: -175px 0;
  width: 14px;
  height: 14px;
}

.icos-chart3 {
  background-position: -190px 0;
  width: 14px;
  height: 14px;
}

.icos-chart4 {
  background-position: -205px 0;
  width: 14px;
  height: 14px;
}

.icos-chart5 {
  background-position: -220px 0;
  width: 14px;
  height: 14px;
}

.icos-chart6 {
  background-position: -235px 0;
  width: 14px;
  height: 14px;
}

.icos-chart7 {
  background-position: -250px 0;
  width: 14px;
  height: 14px;
}

.icos-chart8 {
  background-position: -265px 0;
  width: 14px;
  height: 14px;
}

.icos-check {
  background-position: -280px 0;
  width: 14px;
  height: 14px;
}

.icos-clock {
  background-position: -295px 0;
  width: 14px;
  height: 14px;
}

.icos-cloud-download {
  background-position: -310px 0;
  width: 14px;
  height: 14px;
}

.icos-cloud-upload {
  background-position: -325px 0;
  width: 14px;
  height: 14px;
}

.icos-cloud {
  background-position: -340px 0;
  width: 14px;
  height: 14px;
}

.icos-cog {
  background-position: -355px 0;
  width: 14px;
  height: 14px;
}

.icos-cog2 {
  background-position: -370px 0;
  width: 14px;
  height: 14px;
}

.icos-cog3 {
  background-position: -385px 0;
  width: 14px;
  height: 14px;
}

.icos-cog4 {
  background-position: -400px 0;
  width: 14px;
  height: 14px;
}

.icos-comment {
  background-position: -415px 0;
  width: 14px;
  height: 14px;
}

.icos-copypaste {
  background-position: -430px 0;
  width: 14px;
  height: 14px;
}

.icos-create {
  background-position: -445px 0;
  width: 14px;
  height: 14px;
}

.icos-create2 {
  background-position: -460px 0;
  width: 14px;
  height: 14px;
}

.icos-cross {
  background-position: -475px 0;
  width: 14px;
  height: 14px;
}

.icos-dates {
  background-position: -490px 0;
  width: 14px;
  height: 14px;
}

.icos-dcalendar {
  background-position: -505px 0;
  width: 14px;
  height: 14px;
}

.icos-dialog {
  background-position: -520px 0;
  width: 14px;
  height: 14px;
}

.icos-document {
  background-position: -535px 0;
  width: 14px;
  height: 14px;
}

.icos-documents {
  background-position: -550px 0;
  width: 14px;
  height: 14px;
}

.icos-download {
  background-position: -565px 0;
  width: 14px;
  height: 14px;
}

.icos-download2 {
  background-position: -580px 0;
  width: 14px;
  height: 14px;
}

.icos-download3 {
  background-position: -595px 0;
  width: 14px;
  height: 14px;
}

.icos-downloadto {
  background-position: -610px 0;
  width: 14px;
  height: 14px;
}

.icos-email {
  background-position: -625px 0;
  width: 14px;
  height: 14px;
}

.icos-excel {
  background-position: -640px 0;
  width: 14px;
  height: 14px;
}

.icos-exit {
  background-position: -655px 0;
  width: 14px;
  height: 14px;
}

.icos-filmstrip {
  background-position: -670px 0;
  width: 14px;
  height: 14px;
}

.icos-filmstrip2 {
  background-position: -685px 0;
  width: 14px;
  height: 14px;
}

.icos-flag {
  background-position: -700px 0;
  width: 14px;
  height: 14px;
}

.icos-flag2 {
  background-position: -715px 0;
  width: 14px;
  height: 14px;
}

.icos-folder {
  background-position: -730px 0;
  width: 14px;
  height: 14px;
}

.icos-frames {
  background-position: -745px 0;
  width: 14px;
  height: 14px;
}

.icos-full2 {
  background-position: -760px 0;
  width: 14px;
  height: 14px;
}

.icos-full3 {
  background-position: -775px 0;
  width: 14px;
  height: 14px;
}

.icos-full4 {
  background-position: -790px 0;
  width: 14px;
  height: 14px;
}

.icos-full5 {
  background-position: -805px 0;
  width: 14px;
  height: 14px;
}

.icos-fullscreen {
  background-position: -820px 0;
  width: 14px;
  height: 14px;
}

.icos-graph {
  background-position: -835px 0;
  width: 14px;
  height: 14px;
}

.icos-heart {
  background-position: -850px 0;
  width: 14px;
  height: 14px;
}

.icos-help {
  background-position: -865px 0;
  width: 14px;
  height: 14px;
}

.icos-home {
  background-position: -880px 0;
  width: 14px;
  height: 14px;
}

.icos-home2 {
  background-position: -895px 0;
  width: 14px;
  height: 14px;
}

.icos-ichat {
  background-position: -910px 0;
  width: 14px;
  height: 14px;
}

.icos-iclassic {
  background-position: -925px 0;
  width: 14px;
  height: 14px;
}

.icos-inbox {
  background-position: -940px 0;
  width: 14px;
  height: 14px;
}

.icos-inbox2 {
  background-position: -955px 0;
  width: 14px;
  height: 14px;
}

.icos-info {
  background-position: -970px 0;
  width: 14px;
  height: 14px;
}

.icos-ipad {
  background-position: -985px 0;
  width: 14px;
  height: 14px;
}

.icos-iphone {
  background-position: -1000px 0;
  width: 14px;
  height: 14px;
}

.icos-like {
  background-position: -1015px 0;
  width: 14px;
  height: 14px;
}

.icos-link {
  background-position: -1030px 0;
  width: 14px;
  height: 14px;
}

.icos-link2 {
  background-position: -2005px 0;
  width: 14px;
  height: 14px;
}

.icos-list {
  background-position: -1885px 0;
  width: 14px;
  height: 14px;
}

.icos-list2 {
  background-position: -1060px 0;
  width: 14px;
  height: 14px;
}

.icos-list3 {
  background-position: -1075px 0;
  width: 14px;
  height: 14px;
}

.icos-loading {
  background-position: -1090px 0;
  width: 14px;
  height: 14px;
}

.icos-locked {
  background-position: -1105px 0;
  width: 14px;
  height: 14px;
}

.icos-logoff {
  background-position: -1120px 0;
  width: 14px;
  height: 14px;
}

.icos-marker {
  background-position: -2050px 0;
  width: 14px;
  height: 14px;
}

.icos-mobile {
  background-position: -1150px 0;
  width: 14px;
  height: 14px;
}

.icos-money {
  background-position: -1165px 0;
  width: 14px;
  height: 14px;
}

.icos-money2 {
  background-position: -1180px 0;
  width: 14px;
  height: 14px;
}

.icos-money3 {
  background-position: -1195px 0;
  width: 14px;
  height: 14px;
}

.icos-outbox {
  background-position: -1210px 0;
  width: 14px;
  height: 14px;
}

.icos-paperclip {
  background-position: -1225px 0;
  width: 14px;
  height: 14px;
}

.icos-pdf {
  background-position: -1240px 0;
  width: 14px;
  height: 14px;
}

.icos-pencil {
  background-position: -1255px 0;
  width: 14px;
  height: 14px;
}

.icos-phone {
  background-position: -1270px 0;
  width: 14px;
  height: 14px;
}

.icos-phone3 {
  background-position: -1285px 0;
  width: 14px;
  height: 14px;
}

.icos-phonehook {
  background-position: -1300px 0;
  width: 14px;
  height: 14px;
}

.icos-photos {
  background-position: -1315px 0;
  width: 14px;
  height: 14px;
}

.icos-piggybank {
  background-position: -1330px 0;
  width: 14px;
  height: 14px;
}

.icos-power {
  background-position: -1345px 0;
  width: 14px;
  height: 14px;
}

.icos-preview {
  background-position: -1360px 0;
  width: 14px;
  height: 14px;
}

.icos-pricetag {
  background-position: -1375px 0;
  width: 14px;
  height: 14px;
}

.icos-pricetag2 {
  background-position: -1390px 0;
  width: 14px;
  height: 14px;
}

.icos-record {
  background-position: -1405px 0;
  width: 14px;
  height: 14px;
}

.icos-recycle {
  background-position: -1420px 0;
  width: 14px;
  height: 14px;
}

.icos-refresh {
  background-position: -1435px 0;
  width: 14px;
  height: 14px;
}

.icos-refresh2 {
  background-position: -1450px 0;
  width: 14px;
  height: 14px;
}

.icos-refresh3 {
  background-position: -1465px 0;
  width: 14px;
  height: 14px;
}

.icos-refresh4 {
  background-position: -1480px 0;
  width: 14px;
  height: 14px;
}

.icos-repeat {
  background-position: -1495px 0;
  width: 14px;
  height: 14px;
}

.icos-robot {
  background-position: -1510px 0;
  width: 14px;
  height: 14px;
}

.icos-running {
  background-position: -1525px 0;
  width: 14px;
  height: 14px;
}

.icos-scissors {
  background-position: -1540px 0;
  width: 14px;
  height: 14px;
}

.icos-search {
  background-position: -1555px 0;
  width: 14px;
  height: 14px;
}

.icos-settings2 {
  background-position: -1570px 0;
  width: 14px;
  height: 14px;
}

.icos-shoppingbag {
  background-position: -1585px 0;
  width: 14px;
  height: 14px;
}

.icos-shuffle {
  background-position: -1600px 0;
  width: 14px;
  height: 14px;
}

.icos-signal {
  background-position: -1615px 0;
  width: 14px;
  height: 14px;
}

.icos-speech-bubble {
  background-position: -1630px 0;
  width: 14px;
  height: 14px;
}

.icos-speech-bubble2 {
  background-position: -1645px 0;
  width: 14px;
  height: 14px;
}

.icos-speech-bubbles {
  background-position: -1660px 0;
  width: 14px;
  height: 14px;
}

.icos-speech-bubbles2 {
  background-position: -1675px 0;
  width: 14px;
  height: 14px;
}

.icos-star {
  background-position: -1690px 0;
  width: 14px;
  height: 14px;
}

.icos-stats {
  background-position: -1705px 0;
  width: 14px;
  height: 14px;
}

.icos-stop {
  background-position: -1720px 0;
  width: 14px;
  height: 14px;
}

.icos-stoptimer {
  background-position: -1735px 0;
  width: 14px;
  height: 14px;
}

.icos-tag {
  background-position: -1750px 0;
  width: 14px;
  height: 14px;
}

.icos-tags {
  background-position: -1765px 0;
  width: 14px;
  height: 14px;
}

.icos-timer {
  background-position: -1780px 0;
  width: 14px;
  height: 14px;
}

.icos-transfer {
  background-position: -1795px 0;
  width: 14px;
  height: 14px;
}

.icos-trash {
  background-position: -1810px 0;
  width: 14px;
  height: 14px;
}

.icos-truck {
  background-position: -1825px 0;
  width: 14px;
  height: 14px;
}

.icos-unlocked {
  background-position: -1930px 0;
  width: 14px;
  height: 14px;
}

.icos-user {
  background-position: -1975px 0;
  width: 14px;
  height: 14px;
}

.icos-user2 {
  background-position: -1960px 0;
  width: 14px;
  height: 14px;
}

.icos-users {
  background-position: -2020px 0;
  width: 14px;
  height: 14px;
}

.icos-users2 {
  background-position: -1945px 0;
  width: 14px;
  height: 14px;
}

.icos-vbar {
  background-position: -1990px 0;
  width: 14px;
  height: 14px;
}

.icos-view {
  background-position: -1900px 0;
  width: 14px;
  height: 14px;
}

.icos-vimeo {
  background-position: -1840px 0;
  width: 14px;
  height: 14px;
}

.icos-walking {
  background-position: -1915px 0;
  width: 14px;
  height: 14px;
}

.icos-wifi {
  background-position: -1855px 0;
  width: 14px;
  height: 14px;
}

.icos-wifi2 {
  background-position: -2035px 0;
  width: 14px;
  height: 14px;
}

.icon {
  background-position: -1870px 0;
  width: 14px;
  height: 14px;
}

.icon1 {
  background-position: -2131px 0;
  width: 11px;
  height: 11px;
}

.loginUsername {
  background-position: -2079px 0;
  width: 13px;
  height: 14px;
}

.loginLock {
  background-position: -2107px 0;
  width: 11px;
  height: 13px;
}

.loginEmail {
  background-position: -2065px 0;
  width: 13px;
  height: 14px;
}

.iconHome {
  background-position: -2119px 0;
  width: 11px;
  height: 11px;
}

.frames {
  background-position: -2093px 0;
  width: 13px;
  height: 12px;
}

.breadsArrow {
  background-position: -2221px -10px;
  width: 5px;
  height: 8px;
}

.sort_both {
  background-position: 0 0;
  width: 19px;
  height: 19px;
}

.sort_asc {
  background-position: -20px 0;
  width: 19px;
  height: 19px;
}

.searchSmall {
  background-position: -2221px 0;
  width: 9px;
  height: 9px;
}

/*
 *  Font Awesome 3.0.2
 *  the iconic font designed for use with Twitter Bootstrap
 *  -------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation
 *  can be found at: http://fortawesome.github.com/Font-Awesome/
 *
 *  License
 *  -------------------------------------------------------
 *  - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome"
 *
 *  Contact
 *  -------------------------------------------------------
 *  Email: dave@davegandy.com
 *  Twitter: http://twitter.com/fortaweso_me
 *  Work: Lead Product Designer @ http://kyruus.com
 */
@font-face {
  font-family: 'FontAwesome';
  src: url("/font/fontawesome-webfont.eot?v=3.0.1");
  src: url("/font/fontawesome-webfont.eot?#iefix&v=3.0.1") format("embedded-opentype"), url("/font/fontawesome-webfont.woff?v=3.0.1") format("woff"), url("/font/fontawesome-webfont.ttf?v=3.0.1") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  /* sprites.less reset */
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
}

/* more sprites.less reset */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
  background-image: none;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}

/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline-block;
}

/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.3333333333333333em;
}

.btn [class^="icon-"],
.btn [class*=" icon-"], .nav [class^="icon-"],
.nav [class*=" icon-"] {
  display: inline;
  /* keeps button heights with and without icons the same */
}
.btn [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large, .nav [class^="icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
  line-height: .9em;
}
.btn [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin, .nav [class^="icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
  display: inline-block;
}

.nav-tabs [class^="icon-"],
.nav-tabs [class*=" icon-"], .nav-pills [class^="icon-"],
.nav-pills [class*=" icon-"] {
  /* keeps button heights with and without icons the same */
}
.nav-tabs [class^="icon-"], .nav-tabs [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"],
.nav-tabs [class*=" icon-"].icon-large, .nav-pills [class^="icon-"], .nav-pills [class^="icon-"].icon-large,
.nav-pills [class*=" icon-"],
.nav-pills [class*=" icon-"].icon-large {
  line-height: .9em;
}

li [class^="icon-"],
li [class*=" icon-"], .nav li [class^="icon-"],
.nav li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li [class^="icon-"].icon-large,
li [class*=" icon-"].icon-large, .nav li [class^="icon-"].icon-large,
.nav li [class*=" icon-"].icon-large {
  /* increased font size for icon-large */
  width: 1.5625em;
}

ul.icons {
  list-style-type: none;
  text-indent: -.75em;
}
ul.icons li [class^="icon-"],
ul.icons li [class*=" icon-"] {
  width: .75em;
}

.icon-muted {
  color: #eeeeee;
}

.icon-border {
  border: solid 1px #eeeeee;
  padding: .2em .25em .15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.icon-2x {
  font-size: 2em;
}
.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.icon-3x {
  font-size: 3em;
}
.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.icon-4x {
  font-size: 4em;
}
.icon-4x.icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: .3em;
}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: .3em;
}

.btn [class^="icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
  margin-top: .18em;
}
.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
  line-height: .8em;
}

.btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
  margin-top: .25em;
}

.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
  margin-top: 0;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-top: .05em;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
  margin-right: .2em;
}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-left: .2em;
}

.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
  }
}

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(359deg);
  }
}

@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }

  100% {
    -ms-transform: rotate(359deg);
  }
}

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

  100% {
    transform: rotate(359deg);
  }
}

@-moz-document url-prefix() {
  .icon-spin {
    height: .9em;
  }

  .btn .icon-spin {
    height: auto;
  }

  .icon-spin.icon-large {
    height: 1.25em;
  }

  .btn .icon-spin.icon-large {
    height: .75em;
  }
}

/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.icon-glass:before {
  content: "\f000";
}

.icon-music:before {
  content: "\f001";
}

.icon-search:before {
  content: "\f002";
}

.icon-envelope:before {
  content: "\f003";
}

.icon-heart:before {
  content: "\f004";
}

.icon-star:before {
  content: "\f005";
}

.icon-star-empty:before {
  content: "\f006";
}

.icon-user:before {
  content: "\f007";
}

.icon-film:before {
  content: "\f008";
}

.icon-th-large:before {
  content: "\f009";
}

.icon-th:before {
  content: "\f00a";
}

.icon-th-list:before {
  content: "\f00b";
}

.icon-ok:before {
  content: "\f00c";
}

.icon-remove:before {
  content: "\f00d";
}

.icon-zoom-in:before {
  content: "\f00e";
}

.icon-zoom-out:before {
  content: "\f010";
}

.icon-off:before {
  content: "\f011";
}

.icon-signal:before {
  content: "\f012";
}

.icon-cog:before {
  content: "\f013";
}

.icon-trash:before {
  content: "\f014";
}

.icon-home:before {
  content: "\f015";
}

.icon-file:before {
  content: "\f016";
}

.icon-time:before {
  content: "\f017";
}

.icon-road:before {
  content: "\f018";
}

.icon-download-alt:before {
  content: "\f019";
}

.icon-download:before {
  content: "\f01a";
}

.icon-upload:before {
  content: "\f01b";
}

.icon-inbox:before {
  content: "\f01c";
}

.icon-play-circle:before {
  content: "\f01d";
}

.icon-repeat:before {
  content: "\f01e";
}

/* \f020 doesn't work in Safari. all shifted one down */
.icon-refresh:before {
  content: "\f021";
}

.icon-list-alt:before {
  content: "\f022";
}

.icon-lock:before {
  content: "\f023";
}

.icon-flag:before {
  content: "\f024";
}

.icon-headphones:before {
  content: "\f025";
}

.icon-volume-off:before {
  content: "\f026";
}

.icon-volume-down:before {
  content: "\f027";
}

.icon-volume-up:before {
  content: "\f028";
}

.icon-qrcode:before {
  content: "\f029";
}

.icon-barcode:before {
  content: "\f02a";
}

.icon-tag:before {
  content: "\f02b";
}

.icon-tags:before {
  content: "\f02c";
}

.icon-book:before {
  content: "\f02d";
}

.icon-bookmark:before {
  content: "\f02e";
}

.icon-print:before {
  content: "\f02f";
}

.icon-camera:before {
  content: "\f030";
}

.icon-font:before {
  content: "\f031";
}

.icon-bold:before {
  content: "\f032";
}

.icon-italic:before {
  content: "\f033";
}

.icon-text-height:before {
  content: "\f034";
}

.icon-text-width:before {
  content: "\f035";
}

.icon-align-left:before {
  content: "\f036";
}

.icon-align-center:before {
  content: "\f037";
}

.icon-align-right:before {
  content: "\f038";
}

.icon-align-justify:before {
  content: "\f039";
}

.icon-list:before {
  content: "\f03a";
}

.icon-indent-left:before {
  content: "\f03b";
}

.icon-indent-right:before {
  content: "\f03c";
}

.icon-facetime-video:before {
  content: "\f03d";
}

.icon-picture:before {
  content: "\f03e";
}

.icon-pencil:before {
  content: "\f040";
}

.icon-map-marker:before {
  content: "\f041";
}

.icon-adjust:before {
  content: "\f042";
}

.icon-tint:before {
  content: "\f043";
}

.icon-edit:before {
  content: "\f044";
}

.icon-share:before {
  content: "\f045";
}

.icon-check:before {
  content: "\f046";
}

.icon-move:before {
  content: "\f047";
}

.icon-step-backward:before {
  content: "\f048";
}

.icon-fast-backward:before {
  content: "\f049";
}

.icon-backward:before {
  content: "\f04a";
}

.icon-play:before {
  content: "\f04b";
}

.icon-pause:before {
  content: "\f04c";
}

.icon-stop:before {
  content: "\f04d";
}

.icon-forward:before {
  content: "\f04e";
}

.icon-fast-forward:before {
  content: "\f050";
}

.icon-step-forward:before {
  content: "\f051";
}

.icon-eject:before {
  content: "\f052";
}

.icon-chevron-left:before {
  content: "\f053";
}

.icon-chevron-right:before {
  content: "\f054";
}

.icon-plus-sign:before {
  content: "\f055";
}

.icon-minus-sign:before {
  content: "\f056";
}

.icon-remove-sign:before {
  content: "\f057";
}

.icon-ok-sign:before {
  content: "\f058";
}

.icon-question-sign:before {
  content: "\f059";
}

.icon-info-sign:before {
  content: "\f05a";
}

.icon-screenshot:before {
  content: "\f05b";
}

.icon-remove-circle:before {
  content: "\f05c";
}

.icon-ok-circle:before {
  content: "\f05d";
}

.icon-ban-circle:before {
  content: "\f05e";
}

.icon-arrow-left:before {
  content: "\f060";
}

.icon-arrow-right:before {
  content: "\f061";
}

.icon-arrow-up:before {
  content: "\f062";
}

.icon-arrow-down:before {
  content: "\f063";
}

.icon-share-alt:before {
  content: "\f064";
}

.icon-resize-full:before {
  content: "\f065";
}

.icon-resize-small:before {
  content: "\f066";
}

.icon-plus:before {
  content: "\f067";
}

.icon-minus:before {
  content: "\f068";
}

.icon-asterisk:before {
  content: "\f069";
}

.icon-exclamation-sign:before {
  content: "\f06a";
}

.icon-gift:before {
  content: "\f06b";
}

.icon-leaf:before {
  content: "\f06c";
}

.icon-fire:before {
  content: "\f06d";
}

.icon-eye-open:before {
  content: "\f06e";
}

.icon-eye-close:before {
  content: "\f070";
}

.icon-warning-sign:before {
  content: "\f071";
}

.icon-plane:before {
  content: "\f072";
}

.icon-calendar:before {
  content: "\f073";
}

.icon-random:before {
  content: "\f074";
}

.icon-comment:before {
  content: "\f075";
}

.icon-magnet:before {
  content: "\f076";
}

.icon-chevron-up:before {
  content: "\f077";
}

.icon-chevron-down:before {
  content: "\f078";
}

.icon-retweet:before {
  content: "\f079";
}

.icon-shopping-cart:before {
  content: "\f07a";
}

.icon-folder-close:before {
  content: "\f07b";
}

.icon-folder-open:before {
  content: "\f07c";
}

.icon-resize-vertical:before {
  content: "\f07d";
}

.icon-resize-horizontal:before {
  content: "\f07e";
}

.icon-bar-chart:before {
  content: "\f080";
}

.icon-twitter-sign:before {
  content: "\f081";
}

.icon-facebook-sign:before {
  content: "\f082";
}

.icon-camera-retro:before {
  content: "\f083";
}

.icon-key:before {
  content: "\f084";
}

.icon-cogs:before {
  content: "\f085";
}

.icon-comments:before {
  content: "\f086";
}

.icon-thumbs-up:before {
  content: "\f087";
}

.icon-thumbs-down:before {
  content: "\f088";
}

.icon-star-half:before {
  content: "\f089";
}

.icon-heart-empty:before {
  content: "\f08a";
}

.icon-signout:before {
  content: "\f08b";
}

.icon-linkedin-sign:before {
  content: "\f08c";
}

.icon-pushpin:before {
  content: "\f08d";
}

.icon-external-link:before {
  content: "\f08e";
}

.icon-signin:before {
  content: "\f090";
}

.icon-trophy:before {
  content: "\f091";
}

.icon-github-sign:before {
  content: "\f092";
}

.icon-upload-alt:before {
  content: "\f093";
}

.icon-lemon:before {
  content: "\f094";
}

.icon-phone:before {
  content: "\f095";
}

.icon-check-empty:before {
  content: "\f096";
}

.icon-bookmark-empty:before {
  content: "\f097";
}

.icon-phone-sign:before {
  content: "\f098";
}

.icon-twitter:before {
  content: "\f099";
}

.icon-facebook:before {
  content: "\f09a";
}

.icon-github:before {
  content: "\f09b";
}

.icon-unlock:before {
  content: "\f09c";
}

.icon-credit-card:before {
  content: "\f09d";
}

.icon-rss:before {
  content: "\f09e";
}

.icon-hdd:before {
  content: "\f0a0";
}

.icon-bullhorn:before {
  content: "\f0a1";
}

.icon-bell:before {
  content: "\f0a2";
}

.icon-certificate:before {
  content: "\f0a3";
}

.icon-hand-right:before {
  content: "\f0a4";
}

.icon-hand-left:before {
  content: "\f0a5";
}

.icon-hand-up:before {
  content: "\f0a6";
}

.icon-hand-down:before {
  content: "\f0a7";
}

.icon-circle-arrow-left:before {
  content: "\f0a8";
}

.icon-circle-arrow-right:before {
  content: "\f0a9";
}

.icon-circle-arrow-up:before {
  content: "\f0aa";
}

.icon-circle-arrow-down:before {
  content: "\f0ab";
}

.icon-globe:before {
  content: "\f0ac";
}

.icon-wrench:before {
  content: "\f0ad";
}

.icon-tasks:before {
  content: "\f0ae";
}

.icon-filter:before {
  content: "\f0b0";
}

.icon-briefcase:before {
  content: "\f0b1";
}

.icon-fullscreen:before {
  content: "\f0b2";
}

.icon-group:before {
  content: "\f0c0";
}

.icon-link:before {
  content: "\f0c1";
}

.icon-cloud:before {
  content: "\f0c2";
}

.icon-beaker:before {
  content: "\f0c3";
}

.icon-cut:before {
  content: "\f0c4";
}

.icon-copy:before {
  content: "\f0c5";
}

.icon-paper-clip:before {
  content: "\f0c6";
}

.icon-save:before {
  content: "\f0c7";
}

.icon-sign-blank:before {
  content: "\f0c8";
}

.icon-reorder:before {
  content: "\f0c9";
}

.icon-list-ul:before {
  content: "\f0ca";
}

.icon-list-ol:before {
  content: "\f0cb";
}

.icon-strikethrough:before {
  content: "\f0cc";
}

.icon-underline:before {
  content: "\f0cd";
}

.icon-table:before {
  content: "\f0ce";
}

.icon-magic:before {
  content: "\f0d0";
}

.icon-truck:before {
  content: "\f0d1";
}

.icon-pinterest:before {
  content: "\f0d2";
}

.icon-pinterest-sign:before {
  content: "\f0d3";
}

.icon-google-plus-sign:before {
  content: "\f0d4";
}

.icon-google-plus:before {
  content: "\f0d5";
}

.icon-money:before {
  content: "\f0d6";
}

.icon-caret-down:before {
  content: "\f0d7";
}

.icon-caret-up:before {
  content: "\f0d8";
}

.icon-caret-left:before {
  content: "\f0d9";
}

.icon-caret-right:before {
  content: "\f0da";
}

.icon-columns:before {
  content: "\f0db";
}

.icon-sort:before {
  content: "\f0dc";
}

.icon-sort-down:before {
  content: "\f0dd";
}

.icon-sort-up:before {
  content: "\f0de";
}

.icon-envelope-alt:before {
  content: "\f0e0";
}

.icon-linkedin:before {
  content: "\f0e1";
}

.icon-undo:before {
  content: "\f0e2";
}

.icon-legal:before {
  content: "\f0e3";
}

.icon-dashboard:before {
  content: "\f0e4";
}

.icon-comment-alt:before {
  content: "\f0e5";
}

.icon-comments-alt:before {
  content: "\f0e6";
}

.icon-bolt:before {
  content: "\f0e7";
}

.icon-sitemap:before {
  content: "\f0e8";
}

.icon-umbrella:before {
  content: "\f0e9";
}

.icon-paste:before {
  content: "\f0ea";
}

.icon-lightbulb:before {
  content: "\f0eb";
}

.icon-exchange:before {
  content: "\f0ec";
}

.icon-cloud-download:before {
  content: "\f0ed";
}

.icon-cloud-upload:before {
  content: "\f0ee";
}

.icon-user-md:before {
  content: "\f0f0";
}

.icon-stethoscope:before {
  content: "\f0f1";
}

.icon-suitcase:before {
  content: "\f0f2";
}

.icon-bell-alt:before {
  content: "\f0f3";
}

.icon-coffee:before {
  content: "\f0f4";
}

.icon-food:before {
  content: "\f0f5";
}

.icon-file-alt:before {
  content: "\f0f6";
}

.icon-building:before {
  content: "\f0f7";
}

.icon-hospital:before {
  content: "\f0f8";
}

.icon-ambulance:before {
  content: "\f0f9";
}

.icon-medkit:before {
  content: "\f0fa";
}

.icon-fighter-jet:before {
  content: "\f0fb";
}

.icon-beer:before {
  content: "\f0fc";
}

.icon-h-sign:before {
  content: "\f0fd";
}

.icon-plus-sign-alt:before {
  content: "\f0fe";
}

.icon-double-angle-left:before {
  content: "\f100";
}

.icon-double-angle-right:before {
  content: "\f101";
}

.icon-double-angle-up:before {
  content: "\f102";
}

.icon-double-angle-down:before {
  content: "\f103";
}

.icon-angle-left:before {
  content: "\f104";
}

.icon-angle-right:before {
  content: "\f105";
}

.icon-angle-up:before {
  content: "\f106";
}

.icon-angle-down:before {
  content: "\f107";
}

.icon-desktop:before {
  content: "\f108";
}

.icon-laptop:before {
  content: "\f109";
}

.icon-tablet:before {
  content: "\f10a";
}

.icon-mobile-phone:before {
  content: "\f10b";
}

.icon-circle-blank:before {
  content: "\f10c";
}

.icon-quote-left:before {
  content: "\f10d";
}

.icon-quote-right:before {
  content: "\f10e";
}

.icon-spinner:before {
  content: "\f110";
}

.icon-circle:before {
  content: "\f111";
}

.icon-reply:before {
  content: "\f112";
}

.icon-github-alt:before {
  content: "\f113";
}

.icon-folder-close-alt:before {
  content: "\f114";
}

.icon-folder-open-alt:before {
  content: "\f115";
}

/* ===== Rounded progress bars ===== */
.roundDashed {
  width: 90px;
  height: 90px;
}

.roundSolid {
  width: 92px;
  height: 92px;
}

.roundSolid > .jCProgress > div.percent {
  width: 92px;
}

.jCProgress {
  position: absolute;
  z-index: 99;
}

.jCProgress > div.percent {
  font-size: 20px;
  color: #6b6b6b;
  text-shadow: 0 1px 1px #fff;
  font-weight: bold;
  position: absolute;
  margin-top: 35px;
  text-align: center;
  width: 90px;
}

/* ===== Chosen multiple select plugin with dropdown ===== */
.chzn-container {
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  max-width: 100%;
  text-decoration: none !important;
}

.noSearch .chzn-search, .searchDrop .selector, .noSearch .selector {
  display: none;
}

.noSearch .chzn-results {
  margin: 0 !important;
  padding: 2px !important;
}

.chzn-container > .chzn-drop {
  background: #fff;
  border: 1px solid #d5d5d5;
  border-top: 0;
  position: absolute;
  top: 29px;
  margin-top: 1px;
  left: 0;
  z-index: 998;
  width: 100% !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.chzn-container-single .chzn-single {
  border: 1px solid #d8d8d8;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  color: #808080;
  text-shadow: 0 1px #f5f5f5;
  height: 27px;
  line-height: 27px;
  padding: 0 0 0 10px;
  background: #fcfcfc;
  background: -moz-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f1f1f1));
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
  background: -o-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
  background: -ms-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
  background: linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f1f1f1',GradientType=0 );
  border: 1px solid #d2d2d2;
  box-sizing: content-box;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee;
  -webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee;
  -moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee;
}

.chzn-container-single .chzn-single span {
  display: block;
  font-size: 11px;
  padding-right: 30px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: url(../img/elements/forms/selectArrow.png) no-repeat 100%;
}

.chzn-container-single .chzn-single abbr {
  display: block;
  position: absolute;
  right: 26px;
  top: 6px;
  width: 12px;
  height: 13px;
  font-size: 1px;
}

.chzn-container-single .chzn-single div {
  position: absolute;
  right: -1px;
  top: -1px;
  display: block;
  height: 27px;
  width: 27px;
}

.chzn-container-single .chzn-single div b {
  display: block;
  width: 27px;
  height: 28px;
}

.chzn-container-single .chzn-search {
  padding: 3px 4px;
  position: relative;
  margin: 0;
  white-space: nowrap;
  z-index: 1010;
}

.chzn-container-single .chzn-search input {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #aaa;
  font-family: sans-serif;
  font-size: 11px;
  background: url(../img/searchSmall.png) no-repeat 98% !important;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  max-width: 100%;
  min-width: 100%;
}

.chzn-container-single-nosearch .chzn-search input {
  position: absolute;
  left: -9000px;
}

.chzn-container-multi .chzn-choices {
  border: 1px solid #ddd;
  margin: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
  font-size: 12px;
  padding: 4px;
  background: white;
  color: #656565;
}

.chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none;
}

.chzn-container-multi .chzn-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}

.chzn-container-multi .chzn-choices .search-field input {
  color: #666;
  background: transparent !important;
  border: 0 !important;
  font-family: sans-serif;
  font-size: 12px !important;
  padding: 11px 4px 10px 4px !important;
  margin: 0;
  outline: 0;
  box-shadow: none !important;
}

.chzn-container-multi .chzn-choices .search-field .default {
  color: #999;
}

.chzn-container-multi .chzn-choices .search-choice {
  position: relative;
  line-height: 16px;
  font-size: 11px;
  border: 1px solid #A5D24A;
  display: block;
  float: left;
  padding: 5px 24px 5px 8px;
  background: #CDE69C;
  color: #638421;
  margin: 4px;
}

.chzn-container-multi .chzn-choices .search-choice-focus {
  background: #d4d4d4;
}

.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 6px;
  top: 8px;
  width: 10px;
  height: 10px;
  font-size: 1px;
  background: url(../img/elements/forms/closeSelection.png) 50% no-repeat;
}

.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: right -11px;
}

.chzn-container .chzn-results {
  margin: 0 4px 4px 0;
  max-height: 240px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

.chzn-container-multi .chzn-results {
  padding: 0;
  margin: 0;
}

.chzn-container .chzn-results li {
  display: none;
  line-height: 14px;
  padding: 5px 6px;
  margin: 0;
  list-style: none;
  font-size: 11px;
}

.chzn-container .chzn-results .active-result {
  cursor: pointer;
  display: list-item;
}

.chzn-container .chzn-results .highlighted {
  background-color: #3875d7;
  color: #fff;
}

.chzn-container .chzn-results li em {
  background: #feffde;
  font-style: normal;
}

.chzn-container .chzn-results .highlighted em {
  background: transparent;
}

.chzn-container .chzn-results .no-results {
  background: #f4f4f4;
  display: list-item;
}

.chzn-container .chzn-results .group-result {
  cursor: default;
  color: #2e74a6;
  font-weight: bold;
  font-size: 10px;
  border-bottom: 1px solid #DDD;
  border-top: 1px solid #DDD;
}

.chzn-container .chzn-results .group-option {
  padding-left: 15px;
}

.chzn-container-multi .chzn-drop .result-selected {
  display: none;
}

.chzn-container .chzn-results-scroll {
  background: white;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 321px;
  /* This should be dynamic with js */
  z-index: 1;
}

.chzn-container .chzn-results-scroll span {
  display: inline-block;
  height: 17px;
  text-indent: -5000px;
  width: 9px;
}

.chzn-container .chzn-results-scroll-down {
  bottom: 0;
}

.chzn-container-active .chzn-single-with-drop div {
  background: transparent;
  border-left: none;
}

.chzn-container-active .chzn-choices {
  border: 1px solid #d5d5d5;
}

.chzn-container-active .chzn-choices .search-field input {
  color: #111 !important;
}

.chzn-disabled {
  cursor: default;
  opacity: 0.5 !important;
}

.chzn-disabled .chzn-single {
  cursor: default;
}

.chzn-disabled .chzn-choices .search-choice .search-choice-close {
  cursor: default;
}

/* Chosen selects */
.secNav .chzn-container {
  width: 100% !important;
  max-width: 100%;
}

.secNav .chzn-container-single .chzn-search input {
  max-width: 187px;
}

/* ===== Tipsy ===== */
.tipsy {
  padding: 4px;
  font-size: 11px;
  position: absolute;
  z-index: 1000;
}

.tipsy-inner {
  padding: 2px 10px 2px 10px;
  background-color: #1d1d1d;
  color: white;
  max-width: 200px;
  text-align: center;
}

.tipsy-inner {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.tipsy-arrow {
  position: absolute;
  background: url("../img/tipsy.gif") no-repeat top left;
  width: 9px;
  height: 5px;
}

.tipsy-n .tipsy-arrow {
  top: 0;
  left: 50%;
  margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px;
}

.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px;
}

/*.tipsy-s { margin-top: -5px; }
.tipsy-w { margin-left: 5px; }
.tipsy-e { margin-right: -5px; }
.tipsy-n { margin-top: 5px; }*/
.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -4px;
  background-position: bottom left;
}

.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  right: 0;
  width: 5px;
  height: 9px;
  background-position: top right;
}

.tipsy-w .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  left: 0;
  width: 5px;
  height: 9px;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  position: absolute;
  left: -99999999px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  /*clear: both;*/
  visibility: hidden;
}

.ui-helper-clearfix {
  display: inline-block;
}

* html .ui-helper-clearfix {
  height: 1%;
}

.ui-helper-clearfix {
  display: block;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-state-disabled {
  cursor: default !important;
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa url(../img/elements/ui/pageOverlay.png);
  opacity: .60;
  filter: Alpha(Opacity=60);
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url(../img/jquery_ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .30;
  filter: Alpha(Opacity=30);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-size: 12px;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-size: 11px;
}

.ui-widget-content {
  background: #fafafa;
  /*border: 1px solid #CDCDCD;*/
  box-shadow: 0 2px 2px -2px #ccc;
}

.ui-widget-content a {
  color: #222222;
}

.ui-widget-header {
  font-weight: bold;
}

.ui-widget-header a {
  color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border-left: 1px solid #d5d5d5;
  font-weight: normal;
  border-bottom: 1px solid #D5D5D5;
}

th.ui-state-default:first-child {
  border-left: none;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  background: #fafafa;
  font-weight: normal;
  color: #212121;
}

.ui-state-hover a, .ui-state-hover a:hover {
  color: #797979;
  text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  background: #fafafa;
  font-weight: normal;
  color: #5a95ba;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #797979;
  text-decoration: none;
}

.ui-widget :active {
  outline: none;
}

/* ===== UI Dialog ===== */
.ui-dialog {
  position: absolute;
  padding: 3px;
  width: auto;
  background: #808080;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.ui-dialog input[type=text], .ui-dialog input[type=password], .ui-dialog textarea {
  font-size: 11px;
  padding: 6px 5px;
  background: white;
  border: 1px solid #DDD;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  box-shadow: 0 0 0 2px #f4f4f4;
  color: #656565;
  width: 100%;
  margin: 10px auto;
  display: block;
  box-sizing: border-box;
}

.ui-dialog form label {
  float: left;
  cursor: pointer;
  margin-bottom: 3px;
}

.dialogSelect label {
  margin: 4px 15px 0 0;
}

.customDialog {
  padding: 0 !important;
}

.ui-dialog .icon {
  padding: 1px 6px 0 0;
  float: left;
}

.ui-dialog .titleIcon {
  position: absolute;
  top: -10px;
}

.ui-dialog p {
  padding: 0 !important;
}

.ui-dialog .ui-dialog-titlebar {
  position: relative;
  border-bottom: 1px solid #CDCDCD;
  box-shadow: 0 1px 0 #fff;
  text-shadow: 0 1px white;
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #e8e8e8));
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  background: -o-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  background: -ms-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  background: linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 );
}

.ui-dialog .ui-dialog-title {
  height: 40px;
  padding: 0 14px;
  line-height: 40px;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 6px;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
}

.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
  opacity: 0.6;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 1px;
  background: #fafafa;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  overflow: auto;
  zoom: 1;
  padding: 10px 12px;
  background: #f5f5f5;
  clear: both;
}

.ui-dialog .ui-dialog-buttonpane {
  padding: 0 12px;
  font-size: .9em;
  border-top: 1px solid #cdcdcd;
  padding: 10px 0;
  text-shadow: 0 1px white;
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #e8e8e8));
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  background: -o-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  background: -ms-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  background: linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 );
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  text-align: right;
  margin: 0 4px;
}

.ui-dialog .ui-dialog-buttonpane button {
  font-size: 11px;
  color: #fff;
  font-weight: bold;
  text-shadow: 0 -1px #6f6f6f;
  display: inline-block;
  line-height: 14px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  padding: 7px 16px;
  margin: 0 5px;
  border: 1px solid #3e76af;
  box-shadow: 0 1px 2px 0 #66b2d2 inset;
  background: #5ba5cb;
  background: -moz-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5ba5cb), color-stop(100%, #3a70ab));
  background: -webkit-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%);
  background: -o-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%);
  background: -ms-linear-gradient(top, #5ba5cb 0%, #3a70ab 100%);
  background: linear-gradient(top, #5ba5cb 0%, #3a70ab 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ba5cb', endColorstr='#3a70ab',GradientType=0 );
}

.ui-dialog .ui-dialog-buttonpane button:hover {
  opacity: 0.95;
  -webkit-transition: opacity 0.2s ease-in-out;
}

.ui-dialog .ui-dialog-buttonpane button:active {
  background: #4786b8;
  box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff;
}

.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 5px;
  bottom: 5px;
  opacity: 0.3;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url(../img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .30;
  filter: Alpha(Opacity=30);
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

/* ===== UI Datepicker ===== */
.datepicker {
  width: 78px !important;
}

.datesRange li {
  float: left;
}

.datesRange li.separator {
  margin: 0 10px;
  color: #ddd;
}

.datesRange li input[type=text] {
  width: 78px !important;
}

.ui-datepicker-append {
  margin-left: 14px;
  font-size: 11px;
  line-height: 26px;
}

.ui-datepicker {
  width: 195px;
  /*padding: .2em .2em 0;*/
  display: none;
  border: 1px solid #CDCDCD;
}

.ui-datepicker-inline {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-top: 35px;
}

#sidebar .ui-datepicker-inline, .widget .ui-datepicker-inline {
  margin-top: 0;
}

.formRow .ui-datepicker-inline {
  width: 195px;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 8px 0 7px 0;
  border: 0px;
  font-weight: bold;
  font-size: 11px;
  width: 100%;
  color: #636363;
  text-shadow: 0 1px white;
  border-bottom: 1px solid #CDCDCD;
  border-radius: 0 !important;
  box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  -moz-box-shadow: 0 1px 0 #fff;
  background: #F8F8F8;
  background: -moz-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #ececec));
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
  background: -o-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
  background: -ms-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
  background: linear-gradient(top, #f8f8f8 0%, #ececec 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#ececec',GradientType=0 );
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 9px;
  width: 1.8em;
  height: 1.8em;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  background: none;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 7px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  width: 6px;
  cursor: pointer;
  height: 9px;
  position: absolute;
  left: 50%;
  top: 4px;
  background: url(../img/elements/ui/dateArrows.png) no-repeat 0;
}

.ui-datepicker .ui-datepicker-prev span {
  background-position: 0 0;
}

.ui-datepicker .ui-datepicker-next span {
  background-position: -8px 0;
}

.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: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
  line-height: 14px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.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;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
  border-left: 1px solid #cdcdcd;
}

.ui-datepicker-multi .ui-datepicker-group:first-child {
  border-left: none;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker th {
  font-weight: bold;
  color: gray;
}

.ui-datepicker-today a:hover {
  background-color: #808080;
  color: #ffffff;
}

.ui-datepicker-today a {
  background-color: #BFBFBF;
  cursor: pointer;
  padding: 0 1px;
  margin-bottom: 0px;
}

.ui-datepicker td a {
  margin-bottom: 0px;
  border: 0px;
}

.ui-datepicker td:hover {
  color: white;
}

.ui-datepicker td .ui-state-default {
  border: 0px;
  background: none;
  margin-bottom: 0px;
  padding: 6px;
  color: #505050;
  text-align: center;
  filter: none;
}

.ui-datepicker td .ui-state-active {
  background: #67919d;
  margin-bottom: 0px;
  font-size: normal;
  text-shadow: 0px;
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.ui-datepicker td .ui-state-default:hover {
  background: #476981;
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/* ===== UI Progress bar ===== */
.ui-progressbar {
  height: 16px;
  text-align: left;
  margin-top: 5px;
  background: #d7d7d7;
  border: 1px solid #bababa;
  box-shadow: 0 1px 0 #fff, 0 1px 0 #cfcfcf inset;
  clear: both;
}

.ui-progressbar .ui-progressbar-value {
  margin: 0px;
  height: 100%;
  overflow: hidden;
  display: block;
  background: url(../img/elements/ui/progressOverlay.png) repeat-x;
  border-right: 1px solid #5b9acb;
}

.pbar .ui-progressbar-value {
  display: block !important;
}

.pbar, .precent, elapsed {
  display: block;
}

.percent, .elapsed {
  position: relative;
  margin-top: 5px;
  font-size: 11px;
}

.pbar {
  overflow: hidden;
}

.percent {
  float: right;
}

.elapsed {
  float: left;
}

/* Misc visuals
----------------------------------*/
.ui-corner-tl {
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
}

.ui-corner-tr {
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
}

.ui-corner-bl {
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.ui-corner-br {
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.ui-corner-top {
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
}

.ui-corner-bottom {
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.ui-corner-right {
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.ui-corner-left {
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.ui-corner-all {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa url(../img/elements/ui/pageOverlay.png);
  opacity: .60;
  filter: Alpha(Opacity=60);
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url(../img/jquery_ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .30;
  filter: Alpha(Opacity=30);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

/* ===== UI resizable ===== */
.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-accordion {
  width: 100%;
}

.ui-accordion .ui-accordion-header {
  cursor: pointer;
  position: relative;
  margin-top: 1px;
  zoom: 1;
}

.ui-accordion .ui-accordion-li-fix {
  display: inline;
}

.ui-accordion .ui-accordion-header-active {
  border-bottom: 0 !important;
}

.ui-accordion .ui-accordion-header a {
  display: block;
  font-size: 1em;
  padding: .5em .5em .5em .7em;
}

.ui-accordion-icons .ui-accordion-header a {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  margin-top: -2px;
  position: relative;
  top: 1px;
  margin-bottom: 2px;
  overflow: auto;
  display: none;
  zoom: 1;
}

.ui-accordion .ui-accordion-content-active {
  display: block;
}

/*

    Zebra_DatePicker: a lightweight jQuery date picker plugin

    default stylesheet
    copyright (c) 2011 - 2012 Stefan Gabos
    http://stefangabos.ro/jquery/zebra-datepicker/

*/
.Zebra_DatePicker * {
  margin: 0;
  padding: 0;
  color: black;
}

.Zebra_DatePicker {
  position: absolute;
  background: #666;
  border: 3px solid #666;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: none;
  z-index: 100;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 13px;
}

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table {
  border-collapse: collapse;
  border-spacing: 0;
}

.Zebra_DatePicker td,
.Zebra_DatePicker th {
  text-align: center;
  padding: 5px 0;
}

.Zebra_DatePicker td {
  cursor: pointer;
}

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker {
  margin-top: 3px;
}

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td {
  background: #E8E8E8;
  width: 30px;
  border: 1px solid #7bacd2;
}

/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td {
  color: white;
}

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next {
  width: 30px;
}

.Zebra_DatePicker .dp_header .dp_caption {
  font-weight: bold;
}

.Zebra_DatePicker .dp_header .dp_hover {
  background: #222;
  color: #FFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.Zebra_DatePicker .dp_header .dp_blocked {
  color: #888;
  cursor: default;
}

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_daypicker th {
  background: #ffcc33;
}

.Zebra_DatePicker td.dp_not_in_month {
  background: #F3F3F3;
  color: #CDCDCD;
  cursor: default;
}

.Zebra_DatePicker td.dp_weekend {
  background: #d8d8d8;
}

.Zebra_DatePicker td.dp_weekend_disabled {
  color: #CCC;
  cursor: default;
}

.Zebra_DatePicker td.dp_selected {
  background: #5A4B4B;
  color: white !important;
}

.Zebra_DatePicker td.dp_week_number {
  background: #FFCC33;
  color: #555;
  cursor: text;
  font-style: italic;
}

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td {
  width: 33%;
}

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td {
  width: 33%;
}

/* = FOOTER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_footer {
  margin-top: 3px;
}

.Zebra_DatePicker .dp_footer td {
  color: #FFF;
  padding: 2px;
  font-weight: bold;
}

.Zebra_DatePicker .dp_footer .dp_hover {
  background: #222;
  color: #FFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current {
  color: #c40000;
}

.Zebra_DatePicker td.dp_disabled_current {
  color: #e38585;
}

.Zebra_DatePicker td.dp_disabled {
  background: #F3F3F3;
  color: #CDCDCD;
  cursor: default;
}

.Zebra_DatePicker td.dp_hover {
  background: #482424;
  color: white;
}

/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon {
  position: absolute;
  width: 16px;
  height: 16px;
  background: url("calendar.png") no-repeat left top;
  text-indent: -9000px;
  border: none;
  cursor: pointer;
  margin: 0 0 0 5px;
  padding: 0;
  line-height: 0;
}

button.Zebra_DatePicker_Icon_Disabled {
  background-image: url("calendar-disabled.png");
}

button.Zebra_DatePicker_Icon_Inside {
  margin: 0 3px 0 0;
}

/* Fix icon position in Chrome & Safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  button.Zebra_DatePicker_Icon_Inside {
    margin: 0 5px 0 0;
  }
}
#loadingindicator {
  display: none;
  background: black;
  opacity: .8;
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#loadingindicator .indicator {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
  width: 100px;
  height: 100px;
}

#loadingindicator .circle1 {
  background-color: rgba(0, 0, 0, 0);
  opacity: .9;
  position: relative;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  width: 50px;
  height: 50px;
  border: 5px solid rgba(255, 255, 255, 0.6);
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-radius: 50px;
  -moz-animation: spinPulse 1s infinite ease-in-out;
  -webkit-animation: spinPulse 1s infinite ease-in-out;
}

#loadingindicator .circle2 {
  background-color: rgba(0, 0, 0, 0);
  opacity: .9;
  position: relative;
  left: 50%;
  margin-left: -20px;
  width: 30px;
  height: 30px;
  border: 5px solid rgba(255, 255, 255, 0.8);
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-radius: 50px;
  -moz-animation: spinoffPulse 1s infinite linear;
  -webkit-animation: spinoffPulse 1s infinite linear;
}

#loadingindicator .message {
  color: white;
  text-align: center;
  font-family: 'Verdana', sans-serif;
  position: relative;
  top: 50%;
  margin-top: 40px;
}

@-moz-keyframes spinPulse {
  0% {
    -moz-transform: rotate(0deg);
    opacity: 0;
    box-shadow: 0 0 5px #2187e7;
  }

  50% {
    -moz-transform: rotate(180deg);
    opacity: 1;
  }

  100% {
    -moz-transform: rotate(360deg);
    opacity: 0;
  }
}

@-moz-keyframes spinoffPulse {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spinPulse {
  0% {
    -webkit-transform: rotate(160deg);
    opacity: 0;
    box-shadow: 0 0 5px #2187e7;
  }

  50% {
    -webkit-transform: rotate(145deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: rotate(-320deg);
    opacity: 0;
  }
}

@-webkit-keyframes spinoffPulse {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

.search .header, .config .header, .structure .header, .create .header, .glp .header {
  padding: 10px;
}
.search .header small, .config .header small, .structure .header small, .create .header small, .glp .header small {
  color: #959595;
  font-weight: normal;
  font-size: 11px;
}
.search .base .whead, .config .base .whead, .structure .base .whead, .create .base .whead, .glp .base .whead {
  padding: 0px;
}
.search .searchWidget .whead input, .search .structureWidget .whead input, .search .userWidget .whead input, .search .drawerWidget .whead input, .config .searchWidget .whead input, .config .structureWidget .whead input, .config .userWidget .whead input, .config .drawerWidget .whead input, .structure .searchWidget .whead input, .structure .structureWidget .whead input, .structure .userWidget .whead input, .structure .drawerWidget .whead input, .create .searchWidget .whead input, .create .structureWidget .whead input, .create .userWidget .whead input, .create .drawerWidget .whead input, .glp .searchWidget .whead input, .glp .structureWidget .whead input, .glp .userWidget .whead input, .glp .drawerWidget .whead input {
  font-size: 20px;
}
.search .searchWidget .whead input:focus, .search .structureWidget .whead input:focus, .search .userWidget .whead input:focus, .search .drawerWidget .whead input:focus, .config .searchWidget .whead input:focus, .config .structureWidget .whead input:focus, .config .userWidget .whead input:focus, .config .drawerWidget .whead input:focus, .structure .searchWidget .whead input:focus, .structure .structureWidget .whead input:focus, .structure .userWidget .whead input:focus, .structure .drawerWidget .whead input:focus, .create .searchWidget .whead input:focus, .create .structureWidget .whead input:focus, .create .userWidget .whead input:focus, .create .drawerWidget .whead input:focus, .glp .searchWidget .whead input:focus, .glp .structureWidget .whead input:focus, .glp .userWidget .whead input:focus, .glp .drawerWidget .whead input:focus {
  background-color: #fffedc;
}
.search .searchWidget li, .search .structureWidget li, .search .userWidget li, .search .drawerWidget li, .config .searchWidget li, .config .structureWidget li, .config .userWidget li, .config .drawerWidget li, .structure .searchWidget li, .structure .structureWidget li, .structure .userWidget li, .structure .drawerWidget li, .create .searchWidget li, .create .structureWidget li, .create .userWidget li, .create .drawerWidget li, .glp .searchWidget li, .glp .structureWidget li, .glp .userWidget li, .glp .drawerWidget li {
  padding: 5px;
}
.search .searchWidget li a, .search .structureWidget li a, .search .userWidget li a, .search .drawerWidget li a, .config .searchWidget li a, .config .structureWidget li a, .config .userWidget li a, .config .drawerWidget li a, .structure .searchWidget li a, .structure .structureWidget li a, .structure .userWidget li a, .structure .drawerWidget li a, .create .searchWidget li a, .create .structureWidget li a, .create .userWidget li a, .create .drawerWidget li a, .glp .searchWidget li a, .glp .structureWidget li a, .glp .userWidget li a, .glp .drawerWidget li a {
  text-decoration: none;
  color: #2b6893;
}
.search .searchWidget .search-item .controls a, .search .structureWidget .search-item .controls a, .search .userWidget .search-item .controls a, .search .drawerWidget .search-item .controls a, .config .searchWidget .search-item .controls a, .config .structureWidget .search-item .controls a, .config .userWidget .search-item .controls a, .config .drawerWidget .search-item .controls a, .structure .searchWidget .search-item .controls a, .structure .structureWidget .search-item .controls a, .structure .userWidget .search-item .controls a, .structure .drawerWidget .search-item .controls a, .create .searchWidget .search-item .controls a, .create .structureWidget .search-item .controls a, .create .userWidget .search-item .controls a, .create .drawerWidget .search-item .controls a, .glp .searchWidget .search-item .controls a, .glp .structureWidget .search-item .controls a, .glp .userWidget .search-item .controls a, .glp .drawerWidget .search-item .controls a {
  display: none;
}
.search .searchWidget .search-item:hover, .search .structureWidget .search-item:hover, .search .userWidget .search-item:hover, .search .drawerWidget .search-item:hover, .config .searchWidget .search-item:hover, .config .structureWidget .search-item:hover, .config .userWidget .search-item:hover, .config .drawerWidget .search-item:hover, .structure .searchWidget .search-item:hover, .structure .structureWidget .search-item:hover, .structure .userWidget .search-item:hover, .structure .drawerWidget .search-item:hover, .create .searchWidget .search-item:hover, .create .structureWidget .search-item:hover, .create .userWidget .search-item:hover, .create .drawerWidget .search-item:hover, .glp .searchWidget .search-item:hover, .glp .structureWidget .search-item:hover, .glp .userWidget .search-item:hover, .glp .drawerWidget .search-item:hover {
  background-color: #efefef;
}
.search .searchWidget .search-item:hover .controls a, .search .structureWidget .search-item:hover .controls a, .search .userWidget .search-item:hover .controls a, .search .drawerWidget .search-item:hover .controls a, .config .searchWidget .search-item:hover .controls a, .config .structureWidget .search-item:hover .controls a, .config .userWidget .search-item:hover .controls a, .config .drawerWidget .search-item:hover .controls a, .structure .searchWidget .search-item:hover .controls a, .structure .structureWidget .search-item:hover .controls a, .structure .userWidget .search-item:hover .controls a, .structure .drawerWidget .search-item:hover .controls a, .create .searchWidget .search-item:hover .controls a, .create .structureWidget .search-item:hover .controls a, .create .userWidget .search-item:hover .controls a, .create .drawerWidget .search-item:hover .controls a, .glp .searchWidget .search-item:hover .controls a, .glp .structureWidget .search-item:hover .controls a, .glp .userWidget .search-item:hover .controls a, .glp .drawerWidget .search-item:hover .controls a {
  display: inline;
}
.search h4, .search h5, .search h4, .search h6, .config h4, .config h5, .config h4, .config h6, .structure h4, .structure h5, .structure h4, .structure h6, .create h4, .create h5, .create h4, .create h6, .glp h4, .glp h5, .glp h4, .glp h6 {
  margin: 0;
}

.search-content {
  margin-top: 5px;
}

.warning {
  background: #fcf8e3 !important;
  color: #c09853 !important;
}

.danger {
  color: #b94a48 !important;
  background-color: #f2dede !important;
}

.success {
  color: #468847 !important;
  background-color: #dff0d8 !important;
}

.inactive {
  color: #555555 !important;
  background-color: #dadada !important;
}

.inlineField {
  background-color: #d8f7cb !important;
  color: #008000 !important;
}

.grid {
  position: absolute;
  left: 65px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}
.grid .header {
  padding: 10px 0;
}
.grid .header small {
  color: #959595;
  display: block;
  font-weight: normal;
  font-size: 11px;
}
.grid h4, .grid h2 {
  margin: 0;
}
.grid .widget {
  margin: 5px 0px;
}
.grid .widget .whead, .grid .widget .wheadsub {
  padding: 5px;
}
.grid .tpg-grid {
  font: 10px/13px tahoma, helvetica, sans-serif !important;
  background: white;
  color: #000000;
}
.grid .tpg-grid .slick-row.active {
  color: #333 !important;
}
.grid .tpg-grid .slick-group {
  color: #3764A0 !important;
  font: bold 11px tahoma, arial, helvetica, sans-serif;
}
.grid .tpg-grid .slick-row {
  height: 18px;
}
.grid .tpg-grid .slick-group-totals {
  background-color: white !important;
  border-top: 1px solid #BFBFBF !important;
}
.grid .tpg-grid .slick-group-totals .computed {
  color: #444 !important;
  text-align: right;
  border-bottom: 1px solid #BFBFBF !important;
  background-color: #D8D8D8 !important;
}
.grid .tpg-grid .slick-cell-checkboxsel {
  background: #f0f0f0;
  border-right-color: silver;
  border-right-style: solid;
}
.grid .tpg-grid .slick-headerrow-column {
  xbackground: #87ceeb;
  text-overflow: clip;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid .tpg-grid .slick-headerrow-column input {
  margin: 0;
  padding: 0 3px 0 3px;
  width: 100%;
  height: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid .tpg-grid .slick-header-columns, .grid .tpg-grid .slick-header-column {
  background: #e1e1e1;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f8f8f8', endColorstr='#e1e1e1');
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e1e1e1));
  background: -webkit-linear-gradient(top, #f8f8f8, #e1e1e1);
  background: -moz-linear-gradient(top, #f8f8f8, #e1e1e1);
  background: -o-linear-gradient(top, #f8f8f8, #e1e1e1);
  background: -ms-linear-gradient(top, #f8f8f8, #e1e1e1);
  background: linear-gradient(top, #f8f8f8, #e1e1e1);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7) !important;
  overflow: hidden !important;
  white-space: pre-wrap;
  -o-text-overflow: ellipsis !important;
  -ms-text-overflow: ellipsis !important;
  text-overflow: ellipsis !important;
  height: 82px !important;
}
.grid .tpg-grid .slick-cell, .grid .tpg-grid .slick-headerrow-column {
  border-right: 1px solid #c1c1c1 !important;
  border-bottom: 1px dotted #c9c9c9 !important;
  padding: 1px 6px 2px 6px;
}
.grid .tpg-grid .slick-headerrow-column {
  padding: 3px !important;
}
.grid .tpg-grid .slick-cell.active {
  border: none;
}
.grid .tpg-grid .slick-cell, .grid .tpg-grid .slick-headerrow-column {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  z-index: 1;
  padding: 1px 6px 2px 6px;
  margin: 0;
  white-space: nowrap;
  cursor: default;
}
.grid .tpg-grid .slick-group .slick-cell {
  border-bottom: 1px solid #BFBFBF !important;
  text-transform: uppercase;
  font-size: 95%;
  color: #444;
}
.grid .tpg-grid .slick-group .slick-cell span {
  font-size: 82%;
  color: #408000 !important;
  padding-left: 3px;
}
.grid .tpg-grid .ui-widget-content {
  box-shadow: none;
}
.grid .tpg-grid .slick-row.odd {
  background: none;
}
.grid .tpg-grid .computed {
  background-color: #f3f3f3;
}
.grid .tpg-grid .computed_total {
  background-color: #D8D8D8 !important;
  color: #444 !important;
}
.grid .tpg-grid .slick-group-totals .computed_total {
  background-color: #BFBFBF !important;
  border-bottom: 1px solid #BFBFBF !important;
}
.grid .tpg-grid .computed, .grid .tpg-grid .computed_total {
  text-align: right;
}

.tpg-grid-modal {
  font: 10px/13px tahoma, helvetica, sans-serif !important;
  background: white;
  color: #000000;
}
.tpg-grid-modal .slick-row.active {
  color: #333 !important;
}
.tpg-grid-modal .slick-group {
  color: #3764A0 !important;
  font: bold 11px tahoma, arial, helvetica, sans-serif;
}
.tpg-grid-modal .slick-row {
  height: 18px;
}
.tpg-grid-modal .slick-group-totals {
  background-color: white !important;
  border-top: 1px solid #BFBFBF !important;
}
.tpg-grid-modal .slick-group-totals .computed {
  color: #444 !important;
  text-align: right;
  border-bottom: 1px solid #BFBFBF !important;
  background-color: #D8D8D8 !important;
}
.tpg-grid-modal .slick-cell-checkboxsel {
  background: #f0f0f0;
  border-right-color: silver;
  border-right-style: solid;
}
.tpg-grid-modal .slick-headerrow-column {
  xbackground: #87ceeb;
  text-overflow: clip;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tpg-grid-modal .slick-headerrow-column input {
  margin: 0;
  padding: 0 3px 0 3px;
  width: 100%;
  height: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tpg-grid-modal .slick-header-columns, .tpg-grid-modal .slick-header-column {
  background: #e1e1e1;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f8f8f8', endColorstr='#e1e1e1');
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e1e1e1));
  background: -webkit-linear-gradient(top, #f8f8f8, #e1e1e1);
  background: -moz-linear-gradient(top, #f8f8f8, #e1e1e1);
  background: -o-linear-gradient(top, #f8f8f8, #e1e1e1);
  background: -ms-linear-gradient(top, #f8f8f8, #e1e1e1);
  background: linear-gradient(top, #f8f8f8, #e1e1e1);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7) !important;
  overflow: hidden !important;
  white-space: pre-wrap;
  -o-text-overflow: ellipsis !important;
  -ms-text-overflow: ellipsis !important;
  text-overflow: ellipsis !important;
  height: 24px !important;
}
.tpg-grid-modal .slick-cell, .tpg-grid-modal .slick-headerrow-column {
  border-right: 1px solid #c1c1c1 !important;
  border-bottom: 1px dotted #c9c9c9 !important;
  padding: 1px 6px 2px 6px;
}
.tpg-grid-modal .slick-headerrow-column {
  padding: 3px !important;
}
.tpg-grid-modal .slick-cell.active {
  border: none;
}
.tpg-grid-modal .slick-cell, .tpg-grid-modal .slick-headerrow-column {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  z-index: 1;
  padding: 1px 6px 2px 6px;
  margin: 0;
  white-space: nowrap;
  cursor: default;
}
.tpg-grid-modal .slick-group .slick-cell {
  border-bottom: 1px solid #BFBFBF !important;
  text-transform: uppercase;
  font-size: 95%;
  color: #444;
}
.tpg-grid-modal .slick-group .slick-cell span {
  font-size: 82%;
  color: #408000 !important;
  padding-left: 3px;
}
.tpg-grid-modal .ui-widget-content {
  box-shadow: none;
}
.tpg-grid-modal .slick-row.odd {
  background: none;
}
.tpg-grid-modal .computed {
  background-color: #f3f3f3;
}
.tpg-grid-modal .computed_total {
  background-color: #D8D8D8 !important;
  color: #444 !important;
}
.tpg-grid-modal .slick-group-totals .computed_total {
  background-color: #BFBFBF !important;
  border-bottom: 1px solid #BFBFBF !important;
}
.tpg-grid-modal .computed, .tpg-grid-modal .computed_total {
  text-align: right;
}

.structure ul {
  min-height: 31px;
  display: block;
}
.structure .pivot-placeholder {
  height: 18px;
  float: left;
  width: 210px;
  padding: 0;
  margin: 0;
  display: block;
  overflow: visible;
  background-color: rgba(0, 0, 0, 0.2);
}

.filters .filter-placeholder {
  height: 49px;
  float: left;
  width: 451px;
  padding: 0;
  margin: 0;
  display: block;
  overflow: visible;
  background-color: rgba(0, 0, 0, 0.2);
}

.isSticky {
  font-weight: bold;
  text-decoration: italic !important;
  color: #25a113;
}

dd {
  margin: 0 !important;
}

.formRow label {
  cursor: pointer;
  display: inline !important;
}
.formRow .col1 span {
  cursor: pointer;
}

.ui-dialog input[type=text], .ui-dialog input[type=password], .ui-dialog textarea {
  margin: 0;
}

.isStickyInput {
  background-color: #dbffc8 !important;
  color: #25a113 !important;
  text-decoration: italic !important;
}

.requiredLabel {
  font-weight: bold;
  text-decoration: italic !important;
  color: #cf0002;
}

.requiredInput {
  background-color: #f3ccc1 !important;
}

.alertInput {
  background-color: #ab0001 !important;
  color: white !important;
}

.modalbg {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 99999;
  -moz-transition: all 0.05s ease-out;
  -webkit-transition: all 0.05s ease-out;
  -o-transition: all 0.05s ease-out;
  transition: all 0.05s ease-out;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -transition-delay: 0.1s;
  display: block;
  pointer-events: none;
}
.modalbg .dialog {
  width: 400px;
  height: 980px;
  margin: 10% 10% 10% -200px;
  left: 50%;
  float: left;
  position: relative;
  top: -1900px;
  margin: 10% auto;
  xpadding: 5px 20px 13px 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #ffffff;
  background: -moz-linear-gradient(white, #cccccc);
  background: -webkit-linear-gradient(white, #cccccc);
  background: -o-linear-gradient(white, #cccccc);
  box-shadow: 0 0 10px #000000;
  -moz-box-shadow: 0 0 10px #000000;
  -webkit-box-shadow: 0 0 10px #000000;
}
.modalbg .dialog .header {
  border-bottom: 1px solid #343434;
  border-top: 1px solid #343434;
  padding: 15px;
  margin-bottom: 10px;
  text-shadow: 0 1px 0 #000000;
  background: #464646;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#333333', endColorstr='#464646');
  background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#464646));
  background: -webkit-linear-gradient(top, #333333, #464646);
  background: -moz-linear-gradient(top, #333333, #464646);
  background: -o-linear-gradient(top, #333333, #464646);
  background: -ms-linear-gradient(top, #333333, #464646);
  background: linear-gradient(top, #333333, #464646);
  color: #FFF;
  border-top-left-radius: 10px;
}
.modalbg .dialog .header h4, .modalbg .dialog .header h5, .modalbg .dialog .header h6 {
  margin: 0px;
}
.modalbg .dialog .header h6 {
  font-size: 18px;
  font-weight: normal;
}
.modalbg .dialog .footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border-top: 1px solid #343434;
  padding: 15px;
  margin-top: 10px;
  text-shadow: 0 1px 0 #000000;
  background: #444444;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#646464', endColorstr='#444444');
  background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#444444));
  background: -webkit-linear-gradient(top, #646464, #444444);
  background: -moz-linear-gradient(top, #646464, #444444);
  background: -o-linear-gradient(top, #646464, #444444);
  background: -ms-linear-gradient(top, #646464, #444444);
  background: linear-gradient(top, #646464, #444444);
  color: #FFF;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.modalbg .dialog .footer h4, .modalbg .dialog .footer h5, .modalbg .dialog .footer h6 {
  margin: 0px;
}
.modalbg .dialog .footer h6 {
  font-size: 18px;
  font-weight: normal;
}
.modalbg .dialog .footer [class*="dataNum"] {
  box-shadow: none;
  cursor: pointer;
}
.modalbg .dialog .ie7 {
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=3);
}

.modalbg:target {
  display: block;
  pointer-events: auto;
  background: rgba(0, 0, 0, 0.8);
  -moz-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.modalbg:target .dialog {
  top: -120px;
  -moz-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -transition-delay: 0.1s;
}

.close {
  background: #606061;
  color: #FFFFFF;
  line-height: 25px;
  position: absolute;
  right: -12px;
  text-align: center;
  top: -10px;
  width: 24px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  box-shadow: 0 0 10px #000000;
  -moz-box-shadow: 0 0 10px #000000;
  -webkit-box-shadow: 0 0 10px #000000;
  -moz-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
}

.siteadmin-layout .sidenav ul li {
  cursor: pointer;
}

#openHelpModal .clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
#openHelpModal .clearfix {
  display: inline-block;
}
#openHelpModal html[xmlns] .clearfix {
  display: block;
}
#openHelpModal * html .clearfix {
  height: 1%;
}
#openHelpModal .large_player {
  background: black;
  -webkit-border-radius: 11px;
  border-radius: 11px;
  height: auto;
  margin: 0 auto;
  padding: 9px;
  width: 876px;
  text-align: left;
  color: #CCC;
  font-size: 16px;
}
#openHelpModal .assets ul li {
  font-size: 10px;
}
#openHelpModal .added {
  font-weight: bold;
  color: #408000;
}
#openHelpModal p, #openHelpModal li {
  font: 14px/18px "Helvetica Neue",Arial,Helvetica,sans-serif;
  color: #393939;
}
#openHelpModal p {
  margin-top: 0px;
}
#openHelpModal #help-vid {
  margin-bottom: 15px;
}
#openHelpModal h5, #openHelpModal h4, #openHelpModal h3, #openHelpModal h2, #openHelpModal h1 {
  margin: 10px 0 4px 0;
}
#openHelpModal .lhs h3, #openHelpModal .lhs h4, #openHelpModal .lhs h5, #openHelpModal .lhs h6 {
  font-size: 16px;
  line-height: 1.25em;
  margin: 0 0 6px;
}
#openHelpModal .rhs li.active, #openHelpModal .rhs li:hover {
  background: #2478a8;
  background: -moz-linear-gradient(top, #2478a8 0%, #1b5a7e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2478a8), color-stop(100%, #1b5a7e));
  background: -webkit-linear-gradient(top, #2478a8 0%, #1b5a7e 100%);
  background: -o-linear-gradient(top, #2478a8 0%, #1b5a7e 100%);
  background: -ms-linear-gradient(top, #2478a8 0%, #1b5a7e 100%);
  background: linear-gradient(top, #2478a8 0%, #1b5a7e 100%);
  color: #FFF;
  border-radius: 3px;
}
#openHelpModal .rhs h1 {
  border-bottom: 1px solid #dcdcdc;
  padding: 8px 0;
  position: relative;
  margin: 0 0 6px 40px;
}
#openHelpModal .rhs h1 {
  display: inline-block;
  width: auto;
  margin: 0 2px 0 0;
  min-height: 18px;
  min-width: 40px;
}
#openHelpModal .rhs a.addLink {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  color: #939393;
  display: block;
  margin: 2px -2px -2px;
  padding: 7px 10px;
  position: relative;
  text-decoration: none;
}
#openHelpModal li {
  padding: 4px 8px;
  margin-bottom: 2px;
}
#openHelpModal li a {
  font-size: 13px;
}

.glp .cap-success {
  color: #448646 !important;
}
.glp .cap-warning {
  color: #eb9d31 !important;
}
.glp .cap-danger {
  color: #bd4642 !important;
}
.glp .green_test {
  background-color: #ccff7c !important;
}
.glp .alert-success {
  background-color: #dff0d8;
  color: #468847;
}
.glp .alert-danger {
  background-color: #f2dede;
  color: #b94a48;
}
.glp .alert-disabled {
  background-color: #c5c5c5;
  color: #6b6b6b;
}
.glp .alert-warning {
  background-color: #fcf8e3;
  color: #c09853;
}
.glp .comment {
  color: red;
  font-style: italic;
  margin-left: 4px;
}
.glp h2 {
  margin: 0;
}

.ui-sortable-helper {
  background-color: #333 !important;
  color: #FFFFFF !important;
}

.cart-placeholder {
  background-color: #cccccc !important;
  border-top: 1px solid #D5D5D5;
  padding: 5px;
  line-height: 20px;
  width: 100%;
  height: 30px;
  display: inline;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.product-placeholder {
  background-color: #cccccc !important;
  border-top: 1px solid #D5D5D5;
  padding: 5px;
  line-height: 20px;
  width: 100%;
  height: 26px;
  display: inline;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.drawer-placeholder {
  background-color: #cccccc !important;
}

.modal {
  display: none;
  background: #fff;
  padding: 15px 30px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(close.png) no-repeat 0 0;
}

.modal-spinner {
  display: none;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -32px;
  margin-top: -32px;
  background: url(spinner.gif) #111111 no-repeat center center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

body {
  overflow-y: hidden;
}

*:focus {
  outline: none;
  background-color: #fffedc;
}

icon-* {
  cursor: pointer;
}

.logo {
  color: #F4F4F4 !important;
  text-shadow: 1px 1px 1px black;
  filter: dropshadow(color=black, offx=1, offy=1);
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 20px;
  padding-top: 5px;
  font-weight: 400;
  line-height: 1;
}

.brandbar {
  color: #fff;
  background-color: #5BABE5;
  background-image: linear-gradient(top, #5babe5, #297cb7 36px, #297cb7);
  background-image: -moz-linear-gradient(top, #5babe5, #297cb7 36px, #297cb7);
  background-image: -ms-linear-gradient(top, #5babe5, #297cb7 36px, #297cb7);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5babe5), to(#297cb7));
  background-image: -webkit-linear-gradient(top, #5babe5, #297cb7 36px, #297cb7);
  padding: 2px 0 2px 0;
}

.brandbar {
  box-shadow: rgba(0, 0, 0, 0.5) 0 1px 3px, rgba(0, 0, 0, 0.15) 0 -1px 0 inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 3px, rgba(0, 0, 0, 0.15) 0 -1px 0 inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 3px, rgba(0, 0, 0, 0.15) 0 -1px 0 inset;
  font-weight: normal;
}
.brandbar h5, .brandbar h4 {
  margin: 5px 0px;
  font-weight: normal;
}
.brandbar small {
  color: #fff !important;
}
.brandbar .header {
  padding: 5px 5px 30px;
}

.trafficlight {
  display: inline-block;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 0 1px 0 #4e4e4e;
  height: 28px;
  width: 28px;
}

.trafficlight-green {
  background: green;
}

.trafficlight-orange {
  background: orange;
}

.trafficlight-red {
  background: red;
}

#top, .userLogin2, .loginEmail, .loginLock, .loginUsername {
  background: url(../img/sprites.png) no-repeat;
}

.loginEmail {
  background-position: 205px -470px;
  width: 13px;
  background-color: #fbfbfb;
  height: 14px;
}

.loginLock {
  background-position: 205px -449px;
  width: 11px;
  background-color: #fbfbfb;
  height: 13px;
}

.loginUsername {
  background-position: -7px -499px;
  width: 13px;
  background-color: #fbfbfb;
  height: 14px;
}

#top {
  background-position: 0 0;
  background-repeat: repeat-x;
}

.userLogin2 {
  background-position: 0 -57px;
  width: 108px;
  height: 110px;
}

.content {
  width: 100%;
  height: 100%;
  min-height: 100%;
}

#sidebar {
  bottom: 0px;
}
#sidebar .secNav {
  width: 700px;
}

.formRow {
  font-size: 11px;
  border: none !important;
  padding: 1px 0 !important;
}
.formRow .big {
  font-size: 22px !important;
  padding: 5px;
}
.formRow label {
  text-transform: uppercase;
  display: block;
  font-size: 10px;
}
.formRow input {
  width: 100%;
}

.clickToEdit {
  border: 1px solid #CCC !important;
  padding: 2px !important;
  font-size: 100% !important;
  border-radius: 4px !important;
  width: 80%;
}

.current_mth {
  background-color: #daffeb !important;
}

.last_year {
  background-color: #fffce2 !important;
}

.updating {
  background-color: #ff8000 !important;
  color: #FFFFFF !important;
}

.sla-kpi-container {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin-bottom: 10px;
}

.sla-kpi-header {
  background: #d1d1d1;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#c4c4c4', endColorstr='#d1d1d1');
  background: -webkit-gradient(linear, left top, left bottom, from(#c4c4c4), to(#d1d1d1));
  background: -webkit-linear-gradient(top, #c4c4c4, #d1d1d1);
  background: -moz-linear-gradient(top, #c4c4c4, #d1d1d1);
  background: -o-linear-gradient(top, #c4c4c4, #d1d1d1);
  background: -ms-linear-gradient(top, #c4c4c4, #d1d1d1);
  background: linear-gradient(top, #c4c4c4, #d1d1d1);
  border-bottom: 1px solid #bbb;
  margin-bottom: 1px;
  color: #aa;
}

.sla-summary-header {
  border-bottom: 1px solid #bbb;
  background-color: #cccccc;
  color: #4d4d4d !important;
  padding-top: 20px;
}
.sla-summary-header table {
  color: #5f5f5f;
  background-color: #f7f7f7;
  border: 1px solid #aaa;
}
.sla-summary-header table thead tr {
  background-color: #ddd;
  font-weight: normal;
}
.sla-summary-header table thead tr th {
  border-right: 1px solid #ccc;
  padding-right: 5px;
}
.sla-summary-header table tbody td {
  border-right: 1px solid #ccc;
  padding-right: 5px;
}
.sla-summary-header h1 {
  color: #262626;
}

.sla-total-fld {
  background-color: #cccccc;
  color: #666666 !important;
}

.sla-total-fld, .sla-total-fld-first {
  background-color: #cccccc;
  color: #666666 !important;
  border-left: 1px solid #ccc;
}

/* Quick stats */
.quickStatsSLA {
  float: right;
  line-height: 16px;
  text-align: center;
  margin: 3px 0 1px 0;
}

.quickStatsSLA li {
  display: block;
  float: left;
  font-weight: normal !important;
  border-left: 1px solid #d9d9d9;
  padding: 2px 15px 0 15px;
  white-space: nowrap;
}

.quickStatsSLA li strong {
  font-size: 14px;
  padding-top: 1px;
  display: block;
}

.quickStatsSLA li span {
  display: block;
  font-size: 11px;
}

.quickStatsSLA li a {
  margin-right: 10px;
  margin-top: -2px;
  float: left;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.quickStatsSLA li:last-child {
  padding-right: 0;
}

.quickStatsSLA li:first-child {
  border-left: 0;
}

#sortable1, #sortable2, #sortable3, #sortable-pivot {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
  min-width: 177px;
  min-height: 25px;
  background-color: #ddd;
  color: #333;
}
#sortable1 .textR a, #sortable2 .textR a, #sortable3 .textR a, #sortable-pivot .textR a {
  margin-top: 4px;
}

#sortable1 li, #sortable2 li, #sortable3 li, #sortable-pivot li {
  margin: 0px;
  padding: 0px;
  font-size: 0.9em;
  width: 177px;
}
#sortable1 li i, #sortable2 li i, #sortable3 li i, #sortable-pivot li i {
  cursor: pointer;
}

table.pivot-table td {
  vertical-align: top;
}

.pivot-item {
  border: 1px solid #aaa;
  margin: 5px 0px 5px 0;
  padding: 0px;
  border-radius: 4px;
}

.pivot-header {
  font-weight: bold;
  padding: 3px;
  background-color: #ccc;
  border-bottom: 1px solid #aaa;
}

.filters-item {
  overflow: auto;
  overflow-y: hidden;
  -ms-overflow-y: hidden;
  scrollbar-base-color: #b3b3b3;
  position: absolute;
  left: 58px;
  top: 43px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #ddd;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  right: 370px;
  height: 170px;
}

.subheader {
  background-color: #efefef;
}

table.pivot-table .dataNumOrange {
  cursor: pointer;
}

.grid_filters li {
  line-height: 11px;
}
.grid_filters li a {
  font-size: 10px;
  line-height: 11px;
}

.brandbar .quickStatsSLA li {
  padding: 0 15px 0 15px;
}

.quickNav {
  position: absolute;
  left: 2px;
  width: 54px;
  top: 0px;
  bottom: 5px;
  text-align: center;
  border-right: 1px solid #999;
  background: #bebebe;
  /* Old browsers */
  border-bottom: 1px solid #999;
}
.quickNav div {
  padding-top: 5px;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}
.quickNav i {
  font-size: 17px;
  color: grey;
  text-shadow: 1px 1px #ddd;
}
.quickNav p {
  margin: 0;
  font-size: 9px;
  padding: 0;
  line-height: 9px;
  margin-bottom: 5px;
}

.filter-items {
  overflow-x: scroll;
  overflow-x: -moz-scrollbars-vertical;
  overflow-y: hidden;
  white-space: nowrap;
  height: 172px;
  margin-right: 5px;
  font-size: 10px;
  color: #333;
  padding-left: 5px;
}
.filter-items select {
  height: 115px;
  width: 100%;
}