/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

elements-of-type(html5-block) {
  display: block; }

/*
 * jQuery UI CSS Framework 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }

.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; }

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
  height: 1%; }

.ui-helper-clearfix {
  display: block; }

/* end clearfix */
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*
 * jQuery UI CSS Framework 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url("/s/img/ui/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
  color: #222222; }

.ui-widget-content a {
  color: #222222; }

.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc url("/s/img/ui/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
  color: #222222;
  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: 1px solid #d3d3d3;
  background: #e6e6e6 url("/s/img/ui/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #555555; }

.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 {
  border: 1px solid #999999;
  background: #dadada url("/s/img/ui/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #212121; }

.ui-state-hover a, .ui-state-hover a:hover {
  color: #212121;
  text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff url("/s/img/ui/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #212121; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #212121;
  text-decoration: none; }

.ui-widget :active {
  outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url("/s/img/ui/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
  color: #363636; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url("/s/img/ui/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
  color: #cd0a0a; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #cd0a0a; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #cd0a0a; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url("/s/img/ui/ui-icons_222222_256x240.png"); }

.ui-widget-content .ui-icon {
  background-image: url("/s/img/ui/ui-icons_222222_256x240.png"); }

.ui-widget-header .ui-icon {
  background-image: url("/s/img/ui/ui-icons_222222_256x240.png"); }

.ui-state-default .ui-icon {
  background-image: url("/s/img/ui/ui-icons_888888_256x240.png"); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url("/s/img/ui/ui-icons_454545_256x240.png"); }

.ui-state-active .ui-icon {
  background-image: url("/s/img/ui/ui-icons_454545_256x240.png"); }

.ui-state-highlight .ui-icon {
  background-image: url("/s/img/ui/ui-icons_2e83ff_256x240.png"); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("/s/img/ui/ui-icons_cd0a0a_256x240.png"); }

/* positioning */
.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

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

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

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

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

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

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

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

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

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

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-off {
  background-position: -96px -144px; }

.ui-icon-radio-on {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
/* Overlays */
.ui-widget-overlay {
  background: #000 repeat-x;
  opacity: .70;
  filter: Alpha(Opacity=70); }

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url("/s/img/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; }

/*
 * jQuery UI Resizable 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.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; }

/*
 * jQuery UI Selectable 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

/*
 * jQuery UI Accordion 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.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; }

/*
 * jQuery UI Autocomplete 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete {
  position: absolute;
  cursor: default; }

/* workarounds */
* html .ui-autocomplete {
  width: 1px; }

/* without this, the menu expands to 100% in IE6 */
/*
 * jQuery UI Menu 1.8.10
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  float: left; }

.ui-menu .ui-menu {
  margin-top: -3px; }

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%; }

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: .2em .4em;
  line-height: 1.5;
  zoom: 1; }

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px; }

/*
 * jQuery UI Button 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible; }

/* the overflow property removes extra width in IE */
.ui-button-icon-only {
  width: 2.2em; }

/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
  width: 2.4em; }

/* button elements seem to need a little more width */
.ui-button-icons-only {
  width: 3.4em; }

button.ui-button-icons-only {
  width: 3.7em; }

/*button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: 1.4; }

.ui-button-text-only .ui-button-text {
  padding: .4em 1em; }

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px; }

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em; }

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em; }

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em; }

/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px; }

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px; }

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
  left: .5em; }

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

/*button sets*/
.ui-buttonset {
  margin-right: 7px; }

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog {
  position: absolute;
  padding: .2em;
  width: 300px;
  overflow: hidden; }

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 16px .1em 0; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px; }

.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px; }

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
  zoom: 1; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

/*
 * jQuery UI Slider 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

.ui-slider-horizontal {
  height: .8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

/*
 * jQuery UI Tabs 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs {
  position: relative;
  padding: .2em;
  zoom: 1; }

/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 1px;
  margin: 0 .2em 1px 0;
  border-bottom: 0 !important;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: .5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  margin-bottom: 0;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
  cursor: text; }

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer; }

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tabs .ui-tabs-hide {
  display: none !important; }

/*
 * jQuery UI Datepicker 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.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; }

.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; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  display: none;
  /*sorry for IE5*/
  display/**/: block;
  /*sorry for IE5*/
  position: absolute;
  /*must have*/
  z-index: -1;
  /*must have*/
  filter: mask();
  /*must have*/
  top: -4px;
  /*must have*/
  left: -4px;
  /*must have*/
  width: 200px;
  /*must have*/
  height: 200px;
  /*must have*/ }

/*
 * jQuery UI Progressbar 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar {
  height: 2em;
  text-align: left; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

@font-face {
  font-family: 'Helvetica Neue';
  font-style: normal;
  src: url("/s/img/Helvetica.ttf"); }

@font-face {
  font-family: 'Helvetica';
  font-style: normal;
  src: url("/s/img/Helvetica.ttf"); }

body {
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  font-size: 13px;
  padding: 20px; }

.css_right {
  float: right; }

.clear {
  clear: both; }

/*
 *  File:         demo_table.css
 *  CVS:          $Id$
 *  Description:  CSS descriptions for DataTables demo pages
 *  Author:       Allan Jardine
 *  Created:      Tue May 12 06:47:22 BST 2009
 *  Modified:     $Date$ by $Author$
 *  Language:     CSS
 *  Project:      DataTables
 *
 *  Copyright 2009 Allan Jardine. All Rights Reserved.
 *
 * ***************************************************************************
 * DESCRIPTION
 *
 * The styles given here are suitable for the demos that are used with the standard DataTables
 * distribution (see www.datatables.net). You will most likely wish to modify these styles to
 * meet the layout requirements of your site.
 *
 * Common issues:
 *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
 *     no conflict between the two pagination types. If you want to use full_numbers pagination
 *     ensure that you either have "example_alt_pagination" as a body class name, or better yet,
 *     modify that selector.
 *   Note that the path used for Images is relative. All images are by default located in
 *     ../images/ - relative to this CSS file.
 */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  _height: 302px;
  zoom: 1;
  /* Feeling sorry for IE */ }

.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250px;
  height: 30px;
  margin-left: -125px;
  margin-top: -15px;
  padding: 14px 0 2px 0;
  border: 1px solid #ddd;
  text-align: center;
  color: #999;
  font-size: 14px;
  background-color: white; }

.dataTables_length {
  width: 40%;
  float: left;
  padding: 4px 10px; }

.dataTables_filter {
  width: 50%;
  float: right;
  text-align: right;
  padding: 4px; }

.dataTables_info {
  /*width: 60%;*/
  float: left;
  line-height: 30px;
  height: 30px;
  padding-left: 10px;
  font-size: 0.8em;
  font-weight: normal; }

.dataTables_paginate {
  width: 44px;
  /* width: 50px; */
  float: left;
  text-align: left;
  height: 26px;
  font-size: 0.9em; }
  .dataTables_paginate .ui-button {
    margin-top: 4px;
    padding: 0 8px 0 6px;
    line-height: 20px; }
  .dataTables_paginate.paging_full_numbers {
    width: auto;
    height: auto; }

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
  height: 19px;
  width: 19px;
  margin-left: 3px;
  float: left; }

.paginate_disabled_previous {
  background-image: url("/s/img/dt/back_disabled.jpg"); }

.paginate_enabled_previous {
  background-image: url("/s/img/dt/back_enabled.jpg"); }

.paginate_disabled_next {
  background-image: url("/s/img/dt/forward_disabled.jpg"); }

.paginate_enabled_next {
  background-image: url("/s/img/dt/forward_enabled.jpg"); }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
  margin: 0 auto;
  clear: both;
  width: 100%;
  /* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
	 * then filling in the gaps with other borders.
	 */ }

table.display thead th {
  padding: 3px 3px 3px 4px;
  /* border-bottom: 1px solid black; */
  font-weight: bold;
  cursor: pointer;
  /* cursor: hand; */ }

table.display tfoot th {
  padding: 3px 18px 3px 10px;
  border-top: 1px solid black;
  font-weight: bold; }

table.display tr.heading2 td {
  border-bottom: 1px solid #aaa; }

table.display td {
  padding: 3px 5px;
  font-size: 0.9em; }

table.display td.center {
  text-align: center; }

table.display td.right {
  text-align: right; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */
.sorting_asc {
  background: url("/s/img/dt/sort_asc.png") no-repeat center right; }

.sorting_desc {
  background: url("/s/img/dt/sort_desc.png") no-repeat center right; }

.sorting {
  background: url("/s/img/dt/sort_both.png") no-repeat center right; }

.sorting_asc_disabled {
  background: url("/s/img/dt/sort_asc_disabled.png") no-repeat center right; }

.sorting_desc_disabled {
  background: url("/s/img/dt/sort_desc_disabled.png") no-repeat center right; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
  background-color: #ddffdd; }

table.display tr.even.gradeA {
  background-color: #eeffee; }

table.display tr.odd.gradeC {
  background-color: #ddddff; }

table.display tr.even.gradeC {
  background-color: #eeeeff; }

table.display tr.odd.gradeX {
  background-color: #ffdddd; }

table.display tr.even.gradeX {
  background-color: #ffeeee; }

table.display tr.odd.gradeU {
  background-color: #ddd; }

table.display tr.even.gradeU {
  background-color: #eee; }

tr.odd {
  background-color: #E2E4FF; }

tr.even {
  background-color: white; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
  clear: both; }

.dataTables_scrollBody {
  *margin-top: -1px; }

.top, .bottom {
  padding: 15px;
  background-color: #F5F5F5;
  border: 1px solid #CCCCCC; }

.top .dataTables_info {
  float: none; }

.clear {
  clear: both; }

.dataTables_empty {
  text-align: center;
  padding: 20px 0 !important; }

tfoot input {
  margin: 0.5em 0;
  width: 100%;
  color: #444; }

tfoot input.search_init {
  color: #999; }

td.group {
  background-color: #d1cfd0;
  border-bottom: 2px solid #A19B9E;
  border-top: 2px solid #A19B9E; }

td.details {
  background-color: #d1cfd0;
  border: 2px solid #A19B9E; }

.example_alt_pagination div.dataTables_info {
  width: 40%; }

.paging_full_numbers {
  width: auto;
  height: auto;
  min-height: 22px;
  line-height: 22px;
  white-space: nowrap;
  float: left; }

.paging_full_numbers span.paginate_button,
.paging_full_numbers span.paginate_active {
  border: 1px solid #aaa;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 2px 5px;
  margin: 0 3px;
  cursor: pointer;
  *cursor: hand; }

.paging_full_numbers span.paginate_button {
  background-color: #ddd; }

.paging_full_numbers span.paginate_button:hover {
  background-color: #ccc; }

.paging_full_numbers span.paginate_active {
  background-color: #99B3FF; }

table.display tr.even.row_selected td {
  background-color: #B0BED9; }

table.display tr.odd.row_selected td {
  background-color: #9FAFD1; }

/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
  background-color: #D3D6FF; }

tr.odd td.sorting_2 {
  background-color: #DADCFF; }

tr.odd td.sorting_3 {
  background-color: #E0E2FF; }

tr.even td.sorting_1 {
  background-color: #EAEBFF; }

tr.even td.sorting_2 {
  background-color: #F2F3FF; }

tr.even td.sorting_3 {
  background-color: #F9F9FF; }

/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
  background-color: #c4ffc4; }

tr.odd.gradeA td.sorting_2 {
  background-color: #d1ffd1; }

tr.odd.gradeA td.sorting_3 {
  background-color: #d1ffd1; }

tr.even.gradeA td.sorting_1 {
  background-color: #d5ffd5; }

tr.even.gradeA td.sorting_2 {
  background-color: #e2ffe2; }

tr.even.gradeA td.sorting_3 {
  background-color: #e2ffe2; }

tr.odd.gradeC td.sorting_1 {
  background-color: #c4c4ff; }

tr.odd.gradeC td.sorting_2 {
  background-color: #d1d1ff; }

tr.odd.gradeC td.sorting_3 {
  background-color: #d1d1ff; }

tr.even.gradeC td.sorting_1 {
  background-color: #d5d5ff; }

tr.even.gradeC td.sorting_2 {
  background-color: #e2e2ff; }

tr.even.gradeC td.sorting_3 {
  background-color: #e2e2ff; }

tr.odd.gradeX td.sorting_1 {
  background-color: #ffc4c4; }

tr.odd.gradeX td.sorting_2 {
  background-color: #ffd1d1; }

tr.odd.gradeX td.sorting_3 {
  background-color: #ffd1d1; }

tr.even.gradeX td.sorting_1 {
  background-color: #ffd5d5; }

tr.even.gradeX td.sorting_2 {
  background-color: #ffe2e2; }

tr.even.gradeX td.sorting_3 {
  background-color: #ffe2e2; }

tr.odd.gradeU td.sorting_1 {
  background-color: #c4c4c4; }

tr.odd.gradeU td.sorting_2 {
  background-color: #d1d1d1; }

tr.odd.gradeU td.sorting_3 {
  background-color: #d1d1d1; }

tr.even.gradeU td.sorting_1 {
  background-color: #d5d5d5; }

tr.even.gradeU td.sorting_2 {
  background-color: #e2e2e2; }

tr.even.gradeU td.sorting_3 {
  background-color: #e2e2e2; }

/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
  background-color: #ECFFB3; }

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
  background-color: #E6FF99; }

.ex_highlight_row #example tr.even:hover {
  background-color: #ECFFB3; }

.ex_highlight_row #example tr.even:hover td.sorting_1 {
  background-color: #DDFF75; }

.ex_highlight_row #example tr.even:hover td.sorting_2 {
  background-color: #E7FF9E; }

.ex_highlight_row #example tr.even:hover td.sorting_3 {
  background-color: #E2FF89; }

.ex_highlight_row #example tr.odd:hover {
  background-color: #E6FF99; }

.ex_highlight_row #example tr.odd:hover td.sorting_1 {
  background-color: #D6FF5C; }

.ex_highlight_row #example tr.odd:hover td.sorting_2 {
  background-color: #E0FF84; }

.ex_highlight_row #example tr.odd:hover td.sorting_3 {
  background-color: #DBFF70; }

/*
 * KeyTable
 */
table.KeyTable tr.focus td {
  background-color: #FFFACD !important; }
  table.KeyTable tr.focus td.focus {
    background-color: #0054B4 !important;
    color: #fff; }
    table.KeyTable tr.focus td.focus a {
      color: #fff; }
    table.KeyTable tr.focus td.focus [class^="icon-"], table.KeyTable tr.focus td.focus [class*=" icon-"] {
      background-image: url("/s/img/glyphicons-halflings-white.png"); }

table.KeyTable td.selected,
table.KeyTable tr.focus td.selected {
  background-color: #0054B4 !important;
  color: #fff; }
  table.KeyTable td.selected a,
  table.KeyTable tr.focus td.selected a {
    color: #fff; }
  table.KeyTable td.selected [class^="icon-"], table.KeyTable td.selected [class*=" icon-"],
  table.KeyTable tr.focus td.selected [class^="icon-"],
  table.KeyTable tr.focus td.selected [class*=" icon-"] {
    background-image: url("/s/img/glyphicons-halflings-white.png"); }

table.display tr.gradeA {
  background-color: #eeffee; }

table.display tr.gradeC {
  background-color: #ddddff; }

table.display tr.gradeX {
  background-color: #ffdddd; }

table.display tr.gradeU {
  background-color: #ddd; }

div.box {
  height: 100px;
  padding: 10px;
  overflow: auto;
  border: 1px solid #8080FF;
  background-color: #E5E5FF; }

table.display th {
  font-size: 11px;
  line-height: 16px;
  overflow: hidden;
  white-space: nowrap;
  border-right: none !important; }
  table.display th .DataTables_sort_icon {
    display: inline-block;
    float: right; }

table.display tr.odd.row_selected td {
  background-color: #EDA !important; }

table.display tr.even.row_selected td {
  background-color: #ffffcc !important; }

table.display tr.odd.applied td {
  background-color: #c2e2a3; }

table.display tr.even.applied td {
  background-color: #e9ffc4; }

table.display td {
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
  border-left: 1px dotted #aaa; }
  table.display td:first-child {
    border-left: none; }

table.display tfoot th {
  font-weight: bold !important;
  padding: 2px 4px 2px 10px !important; }
  table.display tfoot th.qty, table.display tfoot th.money, table.display tfoot th.r {
    text-align: right; }

table.display td.hidden,
table.display th.hidden {
  display: none !important; }

table th abbr {
  text-decoration: underline; }

table td.date {
  text-align: center; }

table td.money {
  text-align: right; }

table td.qty {
  text-align: right; }

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

table td.unit {
  text-align: center; }

table td.cspcid {
  text-align: right; }

table td.id {
  text-align: right; }

table td.strong.ui-state-default {
  color: #000; }

tr.even td.highlighted {
  background-color: #EAEBFF; }

tr.odd td.highlighted {
  background-color: #D3D6FF; }

.DTTT_container {
  text-align: right; }
  .DTTT_container .DTTT_button {
    padding: 0.3em 0.5em; }

.dataTables_filter input {
  background: #fff 4px center url("/s/img/i/binocular.png") no-repeat;
  padding: 4px 4px 4px 22px; }

.dataTables_length {
  margin: 4px;
  font-weight: normal;
  width: auto; }

.dataTables_processing {
  background: #fff 10px center url("/s/img/i/clock.png") no-repeat; }

.toolbar {
  text-align: right;
  margin-bottom: 10px; }
  .toolbar button {
    float: left;
    margin-left: 5px;
    overflow: hidden;
    height: 30px; }
    .toolbar button span {
      padding: 0 1em 0 0;
      text-indent: 100px; }
    .toolbar button.icon_only {
      width: 30px; }
      .toolbar button.icon_only span {
        text-indent: 100px; }
    .toolbar button.with_text span {
      display: inline-block;
      text-indent: 0;
      line-height: 30px;
      _zoom: 1;
      padding-left: 26px; }

.dataTables_wrapper {
  overflow: auto; }
  .dataTables_wrapper .toolbar {
    float: left;
    margin: 4px;
    border-left: 1px dotted #AAA; }
    .dataTables_wrapper .toolbar .filter span {
      padding-left: 100px;
      background: 5px 7px url("/s/img/i/filter.png") no-repeat; }
    .dataTables_wrapper .toolbar .printer span {
      padding-left: 100px;
      background: 5px 7px url("/s/img/i/printer.png") no-repeat; }
    .dataTables_wrapper .toolbar .excel span {
      padding-left: 100px;
      background: 5px 7px url("/s/img/i/page_white_excel.png") no-repeat; }
    .dataTables_wrapper .toolbar .pdf span {
      padding-left: 100px;
      background: 5px 7px url("/s/img/i/page_white_acrobat.png") no-repeat; }
    .dataTables_wrapper .toolbar .config span {
      background: 5px 7px url("/s/img/i/gear.png") no-repeat; }
    .dataTables_wrapper .toolbar .apply {
      font-weight: bold; }

.ui-layout-pane-center .dataTables_wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }
  .ui-layout-pane-center .dataTables_wrapper .display_wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 2px;
    overflow: auto; }

.dataTables_scroll {
  border-left: 1px solid #AAAAAA; }
  .dataTables_scroll th:first-child {
    border-left: none !important; }

.grid-filtered#grid {
  position: relative;
  min-height: 200px; }

.grid-filtered .filter-pane {
  width: 170px;
  position: absolute; }
  .grid-filtered .filter-pane .filter-box label {
    display: block; }
  .grid-filtered .filter-pane .filter-box select {
    margin: 5px 0 10px;
    width: 100%; }

.grid-filtered .data-table {
  margin-left: 180px; }

.grid-filtered .clearfix {
  clear: both; }

.data-grid-batch-controls {
  margin-left: 20px;
  position: absolute;
  top: -5px;
  right: -5px;
  padding: 10px 15px 5px 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  border-radius: 4px;
  z-index: 10; }
  .data-grid-batch-controls .btn-group {
    float: left; }
  .data-grid-batch-controls.data-grid-batch-controls-left {
    right: auto;
    left: 5px !important; }

.selected-cell {
  border-radius: 2px;
  padding: 2px; }

.selected-cell-block {
  display: block; }

.selected-cell-green {
  background-color: #bbffbb; }

.selected-cell-red {
  background-color: red;
  color: #fff; }

.selected-cell-red-text {
  color: red; }

td.selected .selected-cell-green {
  color: black; }

td.selected .selected-cell-red-text {
  color: #fff; }

.ui-tabs {
  padding: 0 !important; }

.ui-tabs-nav {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important; }
  .ui-tabs-nav li a.summary {
    background: 6px center url("/s/img/i/chart-up-color.png") no-repeat;
    padding-left: 28px; }
  .ui-tabs-nav li a.charts {
    background: 6px center url("/s/img/i/chart.png") no-repeat;
    padding-left: 28px; }

.ui-widget-header {
  font-size: 0.9em; }

.ui-tabs-panel {
  padding: 1em !important; }

.date_selector {
  font-size: 0.9em; }

.tabs.subtabs {
  width: 700px;
  border: none; }
  .tabs.subtabs .ui-tabs-nav {
    background: none;
    padding-left: 10px; }
  .tabs.subtabs .chart {
    width: 650px;
    height: 400px;
    line-height: 400px;
    text-align: center; }

.ui-autocomplete-loading {
  background: right center url("/s/img/indicator.gif") no-repeat; }

.ui-autocomplete .ui-menu-item {
  font-size: 11px !important; }
  .ui-autocomplete .ui-menu-item span.id {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 120px;
    margin-right: 0.5em;
    border-right: 1px dotted #aaa; }

.ui-dialog {
  padding: 0; }
  .ui-dialog .ui-dialog-titlebar {
    border-top: none;
    border-left: none;
    border-right: none; }
    .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
      line-height: 24px;
      font-weight: normal;
      font-size: 16px;
      text-shadow: #eee; }

#personnel-login-form {
  background: #fff 0 8px url("/s/img/i/lock_48.png") no-repeat;
  padding-left: 60px; }

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none; }

.sf-menu {
  line-height: 1.0;
  text-align: left; }

.sf-menu ul {
  position: absolute;
  top: -999em;
  width: 10em;
  /* left offset of submenus need to match (see below) */ }

.sf-menu ul li {
  width: 100%; }

.sf-menu li:hover {
  visibility: inherit;
  /* fixes IE7 'sticky bug' */ }

.sf-menu li {
  float: left;
  position: relative; }

.sf-menu a {
  display: block;
  position: relative; }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left: 0;
  top: 35px;
  /* match top ul list item height */
  z-index: 1000000; }

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top: -999em; }

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left: 10em;
  /* match ul width */
  top: 0; }

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top: -999em; }

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left: 10em;
  /* match ul width */
  top: 0; }

/*** DEMO SKIN ***/
.sf-menu {
  float: left;
  height: 35px;
  line-height: 35px; }

.sf-menu a {
  padding: 0 10px;
  text-decoration: none; }

.sf-menu a, .sf-menu a:visited {
  /* visited pseudo selector so IE6 applies text colour*/
  color: #fff;
  white-space: nowrap; }

.sf-menu li {
  background: #000; }

.sf-menu li li {
  background: #222; }

.sf-menu li li li {
  background: #333; }

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  background: #222;
  outline: 0; }

.sf-menu ul li:hover, .sf-menu ul li.sfHover,
.sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active {
  background: #111;
  outline: 0; }

/*** arrows **/
.sf-menu a.sf-with-ul {
  padding-right: 2.25em;
  min-width: 1px;
  /* trigger IE7 hasLayout so spans position accurately */ }

.sf-sub-indicator {
  position: absolute;
  display: block;
  right: .75em;
  top: 1.05em;
  /* IE6 only */
  width: 10px;
  height: 10px;
  text-indent: -999em;
  overflow: hidden;
  background: url("/s/img/jq/sf/arrows-ffffff.png") no-repeat -10px -100px;
  /* 8-bit indexed alpha png. IE6 gets solid image only */ }

a > .sf-sub-indicator {
  /* give all except IE6 the correct values */
  top: 12px;
  background-position: 0 -100px;
  /* use translucent arrow for modern browsers*/ }

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
  background-position: -10px -100px;
  /* arrow hovers for modern browsers*/ }

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
  background-position: -10px 0; }

.sf-menu ul a > .sf-sub-indicator {
  background-position: 0 0; }

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0;
  /* arrow hovers for modern browsers*/ }

/*** shadows for all but IE6 ***/
.sf-shadow ul {
  background: url("/s/img/jq/sf/shadow.png") no-repeat bottom right;
  padding: 0 8px 9px 0;
  -moz-border-radius-bottomleft: 17px;
  -moz-border-radius-topright: 17px;
  -webkit-border-top-right-radius: 17px;
  -webkit-border-bottom-left-radius: 17px; }

.sf-shadow ul.sf-shadow-off {
  background: transparent; }

#page-title {
  font-size: 14px;
  font-weight: bold;
  padding: 0.7em 20px; }

body {
  background-color: #f0f0f0;
  padding: 0; }

#page-content {
  margin: 0 auto;
  min-width: 960px;
  max-width: 1300px; }

#page-body {
  background: #fff;
  padding: 20px; }

#page-footer-copy {
  text-align: center;
  padding: 1em;
  font-size: 10px;
  font-weight: bold; }
  #page-footer-copy a {
    color: #333;
    text-decoration: none; }
    #page-footer-copy a:hover {
      text-decoration: underline; }

#id_personnel_login_form-username {
  width: 150px; }

#id_personnel_login_form-password {
  width: 150px; }

body.welcome-page {
  background: white !important; }

.welcome-page #page-content {
  min-width: 800px;
  max-width: 800px;
  width: 800px;
  background: 10px 0 url("/s/img/w/bg.gif") repeat-y; }

.welcome-page #page-content-wrapped {
  background: 0 bottom url("/s/img/w/bg-b.png") no-repeat;
  padding-bottom: 20px; }

.welcome-page #page-header {
  background: 0 0 url("/s/img/w/t.jpg") no-repeat;
  margin: 0 10px;
  height: 116px; }

.welcome-page #page-header-menu {
  height: 32px;
  background: black;
  margin: 0 10px;
  overflow: hidden; }

.welcome-page #header-rotator {
  height: 302px;
  overflow: hidden;
  margin: 0 11px; }

.welcome-page #content-decor {
  height: 23px;
  background: url("/s/img/w/bg-t.png") no-repeat;
  margin: 0 11px; }

.welcome-page #content #customer-login-form form {
  width: 300px;
  margin: 0 auto 65px; }

.welcome-page #content #customer-login-form #id_generic_login_form-username,
.welcome-page #content #customer-login-form #id_generic_login_form-password {
  width: 150px; }

.welcome-page #content #page-footer-copy, .welcome-page #content a {
  color: #999 !important; }

.welcome-page #content .body {
  margin: 0px 50px 50px 50px;
  text-align: center;
  font-size: 13px; }
  .welcome-page #content .body a {
    color: blue !important; }
  .welcome-page #content .body b {
    font-weight: bolder; }
  .welcome-page #content .body .title {
    font-size: 18px;
    margin-bottom: 20px; }
  .welcome-page #content .body .error {
    font-weight: bold;
    color: red; }
  .welcome-page #content .body .messages {
    margin-bottom: 10px;
    font-size: 14px; }

/*
 * jQuery Nivo Slider v2.5.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
/* The Nivo Slider styles */
.nivoSlider {
  position: relative; }

.nivoSlider img {
  position: absolute;
  top: 0px;
  left: 0px; }

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 6;
  display: none; }

/* The slices and boxes in the Slider */
.nivo-slice {
  display: block;
  position: absolute;
  z-index: 5;
  height: 100%; }

.nivo-box {
  display: block;
  position: absolute;
  z-index: 5; }

/* Caption styles */
.nivo-caption {
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: #000;
  color: #fff;
  opacity: 0.8;
  /* Overridden by captionOpacity setting */
  width: 100%;
  z-index: 8; }

.nivo-caption p {
  padding: 5px;
  margin: 0; }

.nivo-caption a {
  display: inline !important; }

.nivo-html-caption {
  display: none; }

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
  position: absolute;
  top: 45%;
  z-index: 9;
  cursor: pointer; }

.nivo-prevNav {
  left: 0px; }

.nivo-nextNav {
  right: 0px; }

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
  float: left;
  margin: 280px 0 0 15px; }

.nivo-controlNav a {
  position: relative;
  z-index: 9;
  cursor: pointer;
  display: block;
  width: 15px;
  height: 15px;
  text-indent: 100px;
  overflow: hidden;
  background: url("/s/img/w/sl-n.png") no-repeat;
  float: left;
  margin-left: 3px; }

.nivo-controlNav a.active {
  background: 0 -15px url("/s/img/w/sl-n.png") no-repeat; }

#header-rotator {
  position: relative;
  width: 778px;
  /* Change this to your images width */
  height: 302px;
  /* Change this to your images height */
  background: url("/s/img/w/ajax-loader.gif") no-repeat 50% 50%; }

form table th {
  vertical-align: baseline;
  line-height: 25px;
  padding: 0.2em;
  text-align: right; }
  form table th.slim {
    padding: 0 !important; }

form table td {
  vertical-align: baseline;
  line-height: 25px;
  padding-left: 2px;
  padding: 0.2em; }
  form table td.slim {
    padding: 0 !important; }

form table label {
  color: #333;
  white-space: nowrap; }

form .errorlist {
  color: red;
  font-size: 0.8em;
  margin-top: 0.1em;
  padding-left: 0.1em; }

form .errors .errorlist {
  border: 1px solid red;
  padding: 1em 1em 1em 3em;
  background: #fff3f3 1em 1em url("/s/img/i/cancel_16.png") no-repeat;
  line-height: 16px;
  margin-bottom: 1em; }

form .field-help-text {
  font-size: 11px;
  color: #666;
  margin-top: -5px; }

form input.date {
  width: 80px !important; }

/* Some resets for compatibility with existing CSS */
.date_selector, .date_selector * {
  width: auto;
  height: auto;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none; }

.date_selector {
  background: #F2F2F2;
  border: 1px solid #bbb;
  padding: 5px;
  margin: -1px 0 0 0;
  position: fixed;
  z-index: 100000;
  display: none; }

.date_selector_ieframe {
  position: fixed;
  z-index: 99999;
  display: none; }

.date_selector .nav {
  width: 17.5em;
  /* 7 * 2.5em */ }

.date_selector .month_nav, .date_selector .year_nav {
  margin: 0 0 3px 0;
  padding: 0;
  display: block;
  position: relative;
  text-align: center; }

.date_selector .month_nav {
  float: left;
  width: 55%; }

.date_selector .year_nav {
  float: right;
  width: 35%;
  margin-right: -8px;
  /* Compensates for cell borders */ }

.date_selector .month_name, .date_selector .year_name {
  font-weight: bold;
  line-height: 20px; }

.date_selector .button {
  display: block;
  position: absolute;
  top: 0;
  width: 18px;
  height: 18px;
  line-height: 17px;
  font-weight: bold;
  color: #003C78;
  text-align: center;
  font-size: 120%;
  overflow: hidden;
  border: 1px solid #F2F2F2; }

.date_selector .button:hover, .date_selector .button.hover {
  background: none;
  color: #003C78;
  cursor: pointer;
  border-color: #ccc; }

.date_selector .prev {
  left: 0; }

.date_selector .next {
  right: 0; }

.date_selector table {
  border-spacing: 0;
  border-collapse: collapse;
  clear: both; }

.date_selector th, .date_selector td {
  width: 2.5em;
  height: 2em;
  padding: 0;
  text-align: center;
  color: black; }

.date_selector td {
  border: 1px solid #ccc;
  line-height: 2em;
  text-align: center;
  white-space: nowrap;
  color: #003C78;
  background: white; }

.date_selector td.today {
  background: #FFFEB3; }

.date_selector td.unselected_month {
  color: #ccc; }

.date_selector td.selectable_day {
  cursor: pointer; }

.date_selector td.selected {
  background: #D8DFE5;
  font-weight: bold; }

.date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover {
  background: #003C78;
  color: white; }

#dialog-filter {
  margin-bottom: 1em; }
  #dialog-filter td {
    padding-left: 0.5em; }

.filter-table {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-right: 1em;
  vertical-align: top; }
  .filter-table label {
    margin-left: 0.5em; }

.filter-values-block {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-bottom: 1em;
  width: 100%; }
  .filter-values-block .filter-options {
    background: left center url("/s/img/i/gear.png") no-repeat;
    padding-left: 20px;
    border-bottom: none;
    text-decoration: none;
    margin-right: 0;
    font-weight: bold; }
    .filter-values-block .filter-options:hover {
      text-decoration: underline; }
  .filter-values-block dt {
    margin-right: 0.5em;
    font-weight: bold;
    display: inline;
    line-height: 1.5em; }
    .filter-values-block dt a {
      margin-right: 0.5em; }
  .filter-values-block dd {
    margin-right: 1em;
    display: inline;
    line-height: 1.5em; }
  .filter-values-block a {
    color: #222;
    border-bottom: 1px dotted #222;
    text-decoration: none;
    font-weight: normal; }

.filter-block .actions {
  text-align: center;
  padding-top: 10px; }

.filter-actions {
  vertical-align: top; }

.form-apply-price-changes table {
  width: 100%; }

.form-apply-price-changes th {
  width: 150px; }

.form-apply-price-changes .actions {
  padding-top: 10px !important;
  text-align: center; }

button {
  font-size: 11px !important; }

.filter-category,
.filter-products {
  overflow: hidden;
  padding: 0; }
  .filter-category ul,
  .filter-products ul {
    width: 200px;
    height: 100px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #999;
    padding: 0.5em 0; }
    .filter-category ul li,
    .filter-products ul li {
      width: 1000px;
      margin: 0;
      line-height: 1em; }

.chart {
  padding: 10px;
  text-align: center;
  border: 1px solid #ddd; }

.message {
  padding: 1em;
  line-height: 16px;
  margin-bottom: 1em; }
  .message.warning {
    border: 1px solid #ee0;
    background: #ffa 1em 1em url("/s/img/i/warning_16.png") no-repeat;
    padding-left: 3em; }

.site-messages {
  border-top: 1px solid white;
  background: white; }
  .site-messages .message {
    border-top: 1px solid #ee0;
    border-bottom: 1px solid #ee0;
    padding: 0.5em 0;
    background: #ffa 20px 0.5em url("/s/img/i/information-balloon.png") no-repeat;
    text-align: center;
    line-height: 16px;
    margin: 10px 0 0; }
    .site-messages .message span.file {
      display: inline-block;
      height: 16px;
      padding: 0 0 0 20px !important;
      background: 0 center url("/s/img/i/page_white_acrobat.png") no-repeat;
      line-height: 16px; }
      .site-messages .message span.file.html {
        background-image: url("/s/img/i/page_white.png"); }
      .site-messages .message span.file.xls {
        background-image: url("/s/img/i/page_white_excel.png"); }
      .site-messages .message span.file.xlsx {
        background-image: url("/s/img/i/page_white_excel.png"); }
      .site-messages .message span.file.pdf {
        background-image: url("/s/img/i/page_white_acrobat.png"); }
    .site-messages .message a {
      color: #000;
      text-decoration: underline !important; }
    .site-messages .message .hide-message-button {
      display: block;
      width: 16px;
      height: 16px;
      float: right;
      text-indent: 100px;
      overflow: hidden;
      background: 0 0 url("/s/img/i/broom.png")no-repeat;
      margin-right: 20px; }

.customer-page-purchase-history #summary .loading {
  color: #aaa; }

.customer-page-purchase-history #summary h2 {
  margin: 1em 0 0.4em;
  font-weight: bold; }

.customer-page-purchase-history #summary .customer-summary {
  width: 350px; }
  .customer-page-purchase-history #summary .customer-summary dt, .customer-page-purchase-history #summary .customer-summary dd {
    line-height: 1.5em; }
  .customer-page-purchase-history #summary .customer-summary dt {
    float: left;
    clear: left;
    width: 120px; }

.customer-page-purchase-history #summary table td {
  padding: 10px;
  vertical-align: top; }

.customer-page-purchase-history #summary .chart {
  width: 650px;
  height: 400px;
  line-height: 400px;
  text-align: center; }

.customer-page-purchase-history .filter-block input[type=text], .customer-page-purchase-history .filter-block select {
  width: 150px; }

.customer-page-profile dl dt {
  float: left;
  clear: left;
  width: 170px;
  font-weight: bold;
  line-height: 1.5em;
  margin-bottom: 0.5em; }

.customer-page-profile dl dd {
  line-height: 1.5em;
  margin-bottom: 0.5em; }

.customer-page-home #page-body {
  padding: 20px 10px; }

.customer-page-home #content {
  vertical-align: top;
  margin: 0px; }
  .customer-page-home #content div.page-column#column-1 {
    float: left;
    width: 50%; }
  .customer-page-home #content div.page-column#column-2 {
    float: right;
    width: 49%; }
  .customer-page-home #content .module {
    border: 1px solid #aaa;
    margin: 0 10px 20px; }
    .customer-page-home #content .module .module-header {
      background: #CCC url("/s/img/ui/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
      color: #222;
      line-height: 32px;
      font-size: 16px;
      margin-bottom: 0;
      border-bottom: 1px solid #aaa; }
      .customer-page-home #content .module .module-header h1 {
        padding-left: 64px;
        text-shadow: #eee; }
    .customer-page-home #content .module .module-content {
      padding: 15px;
      color: #333; }
      .customer-page-home #content .module .module-content table {
        width: 100%;
        font-size: 12px; }
      .customer-page-home #content .module .module-content th {
        font-weight: bold;
        padding: 4px 2px;
        border-bottom: 1px solid #aaa; }
      .customer-page-home #content .module .module-content td {
        padding: 4px 4px;
        overflow: hidden;
        white-space: nowrap; }
      .customer-page-home #content .module .module-content td.empty {
        text-align: center;
        padding: 10px; }
      .customer-page-home #content .module .module-content .period {
        width: 150px;
        text-align: center; }
      .customer-page-home #content .module .module-content .date {
        width: 70px;
        text-align: center; }
      .customer-page-home #content .module .module-content .qty {
        width: 70px;
        text-align: right; }
    .customer-page-home #content .module .module-footer {
      padding: 0 10px 10px 10px;
      font-size: 12px;
      text-align: right; }
      .customer-page-home #content .module .module-footer a {
        text-decoration: none;
        color: #666; }
        .customer-page-home #content .module .module-footer a:hover {
          text-decoration: underline;
          color: #333; }
  .customer-page-home #content .discounts h1 {
    background: 0 -5px url("/s/img/i/50_percent_off.png") no-repeat; }
  .customer-page-home #content .last-purchases h1 {
    background: 0 -5px url("/s/img/i/insert_to_shopping_cart.png") no-repeat; }
  .customer-page-home #content .points h1 {
    background: 0 -5px url("/s/img/i/dollar_currency_sign.png") no-repeat; }
  .customer-page-home #content .rewards h1 {
    background: 0 -5px url("/s/img/i/star.png") no-repeat; }
  .customer-page-home #content li {
    line-height: 1.5em; }
  .customer-page-home #content strong {
    font-weight: bold; }
  .customer-page-home #content .clear {
    clear: both; }

.personnel-page-purchase-history #summary .loading,
.personnel-page-customers #summary .loading,
.personnel-page-rewards #summary .loading {
  color: #aaa; }

.personnel-page-purchase-history #summary h2,
.personnel-page-customers #summary h2,
.personnel-page-rewards #summary h2 {
  margin: 1em 0 0.4em;
  font-weight: bold; }

.personnel-page-purchase-history #summary .customer-summary,
.personnel-page-customers #summary .customer-summary,
.personnel-page-rewards #summary .customer-summary {
  width: 350px; }
  .personnel-page-purchase-history #summary .customer-summary dt, .personnel-page-purchase-history #summary .customer-summary dd,
  .personnel-page-customers #summary .customer-summary dt,
  .personnel-page-customers #summary .customer-summary dd,
  .personnel-page-rewards #summary .customer-summary dt,
  .personnel-page-rewards #summary .customer-summary dd {
    line-height: 1.5em; }
  .personnel-page-purchase-history #summary .customer-summary dt,
  .personnel-page-customers #summary .customer-summary dt,
  .personnel-page-rewards #summary .customer-summary dt {
    float: left;
    clear: left;
    width: 120px; }

.personnel-page-purchase-history #summary table td,
.personnel-page-customers #summary table td,
.personnel-page-rewards #summary table td {
  padding: 10px;
  vertical-align: top; }

.personnel-page-purchase-history #summary .chart,
.personnel-page-customers #summary .chart,
.personnel-page-rewards #summary .chart {
  width: 650px;
  height: 400px;
  line-height: 400px;
  text-align: center; }

.personnel-page-purchase-history .filter-block input[type=text], .personnel-page-purchase-history .filter-block select,
.personnel-page-customers .filter-block input[type=text],
.personnel-page-customers .filter-block select,
.personnel-page-rewards .filter-block input[type=text],
.personnel-page-rewards .filter-block select {
  width: 150px; }

/*! fancyBox v2.0.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
  vertical-align: top;
  padding: 0;
  margin: 0; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1002; }

.fancybox-outer {
  position: relative;
  padding: 0;
  margin: 0;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.fancybox-opened {
  z-index: 1003; }

.fancybox-opened .fancybox-outer {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-inner {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  outline: none;
  overflow: hidden; }

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 10px; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: top; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("/s/img//fb/fancybox_sprite.png"); }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 1010; }

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("/s/img//fb/fancybox_loading.gif") center center no-repeat; }

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 1004; }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  background: transparent url("/s/img//fb/blank.gif");
  /* helps IE */
  z-index: 1003; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 36px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 1003;
  visibility: hidden; }

.fancybox-prev span {
  left: 20px;
  background-position: 0 -36px; }

.fancybox-next span {
  right: 20px;
  background-position: 0 -72px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  padding: 0;
  overflow: visible;
  visibility: hidden; }

/* Overlay helper */
#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 1001;
  background: #000; }

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 1005; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 1003;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  margin-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

#sandbox-message {
  position: fixed;
  top: 0;
  background: #FFF5C3;
  color: #000;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid black;
  z-index: 20000; }

body.sandbox #page-content {
  margin-top: 40px !important; }

.portal #page-content {
  max-width: none !important; }

#training-mode-badge {
  position: fixed;
  z-index: 400000;
  background: #c00;
  color: #fff;
  padding: 0.5em 20px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-box-shadow: 0 1px 1px 0 #000;
  -webkit-box-shadow: 0 1px 1px 0 #000;
  box-shadow: 0 1px 1px 0 #000;
  width: 100px;
  left: 50%;
  margin-left: -70px;
  text-align: center;
  font-weight: bold;
  font-size: 13px; }

.please-wait-dlg {
  width: 400px;
  margin-left: -200px; }
  .please-wait-dlg .modal-body p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 26px;
    padding-left: 36px;
    background: left top url("/s/img/clock.png") no-repeat; }
  .please-wait-dlg.error .modal-body {
    background: rgba(255, 50, 0, 0.2); }
    .please-wait-dlg.error .modal-body p {
      background: left top url("/s/img/error.png") no-repeat !important; }
  .please-wait-dlg.info .modal-body p {
    background: left top url("/s/img/info.png") no-repeat !important; }