/*
    ====================================================================================================================
                   _
      ___ ___   __| | _____      _____  __ ___   _____ _ __ ___ 
     / __/ _ \ / _` |/ _ \ \ /\ / / _ \/ _` \ \ / / _ \ '__/ __|
    | (_| (_) | (_| |  __/\ V  V /  __/ (_| |\ V /  __/ |  \__ \
     \___\___/ \__,_|\___| \_/\_/ \___|\__,_| \_/ \___|_|  |___/
    ====================================================================================================================
*/

/*
  -------------------------------
    CodeWeavers Palette
        Dark Blue:     #044469;
        Light Blue:    #1D5778;
        Orange:        #f86b23;
        Light Orange:  #f9a331;
        Light Grey:    #e8e8e8;
  -------------------------------
*/

/*
  =====================================================================================================================
    site fonts
  =====================================================================================================================
*/

@font-face {
    font-family: HelveticaBlack;
    src: url(https://media.codeweavers.com/pub/crossover/website/fonts/HelveticaNeue-Black.otf);
    font-weight: bold;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://media.codeweavers.com/pub/crossover/website/fonts/Roboto-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://media.codeweavers.com/pub/crossover/website/fonts/Roboto-Medium.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://media.codeweavers.com/pub/crossover/website/fonts/Roboto-Bold.ttf) format('truetype');
}

/*
  =====================================================================================================================
    base body
  =====================================================================================================================
*/

html, body { height: 100%; }

body {
    font-family: 'Roboto', sans-serif;
}

/*
  =====================================================================================================================
    bootstrap tweaks
  =====================================================================================================================
*/

/* a buttons should have black text */
A.btn.btn-default {
    color: #000;
}

/* make a drop down menu scrollable */
UL.dropdown-menu.dropdown-scroll {
    height: auto;
    max-height: 505%;
    overflow-x: hidden;
}

/* make a drop down menu scrollable */
DIV.dropdown-menu.dropdown-form {
    width: 300px;
    padding: 0.5em;
}

/* remove input focus glow */
input.form-control:focus {
    box-shadow: none;
}

/* remove style from pre tags */
PRE {
  background-color: inherit; color: inherit;
  border: none; border-radius: none;
}

/* add an orange button type */
.btn-orange {
    background-image: linear-gradient(to bottom,#fa9765 0, #f86b23 100%);
    border: 1px solid #f86b23;
}
.btn-orange:hover {
    background: #BE6F46;
    border: 1px solid #f86b23;
}

/* add an red button type */
.btn-red {
    background-image: linear-gradient(to bottom,#CC4C52 0, #cf232c 100%);
    border: 1px solid #cf232c;
}
.btn-red:hover {
    background: #CC4C52;
    border: 1px solid #cf232c;
}

/* slim style button */
.btn-skinny {
    padding-top: 0.15em !important;
    padding-bottom: 0.15em !important;
}

/* make a form control inline */
input.form-control-inline {
    display: inline;
    width: 100%;
}
select.form-control-inline {
    display: inline;
    width: auto;
}

/* make a form control inline and not full width */
input.form-control-auto {
    display: inline;
    width: auto;
}

/* alternating background color for form groups */
.form-group.form-stack:nth-child(even) {
    background-color: #f9f9f9;
    border-radius: 5px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
.form-group.form-stack {
    margin-right: 0;
    margin-left: 0;
}

/*
 * ====================================================================================================================
 * jquery-ui tweaks
 * ====================================================================================================================
 */

/* default overlay */
.ui-widget-overlay { background-image: none !important; background-color: #333333 !important; opacity: .80 !important; filter:Alpha(Opacity=80); }

/* jquery-ui dialog using bootstrap alert class */
.alert .ui-dialog-titlebar { display:none; }

/* jquery.tools.expose */
#exposeCammoMask
{
    background-color: #8c9557;
    background-image: url(../images/bg_cammo.png);
}


/*
    ====================================================================================================================
    CodeWeavers Website Default Theme
    ====================================================================================================================
*/

/* header sizes */
H1           { font-size: 28px; }
H2           { font-size: 24px; }
H3           { font-size: 18px; }
H4           { font-size: 14px; }
H5           { font-size: 12px; }

/* default link colors */
A            { color: #06456b; text-decoration: none; }
A:visited    { color: #06456b; text-decoration: none; }
A:hover      { color: #FF6666; text-decoration: underline; text-shadow: 1px 0 0 rgba(210, 185, 185, 0.5); -webkit-transition: color 275ms linear; }
A:active     { color: #FF0000; text-decoration: none; }
A.hidden     { text-decoration: none; color: inherit; }

/* fake link colors */
SPAN.link           { color: #06456b; text-decoration: none; cursor: pointer; }
SPAN.link:hover     { color: #FF6666; text-decoration: underline; }
SPAN.link:active    { color: #FF0000; text-decoration: none; }

/* misc Sizes */
.tiny        { font-size: 0.65em; }
.small       { font-size: 0.75em; }
.bulky       { font-size: 1.25em; }
.large       { font-size: 1.5em; }
.big         { font-size: 2em; font-weight: bold; }
.huge        { font-size: 3em; font-weight: bolder; }
.gigantic    { font-size: 4em; font-weight: bolder; }
.monsterous  { font-size: 5em; font-weight: bolder; }

/* background colors */
.vltgrey     { background-color: #f9f9f9; }
.ltgrey      { background-color: #efefef; }
.grey        { background-color: #c0c0c0; }
.white       { background-color: #ffffff; }
.dkgrey      { background-color: #002434; }
.ltblack     { background-color: #999999; }
.black       { background-color: #000000; }
.blueish     { background-color: #bed5f7; }
.yellowish   { background-color: #FFFFCC; }
.cwblue      { background-color: #044469; }
.cworange    { background-color: #f86b23; }
.cwred       { background-color: #cf232c; }

/* text colors */
.inverse            { color: #ffffff; }
.inverse:visited    { color: #ffffff; }
.success            { color: #008000; }
.success:visited    { color: #008000; }
.error              { color: #ff0000; }
.error:visited      { color: #ff0000; }
.disabled           { color: #999999; }
.disabled:visited   { color: #999999; }
.normal             { color: #000000; font-weight: normal; }
.water              { color: #6060ff; }
.good               { color: #60ff60; }
.warning            { color: #fffa00; }
.blueman            { color: #335184; text-shadow: 1px 1px 0px rgba(175, 210, 220, 0.8); }
.narrow-letter      { letter-spacing: -1px; }
.shadow             { text-shadow: 1px 1px 0px rgba(210, 210, 210, 0.8); }
.txt_orange         { color: #f37321; }
.txt_orange:visited { color: #f37321; }
.txt_blue           { color: #044469; }
.txt_blue:visited   { color: #044469; }
.txt_red            { color: #cf232c; }
.txt_red:visited    { color: #cf232c; }

/* fonts */
.HelveticaBlack     { font-family: HelveticaBlack; }

/* prevent text selection */
.unselectable
{
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

/* hide any element */
.noshow { display: none; }

/* floats */
.css_right { float: right; }
.css_left { float: left; }

/* inline block element */
.css_inline { display: inline-block; }

/* force block element */
.css_block { display: block !important; }

/* blockquote */
blockquote { font-size: inherit; }

/* horizonal rules */
HR { border-top: 1px solid #d4d4d4; }

/* DIV styles */
DIV.align_center    { float: none; margin-left: auto ; margin-right: auto ; }
DIV.center-div      { float: none; display: table; margin: 0 auto; }
DIV.clear           { clear: both; margin: 0px; padding: 0px; }

/* Force Border Box Sizing */
.border-box         { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

/* Padding and Margin Removal */
.nomargin        { margin: 0px !important; }
.nomargin-top    { margin-top: 0px !important; }
.nomargin-bottom { margin-bottom: 0px !important; }
.nopadding       { padding: 0px !important; }

/* add margins */
.margin-xs         { margin: 0.25em; }
.margin-sm         { margin: 0.5em; }
.margin-md         { margin: 1.0em; }
.margin-lg         { margin: 2.0em; }
.margin-xl         { margin: 3.0em; }
.margin-top-xs     { margin-top: 0.25em; }
.margin-top-sm     { margin-top: 0.5em; }
.margin-top-md     { margin-top: 1.0em; }
.margin-top-lg     { margin-top: 2.0em; }
.margin-top-xl     { margin-top: 3.0em; }
.margin-right-xs   { margin-right: 0.25em; }
.margin-right-sm   { margin-right: 0.5em; }
.margin-right-md   { margin-right: 1.0em; }
.margin-right-lg   { margin-right: 2.0em; }
.margin-right-xl   { margin-right: 3.0em; }
.margin-bottom-xs  { margin-bottom: 0.25em; }
.margin-bottom-sm  { margin-bottom: 0.5em; }
.margin-bottom-md  { margin-bottom: 1.0em; }
.margin-bottom-lg  { margin-bottom: 2.0em; }
.margin-bottom-xl  { margin-bottom: 3.0em; }
.margin-left-xs    { margin-left: 0.25em; }
.margin-left-sm    { margin-left: 0.5em; }
.margin-left-md    { margin-left: 1.0em; }
.margin-left-lg    { margin-left: 2.0em; }
.margin-left-xl    { margin-left: 3.0em; }

/* add padding */
.padding-xs        { padding: 0.25em; }
.padding-sm        { padding: 0.5em; }
.padding-md        { padding: 1.0em; }
.padding-lg        { padding: 2.0em; }
.padding-xl        { padding: 3.0em; }
.padding-top-xs    { padding-top: 0.25em; }
.padding-top-sm    { padding-top: 0.5em; }
.padding-top-md    { padding-top: 1.0em; }
.padding-top-lg    { padding-top: 2.0em; }
.padding-top-xl    { padding-top: 3.0em; }
.padding-right-xs  { padding-right: 0.25em; }
.padding-right-sm  { padding-right: 0.5em; }
.padding-right-md  { padding-right: 1.0em; }
.padding-right-lg  { padding-right: 2.0em; }
.padding-right-xl  { padding-right: 3.0em; }
.padding-bottom-xs { padding-bottom: 0.25em; }
.padding-bottom-sm { padding-bottom: 0.5em; }
.padding-bottom-md { padding-bottom: 1.0em; }
.padding-bottom-lg { padding-bottom: 2.0em; }
.padding-bottom-xl { padding-bottom: 3.0em; }
.padding-left-xs   { padding-left: 0.25em; }
.padding-left-sm   { padding-left: 0.5em; }
.padding-left-md   { padding-left: 1.0em; }
.padding-left-lg   { padding-left: 2.0em; }
.padding-left-xl   { padding-left: 3.0em; }

/* add padding */
.padding_half    { padding: 0.5em; }
.padding_one     { padding: 1em; }

/* add margin */
.margin_half     { margin: 0.5em; }
.margin_one      { margin: 1em; }

/* vertical align */
.vertical-align-top { vertical-align: top; }
.vertical-align-middle { vertical-align: middle; }

/* disable wrapping */
.nowrap          { white-space:nowrap; }

/* text styles */
.bold                   { font-weight: bold; }
.bolder                 { font-weight: bolder; }
.italic                 { font-style: italic; }
.strike                 { text-decoration: line-through; }
.underline              { text-decoration: underline; }
.center, .text_center   { text-align: center; }
.justify, .text_justify { text-align: justify; }
.text_right             { text-align: right; }
.text_left              { text-align: left; }

/* other misc overrides */
.cursor             { cursor: pointer; }
.absmiddle IMG      { vertical-align: top; }
.blip               { color: #ff0000; font-size: 10px; }
.border             { background-color: #d4d4d4; }
.noborder           { border: none !important; }
.gline              { border-top: 1px solid #d4d4d4; width: 100%; }
.indent             { margin-left: 1.75em; }

/* IMG options */
IMG                 { border: 0; text-decoration: none !important; }
IMG.absmiddle       { vertical-align: top; }
IMG.fill-width      { width: 100%; }

/* List Options */
LI.roomy            { padding-bottom: 10px; }
UL.roomy LI         { padding-bottom: 10px; }
OL.roomy LI         { padding-bottom: 10px; }
UL.small LI         { font-size: 10px; }
ul.ulmenu           { box-sizing:border-box; -moz-box-sizing:border-box; display: block; list-style: none; margin: 0px; padding: 0px; }
ul.ulmenu > li      { box-sizing:border-box; -moz-box-sizing:border-box; float: left; padding: 0px 5px 5px 0; list-style-image:none !important; line-height: 1em;}

UL.plst             { padding-left: 1.75em; display: inline-block; list-style: none; }
UL.plst li:before   { content: '\f0eb'; font-family: FontAwesome; width: 1.75em; margin-left: -1.75em; margin-right: 1.1em; }

UL.flst             { padding-left: 1.75em; display: inline-block; list-style: none; }
UL.flst li:before   { content: '\f0c6'; font-family: FontAwesome; width: 1.75em; margin-left: -1.75em; margin-right: 0.5em; }

UL.gcheck           { padding-left: 1.75em; display: inline-block; list-style: none; }
UL.gcheck li:before { content: '\f00c'; font-family: FontAwesome; width: 1.75em; margin-left: -1.75em; margin-right: 0.5em; color: green; }

UL.warn             { padding-left: 1.75em; display: inline-block; list-style: none; }
UL.warn li:before   { content: '\f071'; font-family: FontAwesome; width: 1.75em; margin-left: -1.75em; margin-right: 0.5em; color: orange; }

UL.nostyle          { list-style: none; padding: 0px; }

/* Delete List Block */
UL.deletelist           { display: none; list-style: none; padding-left: 1.75em; border: 1px solid #999; border-radius: 2px; }
UL.deletelist LI        { padding: 0.25em; }
UL.deletelist LI:before { content: '\f014'; font-family: FontAwesome; width: 1.95em; margin-left: -1.5em; margin-right: 0.5em; color: #888; cursor: pointer; }
UL.deletelist LI:nth-child(even) { background-color: #eee; }

/* topFixed (uses function in utils.js) */
.topfixed-set       { position: fixed; top: 0; z-index: 60; }

/* main content well section titles */
.body_title {
    font-family: HelveticaBlack;
    margin: 0.8em 0 0.2em 0;
    color: #f37321;
    font-weight: normal;
}
.body_title A:visited { color: #06456b; }
.body_title A:hover   { color: #FF6666; }
.body_title A:active  { color: #06456b; }

.sub_title {
    color: #f37421;
}
.sub_title A:visited  { color: #f37421; }
.sub_title A:hover    { color: #FF6666; }
.sub_title A:active   { color: #f37421; }
.body_text            { line-height: 26px; font-size: 14px; color: #0A0A0A; }
.newstitle            { font-weight: bold; color: #002434; text-shadow: 1px 1px 0px rgba(175, 210, 220, 0.8); }

/* multiline product title */
.prod-title {
    font-size: 225%;
    color: #044469;
    font-family: HelveticaBlack;
    text-transform: uppercase;
}
.prod-title span {
    color: #f86b23;
}
@media (max-width: 600px) {
    .prod-title {
        font-size: 150%;
    }
}

/* Social Buttons */
div.social_buttons           { display: inline-block; width: 290px; margin: 5px; padding: 0; }
div.social_buttons div.gplus { display: inline-block; width: 80px; float: left; margin: 0; padding: 0; }
div.social_buttons div.tweet { display: inline-block; width: 100px; float: left; margin: 0; padding: 0; }
div.social_buttons div.fbook { display: inline-block; width: 80px; float: left; margin: 0; padding: 0; }

/* calendar table */
TABLE.calendar                        { width: 100%; padding: 0px; margin: 0px; }
TABLE.calendar CAPTION.calendar-month { font-size: 12px; font-weight: bold; color: #335184; border-bottom: 1px solid #999999; }
TABLE.calendar TH                     { font-size: 9px; font-weight: bold; padding: 0px; margin: 0px; }
TABLE.calendar TD                     { font-size: 10px; vertical-align: middle; text-align: center; padding: 0px; margin: 0px; }
TABLE.calendar TD.calendar-day        { font-weight: bold; background-color: #CCCCCC; }
TABLE.calendar TD.calendar-prev       { font-weight: bold; }
TABLE.calendar TD.calendar-next       { font-weight: bold; }

/* add a dropshadow */
.dropshadow
{
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}

/* image thumbnail rounding */
IMG.thumbround
{
    border-radius: 15px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}

/* imgblob (tableEditor) */
IMG.imgblob
{
    cursor: pointer;
}

/* gray gradient background (veritcal) */
.greyshade
{
    background: #999;
    background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));
    background: -moz-linear-gradient(top,  #ccc,  #999);
}

/* light gray gradient background (horizontal)*/
.ltgreyshade
{
    background: #efefef;
    background: -webkit-gradient(linear, right top, left top, from(#c0c0c0), to(#efefef));
    background: -moz-linear-gradient(right,  #c0c0c0,  #efefef);
}

/* very light gray gradient background (horizontal)*/
.vltgreyshade
{
    background: #ffffff;
    background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(#efefef));
    background: -moz-linear-gradient(right,  #ffffff,  #efefef);
}

/* alt very light gray gradient background (horizontal)*/
.ltgreyshadealt
{
    background: #ffffff;
    background: -webkit-gradient(linear, right top, left top, from(#e0e0e0), to(#ffffff));
    background: -moz-linear-gradient(right,  #e0e0e0, #ffffff);
}

/* standard border */
.stdborder
{
    border: 1px solid #999999;
}

/* rounded corners */
.cornerround
{
    border-radius: 10px;
}

/* rounded corners (top only) */
.cornerround_top
{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* dotted box */
div.dd_box
{
    clip:  inherit;
    clear: both;
    border: 2px dotted #C0C0C0;
    margin: 0;
    padding: 5px;
    border-radius: 10px;
}

/* simple white grey border box */
div.do_box
{
    clip:  inherit;
    clear: both;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    margin: 0;
    padding: 1em;
    border-radius: 4px;
}

/* rounded corner standard box (transparent bg) */
div.ds_box
{
    clip: inherit;
    clear: both;
    background-color: rgba(128,128,128,0.2);
    border: 1px outset #d4d4d4;
    margin: 0;
    padding: 5px;
    border-radius: 10px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}

/* rounded corner overblown gradient white box (transparent bg) */
div.dw_box
{
    clip:  inherit;
    margin: 0;
    padding: 5px;
    background: #efefef;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.9)), to(rgba(180,180,180,0.95)));
    background: -moz-linear-gradient(top, rgba(255,255,255,0.95), rgba(180,180,180,0.9));
    border: 2px solid #d4d4d4;
    border-radius: 10px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}

/* checkbox fontawesome */
i.fa-cbox             { display: inline-block; width: 1.1em; line-height: 1.2em; font-size:1.2em; padding-right: 0.25em; cursor: pointer; }
i.fa-cbox:before      { content: '\f096'; font-family: FontAwesome; }
i.fa-cbox:hover       { color: red; }
i.fa-cbox-sel:before  { content: '\f046'; }
i.fa-cbox-wait:before {
    content: '\f013';
    animation-name: cbox_wait_spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes cbox_wait_spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* PopUp openDropDown */
BODY.dropframe { padding: 0px; }
DIV.dropframe_db { display: none; }

/* POPUP ToolBar */
DIV.dropframe_toolbar
{
  margin: 0 0 0 0 !important;
  padding: 0 !important;
}
DIV.dropframe_toolbar H3.body_title { display: none; }
DIV.dropframe_toolbar TR.frame_toolbar TD { border: 0; height: 28px; background-position: 4px 6px; }
DIV.dropframe_toolbar TR.frame_toolbar
{
    padding: 0;
    border: 0; border-bottom: 1px solid #c0c0c0;
}

/* Toolbar */
ul.toolbar
{
    list-style-type: none; padding: 0; margin: 0;
}
ul.toolbar li img { vertical-align: middle; }
ul.toolbar li
{
    float: left; margin: 0.25em; padding: 0.25em; text-align: left;
}
ul.toolbar li.lin
{
    height: 23px; margin: 0 4px 0 4px; padding: 0;
    border-left: 1px inset rgba(50,50,50,0.2);
}
ul.toolbar li.btn:hover
{
    background-color: #ccc;
}

ul.toolbar li.tbtn             { background-color: #ddd; color: #ffffff; }
ul.toolbar li.pbtn             { background-color: #335184; color: #ffffff; }


/*
  =====================================================================================================================
    DocBook Styles -- only used in documentation pages
  =====================================================================================================================
*/

/* DocBook 'Paragraphs' */
.screen     { 
             background-color: #E0D0D0; padding: 0.5ex;
             white-space: pre;
             white-space: pre-wrap;
             word-wrap: break-word;
             white-space: -moz-pre-wrap;
             white-space: -pre-wrap;
             white-space: -o-pre-wrap;
            }
.question   { border-top: dashed thin; font-weight: bolder; }


/* DocBook Inline elements */
.guibutton, .guilabel, .guimenu, .guimenuitem { font-style: italic; }
.userinput  { font-size: 16px; font-weight: bolder; }
.filename   { font-family: 'Andale Mono', monospace; }


/*
  =====================================================================================================================
    Emoji
  =====================================================================================================================
*/

i.emoji
{
    font-style: normal;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
    font-size: 125%;
}

/*
  =====================================================================================================================
    PN Buttons (prev/next for table browsing)
  =====================================================================================================================
*/

/* pn button tables */
UL.pn-buttons {
    list-style-type: none;
    display: table;
    margin: 1em 0 1em 0;
    padding: 0;
}
UL.pn-buttons > LI {
    display: table-cell;
    padding: 0;
    white-space:nowrap;
}
UL.pn-buttons > LI:nth-child(2) { width: 100%; text-align: center; }

UL.pn-buttons > LI > B.pn_sel, UL.pn-buttons > LI > SPAN.disabled
{
    display: inline-block;
    margin: 0 0.2em 0 0.2em; padding: 0.2em 0.5em 0.2em 0.5em;
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    background-color: #efefef;
    color: #999999;
}

UL.pn-buttons > LI > A
{
    display: inline-block;
    margin: 0 0.2em 0 0.2em; padding: 0.2em 0.5em 0.2em 0.5em;
    color: #000000;
    text-decoration: none;
    text-align: center;
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.5);
}
UL.pn-buttons > LI > A:hover
{
    background-color: #c0c0c0;
    color: #ff0000;
}

@media(max-width:480px){
    UL.pn-buttons-top > LI:nth-child(2) > B, UL.pn-buttons-top > LI:nth-child(2) > A {
        display: none;
    }
}

/*
  =====================================================================================================================
    tableEditor
     uses mostly bootstrap styles
  =====================================================================================================================
*/

/* toolbar */
DIV.teToolbar
{
    clear: both;
    height: 45px;
    margin: 0; padding: 8px 0 0 0;
}

/* browse toolbar */
DIV.teBrowseToolbar
{

}

/* edit toolbar */
DIV.teEditToolbar
{
    
}

/* edit form wrapper */
DIV.teEditForm {
    padding: 0.5em;
}

/* edit form label */
DIV.teEditForm label {
    color: #555;
}

/* browse mode table */
TABLE.teTable {
    width: 100%;
}
TABLE.teTable THEAD TR TH {
    background: #202628;
    color: #fff;
}
TABLE.teTable THEAD TH A {
    color: #fff;
}
TABLE.teTable THEAD TR TH:first-child
{
    border-top-left-radius: 5px;
}
TABLE.teTable THEAD TR TH:last-child
{
    border-top-right-radius: 5px;
}
TABLE.teTable TBODY TR:nth-child(even) {
    background: #eee;
}
TABLE.teTable TBODY TR:hover, TABLE.teTable TBODY TR:nth-child(even):hover {
    background: #FFFCD7;
}
TABLE.teTable DIV.teSort {
    margin: 0;
    white-space: nowrap;
}
TABLE.teTable DIV.teSort I.teSort-sel {
    color: red;
}
@media(max-width:768px){
    TABLE.teTable DIV.teSort {
        display: none;
    }
}


/*
  =====================================================================================================================
    Default Form Style
  =====================================================================================================================
*/

INPUT[type=text], INPUT[type=password], INPUT[type=email], INPUT[type=url], TEXTAREA, SELECT, .form_field
{
    border: 1px solid #ccc;
    outline: none;
    border-radius: 3px;
}

INPUT.error, TEXTAREA.error, SELECT.error, .form_field.error
{
    color: #000000;
    background-color: #ff947b;
    border: 1px inset #ff4545;
}

INPUT.disabled, TEXTAREA.disabled, SELECT.disabled
{
    background-color: #EFEFEF; color: #999999; border: 1px solid #999999;
}

TEXTAREA
{
    resize: none;
}

/* big checkbox */
input[type='checkbox'].bigcheck {
    zoom: 2;
    margin: 0.25em 0.5em 0 0;
    vertical-align: top;
    float: left;
}

/* upload button (make normal file upload invisible, and replace with our own elements) */
.fileupload-wrapper {
}
.fileupload-wrapper .fileupload-input {
    background-color: white !important;
}
.fileupload-wrapper .fileupload-file {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: pointer !important;
    display: block;
}

/* on off button */
.btn-onoff {
    margin: 0; padding: 0;
    cursor: pointer;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-onoff-on, .btn-onoff-off, .btn-onoff-on i, .btn-onoff-off i, .btn-onoff-on span, .btn-onoff-off span {
    display: inline-block;
    vertical-align: middle;
}

/* attachment upload table */
#attTable td { padding: 1em; }
#attTable td.attThumb { width: 100px; }
#attTable td.attThumb img { max-width: 80px; }
#attTable td.attDesc { width: 100%; }

/*
    ====================================================================================================================
      *** CODEWEAVERS BUTTONS (MARKETING) ***
    ====================================================================================================================
*/

.cw-btn {
    display: inline-block;
    width: 275px;
    font-size: 21px;
    text-align: center;
    padding: 0.25em 0 0.25em 0;
    margin: 0.25em 0.25em 0.25em 0;
}

.cw-btn-nostretch {
    width: auto;
    font-size: 18px;
    font-weight: bold;
    padding: 0.25em 0.5em 0.25em 0.5em;
}

.cw-btn-sorange {
    color: #ffffff !important;
    background-color: #f86b23;
    border: 2px solid #f86b23;
}
.cw-btn-sorange:hover {
    background-color: #f9a331;
    border: 2px solid #f9a331;
}

.cw-btn-sblue {
    color: #ffffff !important;
    background-color: #044469;
    border: 2px solid #044469;
}
.cw-btn-sblue:hover {
    background-color: #1D5778;
    border: 2px solid #1D5778;
}

.cw-btn-twhite {
    color: #ffffff !important;
    background-color: transparent;
    border: 2px solid #ffffff;
}
.cw-btn-twhite:hover {
    background-color: #044469;
}

.cw-btn-tblue {
    color: #044469 !important;
    background-color: transparent;
    border: 2px solid #044469;
}
.cw-btn-tblue:hover {
    color: #ffffff !important;
    background-color: #1D5778;
}

/*
    ====================================================================================================================
      *** BIG SHINY BUTTONS ***
    ====================================================================================================================
*/

.bigbut_or
{
    font-size: 16px; color: #ffffff !important; text-decoration: none; font-weight: 600; cursor: pointer;
    text-shadow: #B54700 1px 1px 0px;
    border: 1px outset #fbb034;
    padding: 4px 12px 4px 12px; margin: 1px;
    background: #f37421;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #FFB07C), color-stop(0.78, #f37421));
    background: -moz-linear-gradient(center bottom, #FFB07C 15%, #f37421 78%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB07C', endColorstr='#f37421');
    -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
}
.bigbut_or:hover { background: #fbb034; color: #EFEFEF; border: 1px outset #b03d00; text-decoration: none; }
.bigbut_or:active { background: #EFEFEF; color: #555555; border: 1px inset #999999; }

.bigbut_gr
{
    font-size: 16px; color: #ffffff !important; text-decoration: none; font-weight: 600; cursor: pointer;
    text-shadow: #1A301A 1px 1px 0px;
    border: 1px outset #0ae10a;
    padding: 4px 12px 4px 12px; margin: 1px;
    background: #074507;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #1A911A), color-stop(0.78, #074507));
    background: -moz-linear-gradient(center bottom, #1A911A 15%, #074507 78%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A911A', endColorstr='#074507');
    -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
}
.bigbut_gr:hover  { background: #339f33; color: #EFEFEF; border: 1px outset #8cf38c; text-decoration: none; }
.bigbut_gr:active { background: #EFEFEF; color: #555555; border: 1px inset #999999; }

.bigbut_bl
{
    font-size: 16px; color: #ffffff !important; text-decoration: none; font-weight: 600; cursor: pointer;
    text-shadow: #203F4D 1px 1px 0px;
    border: 1px outset #4384a4;
    padding: 4px 12px 4px 12px; margin: 1px;
    background: #06456b;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #5294b3), color-stop(0.78, #06456b));
    background: -moz-linear-gradient(center bottom, #5294b3 15%, #06456b 78%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#06456b', endColorstr='#06456b');
    -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
}
.bigbut_bl:hover    { background: #043250; color: #EFEFEF; border: 1px outset #4384a4; text-decoration: none; }
.bigbut_bl:active   { background: #EFEFEF; color: #555555; border: 1px inset #999999; }

.bigbut_bk
{
    font-size: 16px; color: #ffffff !important; text-decoration: none; font-weight: 600; cursor: pointer;
    text-shadow: #333333 1px 1px 0px;
    border: 1px outset #999999;
    padding: 4px 12px 4px 12px; margin: 1px;
    background: #000000;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #000000), color-stop(0.78, #040404));
    background: -moz-linear-gradient(center bottom, #000000 15%, #040404 78%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#040404');
    -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
}
.bigbut_bk:hover    { background: #999999; color: #EFEFEF; border: 1px outset #4384a4; text-decoration: none; }
.bigbut_bk:active   { background: #EFEFEF; color: #555555; border: 1px inset #999999; }

.bigbut_rd
{
    font-size: 16px; color: #ffffff !important; text-decoration: none; font-weight: 600; cursor: pointer;
    text-shadow: #330101 1px 1px 0px;
    border: 1px outset #611010;
    padding: 4px 12px 4px 12px; margin: 1px;
    background: #ff0000;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #ff0000), color-stop(0.78, #961414));
    background: -moz-linear-gradient(center bottom, #ff0000 15%, #961414 78%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#961414');
    -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
}
.bigbut_rd:hover    { background: #330101; color: #EFEFEF; border: 1px outset #330101; text-decoration: none; }
.bigbut_rd:active   { background: #EFEFEF; color: #555555; border: 1px inset #999999; }

.bigbut_pl
{
    font-size: 16px; color: #ffffff !important; text-decoration: none; font-weight: 600; cursor: pointer;
    text-shadow: #410068 1px 1px 0px;
    border: 1px outset #431560;
    padding: 4px 12px 4px 12px; margin: 1px;
    background: #4D007D;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #661E95), color-stop(0.78, #47255B));
    background: -moz-linear-gradient(center bottom, #4D007D 15%, #7600BF 78%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D007D', endColorstr='#7600BF');
    -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
}
.bigbut_pl:hover { background: #2D143E; color: #EFEFEF; border: 1px outset #410068; text-decoration: none; }
.bigbut_pl:active { background: #EFEFEF; color: #555555; border: 1px inset #999999; }

/* Progress Bar */
.progress_report_bar_container
{
    display: inline-block; height: 22px; margin: 2px; padding: 0; border: 1px inset #999999; background-color: #c0c0c0;
}
.progress_report_bar
{
    background-color: #f37421; width: 0; height: 20px; margin: 0; padding: 0;
    color: #ffffff; font-weight: bold; text-shadow: 1px 0 0 rgba(128, 128, 128, 0.5);
    text-indent: 48%;
    background-image: url(../images/progressbar.gif); background-repeat: repeat-x;
}

/*
    ====================================================================================================================
    Table Frame - deprecated - FIXME replace with bootstrap
    ====================================================================================================================
*/

/* default table colors for tableEditor blocks */
TABLE.frame           { width: 100%; margin: 0px; padding: 0px; border-collapse: separate; border-spacing: 0; }
TABLE.frame TD
{
    margin: 0px; vertical-align: top;
}
TABLE.frame TH        { margin: 0px; padding: 3px; vertical-align: top; text-align: left; font-weight: bold; }
TABLE.frame CAPTION   { font-weight: bold; color: #f37421; text-align: left; }

TR.frame_header TD {
    color: #FFFFFF;
    background: #000;
    padding: 0.5em;
}
TR.frame_header TD:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
TR.frame_header TD:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

TR.frame_header A        { color: #FFFFFF; }

TR.frame_row td { padding: 0.5em;  }

TR.frame_row:nth-child(even) { background-color: #ffffff; }
TR.frame_row:nth-child(odd)  { background-color: #eeeeee; }

TR.frame_row_a TD, TR.frame_row_b TD, TR.frame_row_c TD, TR.frame_row_d TD, TR.frame_row_e TD, TR.frame_row_f TD {
    padding: 0.5em;
}

TR.frame_row_a           { background-color: #ffffff; }
TR.frame_row_b           { background-color: #eeeeee; }
TR.frame_row_c           { background-color: #AAB9CA; }
TR.frame_row_d           { background-color: #abbed2; }
TR.frame_row_d_sel       { background-color: #042a55; color: #ffffff; }
TR.frame_row_e           { background-color: #E9E9E9; }
TR.frame_row_f           { background-color: #ffffff; }
TR.frame_row_error       { background: #FFFFCC; color: #ff0000; }
TR.frame_row_hl:hover TD { background-color: #FFCF6E; }

TD.frame_form_a {
    color: #555;
    font-size: 85%;
    font-weight: bold;
    text-align: right;
    padding: 1.2em;
}

TD.frame_form_b, TD.frame_form_c, TD.frame_form_d {
    padding: 0.8em;
}

TR.frame_toolbar, DIV.frame_toolbar {
    background: #fff;
    vertical-align: middle;
    padding: 0.5em;
    margin-bottom: 0.5em;
    border-radius: 5px;
}

TR.frame_toolbar td {
  padding: 0.5em;
}


/*
    ====================================================================================================================
    Screenshot Styles
    ====================================================================================================================
*/

div.gshotindent { margin: -40px 0 0 100px; clear: both; }
div.gshotwrap   { margin: 20px 0 0 100px; clear: both; }
div.gshot       { display: inline-block; float: left; width: 250px; height: 150px; text-align: center; }
div.gshot span  { display: block; font-weight: bold; text-shadow: 1px 1px 0px rgba(175, 210, 220, 0.8);}
div.gshot img   {
                 width: 200px; height: 112px; overflow: hidden;
                 -moz-border-radius: 15px;
                 -webkit-border-radius: 15px;
                 border-radius: 15px;
                 -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
                 -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
                 box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
                }
div.gshot:hover {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
div.gshot:nth-child(1n):hover {
    -webkit-transform : rotate3d(0,0,0,-4deg) scale3d(1.1,1.1,1);
    -moz-transform : rotate(-4deg) scale(1.1);
    -o-transform : rotate(-4deg) scale(1.1);
    transform : rotate(-4deg) scale(1.1);
}
div.gshot:nth-child(2n):hover {
    -webkit-transform : rotate3d(0,0,0,2deg) scale3d(1.1,1.1,1);
    -moz-transform : rotate(2deg) scale(1.1);
    -o-transform : rotate(2deg) scale(1.1);
    transform : rotate(2deg) scale(1.1);
}
div.gshot:nth-child(3n):hover {
    -webkit-transform : rotate3d(0,0,0,4deg) scale3d(1.1,1.1,1);
    -moz-transform : rotate(4deg) scale(1.1);
    -o-transform : rotate(4deg) scale(1.1);
    transform : rotate(4deg) scale(1.1);
}

/*
    ====================================================================================================================
    Forum Styles
    ====================================================================================================================
*/


.teTable > tbody > tr.forum-row-stick:nth-child(odd) {
    background-color: #d5e3f9; font-style: italic;
}

.teTable > tbody > tr.forum-row-stick:nth-child(even) {
    background-color: #bed5f7;
}

.teTable > tbody > tr.forum-row-mhl {
    background-color: #FFFFCC;
}

.forum_layout .forum_title
{
    font-size: 150%; color: #f86b23;
}

.forum_layout table { width: 90%; margin-left: auto; margin-right: auto; }

.forum_layout table.frame tr.frame_header td
{
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
    background: -moz-linear-gradient(top,  #eee,  #fff);
    color: #aaa !important;
}

.forum_layout table.frame tr.frame_row td
{
    padding: 0.5em;
    border-top: 1px solid #efefef;
}
.forum_layout table.frame tr.frame_row:nth-child(odd)
{
    background: none;
}

.forum_view_board_top {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 150%;
    background: #044469;
    padding: 0.5em;
    margin: 1em 0 1em 0;
    border-radius: 4px;
}
.forum_view_board_topFixed {
    margin: 0;
    width: 100%;
    left: 0;
}
.forum_view_board_topFixed .topFixed-button {
    display: inline-block;
    float: right;
}

.forum-post .forum-from a
{
  color: #000 !important;
  font-weight: bold;
}

.forum-post .forum-pic
{
  margin-right: 1em;
}

.forum-post .forum-lvl
{
  font-size: 80%;
  color: #999;
}

.forum-post .forum-time
{
  font-size: 80%;
}

.forum-post .panel-body
{
  font-family: 'Andale Mono', monospace;
  word-wrap: break-word;
  word-break: break-word;
}

.forum-post .panel-body PRE
{
  max-height: 300px;
  overflow: auto;
  background: #ddd;
  border: 1px solid #ccc;
  margin: 0.5em;
  padding: 1em;
  font-family: monospace;
  white-space: pre-wrap;
  word-wrap: inherit;
  word-break: inherit;
}

.forum-post .panel-body blockquote {
    color: #660066;
    padding-bottom: 0;
    margin-bottom: 0;
}
.forum-post .panel-body blockquote > blockquote { color: #007777; }
.forum-post .panel-body blockquote > blockquote > blockquote { color: #990000; }
.forum-post .panel-body blockquote > blockquote > blockquote > blockquote { color: #000099; }

.forum-post .panel-body blockquote hr
{
  margin: 0;
}

.bbcode-toolbar {
  margin-bottom: 0.5em;
}

/*
    ====================================================================================================================
    Wiki Styles
    ====================================================================================================================
*/

.wiki h1, .wiki h2 {
    color: #f86b23;
}
.wiki h1, .wiki h2, .wiki h3 {
    border-bottom: 1px solid #AAA;
}
.wiki h1, .wiki h2, .wiki h3, .wiki h4, .wiki h5, .wiki h6 {
    padding: 0 0 0.1em 0;
    margin: 0 0 0.2em 0;
    
}
.wiki xmp {
    margin: 0.2em 0.5em 0 0.5em;
    padding: 0.5em;
    font-family: 'Andale Mono', monospace;
    border: 1pt solid #c0c0c0;
    background: #F0ECE6;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
}
.wiki dd {
    margin-left: 40px;
}

/*
    ====================================================================================================================
    C4 (Compatibility Center)
    ====================================================================================================================
*/

/* Star Rating css */
ul.star-rating {
    display: inline-block;
    list-style-type: none;
    font-size: 175%;
    color: #DDD;
    margin: 0; padding: 0;
}
ul.star-rating li {
    cursor: pointer;
    display: inline-block;
    margin: 0 0.15em 0 0;
    padding: 0;
}
ul.star-rating li.active {
  color: #FFCC33;
}
ul.star-rating li:hover {
  color: #FFCC00;
}
ul.star-rating li:active {
  color: #FF6633;
}

div.star-rating-help {
    height: 1.25em;
    color: #999;
}

ul.star-rating-table {
    display: inline-block;
    list-style-type: none;
    color: #DDD;
    margin: 0; padding: 0;
    white-space: nowrap;
}
ul.star-rating-table li {
    display: inline-block;
    margin: 0 0.15em 0 0;
    padding: 0;
}
ul.star-rating-table li.active {
  color: #FFCC33;
}

/*
    ====================================================================================================================
    FAQ styles
    ====================================================================================================================
*/

/*  */
DIV.faq                { }
DIV.faq DIV.question   { background-color: #EFEFEF; font-weight: bold; font-size: 16px; margin: 10px 5px 10px 5px;
                         padding: 5px; border-top: dashed thin; border-bottom: dashed thin;}
DIV.faq DIV.answer     { margin: 0px 20px 20px 50px; padding: 0px; }
DIV.faq B              { font-size: 18px; }
DIV.faq DIV.faq_toc    { margin-bottom: 20px; }
DIV.faq DIV.faq_toc LI { margin-bottom: 10px; }


/*
    ====================================================================================================================
    Ticket System
    ====================================================================================================================
*/

/* Ticket/Bug System System Status/Action Mode Colors */
TD.sa_mode           { white-space:nowrap; font-size: 85%; text-align: center; vertical-align: middle; }

TR TD.sa_mode.Open                       { background-color: #60ff60; }
TR:nth-child(even)  TD.sa_mode.Open      { background-color: #9BFF9B; }

TR TD.sa_mode.Read                       { background-color: #ff824b; }
TR:nth-child(even) TD.sa_mode.Read       { background-color: #FFB493; }

TR TD.sa_mode.Assigned                   { background-color: #ff824b; }
TR:nth-child(even) TD.sa_mode.Assigned   { background-color: #FFB493; }

TR TD.sa_mode.Closed                     { background-color: #F1F1F1; }
TR:nth-child(even) TD.sa_mode.Closed     { background-color: #FBFBFB; }

TR TD.sa_mode.Resolved                   { background-color: #F1F1F1; }
TR:nth-child(even) TD.sa_mode.Resolved   { background-color: #FBFBFB; }

TR TD.sa_mode.Pending                    { background-color: #fffa00; }
TR:nth-child(even) TD.sa_mode.Pending    { background-color: #FFFC80; }

TR TD.sa_mode.Entered                    { background-color: #fffa00; }
TR:nth-child(even) TD.sa_mode.Entered    { background-color: #FFFC80; }

TR TD.sa_mode.Describe                    { background-color: #7519D1; color: #FFFFFF; }
TR:nth-child(even) TD.sa_mode.Describe    { background-color: #9147DA; color: #FFFFFF; }

TR TD.sa_mode.Triage                     { background-color: #FFFFCC; }
TR:nth-child(even) TD.sa_mode.Triage     { background-color: #FFFFDE; }

TR TD.sa_mode.Fix                        { background-color: #990000; color: #FFFFFF; }
TR:nth-child(even)  TD.sa_mode.Fix       { background-color: #B84D4D; color: #FFFFFF; }

TR TD.sa_mode.Test                       { background-color: #000000; color: #FFFFFF; }
TR:nth-child(even) TD.sa_mode.Test       { background-color: #191919; color: #FFFFFF; }

TR TD.sa_mode.Finalize                   { background-color: #0000CC; color: #FFFFFF; }
TR:nth-child(even) TD.sa_mode.Finalize   { background-color: #6666E0; color: #FFFFFF; }

TR TD.sa_mode.Inactive                   { background-color: #CC0000; color: #FFFFFF; font-weight: bold; }
TR:nth-child(even) TD.sa_mode.Inactive   { background-color: #D63333; color: #FFFFFF; font-weight: bold; }

/* Ticket Levels */
span.ticket-level {
    display: inline-block;
    padding: 0 0 0 0.38em;
    background-color: #000;
    color: #fff;
    width: 1.5em;
    height: 1.5em;
    border: 1px solid #999;
    border-radius: 0.75em;
    font-weight: bold;
}
span.ticket-level.ticket-level-1 { background-color: goldenrod; color: yellow; }
span.ticket-level.ticket-level-2 { background-color: red; }
span.ticket-level.ticket-level-3 { background-color: blue; }

/* Ticket System Message Body Colors */
pre.tsmsg {
    font-family: 'Andale Mono', monospace;
    white-space: pre-wrap !important;
    word-wrap: break-word;
}
span.tsmsga    { color: #660066; }
span.tsmsgb    { color: #007777; }
span.tsmsgc    { color: #990000; }
span.tsmsgd    { color: #000099; }

/* ticket attchment images */
.forum-post .attach img { max-width: 48px; }

/*
    ====================================================================================================================
    ToolTips
    ====================================================================================================================
*/

#ToolTip {
    position: absolute;
    z-index: 99999;
    margin: 0;
    padding: 1em;
    border: 1px solid #044469;
    background-color: rgba(4,68,105,0.95);
    border-radius: 4px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
    color: #fff;
}
#ToolTip:after {
    top: 12px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-width: 10px;
    margin-top: -10px;
}
#ToolTip.ToolTip-left:after {
    right: 100%;
    border-right-color: #044469;
}
#ToolTip.ToolTip-right:after {
    left: 100%;
    border-left-color: #044469;
}
.ToolTipBody { display: none; }
#ToolTip A { text-decoration: none; color: #fff; }


/*
    ====================================================================================================================
    HEADER - top search bar layout - hidden in mobile
    ====================================================================================================================
*/

#search-bar {
    background-color: #044469;
}

#header-site-links { display: inline-block; width: 30%; float: left; }
#header-search     { display: inline-block; width: 35%; float: left; text-align: center; margin: 10px 0 10px 0; }
#header-nav        { display: inline-block; width: 30%; float: right; text-align: right; margin: 13px 0 10px 0; }

#header-site-links {
    margin-top: 13px;
}
#header-site-links,  #header-site-links a {
    color: #fff;
    font-weight: bold;
}

#header-search input
{
    width: 280px;
    font-size: 12px;
}

#header-nav img { width: 16px; height: 16px; vertical-align: text-top; }

#header-nav > ul > li > a { font-weight: bold; }
#header-nav a { color: #fff; text-decoration: none; }
#header-nav a:hover { color: #f9a331; }
#header-nav img { vertical-align: top; }

#header-nav > .header-link > a > i.fa, #header-nav > .header-link > li > a > i.fa {
    display: inline-block;
    width: 25px;
    height: 25px;
    padding: 5px;
    font-size: 14px;
    background-color: #fff;
    border-radius: 50%;
    color: #044469;
    text-align: center;
}
#header-nav > .header-link > a:hover > i.fa, #header-nav > .header-link > li > a:hover > i.fa {
    background-color: #f9a331;
}

#header-login-lnk { font-weight: bold; }

#header-nav > .header-link
{
    display:inline; float: right; margin: 0 0 0 8px;
}
#header-nav > ul.header-menu > li > ul { position: absolute; z-index: 3; margin-left: -10px; }
#header-nav > ul.header-menu > li > ul:before
{
    content: "";
    position: absolute;
    top: -5px;
    left: 18px;
    border-width: 0 5px 5px;
    border-style: solid;
    border-color: rgba(4, 68, 105, 0.975) transparent;
    display: block;
    width: 0;
}
#header-nav > ul.header-menu, #header-nav > ul.header-menu li { display: inline; }
#header-nav > ul.header-menu, #header-nav > ul.header-menu ul { list-style: none; padding: 0px; }
#header-nav > ul.header-menu li ul li a { display: block; text-align: left; padding: 2px; }
#header-nav > ul.header-menu li ul
{
    display: none;
    background: rgba(4, 68, 105, 0.975);
    border: 1px solid #044469;
    color: #ffffff;
    border-radius: 5px;
    box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.75);
}
#header-nav > ul.header-menu li:hover ul      { display: block; position:absolute; z-index: 101; }
#header-nav > ul.header-menu li:hover         { display: block; }
#header-nav > ul.header-menu li ul li a       { padding: 5px; color: #ffffff !important; }
#header-nav > ul.header-menu li ul li a:hover { background-color: #f9a331; }
#header-nav > ul.header-menu li ul li:first-child a:hover
{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#header-nav > ul.header-menu li ul li:last-child a:hover
{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#header-nav > ul.header-menu > li > ul li a {
    border-bottom: 1px solid #043a59 ;
    border-top: #065e91 1px solid;
}

/* mobile */
@media (max-width: 960px) {
    #search-bar { display: none; }
}
@media (max-width: 991px) {
    #header-search input
    {
        width: 200px;
    }
    #header-nav .header-social {
        display: none;
    }
}
@media (min-width: 1200px) {
    #header-search input
    {
        width: 340px;
    }
}

/*
    ====================================================================================================================
    HEADER LOGIN POPUP - popup login form - main page layout
    ====================================================================================================================
*/

#header-login-popup
{
    display: none;
    position: absolute;
    top: 55px;
    width: 300px;
    margin: -2px 0 0 -252px;
    padding: 1em;
    background: rgba(4, 68, 105, 0.975);
    border: 1px solid #044469;
    border-radius: 10px;
    box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.75);
    text-align: center;
}
#header-login-popup a { color: #ffffff !important; }
#header-login-popup p { color: #ffffff; }
#header-login-popup:before
{
    content: "";
    position: absolute;
    top: -15px;
    right: 20px;
    border-width: 0 15px 15px;
    border-style: solid;
    border-color: #044469 transparent;
    display: block; 
    width: 0;
}

/*
    ====================================================================================================================
    HEADER - page logo - main page layout
    ====================================================================================================================
*/

#header-logo img { max-width: 100%; height: auto; }

/* mobile */
@media (max-width: 960px) {
    #header {
        background-color: #044469;
        padding: 0;
    }
    #page {
        min-height: calc(100% - 280px);
        padding-bottom: 2em;
    }
    #header-logo img { max-height: 50px; }
    #header-logo {
        width: 100%;
        height: 50px;
        display: inline-block;
        float: left;
    }
    #page-logo { display: none; }
    #mobile-logo { }
    #nav-pull { display: inline-block; float: right; color: #fff; font-size: 36px; vertical-align: middle; cursor: pointer; }

    #header { border-bottom: none !important; }
}

/* desktop */
@media (min-width: 961px) {
    #header {
        border-bottom: 3px solid #e8e8e8;
    }
    #page {
        min-height: calc(100% - 550px);
        padding-bottom: 2em;
    }
    #header-logo {
        max-width: 200px;
        display: inline-block;
        float: left;
        margin-top: 20px;
    }
    #page-logo { }
    #mobile-logo { display: none; }
    #nav-pull { display: none; }
}
@media (min-width: 1200px) {
    #header-logo {
        max-width: 340px;
        margin-top: 0;
    }
}




/*
    ====================================================================================================================
    NAV - navigation bar - main page layout
    ====================================================================================================================
*/

#nav input { color: #000; font-size: 80%; margin-bottom: 0.5em; padding: 0.25em; line-height: 1.2; height: auto; width: auto; }

/* mobile */
@media (max-width: 960px) {
    #nav ul {
        list-style-type: none;
        font-weight: bold;
        margin: 0;
        padding: 0;
    }
    #nav > ul {
        display: none;
        clear: both;
        font-size: 115%;
        padding: 0;
        margin: 10px 0 10px 0;
    }

    /* some items are hidden on mobile to keep menu clean (see sidebar.xml) */
    #nav > ul li.hide-mobile {
        display: none;
    }

    #nav > ul > li {
        background-color: #70A1BF;
    }
    #nav > ul > li > a {
        color: #fff;
    }

    #nav > ul > li.current {
        background-color: #f9a331;
    }
    #nav > ul > li.current > a { color: #fff; }

    #nav > ul > li > ul li.current > a { color: #f9a331; font-weight: bold; }

    #nav > ul > li:first-child
    {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    #nav > ul > li:last-child
    {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    #nav > ul > li > ul {
        padding-left: 0.5em;
    }

    #nav > ul > li > ul ul {
        padding-left: 1.5em;
    }

    #nav > ul > li > a {
        display: block;
        font-size: 125%;
        font-weight: bolder;
        padding: 0.5em 0.5em 0.5em 0.25em;
        text-transform: uppercase;
        text-decoration: none;
    }
    #nav > ul > li:active, #nav > ul > li.touch-active {
        background-color: #f86b23;
    }

    #nav > ul > li > ul {
        background-color: #fff;
    }
    #nav > ul > li > ul a {
        display: block;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    #nav span.glyphicon { display: none; }
}

/* desktop */
@media (min-width: 961px) {
    #nav
    {
        display: inline-block;
        float: right;
        margin: 30px 0 0 0;
        background: none;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }

    #nav ul { list-style: none; }

    #nav > ul li.hide-desktop {
        display: none;
    }

    /* nav list defaults */
    #nav > ul
    {
        display: inline-flex;
    }
    #nav > ul > li
    {
        position: relative;     /* required so menus appear below */
        display: inline-block;
    }

    /* main level link */
    #nav > ul > li > a
    {
        display: inline-block;
        padding: 10px 20px 20px 20px;
        font-size: 125%;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        color: #044469;
    }

    /* main level link selected/hover */
    #nav > ul > li.current > a
    {
        color: #f9a331;
    }
    #nav > ul > li:hover > a
    {
        color: #f9a331;
    }

    /* level 2+ list */
    #nav > ul > li ul
    {
        z-index: 101;
        display: none;
        position: absolute;
        margin: 0;
        padding: 0;
        width: 190px;
        left: 0;
        background: rgba(4, 68, 105, 0.975);
        border: 1px solid #044469;
        color: #ffffff;
        border-radius: 5px;
        box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.75);
    }
    /* js added when nav is to far to the right, so slide left */
    #nav > ul > li > ul.nav-left
    {
        left: -84px;
    }

    /* level 3+ list */
    #nav > ul > li ul ul
    {
        left: 186px;
        margin-top: -38px;
    }
    /* js added when nav is to far to the right, so slide left */
    #nav > ul > li > ul li ul.nav-left
    {
        left: -188px;
    }

    /* defaults for submenu links */
    #nav > ul > li > ul a
    {
        color: #ffffff;
        display: block;
        margin: 0;
        padding: 7px 9px;
        text-decoration: none;
        font-size: 16px;
        font-weight: normal;
        text-shadow: 0 1px 0 rgba(255,255,255,0.2);
    }

    /* submenu link hover/selected */
    #nav > ul > li > ul a:hover, #nav >ul > li > ul li.current > a
    {
        background-color: #f9a331;
        text-shadow: 0 1px 1px rgba(0,0,0, 0.1);
    }

    /* submenu icon */
    #nav > ul li ul a span.glyphicon
    {
        display: inline-block;
        float: right;
        font-size: 10px;
        margin-top: 4px;
        margin-right: -8px;
    }

    /* nav item separator line */
    #nav > ul ul li {
        border-bottom: 1px solid #043a59 ;
        border-top: #065e91 1px solid;
    }

    /* nav top carot */
    #nav > ul > li > ul:before {
        border-color: #044469 transparent;
        border-style: solid;
        border-width: 0 15px 15px;
        content: "";
        display: block;
        position: absolute;
        right: 130px;
        top: -15px;
        width: 0;
    }
    /* if nav is too far to the right, move the caret */
    #nav > ul > li > ul.nav-left:before {
        right: 50px;
    }

    /* in nav forms */
    #nav form { margin: 0; padding: 2px 5px 0 5px; }
    #nav form input { width: 120px; }

    /* rounded corners of first and last link */
    #nav ul ul li:first-child > a
    {
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
    }
    #nav ul ul li:last-child > a
    {
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
    }

    /* rounded corners of first and last link */
    #nav > ul > li:first-child > a
    {
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
    }
    #nav > ul > li:last-child > a
    {
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
    }
}

/*
    ====================================================================================================================
    FOOTER - main page layout
    ====================================================================================================================
*/

#footer
{
    background: #044469 !important;
    color: #fff;
    padding: 3em 0 2em 0;
}

#footer img.footer-logo         { width: 180px; height: auto; }

#footer .footer-menu a          { color: #fff; }
#footer .footer-menu            { padding: 0 2em 0 5em; }
#footer .footer-menu ul         { list-style-type: none; padding: 0; }

#footer .footer-title           { color:#f9a331; font-size:22px; font-weight: bold; text-align:left; }

#footer .footer-links           { text-align: center; }
#footer .footer-links ul        { list-style-type: none; padding: 0; }
#footer .footer-links ul li     { display: inline; }

#footer .footer-links p b { color: #58839B }
#footer .footer-links p a {
    color: #fff;
    display: inline-block;
    padding: 0 0.5em 0 0.5em;
}

#footer hr {
    height: auto;
    background-color: inherit;
    margin: 1.5em 3em 1.5em 3em;
    border-bottom:2px solid #065e91;
    border-top:2px solid #043a59;
    border-left:none;
    border-right:none;
    clear:both;
}

#footer .footer-social a {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin: 0.25em;
    border-radius: 50%;
    background-color: white;
    color: #044469;
    font-size: 110%;
    line-height: 1.6em;
}
#footer .footer-social a:hover {
    background-color: #f9a331;
}
#footer .footer-switch span.dropdown-toggle:hover {
    text-decoration: underline;
}

/* mobile */
@media (max-width: 768px) {
    #footer hr { display: none; }
    #footer .footer-menu {
        display: none;
    }
}
@media (max-width: 960px) {
    #footer .footer-links p { line-height: 2.25em; }
    #footer .footer-social a {
        margin: 0.5em;
    }
}
@media (max-width: 1024px) {
    #footer H2 { font-size: 18px; }
}

/*
    ====================================================================================================================
    Side Bar Menu
    ====================================================================================================================
*/

.sidebar-container {
    padding-left: 0;
    padding-right: 0;
    margin-left: 5%;
}
@media (max-width:991px){  .sidebar-container { width: 100%; margin: 0; } }

@media (min-width:1000px){ .sidebar-container { width: 765px; } }
@media (min-width:1100px){ .sidebar-container { width: 825px } }
@media (min-width:1200px){ .sidebar-container { width: 915px } }
@media (min-width:1300px){ .sidebar-container { width: 975px } }
@media (min-width:1400px){ .sidebar-container { width: 1000px } }
#sidebar-nav {
    padding: 2em 1em 2em 1em;
}
#sidebar-nav ul { list-style-type: none; padding-left: 1.8em; }
#sidebar-nav > ul { padding: 0; }
#sidebar-nav > ul > li > ul { margin-bottom: 0.5em; }
#sidebar-nav > ul > li > a { font-weight: bold; }
#sidebar-nav li.current > a { color: #f86b23;}
#sidebar-nav span.glyphicon { display: none; }
#sidebar-nav input {
    color: #000;
    font-size: 80%;
    margin-bottom: 0.5em;
    padding: 0.25em;
    line-height: 1.2;
    height: auto;
    width: auto;
    border-radius: 2px;
}


/*
    ====================================================================================================================
    navbar breadcrumbs
    ====================================================================================================================
*/
#navbar
{
    margin: 0;
    padding: 2px 0 10px 0;
    text-align: right;
    vertical-align: middle;
    font-size: 10px;
    color: #999999;
}
#navbar a         { color: inherit; text-decoration: none; }
#navbar a:visited { color: inherit; }
#navbar a:hover   { color: #FF6666; }

/*
    ====================================================================================================================
    alert boxes (uses bootstrap style)
    ====================================================================================================================
*/

/* alert */
div.page-alert
{
    width: 350px;
    z-index: 99999;
    position: fixed;
    right: 0;
    left: 0;
    margin-top: -35px;
    margin-right: auto;
    margin-left: auto;
}
@media (max-width: 350px) {
    div.page-alert { width: 100%; margin: 0; }
}

/*
    ====================================================================================================================
    misc global page elements
    ====================================================================================================================
*/

/* nojs alert */
div#nojsalert, div#oldIEalert
{
    position: fixed;
    top: 140px;
    left: 20%;
    width: 65%;
    padding: 20px;
    border: 2px solid #B8860B;
    background-color: #FFFFCC;
    font-size: 18px;
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
    text-align: center;
}

/* please wait pop-up */
#please_wait
{
  display: none;
  position: fixed;
  z-index: 100901;
  top: 50%;
  left: 50%;
  width: 300px;
  margin: -100px 0 0 -150px;
  padding: 1em;
  background-color: rgba(0,0,0,0.8);
  font-size: 200%;
  color: #FFFFFF;
  text-align: center;
  border-radius: 10px;
}
.please_wait
{
  padding: 1em;
  background-color: rgba(0,0,0,0.8);
  font-size: 200%;
  color: #FFFFFF;
  text-align: center;
  border-radius: 10px;
}

/* dialog pop-up */
#dialog { display: none; }

/* userdata */
#userdata { display: none; }

/* fatal error page */
#fatal_error {
    max-width: 800px; margin: 2em auto 1em auto; padding: 5em;
    font-family: courier;
    background-color: blue; color: white;
}
#fatal_error h1  { margin: 0 5em 1em 5em; font-size: 150%; background-color: white; color: blue; font-weight: bold; text-align: center; }
#fatal_error pre { font-family: courier; }

/*
    ====================================================================================================================
    debug log
    ====================================================================================================================
*/
#dlog
{
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    z-index: 9999;
    margin: 0;
    padding: 0;
    color: #fff;
    border-top: 1px outset rgba(48,48,48,0.8);
    background-color: rgba(0,0,0,0.9);
}
#dlogt
{
    margin: 0;
    font-size: x-small;
    color: #777;
    font-weight: bold;
    cursor: pointer;
    background-color: rgba(0,0,0,0.4);
    border-top: 1px outset rgba(48,48,48,0.8);
}
#dlogp
{
    display: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    height: 500px;
}
#dlogp PRE {
    font-family: monospace;
    white-space: pre-wrap;
    margin: 5px 20px 20px 20px;
    background: inherit;
    border: none;
    color: #efefef;
}

/* debug crap messages */
DIV.debug_crap {
    position: relative;
    z-index: 999;
    min-width: 100px;
    max-width: 400px;
    max-height: 100px;
    padding: 2px;
    margin: 5px;
    border: 1px solid #FF0000;
    background-color: #000000;
    opacity: 0.8;
    color: #FFFFFF;
    overflow: auto;
}


/*
    ====================================================================================================================
    FULLSIZE IMAGE WINDOWS
    ====================================================================================================================
*/

.fullsize-icon {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 30px;
    background: transparent url(../images/fullsize/fullsize-icon.png) no-repeat left top;
    z-index: 950;
    cursor: url(../images/fullsize/fullsize.cur), auto;
}

.fullsize-loading, .fullsize-wrapper {
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 999;
}

.fullsize-loading {
    height: 51px;
    width: 51px;
    background: transparent url(../images/fullsize/fullsize-loading-bg.png) no-repeat left top;
}

.fullsize-loading-inner {
    height: 100%;
    width: 100%;
    background: transparent url(../images/fullsize/fullsize-loading-spinner.gif) no-repeat center center;
}

.fullsize-image {
    display: block;
}

.fullsize-title {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 5px 0;
    min-height: 14px;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    text-shadow: 0 0 1px #000;
    background: transparent url(../images/fullsize/fullsize-title-bg.png) repeat-x left top;
}

.fullsize-title-text {
    text-align: center;
    margin: 0 auto;
    width: 100%;
}

a.fullsize-close {
    position: absolute;
    display: block;
    margin: -15px 0 0 6px;
    width: 16px;
    height: 16px;
    text-decoration: none;
    z-index: 1000;
    background: transparent url(../images/fullsize/fullsize-close.png) no-repeat left top;
}

/* Safari 3.0 and Chrome rules here */
@media screen and (-webkit-min-device-pixel-ratio:0) {    
    a.fullsize-close {
        margin-top: -14px;
    }
}

a.fullsize-close:hover {
    background-position: right top;
}

.fullsize-close {
    cursor: pointer;    
}

/* Shadows */

.fullsize-sh-wrap {
    position: absolute;
    z-index: 980;
}

.fullsize-sh-top, .fullsize-sh-body, .fullsize-sh-bottom {
    width: 100%;
}

.fullsize-sh-top-l, .fullsize-sh-top-m, .fullsize-sh-top-r, .fullsize-sh-bottom-l, .fullsize-sh-bottom-m, .fullsize-sh-bottom-r {
    background-position: left top;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 20px;
}

.fullsize-sh-top-l {
    float: left;
    width: 22px;
    background-image: url(../images/fullsize/fullsize-sh-top-l.png);
}

.fullsize-sh-top-m {
    margin: 0 22px;
    background-image: url(../images/fullsize/fullsize-sh-top-m.png);
    background-repeat: repeat-x;
}

.fullsize-sh-top-r {
    float: right;
    width: 22px;
    background-image: url(../images/fullsize/fullsize-sh-top-r.png);
}

.fullsize-sh-bottom-l {
    float: left;
    width: 22px;
    height: 24px;
    background-image: url(../images/fullsize/fullsize-sh-bottom-l.png);
}

.fullsize-sh-bottom-m {
    margin: 0 22px;
    height: 24px;
    background-image: url(../images/fullsize/fullsize-sh-bottom-m.png);
    background-repeat: repeat-x;
    background-position: left bottom;
}

.fullsize-sh-bottom-r {
    float: right;
    width: 22px;
    height: 24px;
    background-image: url(../images/fullsize/fullsize-sh-bottom-r.png);
}

.fullsize-sh-body {
    background-image: url(../images/fullsize/fullsize-sh-body-l.png);
    background-repeat: repeat-y;
}

.fullsize-sh-body-r {
    float: right;
    height: 100%;
    width: 11px;
    background-image: url(../images/fullsize/fullsize-sh-body-r.png);
    background-repeat: repeat-y;
}

.fullsize-image {
    background-color: #ffffff;
}


/*
    ====================================================================================================================
    jQuery Timepicker Addon - v1.5.5
    http://trentrichardson.com/examples/timepicker
    Copyright (c) 2014 Trent Richardson; Licensed MIT
        JWN - fixed width, and fix z-index and redactor issue
    ====================================================================================================================
*/

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }

/* our datetimepicker customizations */
.datetimepicker {
    max-width: 15em !important;
    z-index: 52 !important;
    cursor: pointer;
}
.datetimepicker-range .datetimepicker {
    max-width: none !important;
}

/*
    ====================================================================================================================
    DataTables jQuery-UI CSS (1.10.x)
    See http://datatables.net/manual/styling/jqueryui
    ====================================================================================================================
*/

table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
}
table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 4px 10px;
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
  cursor: pointer;
  *cursor: hand;
}
table.dataTable thead th div.DataTables_sort_wrapper {
  position: relative;
  padding-right: 10px;
}
table.dataTable thead th div.DataTables_sort_wrapper span {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: -5px;
}
table.dataTable thead th.ui-state-default {
  border-right-width: 0;
}
table.dataTable thead th.ui-state-default:last-child {
  border-right-width: 1px;
}
table.dataTable tbody tr {
  background-color: white;
}
table.dataTable tbody tr.selected {
  background-color: #b0bed9;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}
table.dataTable th.center,
table.dataTable td.center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.right,
table.dataTable td.right {
  text-align: right;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #dddddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #abb9d3;
}
table.dataTable.hover tbody tr:hover,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.even:hover {
  background-color: whitesmoke;
}
table.dataTable.hover tbody tr:hover.selected,
table.dataTable.hover tbody tr.odd:hover.selected,
table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.display tbody tr:hover.selected,
table.dataTable.display tbody tr.odd:hover.selected,
table.dataTable.display tbody tr.even:hover.selected {
  background-color: #a9b7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #f9f9f9;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad4;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b3cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a7b5ce;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b6d0;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #f9f9f9;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fbfbfb;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fdfdfd;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad4;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #adbbd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.display tbody tr.odd:hover > .sorting_1,
table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.display tbody tr.odd:hover > .sorting_2,
table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 {
  background-color: #ebebeb;
}
table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.display tbody tr.odd:hover > .sorting_3,
table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 {
  background-color: #eeeeee;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.display tbody tr.even:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 {
  background-color: #a1aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.display tbody tr.even:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 {
  background-color: #a2afc8;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.display tbody tr.even:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 {
  background-color: #a4b2cb;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 5px 9px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 5px 9px 3px 9px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px 5px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.55em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_paginate .fg-button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333333 !important;
  border: 1px solid transparent;
}
.dataTables_wrapper .dataTables_paginate .fg-button:active {
  outline: none;
}
.dataTables_wrapper .dataTables_paginate .fg-button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.dataTables_wrapper .dataTables_paginate .fg-button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .ui-widget-header {
  font-weight: normal;
}
.dataTables_wrapper .ui-toolbar {
  padding: 8px;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
/*
 * TableTools styling for jQuery UI
 */
div.DTTT_container {
  position: relative;
  float: left;
}

.DTTT_button {
  position: relative;
  float: left;
  margin-right: 3px;
  padding: 3px 10px;
  border: 1px solid #d0d0d0;
  background-color: #fff;
  color: #333;
  cursor: pointer;
}

.DTTT_button::-moz-focus-inner {
  border: none !important;
  padding: 0;
}

.DTTT_disabled {
  color: #999;
}

table.DTTT_selectable tbody tr {
  cursor: pointer;
}

div.DTTT_collection {
  width: 150px;
  background-color: #f3f3f3;
  overflow: hidden;
  z-index: 2002;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}
div.DTTT_collection button.DTTT_button,
div.DTTT_collection div.DTTT_button,
div.DTTT_collection a.DTTT_button {
  float: none;
  width: 100%;
  margin-bottom: -0.1em;
}

div.DTTT_collection_background {
  background: black;
  z-index: 2001;
}

.DTTT_print_info {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 400px;
  height: 150px;
  margin-left: -200px;
  margin-top: -75px;
  text-align: center;
  background-color: #3f3f3f;
  color: white;
  padding: 10px 30px;
  opacity: 0.9;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}
.DTTT_print_info .DTTT_print_info h6 {
  font-weight: normal;
  font-size: 28px;
  line-height: 28px;
  margin: 1em;
}
.DTTT_print_info .DTTT_print_info p {
  font-size: 14px;
  line-height: 20px;
}

/* Custom DataTables Tweak for Alternating Row Colors - JWN */
TABLE.dataTable TBODY tr:nth-child(even) {
    background: #efefef;
}

/*
 * dataTables yadcf plugin css
 */

.hide {
  display: none;
}

.inuse, .ui-slider-range .inuse, .yadcf-filter-range-number-slider .inuse {
  background: #8BBEF0;
}

.yadcf-filter-reset-button {
  display: inline-block;
}

.yadcf-filter-reset-button.range-number-slider-reset-button{
  position: relative;
  top: -6px;  
}

.yadcf-filter {
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 3px;
  padding-top: 3px;
}

.yadcf-filter > option{
    background: white;
}

.ui-autocomplete .ui-menu-item { 
  font-size:13px;
}

#ui-datepicker-div { 
  font-size:13px;
}
.yadcf-filter-wrapper {
  display: inline-block;
  white-space: nowrap;
  margin-left: 2px;
}

.yadcf-filter-range-number {
  width: 40px;
}

.yadcf-filter-range-number-separator {
  margin-left: 10px;
  margin-right: 10px;
}

.yadcf-filter-range-date {
  width: 80px;
}

.yadcf-filter-range-date-separator {
  margin-left: 10px;
  margin-right: 10px;
}

.yadcf-filter-wrapper-inner {
  display: inline-block;
  margin: 1px;
  padding-left: 2px;
  padding-right: 2px;
}

.yadcf-number-slider-filter-wrapper-inner {
  display: inline-block;
  width: 200px;
  margin-bottom: 7px;
}

.yadcf-filter-range-number-slider .ui-slider-handle {
  width: 10px;
  height: 10px;
  margin-top: 1px;
}

.yadcf-filter-range-number-slider .ui-slider-range {
  position: relative;
  height: 5px;
}

.yadcf-filter-range-number-slider {
  height: 5px;
  margin-left: 6px;
  margin-right: 6px;
}

.yadcf-filter-range-number-slider {
    overflow: visible;
}

.yadcf-number-slider-filter-wrapper-inner .yadcf-filter-range-number-slider-min-tip {
  font-size: 13px;
  font-weight: normal;
  position: absolute;
  outline-style: none;
}

.yadcf-number-slider-filter-wrapper-inner .yadcf-filter-range-number-slider-max-tip {
  font-size: 13px;
  font-weight: normal;
  position:absolute;
  outline-style: none;
}

.yadcf-number-slider-filter-wrapper-inner .yadcf-filter-range-number-slider-min-tip-inner {
  position:absolute;
  top: 11px;
}

.yadcf-number-slider-filter-wrapper-inner .yadcf-filter-range-number-slider-max-tip-inner {
  position:absolute;
  top: 11px;
}

/* end main.css */