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

/* ==========================================================================
   HTML5 display definitions
   normalize.css v2.1.3 | MIT License | git.io/normalize
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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


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

/* default body */
BODY
{
  background-color: #FFFFFF;
  color: #000000; margin: 0; padding: 0;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;  
  font-size: 12px;
  line-height: 1.5em;
}

/* default fonts and sizes  */

PRE,XMP      { font-family: 'Andale Mono', monospace; }
h1,h2,h3,h4  { font-weight: bold; }
h1           { font-size: 20px; }
h2           { font-size: 18px; }
h3           { font-size: 16px; }
h4           { font-size: 14px; }

/* 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: 8px; }
.small       { font-size: 10px; }
.large       { font-size: 14px; font-weight: bold; }
.big         { font-size: 16px; }
.huge        { font-size: 20px; font-weight: bolder; }
.gigantic    { font-size: 24px; 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; }

/* 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); }

/* 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; }

/* top admin toggle button */
.top_admin_link { text-align: right; margin: -15px 10px 0 0; padding: 0; }

/* horizonal rules */
HR                  { height: 1px; background-color: #d4d4d4; border: none; }
HR.dotted           { background-color: transparent; border: 1px dotted #d4d4d4; border-style: none none dotted; }

/* DIV styles */
DIV.align_center    { margin-left: auto ; margin-right: 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 padding */
.padding_half    { padding: 0.5em; }
.padding_one     { padding: 1em; }

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

/* 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; }

/* 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             { list-style-image: url('../../images/prod.gif'); }
UL.flst             { list-style-image: url('../../images/attachment.gif'); }
UL.gcheck           { list-style-image: url('../../images/gcheck.gif') !important; padding-left: 1.75em; }
UL.warn             { list-style-image: url('../../images/warning.gif') !important; padding-left: 1.75em; }
UL.nostyle          { list-style: none; padding: 0px; }

/* Delete List Block */
UL.deletelist       { display: none; list-style: none; padding: 0px; margin: 0px; border: 1px solid #999; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
UL.deletelist LI    { background-image: url('../../images/delete.gif'); background-repeat: no-repeat; background-position: 2px 2px; padding: 2px 5px 2px 16px; cursor: pointer; }
UL.deletelist LI:nth-child(even) { background-color: #CCC; }

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

/* main content well section titles */
.body_title
{
    margin: 0 0 5px 0; padding: 0px;
    color: #06456b;
    font-weight:100;
    text-shadow: 0px -1px 0px #C0C0C0;
    border-bottom: 1px solid #d4d4d4;
}
.body_title A:visited { color: #06456b; }
.body_title A:hover   { color: #FF6666; }
.body_title A:active  { color: #06456b; }
.sub_title            { color: #f37421; margin-top: 0; }
.sub_title A:visited  { color: #f37421; }
.sub_title A:hover    { color: #FF6666; }
.sub_title A:active   { color: #f37421; }
.body_text            { line-height: 24px; font-size: 15px; color:#455560; }
.newstitle            { font-weight: bold; color: #002434; text-shadow: 1px 1px 0px rgba(175, 210, 220, 0.8); }

/* 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; }

/* pn button tables */
TABLE.pn_buttons              { width:99%; margin:0.5em auto 0.5em auto; padding:0; border-collapse: collapse; font-size: 10px; }

TABLE.pn_buttons TD A, TABLE.pn_buttons TD B.pn_sel, TABLE.pn_buttons TD SPAN.disabled {
    display: inline-block; margin: 0.1em; padding: 0.2em 0.5em 0.2em 0.5em;
    background-color: #f37421;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    border: 1px solid #612E0D;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    1px 1px 1px rgba(50, 50, 50, 0.5);
    box-shadow:         1px 1px 1px rgba(50, 50, 50, 0.5);
}
TABLE.pn_buttons TD A:hover { background-color: #fbb034 !important; border: 1px solid #b03d00; }
TABLE.pn_buttons TD B.pn_sel      { background-color: #002434; color: #FFFFFF; border-color: #AAAAAA; }
TABLE.pn_buttons TD SPAN.disabled { background-color: #EFEFEF; color: #C0C0C0; border-color: #FCFCFC; }
TABLE.pn_buttons TD A:hover   { background-color: #f37421; color: #FFFFFF; }

TABLE.pn_buttons TD.pn_lft    { text-align:left; white-space:nowrap; }
TABLE.pn_buttons TD.pn_cen    { width:100%; text-align: center; }
TABLE.pn_buttons TD.pn_rht    { text-align:right; white-space:nowrap;}

/* diff tables */
TABLE.difftable               { width:100%; padding:5px; }
TABLE.difftable TR.diffhdr    { background-color: #002434; color: #FFFFFF; padding: 10px; }
TABLE.difftable TR.diffhdr TD { padding: 10px; }
TABLE.difftable TR.diffrow    { background-color: #FFFFFF; color: #000000; padding: 10px; }
TABLE.difftable TD.difffeat   { background-color: #efefef; font-weight: bold; padding: 10px; }
TABLE.difftable TD.difftext   { color: #666666; text-align: center; padding: 10px; }

/* 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
{
    -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);
}

/* image thumbnail rounding */
IMG.thumbround
{
    -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);
}

/* 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
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* rounded corners (top only) */
.cornerround_top
{
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  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;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    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;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    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;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    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;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}

/* rounded corner sunset gradient box (transparent bg) */
div.sunset_box
{
    clip: inherit;
    margin: 0;
    padding: 5px;
    background: #b03d00;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(205,120,35,0.95)), to(rgba(55,55,105,0.9)));
    background: -moz-linear-gradient(top, rgba(205,120,35,0.95), rgba(55,55,105,0.9));
    border: 1px solid #970400;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}

/* grey rounded corner box (transparent bg) */
div.dc_box
{
   clip:  inherit;
   clear: both;
   background-color: rgba(128,128,128,0.4);
   border: 1px solid #d4d4d4;
   margin: 0;
   padding: 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}

/* note box */
div.dn_box
{
    background-color: #b03d00;
    color: #FFFFFF;
    border: 2px solid #fbb034;
    margin: 5px;
    padding: 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* black rounded corner box */
div.bbox
{
    padding: 10px;
    border: 1px solid #a4a4a4;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

/* DropDown Menu */
ul.dropmenu { display: inline; }
ul.dropmenu, ul.dropmenu *  { margin: 0px; padding: 0px; }
ul.dropmenu, ul.dropmenu ul { list-style: none; }
ul.dropmenu                 { display: inline; }
ul.dropmenu li.headlink     { float: right; display: inline; }
ul.dropmenu li.headlink ul li a   { display: block; text-align: left; padding: 2px; }
ul.dropmenu li.headlink ul
{
    display: none;
    background: #000000; /* ie */
    background: rgba(0, 0, 0, 0.85);
    border: solid 1px rgba(0,68,106,0.3);
    color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.5);
    box-shadow: 0 1px 3px rgba(0,0,0, 0.5);
}
ul.dropmenu li.headlink:hover ul      { display: block; position:absolute; z-index: 2; }
ul.dropmenu li.headlink:hover         { display: block; }
ul.dropmenu li.headlink ul li a       { padding: 5px; height: 17px; color: #ffffff !important; }
ul.dropmenu li.headlink ul li a:hover { background-color: #00446A; }
ul.dropmenu li.headlink 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;
}
ul.dropmenu li.headlink 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;
}

/* popit hover */
.popit { margin: 0; padding: 0; }
.popit .popit-tooltip, .popit .popit-tooltip-top, .popit .popit-tooltip-right, .popit .popit-tooltip-bottom, .popit .popit-tooltip-left
{
    display: none;
    margin: -0.5em 0 0 1em;
    position: absolute; z-index: 2;
}
.popit:hover .popit-tooltip, .popit:hover .popit-tooltip-top, .popit:hover .popit-tooltip-right, .popit:hover .popit-tooltip-bottom, .popit:hover .popit-tooltip-left
{
    display: inline;
}

/* popit tooltip */
.popit-tooltip, .popit-tooltip-top, .popit-tooltip-right, .popit-tooltip-bottom, .popit-tooltip-left
{
    font-size: 10px;
    color: #000;
    padding: .5em 1em;
    max-width: 250px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #B8860B;
    background-color: #FFFFCC;
    background-image: -moz-linear-gradient(top,#ECEC8D,#FFFFCC);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ECEC8D),color-stop(1,#FFFFCC));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ECEC8D,EndColorStr=#FFFFCC);
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ECEC8D,EndColorStr=#FFFFCC);
}
.popit-tooltip:after, .popit-tooltip-top:after, .popit-tooltip-right:after, .popit-tooltip-bottom:after, .popit-tooltip-left:after
{
    content: "\25B8";
    display: block;
    font-size: 2em;
    height: 0;
    line-height: 0;
    position: absolute;
}
.popit-tooltip:after, .popit-tooltip-bottom:after
{
    color: #B8860B;
    bottom: 0;
    left: 1px;
    text-align: center;
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -khtml-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    width: 100%;
}
.popit-tooltip-top:after
{
    bottom: auto;
    color: #B8860B;
    left: -2px;
    top: -5px;
    text-align: center;
    -o-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -khtml-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    width:100%;
}
.popit-tooltip-right:after
{
    color:#B8860B;
    right: -0.5em;
    top: 50%;
    margin-top: -.05em;
    -o-transform: rotate(0);
    -moz-transform: rotate(0);
    -khtml-transform: rotate(0);
    -webkit-transform: rotate(0);
}
.popit-tooltip-left:after
{
    color: #B8860B;
    left: -0.5em;
    top: 50%;
    margin-top: .1em;
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -khtml-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

/* DropDown Dialogs (used in Toolbars, etc.) */
.dropdown
{
    background-color: #FFFFFF;
    border: 1px solid #333333;
    height: 140px;
    overflow: auto;
    padding: 1px;
    -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);
}
.dropdown2
{
    background-color: #FFFFFF;
    padding: 0;
    margin: 0;
    z-index: 100999;
    border: 2px solid #06456b;
    -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* checkbox */
.cbox           { display: inline-block; padding: 0; margin: 0; width: 18px; height: 16px; cursor: pointer;
                  background-image: url(../../images/checkbox.png); background-repeat: no-repeat; }
.cbox:hover     { background-position: 0 -16px; }
.cbox_sel       { background-position: -18px 0; }
.cbox_sel:hover { background-position: -18px -16px; }

/* Button Pick Form Element */
SPAN.button_pick
{
    display: inline-block; background-image: url(../../images/posticon.gif); background-repeat: no-repeat; background-position: 2px 6px;
    font-size: 12px; background-color: #f37421; color: #FFFFFF; text-decoration: none;
    border: 0; border-right: 1px solid #999999; cursor: pointer;
    padding: 3px 8px 3px 18px !important; margin: -1px 0 -1px 0px !important;
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}
SPAN.button_pick_wait
{
    background-color: #335184; background-image: url(../../images/pleasewait.gif); background-position: 1px 2px;
}
SPAN.button_pick:hover  { background-color: #fbb034; color: #EFEFEF; }
SPAN.button_pick:active { background-color: #EFEFEF; color: #555555; }
INPUT.button_pick_input { max-width: 200px; margin-right: -2px; padding: 0 0 0 5px; border: none !important;
                          background-color:transparent; -moz-user-select: none;
                         -khtml-user-select: none;
                         -webkit-user-select: none;
                         -o-user-select: none; }
INPUT.button_pick_input:hover { border: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; }
DIV.button_pick_wrap { display: inline-block; padding: 1px 0 1px 0 !important; margin: 0 0 2px 0 !important; }

/* PopUp openDropDown */
BODY.dropframe { padding: 0px; }
DIV.dropframe_db { display: none; }
.dropframe_loading { background-image: url(../../images/loading_dropframe.gif); background-repeat: no-repeat; background-position: center center; }

/* 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
{
    height: 25px; margin: 0; padding: 4px;
    list-style-type: none;
    border-bottom: 1px solid #999999;
    color: #FFFFFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#24414e));
    background: -moz-linear-gradient(top,  #fff,  #24414e);
    background-color: #24414e;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
ul.toolbar li img { vertical-align: middle; }
ul.toolbar li
{
    float: left; border: 0; margin: 1px 5px 1px 1px; padding: 0px 5px 0px 5px; text-align: left;
}
ul.toolbar li.sep
{
    margin: 0; padding: 0;
}
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
{
    height: 22px; overflow: hidden; font-size: 12px; color: #fff; text-decoration: none;
    border: 1px outset #666666; cursor: pointer;
    padding: 1px 5px 1px 5px; margin: 1px 2px 1px 2px;
    background-color: #f37421;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
ul.toolbar li.btn:hover        { cursor: pointer; background-color: #fbb034; color: #EFEFEF; border: 1px outset #b03d00; }
ul.toolbar li.btn:active       { cursor: pointer; background-color: #EFEFEF; color: #555555; border: 1px inset #999999; }
ul.toolbar li.tbtn             { background-color: #ddd; color: #ffffff; }
ul.toolbar li.pbtn             { background-color: #335184; color: #ffffff; }

/* 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; }

/*
    ====================================================================================================================
    default forms
    ====================================================================================================================
*/

FORM { margin: 0px; padding: 0px; }
INPUT[type=text], INPUT[type=password], INPUT[type=email], INPUT[type=url], TEXTAREA, SELECT, .form_field
{
    margin: 0;
    padding: 3px;
    background-color: #fAfAfA;
    border: 1px inset #999999;
    outline: none;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
}

SELECT { padding: 1px; margin: 0; }
SELECT OPTION { background-color: #ffffff; }
SELECT OPTION:nth-child(even) { background-color: #f6f9ff; }

INPUT.error, TEXTAREA.error, SELECT.error, .form_field.error
{
    color: #000000;
    background-color: #ff947b;
    border: 1px inset #ff4545;
}
TEXTAREA
{
    font-size: 12px;
    resize: none;
}
INPUT:focus, TEXTAREA:focus, SELECT:focus, .form_field:focus {
    background-color: lightyellow;
    box-shadow: 0 0 5px #f37421;
    -webkit-box-shadow: 0 0 5px #f37421; 
    -moz-box-shadow: 0 0 5px #f37421;
}
INPUT:hover, TEXTAREA:hover, SELECT:hover, .form_field:hover, .button:hover,
SPAN.button_pick:hover, .button_save:hover, .button_del:hover, .button_misc:hover, .button_done:hover,
ul.toolbar li.btn:hover, TR.frame_toolbar A:hover, TR.frame_toolbar SPAN:hover
{
    box-shadow: 0 0 5px #f37421;
    -webkit-box-shadow: 0 0 5px #f37421; 
    -moz-box-shadow: 0 0 5px #f37421;
}

INPUT.button, A.button, SPAN.button, BUTTON.button
{
    font-size: 12px; color: #ffffff !important; text-decoration: none; font-weight: bold; cursor: pointer;
    text-shadow: #B54700 1px 1px 0px;
    border: 1px outset #fbb034;
    padding: 0.2em 0.5em 0.2em 0.5em; margin: 0px;
    background-color: #f37421;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    white-space: nowrap;
}
INPUT.button:hover, A.button:hover, SPAN.button:hover, BUTTON.button:hover
{
    background-color: #fbb034; color: #EFEFEF; border: 1px outset #b03d00;
}
INPUT.button:active, A.button:active, SPAN.button:active, BUTTON.button:active
{
    background-color: #EFEFEF; color: #555555; border: 1px inset #999999;
}

INPUT.button_blue, A.button_blue, SPAN.button_blue, BUTTON.button_blue
{
    background-color: #5294b3;
    border-color: #4384a4;
}

INPUT.button_login, A.button_login
{
    background-image: url(../../images/login.gif); background-repeat: no-repeat; background-position: 0px 0px;
    padding: 0px 5px 0px 17px; padding-left: 17px !important;
}
INPUT.button_unlock, A.button_unlock
{
    background-image: url(../../images/unlock.gif); background-repeat: no-repeat; background-position: 0px 0px;
    padding: 0px 5px 0px 17px; padding-left: 17px !important;
}
INPUT.button_save, A.button_save
{
    background-image: url(../../images/toolbar/save.gif); background-repeat: no-repeat; background-position: 0px 0px;
    padding: 0px 5px 0px 20px; padding-left: 20px !important;
}    
INPUT.button_back, A.button_back, SPAN.button_back
{
    background-image: url(../../images/toolbar/undo.gif); background-repeat: no-repeat; background-position: 0px 0px;
    padding: 0px 5px 0px 20px; padding-left: 20px !important;
}
INPUT.button_del, A.button_del, span.button_del
{
    background-image: url(../../images/delete.gif); background-repeat: no-repeat; background-position: 4px 3px;
    padding: 0px 5px 0px 20px; padding-left: 20px !important;
}
INPUT.button_misc, A.button_misc
{
    background-image: url(../../images/posticon.gif); background-repeat: no-repeat; background-position: 3px 3px;
    padding: 0px 5px 0px 20px; padding-left: 20px !important;
}
INPUT.button_done, A.button_done
{
    background-image: url(../../images/vote.gif); background-repeat: no-repeat; background-position: 3px 3px;
    padding: 0px 5px 0px 20px; padding-left: 20px !important;
}
INPUT.button_vote, A.button_vote, SPAN.button_vote
{
    background-image: url(../../images/vote.gif); background-repeat: no-repeat; background-position: 3px 2px;
    padding: 0px 5px 0px 20px; padding-left: 20px !important;
}
INPUT.button_rank, A.button_rank, SPAN.button_rank
{
    background-image: url(../../images/adv_dst.gif); background-repeat: no-repeat; background-position: 3px 2px;
    padding: 0px 5px 0px 20px; padding-left: 20px !important;
}
INPUT.button_pledge, A.button_pledge, SPAN.button_pledge
{
    background-image: url(../../images/pledge.gif); background-repeat: no-repeat; background-position: 3px 1px;
    padding: 0px 5px 0px 20px; padding-left: 20px !important;
}
INPUT.button_help, A.button_help, SPAN.button_help
{
    background-image: url(../../images/help.gif); background-repeat: no-repeat; background-position: 3px 1px;
    padding: 0px 5px 0px 20px; padding-left: 20px !important;
}
INPUT.button_compose, A.button_compose, SPAN.button_compose,
INPUT.button_friends, A.button_friends, SPAN.button_friends
{
    background-image: url(../../images/compose.png); background-repeat: no-repeat; background-position: 3px 1px;
    padding: 0px 5px 0px 20px; padding-left: 20px !important;
}
INPUT.button_email, A.button_email, SPAN.button_email
{
    background-image: url(../../images/compose.png); background-repeat: no-repeat; background-position: 3px 2px;
    padding: 0px 5px 0px 22px; padding-left: 22px !important;
}
INPUT.button_approveFriend, A.button_approveFriend, SPAN.button_approveFriend
{
    background-image: url(../../images/friend_add.png); background-repeat: no-repeat; background-position: 3px 1px;
    padding: 0px 5px 0px 20px; padding-left: 20px !important;
}
INPUT.button_checkall, A.button_checkall, SPAN.button_checkall
{
    background-image: url(../../images/checkall.gif); background-repeat: no-repeat; background-position: 3px 1px;
    padding: 0px 5px 0px 25px; padding-left: 25px !important;
}
INPUT.button_read, A.button_read, SPAN.button_read
{
    background-image: url(../../images/approve.gif); background-repeat: no-repeat; background-position: 3px 1px;
    padding: 0px 5px 0px 25px; padding-left: 25px !important;
}
INPUT.button_fav, A.button_fav, SPAN.button_fav
{
    background-image: url(../../images/heart.gif); background-repeat: no-repeat; background-position: 3px 1px;
    padding: 0px 5px 0px 25px; padding-left: 25px !important;
}
INPUT.button_ticket, A.button_ticket, SPAN.button_ticket
{
    background-image: url(../../images/ticket.png); background-repeat: no-repeat; background-position: 3px 1px;
    padding: 0px 5px 0px 25px; padding-left: 25px !important;
}
INPUT.button_upload, A.button_upload, SPAN.button_upload, BUTTON.button_upload
{
    background-image: url(../../images/attachment.gif); background-repeat: no-repeat; background-position: 3px 1px;
    padding: 0px 5px 0px 25px; padding-left: 25px !important;
}

INPUT.disabled, TEXTAREA.disabled, SELECT.disabled
{
    background-color: #EFEFEF; color: #999999; border: 1px solid #999999;
}
INPUT.name
{
    background-image: url('../../images/other.gif');
    background-repeat: no-repeat; background-position: 2px 3px; padding-left: 20px;
}
INPUT.email, INPUT[type=email]
{
    background-image: url('../../images/newfolder.gif');
    background-repeat: no-repeat; background-position: 2px 3px; padding-left: 20px;
}
INPUT.pass
{
    background-image: url('../../images/unlock.gif');
    background-repeat: no-repeat; background-position: 0px 3px; padding-left: 20px;
}
INPUT.url, INPUT[type=url]
{
    background-image: url('../../images/url.gif');
    background-repeat: no-repeat; background-position: 2px 3px; padding-left: 25px;
}
INPUT.phone
{
    background-image: url('../../images/phone.gif');
    background-repeat: no-repeat; background-position: 2px 3px; padding-left: 20px;
}
INPUT.bug
{
    background-image: url('../../images/bug.gif');
    background-repeat: no-repeat; background-position: 2px 3px; padding-left: 20px;
}
INPUT.searchbg
{
    background-image: url('../../images/search.png');
    background-repeat: no-repeat; background-position: 2px 3px; padding-left: 20px;
}
INPUT.busybg
{
    background-image: url('../../images/pleasewait.gif');
    background-repeat: no-repeat; background-position: 2px 3px; padding-left: 20px;
}

/* form required and duplicate error images */
FORM IMG.errimg { position: absolute; z-index: 99999; margin-left: -1px; margin-top: 6px; }

/* upload button (make normal file upload invisible, and replace with our own elements) */
.fileupload-wrapper
{
    position:relative; display:inline-block; zoom:1; *display:inline; overflow:hidden;
    padding:0; cursor: pointer !important;
}
.fileupload-wrapper .fileupload-input
{
    float:right; height: 20px; overflow:hidden; width:200px; white-space:nowrap;
    margin: 1px 5px 1px 0;
    padding: 2px 2px 2px 5px;
    background-color: #fAfAfA;
    color: #000;
    border: 1px inset #999999;
    border-left: 0px;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px; border-bottom-right-radius: 3px;
}
.fileupload-wrapper .fileupload-button
{
    float:right; height:16px; overflow:hidden; white-space:nowrap;
    font-size: 12px; color: #ffffff; text-decoration: none; font-weight: bold; cursor: pointer;
    margin: 1px 0 1px 0;
    padding: 1px 5px 1px 16px;
    text-shadow: #B54700 1px 1px 0px;
    border: 1px outset #fbb034;
    border-right: 0px;
    background-color: #f37421;
    background-image: url('../../images/attachment.gif');
    background-repeat: no-repeat; background-position: 2px 2px;    
    -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px; border-bottom-left-radius: 5px;
}
.fileupload-wrapper .fileupload-button-hover
{
    background-color: #fbb034; color: #EFEFEF;
    box-shadow: 0 0 5px #f37421;
    -webkit-box-shadow: 0 0 5px #f37421; 
    -moz-box-shadow: 0 0 5px #f37421;
}
.fileupload-wrapper .fileupload-file { position:absolute; -moz-opacity:0;filter:alpha(opacity=0);opacity:0; }


/*
    ====================================================================================================================
      *** 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; }

.DLbutn_bl
{
    font-size: 15px; 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 30px; margin: 1px;
    background: #06456b;
    background-image: url('../../images/store/step_1.png'),
                      -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #5294b3), color-stop(0.78, #06456b));
    background-image: url('../../images/store/step_1.png'),
                      -moz-linear-gradient(center bottom, #5294b3 15%, #06456b 78%);
    background-repeat: no-repeat;
    background-position: left top;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5294b3', endColorstr='#06456b');
    -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
}
.DLbutn_bl:hover
{
    background: #06456b;
    background-image: url('../../images/store/step_1.png');
    background-repeat: no-repeat;
}
.DLbutn_bl:active   { border: 1px inset #999999; }

.DLbutn_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 30px; margin: 1px;
    background: #074507;
    background-image: url('../../images/store/step_2.png'),
                      -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #1A911A), color-stop(0.78, #074507));
    background-image: url('../../images/store/step_2.png'),
                      -moz-linear-gradient(center bottom, #1A911A 15%, #074507 78%);
    background-repeat: no-repeat;
    background-position: left top;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A911A', endColorstr='#074507');
    -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
}
.DLbutn_gr:hover
{
    background: #074507;
    background-image: url('../../images/store/step_2.png');
    background-repeat: no-repeat;
}
.DLbutn_gr:active { border: 1px inset #999999; }

.DLbutn_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 30px; margin: 1px;
    background: #f37421;
    background-image: url('../../images/store/step_3.png'),
                      -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #FFB07C), color-stop(0.78, #f37421));
    background-image: url('../../images/store/step_3.png'),
                      -moz-linear-gradient(center bottom, #FFB07C 15%, #f37421 78%);
    background-repeat: no-repeat;
    background-position: left top;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB07C', endColorstr='#f37421');
    -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
}
.DLbutn_or:hover
{
    background: #f37421;
    background-image: url('../../images/store/step_3.png');
    background-repeat: no-repeat;
}
.DLbutn_or:active { border: 1px inset #999999; }

/* Progress Bar */
.progress_report_bar_container
{
    display: inline-block; height: 20px; 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
    ====================================================================================================================
*/

/* 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; padding: 0.5em; vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
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: #002434;
    background: -webkit-gradient(linear, left top, left bottom, from(#002434), to(#24414e));
    background: -moz-linear-gradient(top,  #002434,  #24414e);
}
TR.frame_header TD:first-child
{
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
TR.frame_header TD:last-child
{
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

TR.frame_toolbar
{
    height: 35px; margin: 0; padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #FFFFFF;
    background: #DCDCDC;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#24414e));
    background: -moz-linear-gradient(top,  #ffffff,  #24414e);
}
TR.frame_toolbar TD
{
    height: 35px; border: 1px outset #C0C0C0; margin: 0; padding: 0 0.5em 0 0.5em;
    vertical-align: middle;
    border-radius: 4px;
}
TR.frame_toolbar A IMG, TR.frame_toolbar SPAN IMG
{
    vertical-align: text-top; margin-right: 2px;
}
TR.frame_toolbar A, TR.frame_toolbar SPAN, TR.frame_toolbar INPUT, TR.frame_toolbar SELECT
{
    display: inline-block; height: 22px !important;
    padding: 1px 5px 0 5px; margin: 0 2px 0 2px !important;
    overflow: hidden; font-size: 12px; color: #fff; text-decoration: none;
    vertical-align: middle;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px outset #666666; cursor: pointer;
    background-color: #f37421;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
TR.frame_toolbar SELECT { background-color: #EFEFEF; color: #000000; }
TR.frame_toolbar SPAN.noshow { display: none; }
TR.frame_toolbar A { padding: 2px 5px 2px 5px; }
TR.frame_toolbar INPUT[type=button], TR.frame_toolbar INPUT[type=submit]
{
    padding: 1px 5px 1px 20px;
}
TR.frame_toolbar A:hover, TR.frame_toolbar SPAN:hover, TR.frame_toolbar INPUT:hover
{
    background-color: #fbb034; color: #EFEFEF; border: 1px outset #b03d00;
}
TR.frame_toolbar A:active, TR.frame_toolbar SPAN:active, TR.frame_toolbar INPUT:active 
{
    background-color: #EFEFEF; color: #555555; border: 1px inset #999999;
}

TR.frame_header A        { color: #FFFFFF; }

TR.frame_row:nth-child(even) { background-color: #ffffff; }
TR.frame_row:nth-child(odd)  { background: -webkit-gradient(linear, left top, left bottom, from(#c2cedb), to(#d1dfed));
                               background: -moz-linear-gradient(top,  #c2cedb,  #d1dfed);
                               background-color: #d1dfed; }

TR.frame_row_a           { background-color: #ffffff; }
TR.frame_row_b           { background: -webkit-gradient(linear, left top, left bottom, from(#c2cedb), to(#d1dfed));
                           background: -moz-linear-gradient(top,  #c2cedb,  #d1dfed);
                           background-color: #d1dfed; }
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: #FFFFFF; font-size: 9px; text-align: right;
    background-image: linear-gradient(top, #335284 30%, #4D688F 100%);
    background-image: -o-linear-gradient(top, #335284 30%, #4D688F 100%);
    background-image: -moz-linear-gradient(top, #335284 30%, #4D688F 100%);
    background-image: -webkit-linear-gradient(top, #335284 30%, #4D688F 100%);
    background-image: -ms-linear-gradient(top, #335284 30%, #4D688F 100%);
    background-color: #335184;
    border: 1px solid #ffffff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
TD.frame_form_b
{
    background-image: linear-gradient(left , #FFFFFF 6%, #E0E5ED 25%, #FFFFFF 100%);
    background-image: -o-linear-gradient(left , #FFFFFF 6%, #E0E5ED 25%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(left , #FFFFFF 6%, #E0E5ED 25%, #FFFFFF 100%);
    background-image: -webkit-linear-gradient(left , #FFFFFF 6%, #E0E5ED 25%, #FFFFFF 100%);
    background-image: -ms-linear-gradient(left , #FFFFFF 6%, #E0E5ED 25%, #FFFFFF 100%);
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
TD.frame_form_c
{
    background-color: #bdcee0;
}
TR.frame_submit TD
{
    background-color: #d1dfed;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/* DIV version of frame toolbar (should match TR version) */
DIV.frame_toolbar
{
    border: 1px outset #C0C0C0; margin: 0; padding: 5px;
    border-radius: 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #FFFFFF;
    background: #DCDCDC;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#24414e));
    background: -moz-linear-gradient(top,  #ffffff,  #24414e);
    vertical-align: middle;
}
DIV.frame_toolbar A IMG, DIV.frame_toolbar SPAN IMG
{
    vertical-align: text-top; margin-right: 2px;
}
DIV.frame_toolbar A, DIV.frame_toolbar SPAN, DIV.frame_toolbar INPUT, DIV.frame_toolbar SELECT
{
    display: inline-block; height: 22px !important;
    padding: 1px 5px 0 5px; margin: 0 2px 0 2px !important;
    overflow: hidden; font-size: 12px; color: #fff; text-decoration: none;
    vertical-align: middle;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px outset #666666; cursor: pointer;
    background-color: #f37421;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
DIV.frame_toolbar SELECT { background-color: #EFEFEF; color: #000000; }
DIV.frame_toolbar SPAN.noshow { display: none; }
DIV.frame_toolbar A { padding: 2px 5px 2px 5px; }
DIV.frame_toolbar INPUT[type=button], DIV.frame_toolbar INPUT[type=submit]
{
    padding: 1px 5px 1px 20px;
}
DIV.frame_toolbar A:hover, DIV.frame_toolbar SPAN:hover, DIV.frame_toolbar INPUT:hover
{
    background-color: #fbb034; color: #EFEFEF; border: 1px outset #b03d00;
}
DIV.frame_toolbar A:active, DIV.frame_toolbar SPAN:active, DIV.frame_toolbar INPUT:active 
{
    background-color: #EFEFEF; color: #555555; border: 1px inset #999999;
}

/*
    ====================================================================================================================
    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
    ====================================================================================================================
*/

.forum_layout .forum_title
{
    font-size: 16px; color: #333; text-shadow: 1px 1px 0px rgba(175, 210, 220, 0.8);
    background-image: url('../../images/cx_overlay.png');
    background-size: 20px 20px;
    background-repeat: no-repeat; background-position: -1px -1px; padding: 2px 0 2px 20px;
}

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

DIV.forum
{
  font-family: 'Andale Mono', monospace;
  color: #000000;
  word-wrap: break-word;
}
DIV.forum 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: break-word;
}

.forum_row_a        { background-color: #FFFFFF; }
.forum_row_astick   { background-color: #d5e3f9; font-style: italic; }

.forum_row_b        { background-color: #EFEFEF; }
.forum_row_bstick   { background-color: #bed5f7; font-style: italic; }

.forum_row_mhl      { background-color: #FFFFCC; }
.forum_row_mhlstick { background-color: #FFFFCC; font-style: italic; }

.forum_view_board_top {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
    background: #002434;
    background: -webkit-gradient(linear, left top, left bottom, from(#002434), to(#24414e));
    background: -moz-linear-gradient(top,  #002434,  #24414e);
    padding: 1em;
    margin: 1em 0 1em 0;
    border-radius: 4px;
}
.forum_view_board_top IMG { vertical-align: middle; }

.forum_view_post    { width: 950px; margin: 1em 0 1em 0; padding: 0; border-radius: 4px; }
.forum_view_post.forum_post_sidebar { width: 790px;}
.forum_view_post.forum_post_reply { width: 690px;}

.forum_view_post .forum_avatar  { float: left; display: inline-block; width: 70px; padding: 20px 10px 10px 10px; text-align: center; font-size: 8px; }

.forum_view_post .forum_avatar .userProfileView A:hover IMG { transform: rotate(20deg); -webkit-transform:rotate(10deg); }

.forum_view_post .forum_body { float: right; display: inline-block; width: 840px; padding: 10px; }
.forum_view_post.forum_post_sidebar .forum_body { width: 680px;}
.forum_view_post.forum_post_reply .forum_body { width: 580px;}

.forum_view_post .forum_from    { clear: both; font-weight: bold; }

.forum_view_post .forum_from A  { text-decoration: none; margin: 0;}
.forum_view_post .forum_from A:hover  { text-decoration: underline; }
.forum_view_post .forum_from .forum_from_from { display: inline-block; width: 400px; }
.forum_view_post .forum_from .forum_from_date { display: inline-block; width: 200px; text-align: right; float:right; }

.forum_view_post .edit_by { clear:both; text-align: right; font-size: 8px; }
.forum_view_post .edit_by A { text-decoration: none; }
.forum_view_post .edit_by A:hover { text-decoration: underline; }
.forum_view_post .edit_by IMG { vertical-align: middle; }

.forum_view_post .forum_subject { clear: both; margin: 0; padding: 0; }

.forum_view_post .forum_content {
    clear: both;
    padding: 1em 1em 0.5em 1em;
    font-family: 'Andale Mono', monospace;
    word-wrap: break-word;
    border-top: 1px solid #DADADA;
}

.forum_view_post .forum_links       { height: 20px; margin-top: 10px; padding-top: 15px; }
.forum_view_post .forum_links_inner { display: none; text-align: right; border-top: 1px solid #DADADA; padding-top: 5px; }
.forum_view_post .forum_links_inner IMG { vertical-align: middle; }


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

.wiki h1, .wiki h2, .wiki h3, .wiki h4, .wiki h5, .wiki h6
{
    padding: 0 0 0.3em 0;
    margin: 0;
    border-bottom: 2px solid #999999;
}
.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 a.link
{
    
}


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

/* CrossTie Button */
SPAN.c4pbutton
{
    font-size: 10px; color: #ffffff !important; text-decoration: none; font-weight: 600; cursor: default;
    text-shadow: #1A301A 1px 1px 0px;
    border: 1px outset #0ae10a;
    padding: 2px 4px 2px 4px; 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: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
}

/* C4 Tips */
DIV.c4tip
{
    margin-bottom: 1em;
    padding: 0px;
    border: 1px solid #d4d4d4;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -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.c4tip_bar
{
    display: table;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #CCCCCC;
    cursor: pointer;
    background: #EAEAEA;
    background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(#efefef));
    background: -moz-linear-gradient(right,  #ffffff,  #efefef);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
DIV.c4tip_bar:hover { background: #d4d4d4; }
DIV.c4tip_bar:active { background: #999999; }
UL.c4tip_menu
{
    list-style: none;
    display: table-row;
    margin: 0;
    padding: 0;
}
LI.c4tip_row
{
    display: table-cell;
    width: 150px;
    padding: 5px 10px 5px 10px;
    text-align: right;
    white-space: nowrap;
    vertical-align: top;
}
LI.c4tip_title
{
    display: table-cell;
    width: 100%;
    padding: 15px 10px 5px 10px;
    font-size: 20px;
    color: #f37421;
    text-shadow: 1px 0 0 rgba(128, 128, 128, 0.5);
    font-weight: bold;
    text-align: left;
    vertical-align: top;
}
DIV.c4tip_body
{
    margin: 10px;
}

INPUT.c4_app_search_big
{
    height: 34px;
    padding-left: 35px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 23px;
}

A.c4p_app_adv_search
{
    display: inline-block; width: 200px; height: 20px;
    padding-left: 20px;
}

/*
    ====================================================================================================================
    Bug Tracker styles
    ====================================================================================================================
*/

DIV.bug_alert
{
  padding: 10px 20px 10px 60px;
  border: 1px solid #D9D9D1;
  border-radius: 10px;
  box-shadow : 0 1px 0 #D9D9D1
    , 0 1px 0 #D9D9D1
    , 0 1px 0 #D9D9D1
    , 0 1px 0 #D9D9D1
    , 0 1px 0 #D9D9D1
    , 0 1px 0 #D9D9D1
    , 0 1px 0 #D9D9D1
    , 0 5px 5px 1px rgba(0, 0, 0, 0.2);
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
  background-color: #FFFFCC;
  background-image: url("../../images/alert_bug.png");
  background-position: top left;
  background-repeat: no-repeat;
}
DIV.milestone_banner
{
  margin: 5px 100px 5px 100px;
}
DIV.pickMilestone:hover { border-color: #FBAF34 !important; }


/*
    ====================================================================================================================
    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: 10px; 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; }

/* topfixed ticket toolbar */
.ticket_topfixed_toolbar
{
    width: 791px; padding: 10px !important;
    -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
}

/* 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; }


/*
    ====================================================================================================================
    Store
    ====================================================================================================================
*/

/* store layout */
div.storeTop
{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    height: 20px;
    margin: 0 0 10px 0;
    padding: 5px 0 0 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #efefef;
    background-color: #8c98a0;
}

div.storeProduct
{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    margin: 5px 0 0 0;
    padding: 0;
    color: #455560;
}

div.storeCart
{
    margin:10px 0 0 0; padding: 5px 10px 5px 10px;
    color: #ffffff;
    background-color: #8c98a0;
}

ul.cart_dep li { font-style: italic; color: #FF0000; }

div.storeForm { margin-top: 10px; }
div.storeForm li.lineCko input[type=submit] { padding: 10px; }

div.storeProduct ul.storeTable { margin-left: 10px; }

ul.storeTable li.linePro { width: 250px; white-space:nowrap; }
ul.storeTable li.lineFll { width: 520px; }
ul.storeTable li.lineTtl { width: 75px; font-weight: bold; text-align: right; }
ul.storeTable li.lineMde { width: 250px; padding-left: 10px; }
ul.storeTable li.lineHlp { width: 450px; padding-top: 10px; text-align: center;}
ul.storeTable li.lineCko { width: 250px; text-align: right; }
ul.storeTable li.lineImg { width:120px; padding-left:10px; text-align: center; }
ul.storeTable li.linePrd { width:285px; line-height: 1.5em; padding-right: 10px; }
ul.storeTable li.lineQty { width:100px; }
ul.storeTable li.linePri { width:140px; text-align:center; }
ul.storeTable li.lineDlv { width:100px; text-align:center; }
ul.storeTable li.lineAdd { width:180px; text-align:right; }
ul.storeTable li.lineSKU { width:530px; }

div.storeTableDep { margin:0 0 15px 145px; padding: 0; clear: both; }
ul.storeTableDep li.linePrd { width:270px; }
ul.storeTableDep li.lineSKU { width:540px; }

li.linePrd b.big a, li.linePrd b.big a:visited { color: #455560 !important; }

/* Store Shopping Cart Row Colors */
tr.cart_row   { font-style: normal; }
tr.cart_dep   { font-style: italic; color: #FF0000; }

/* Store Order Modes */
.open         { background-color: #60ff60; }
.offline      { background-color: #fffccb; }
.processed    { background-color: #FFFFFF; }
.void         { background-color: #ff824b; }
.credit       { background-color: #fffa00; }
.fraudulent   { background-color: #dc143c; }

/* Store Credit Card Choice Lines */
.ccard_line   {
               display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box;
               min-width: 150px; height: 30px; padding: 8px 0 10px 45px; margin: 0 0 10px 0;
               vertical-align: middle;
               background-image: url('../../images/store/ccards.png');
               background-repeat: no-repeat;
               background-position: 0 0;
              }
.ccard_line.ccard_Visa { background-position: 0 0; }
.ccard_line.ccard_MasterCard { background-position: 0 -30px; }
.ccard_line.ccard_Amex { background-position: 0 -60px; }
.ccard_line.ccard_Discover { background-position: 0 -90px; }
.ccard_line.ccard_PayPal { background-position: 0 -120px; }
.ccard_line.ccard_AliPay { background-position: 0 -150px; }


/*
    ====================================================================================================================
    DataTables
    ====================================================================================================================
*/

table.dataTable {
    margin: 0 auto;
    clear: both;
    width: 100%;
    border-collapse: collapse;
}
table.dataTable thead th {
    padding: 3px 0px 3px 10px;
    cursor: pointer;
    *cursor: hand;
}
table.dataTable tfoot th {
    padding: 3px 10px;
}
table.dataTable td {
    padding: 3px 10px;
}
table.dataTable td.center,
table.dataTable td.dataTables_empty {
    text-align: center;
}
table.dataTable tr.odd { background-color: #E2E4FF; }
table.dataTable tr.even { background-color: white; }
table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; }
table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }
table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }
.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
}
.dataTables_wrapper .ui-widget-header {
    font-weight: normal;
}
.dataTables_wrapper .ui-toolbar {
    padding: 5px;
}
.dataTables_length {
    float: left;
}
.dataTables_filter {
    float: right;
    text-align: right;
}
.dataTables_info {
    padding-top: 3px;
    clear: both;
    float: left;
}
.dataTables_paginate {
    float: right;
    text-align: right;
}
.dataTables_paginate .ui-button {
    margin-right: -0.1em !important;
}
.paging_two_button .ui-button {
    float: left;
    cursor: pointer;
    * cursor: hand;
}
.paging_full_numbers .ui-button {
    padding: 2px 6px;
    margin: 0;
    cursor: pointer;
    * cursor: hand;
    color: #333 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
    text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
    outline: none;
}
.paginate_disabled_previous,
.paginate_disabled_next {
    color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
    padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
    padding-right: 23px;
    margin-left: 10px;
}
.paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }
.paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }
.paging_full_numbers a:active {
    outline: none
}
.paging_full_numbers a:hover {
    text-decoration: none;
}
.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
}
.paging_full_numbers a.paginate_button {
    background-color: #ddd;
}
.paging_full_numbers a.paginate_button:hover {
    background-color: #ccc;
    text-decoration: none !important;
}
.paging_full_numbers a.paginate_active {
    background-color: #99B3FF;
}
.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;
}
table.dataTable thead th div.DataTables_sort_wrapper {
    position: relative;
    padding-right: 20px;
    padding-right: 20px;
}
table.dataTable thead th div.DataTables_sort_wrapper span {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 0;
}
table.dataTable th:active {
    outline: none;
}
.dataTables_scroll {
    clear: both;
}
.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper INPUT { padding-top: 2px; padding-bottom: 2px; }


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

.ToolTip
{
    display: inline;
    cursor: help;
}
A.ToolTip { text-decoration: none; color: #000000; }
.ToolTip .ToolTipBody { display: none; }
#ToolTip
{
    position: absolute;
    z-index: 99999;
    margin: 0;
    border: 1px solid #B8860B;
    font-size: 10px;
    background-color: #FFFFCC;
    background-image: -moz-linear-gradient(top,#ECEC8D,#FFFFCC);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ECEC8D),color-stop(1,#FFFFCC));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ECEC8D,EndColorStr=#FFFFCC);
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ECEC8D,EndColorStr=#FFFFCC);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -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);
}
#ToolTip_arrow_left
{
    background-image: url(../../images/tooltip_left.gif);
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    z-index: 99998;
    left:   -11px;
    height:  23px;
    width:   10px;
    top:     0;
    margin:  0;
}
#ToolTip_arrow_right
{
    background-image: url(../../images/tooltip_right.gif);
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    z-index: 99998;
    height:  23px;
    width:   10px;
    top:     0;
    margin:  0;
}
#ToolTip_copy
{
    padding: 10px;
    max-height: 300px;
    overflow: hidden;
}
.ToolTip_loader
{
    background-image: url(../../images/pleasewait.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width:  100%;
    height: 12px;
}
#ToolTip_close_left
{
    text-align: left;
    padding-left: 8px;
    padding-bottom: 0px;
    padding-top: 0px;
}
#ToolTip_close_right
{
    text-align: left;
    padding-left: 8px;
    padding-bottom: 0px;
    padding-top: 0px;
}


/*
    ====================================================================================================================
    CodeWeavers Image Gallery
    ====================================================================================================================
*/

.cxgallery { margin: 0 auto; padding: 0; width: 780px; height: 300px; }
.cxgallery .viewport
{
    display: inline-block;
    float: left;
    width: 580px; height: 300px; padding: 0; margin: 0 60px 0 40px;
    background-image: url('../../images/pleasewait.gif');
    background-repeat: no-repeat;
    background-position: 190px 90px;
    text-align: center;
}
.cxgallery .about
{
    display: none;
    position: absolute;
    z-index: 3;
    max-width: 350px;
    max-height: 100px;
    overflow: hide;
    background: rgba(0,0,0,0.85);
    color: #fff;
    margin: -5px 0 0 15px;
    padding: 1em;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.cxgallery .about:before
{
    content: "";
    position: absolute;
    top: 15px;
    left: -10px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent rgba(0,0,0,0.85) transparent transparent;
    display: block; 
    width: 0;
}
.cxgallery .viewport img { height: 300px; cursor: pointer; }
.cxgallery .thumbs
{
    display: inline-block;
    float: left;
    width: 80px; margin: 10px 10px 0 0; padding: 10px 2px 10px 2px;
    background-color: rgba(200,200,200,0.2);
    border: 1px solid rgba(200,200,200,0.8);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
}
.cxgallery .thumbs a { display: inline-block; margin: 2px 5px 2px 5px; padding: 0px; }
.cxgallery .thumbs a span { display: none; }
.cxgallery .thumbs img
{
    margin: 0px; padding: 0px;
    border: 1px solid #ccc;
    width: 60px;
    height: 40px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    opacity: 0.5;
}
.cxgallery .thumbs img:hover
{
    box-shadow: 0 0 5px #f37421;
    -webkit-box-shadow: 0 0 5px #f37421; 
    -moz-box-shadow: 0 0 5px #f37421;
    opacity: 1;
}
.cxgallery .thumbs img.sel
{
    border: 1px solid #335184;
    box-shadow: 0 0 5px #335184;
    -webkit-box-shadow: 0 0 5px #335184; 
    -moz-box-shadow: 0 0 5px #335184;
    opacity: 1;
}


/* news box */
ul.cwnewsbox {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.cwnewsbox > li {
    position: relative;
    padding: 1em;
    margin: 2em 2em 1em 0;
    border: 5px solid #00446A;
    color: #333;
    background: #f7ffff;
    background: -moz-linear-gradient(-45deg,  #f7ffff 0%, #f7ffff 7%, #f7ffff 12%, #ffffff 12%, #f8fdfe 30%, #f0fafe 54%, #edf7fd 75%, #eaf4fc 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f7ffff), color-stop(7%,#f7ffff), color-stop(12%,#f7ffff), color-stop(12%,#ffffff), color-stop(30%,#f8fdfe), color-stop(54%,#f0fafe), color-stop(75%,#edf7fd), color-stop(100%,#eaf4fc));
    background: -webkit-linear-gradient(-45deg,  #f7ffff 0%,#f7ffff 7%,#f7ffff 12%,#ffffff 12%,#f8fdfe 30%,#f0fafe 54%,#edf7fd 75%,#eaf4fc 100%);
    background: -o-linear-gradient(-45deg,  #f7ffff 0%,#f7ffff 7%,#f7ffff 12%,#ffffff 12%,#f8fdfe 30%,#f0fafe 54%,#edf7fd 75%,#eaf4fc 100%);
    background: -ms-linear-gradient(-45deg,  #f7ffff 0%,#f7ffff 7%,#f7ffff 12%,#ffffff 12%,#f8fdfe 30%,#f0fafe 54%,#edf7fd 75%,#eaf4fc 100%);
    background: linear-gradient(-45deg,  #f7ffff 0%,#f7ffff 7%,#f7ffff 12%,#ffffff 12%,#f8fdfe 30%,#f0fafe 54%,#edf7fd 75%,#eaf4fc 100%);
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    margin-left:30px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
    box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
}


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

/*
    ====================================================================================================================
    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 */
#ui-datepicker-div {
    -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);
}
.datetimepicker {
    width: 204px;
    cursor: pointer;
    background-image: url('../../images/nag.gif');
    background-repeat: no-repeat; background-position: 4px 2px; padding-left: 26px !important;
}
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; }
.ui-timepicker-div dl dd { margin: -25px 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }


/*
    ====================================================================================================================
    main page layout
    ====================================================================================================================
*/

/* set html and body to full height */
html, body { height: 100%; }

/* body with background */
BODY#main
{
    background-color: #002434;
}

/* facebook container */
#fb-root { margin: 0; padding: 0; }

/* header */
#header
{
    height: 70px;
    margin: 0;
    padding: 0;
}

/* header logo */
#header_logo
{
    display: inline-block; float: left; width: 270px; height: 65px; margin: 0 0 0 10px; padding: 0;
}
#header_logo a
{
    display: block; width: 270px; height: 65px;
    background: url('../../images/codeweavers_logo_270x65.png') no-repeat top left;
}

#header_nav { display: inline-block; float: right; width: 65%; margin: 2px 10px 0 0; padding: 0; }
#header_but { margin: 0; padding: 0; text-align: right; }
#header_but img { width: 16px; height: 16px; vertical-align: text-top; }
#header_but .header_link
{
    display:inline; float: right; margin: 0; padding: 0 5px 0 5px;
}
#header_but .header_arrow
{
    padding: 0 5px 0 12px; background: url('../../images/asc.gif') no-repeat 2px 6px;
}
#header_but .header_arrow:hover
{
    background-image: url('../../images/asc_s.gif');
}
#header_but .header_link:hover .headlink > a { color: #ff0000 !important; }
#header_but .header_link ul { position: absolute; z-index: 3; margin-left: -10px; }
#header_but .header_link ul:before
{
    content: "";
    position: absolute;
    top: -5px;
    left: 12px;
    border-width: 0 5px 5px;
    border-style: solid;
    border-color: rgba(0,0,0,0.9) transparent;
    display: block; 
    width: 0;
}

#header_but .header_link.header_line { border-right: 1px solid #d4d4d4; }
#header_but a { color: #666666; font-size: 10px; text-decoration: none; }
#header_but a:hover { color: #FF6666; }
#header_but img { vertical-align: top; }

#header_search
{
    display: inline-block;
    float: left;
    width: 490px;
    margin: 5px 0 -1px 47px;
    padding: 12px 10px 10px 10px;
    font-size: 10px;
    color: #ffffff;
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #000000 12%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(12%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#000000 12%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#000000 12%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#000000 12%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ffffff 0%,#000000 12%); /* W3C */
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
}

#header_search select
{
    height: 20px; margin: 0; padding: 0;
    font-size: 12px;
    color: #ffffff;
    background-color: #232323;
    border: 1px solid #666666;
}
#header_search select option
{
    font-size: 12px;
    color: #ffffff;
    background-color: #232323;
}
#header_search input
{
    width: 320px; margin: 0; padding: 1px;
    font-size: 12px; color: #666666;
    border: 1px solid #666666;
    border-collapse: collapse;
}

#header_login_popup
{
    display: none;
    position: absolute;
    top: 42px;
    width: 250px;
    margin: 0 0 0 -218px;
    padding: 5px;
    background: #000000;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(40,40,40,0.8)), to(rgba(0,0,0,0.9)));
    background: -moz-linear-gradient(top, rgba(0,0,0,0.98), rgba(40,40,40,0.95));
    border: 2px solid #222222;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    text-align: center;
}
#header_login_popup input { padding-top: 5px; padding-bottom: 5px; background-position: 2px 5px; margin-bottom: 5px; }
#header_login_popup a { color: #ffffff !important; text-decoration: underline; }
#header_login_popup p { color: #ffffff; }
#header_login_popup:before
{
    content: "";
    position: absolute;
    top: -15px;
    right: 25px;
    border-width: 0 15px 15px;
    border-style: solid;
    border-color: #222222 transparent;
    display: block; 
    width: 0;
}


/* page */
#page
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 996px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    _height: auto !important; /* ie6 */
    margin: 0 auto 0 auto;
    padding: 0;
    background-color: #f2f2f2;
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    border-top: 10px solid #ccd6db;
}

/* primary content well */
#content
{
    background-color: #ffffff;
    border: 1px solid #cecece;
    margin: 10px 10px 0 10px;
    padding: 0px 10px 10px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* footer */
#footer
{
    clear: both;
    margin: 10px 0 5px 0;
    padding: 0;
    color: #455560;
    text-align: center;
    font-size: 12px;
}
#footer a              { color: inherit; text-decoration: none; }
#footer a:hover        { color: #FF6666; text-decoration: underline; }
#footer .icon          { display: inline-block; width: 26px; height: 26px;
                          background: url('../../images/icon_footer_26x206.png') no-repeat top left;}
#footer .icon_facebook { background-position: 0 0; }
#footer .icon_gplus    { background-position: 0 -36px; }
#footer .icon_linkedin { background-position: 0 -72px; }
#footer .icon_rss      { background-position: 0 -108px; }
#footer .icon_twitter  { background-position: 0 -144px; }
#footer .icon_youtube  { background-position: 0 -180px; }

#footer .icon_langsel  { display: inline-block; height: 20px; padding-left: 82px;
                          background: url('../../images/languages/sel_lang.png') no-repeat top left; }

/*
    ====================================================================================================================
    navigation bar
    ====================================================================================================================
*/

#nav
{
    /* z-index: 2; */
    display: inline-block;
    float: left;
    margin: -5px 10px 0 10px;
    padding: 0;
    height: 60px;

    background: #e5e5e5; /* Old browsers */
    background: -moz-linear-gradient(top, #e5e5e5 0%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%,#cccccc 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%,#cccccc 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #e5e5e5 0%,#cccccc 100%); /* W3C */
    
    border: 1px solid #cccccc;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
    box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
}

/* nav list defaults */
#nav ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#nav ul > li
{
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
}

/* main level link */
#nav > ul > li > a
{
    display: block;
    width: 165px;
    padding: 20px 0 20px 0;
    margin: 0;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: -1px;
    text-align: center;
    
    text-decoration: none;

    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;

    color: #000000;
    text-shadow: 0 1px 0 rgba(255,255,255, 0.5);
}

#nav > ul > li.small > a:first-child
{
    font-size: 14px !important;
}

/* main level link hover */
#nav > ul > li.current > a
{
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top, #00446a 0%, #000000 62%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00446a), color-stop(62%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00446a 0%,#000000 62%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00446a 0%,#000000 62%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #00446a 0%,#000000 62%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00446a', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #00446a 0%,#000000 62%); /* W3C */
    color: #ffffff;
}

/* main level link hover */
#nav > ul > li:hover > a
{
    background: #c6d2d9; /* Old browsers */
    background: -moz-linear-gradient(top, #c6d2d9 0%, #00446a 34%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6d2d9), color-stop(34%,#00446a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c6d2d9 0%,#00446a 34%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c6d2d9 0%,#00446a 34%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #c6d2d9 0%,#00446a 34%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6d2d9', endColorstr='#00446a',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #c6d2d9 0%,#00446a 34%); /* W3C */
    color: #ffffff;
}

/* dropdown hover */
#nav ul li:hover > ul
{
    /* display: block;  -- handled by javascript function */
}

/* defaults for submenu items */
#nav ul ul li
{
    float: none;
    margin: 0;
    padding: 0;
}

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

/* submenu link hover */
#nav ul ul a:hover
{
    background-color: #00446A;
    text-shadow: 0 1px 1px rgba(0,0,0, 0.1);
}

/* submenu selected */
#nav ul ul li.current > a
{
    background-color: #26719B;
}

/* show submenu icon */
#nav ul ul li.sub > a
{
    background-image: url('../../images/menu_sub.gif');
    background-repeat: no-repeat;
    background-position: 155px 10px;
}

/* level 2+ list */
#nav ul li ul
{
    z-index: 2;
    display: none;
    position: absolute;
    margin: 0;
    padding: 0;
    width: 165px;
    top: 60px;
    left: 0;
    background: #000000; /* ie */
    background: rgba(0, 0, 0, 0.85);
    border: solid 1px rgba(0,68,106,0.3);
    color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.5);
    box-shadow: 0 1px 3px rgba(0,0,0, 0.5);
}

/* level 3+ list */
#nav ul ul ul
{
    left: 165px;
    top: -1px;
}

/* 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;
}

/* buy button */
#nav_buy
{
    display: inline-block;
    float: left;
    width: 130px;
    height: 60px;
    margin: -5px 10px 0 0;
    padding: 0;
    
    background: #fbaf34; /* Old browsers */
    background: -moz-linear-gradient(top, #fbaf34 0%, #f37421 19%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbaf34), color-stop(19%,#f37421)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fbaf34 0%,#f37421 19%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fbaf34 0%,#f37421 19%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #fbaf34 0%,#f37421 19%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbaf34', endColorstr='#f37421',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #fbaf34 0%,#f37421 19%); /* W3C */

    border: 1px solid rgba(255,255,255,0.2);

    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
}

#nav_buy a
{
    display: block;
    margin: 0;
    padding: 20px 0 18px 0;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 0px;
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(255,255,255, 0.2);
}

#nav_buy:hover
{
    background: #ffaf4b; /* Old browsers */
    background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf4b), color-stop(100%,#ff920a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* W3C */
}

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

table.sideMenu              { width: 100%; border-collapse:collapse; margin:0; padding: 0; }
table.sideMenu td.side      { width:150px; vertical-align: top; }
table.sideMenu td.body      { width:100%; padding: 0; margin: 0; vertical-align: top; padding-left: 5px; }

div.sideMenu                { width:150px; margin: -34px 5px 0 -15px !important; padding: 5px; }
div.sideMenu ul             { margin: 0; padding-left: 1.5em; list-style-type: none; }
div.sideMenu > ul           { margin: 0; padding: 0; list-style-type: none; }
div.sideMenu ul form span   { font-size: 10px; color: #666666; }
div.sideMenu li.current > a { font-weight: bold; }
div.sideMenu input          { max-width:90%; margin: 0; }

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

/* 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; }

/* login box */
#login
{
  margin: 0px;
}

/* alert */
#alert
{
  position: fixed;
  top: 85px;
  _position:absolute;
  _top:expression(eval(document.body.scrollTop)+85px);
  left: 50%;
  width: 350px;
  margin-left: -175px;
  z-index: 9999;
}
DIV.alert
{
  border: 1px solid #B8860B;
  border-radius: 10px;
  box-shadow : 0 1px 0 #B8860B
    , 0 2px 0 #B8860B
    , 0 3px 0 #B8860B
    , 0 4px 0 #B8860B
    , 0 5px 0 #B8860B
    , 0 6px 0 #B8860B
    , 0 7px 0 #B8860B
    , 0 11px 13px 1px rgba(0, 0, 0, 0.7);
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
  background-color: rgba(255, 255, 204, 0.97);
  padding: 10px 20px 5px 20px;
  background-image: url("../../images/themes/cw6/alert_bg.png");
  background-position: top left;
  background-repeat: no-repeat;
  transition: transform 0.4s ease-out;
 -webkit-transition: -webkit-transform 0.4s ease-out;
 -moz-transition: -moz-transform 0.4s ease-out;
}
DIV.alert HR { background-color: #B8860B !important; }
DIV.alert_ajax
{
  position: fixed;
  top: 85px;
  _position:absolute;
  _top:expression(eval(document.body.scrollTop)+85px);
  left: 50%;
  width: 350px;
  margin-left: -175px;
  z-index: 99999;
}

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

/* nojs alert */
div#nojsalert
{
  border-bottom: 1px solid #B8860B;
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
  background-color: rgba(255, 255, 204, 0.97);
  padding: 10px 20px 5px 65px;
  background-image: url("../../images/themes/cw6/alert_bg.png");
  background-position: top left;
  background-repeat: no-repeat;
  font-size: 18px;
  line-height: 1em;
}

/* please wait pop-up */
#please_wait
{
  display: none;
  position: fixed;
  z-index: 100901;
  top: 50%;
  left: 50%;
  width: 200px;
  margin: -100px 0 0 -130px;
  font-size: 24px;
  padding: 15px 15px 15px 80px;
  background-color: #000000; 
  color: #FFFFFF;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-image: url("../../images/pleasewait.gif");
  background-position: 55px 16px;
  background-repeat: no-repeat;
}
.please_wait
{
  font-size: 24px;
  padding: 15px 15px 15px 80px;
  background-color: #000000; 
  color: #FFFFFF;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-image: url("../../images/pleasewait.gif");
  background-position: 55px 16px;
  background-repeat: no-repeat;
}

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

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

/* debug log */
#dlog
{
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    z-index: 9999;
    margin: 0;
    padding: 0;
    color: #C0C0C0;
    border-top: 2px outset #303030;
    background-color: #000000;
    opacity: 0.90;
}
#dlogt
{
    margin: 0;
    font-size: xx-small;
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer;
    background-color: #989898;
    border-top: 1px outset #999999;
}
#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;
}

/* 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;
}

/* fatal error page */
#fatal_error {
    width: 400px; margin: 10px 0 0 180px; padding: 100px;
    font-family: courier;
    background-color: blue; color: white;
}
#fatal_error h1  { margin: 0 100px 1em 100px; font-size: 14px; background-color: white; color: blue; text-align: center; }
#fatal_error pre { font-family: courier; }

/*
    ====================================================================================================================
    tabber tabs
    ====================================================================================================================
*/

DIV.tabber { clear: both; padding: 0; margin: 0; }
DIV.tabber.tabber_line { border-bottom: 1px solid #d4d4d4; margin-bottom: 15px; }
DIV.tabber UL
{
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}
DIV.tabber LI.title
{
    margin: 0 0 15px 0;
}
DIV.tabber LI.title h3.body_title
{
    display: inline; border-bottom: 0px !important;
}
DIV.tabber LI.sel A, DIV.tabber LI.uns A
{
    display: block; color: #000000; padding: 2px 5px 2px 5px;
}
DIV.tabber LI.sel A:hover, DIV.tabber LI.uns A:hover
{
    text-decoration: none;
}
DIV.tabber LI.sel, DIV.tabber LI.uns
{
    float: left;
    margin-left: 3px;
    margin-bottom: -1px !important;
    padding: 5px 2px 5px 2px;
    border-top: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    cursor: pointer;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
DIV.tabber LI.sel
{
    color: #06456b;
    background-color: #ffffff;
    font-weight: bold;
    border-bottom: 1px solid #ffffff !important;
}
DIV.tabber LI.uns
{
    color: #888888;
    background-color: #efefef;
}
DIV.tabber LI.uns:hover
{
    background-color: #DDDDDD;
}
DIV.tabber LI:first-child, DIV.tabber LI.title + LI
{
    margin-left: 0;
}


/*
    ====================================================================================================================
    PickFour Layout
    ====================================================================================================================
*/

/* navbox wrapper */
#navbutbox
{
    margin: -8px -10px 0 -10px;
    padding: 0;
    height: 325px;
    overflow: auto;
}

/* navbox items */
#navbutbox .navbutboxitem
{
    display: none;
    margin: 0;
    padding: 0 5px 5px 5px;
    border: 1px solid #ffffff;
}
#navbutbox .navbutboxitem.wait
{
    background-image: url('../../images/loading_dropframe.gif');
    background-position: auto auto;
    background-repeat: no-repeat;
}

/* navbox box area */
#navbutboxnavi
{
    margin: 0 -10px -10px -10px;
    padding: 0;
    background-color: #cecece;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

/* nav selection arrow */
#navbutboxnaviarrow
{
    display: block;
    margin: -1px 0 0 0;
    padding: 0;
    height: 10px;
    list-style: none;
    background-color: #808080;
    border-top: 1px solid #cccccc;
}
#navbutboxnaviarrow li
{
    display: inline-block;
    float: left;
    width: 210px;
    margin: -1px 0 0 25px;
    padding: 0;
    height: 20px;
}
#navbutboxnaviarrow li.sel
{
    background-image: url('../../images/themes/cw6/navi_down.png');
    background-position: 10px 0;
    background-repeat: no-repeat;
}

/* main nav box */
#navbutboxnavibox
{
    clear: left;
    margin: 0;
    padding: 0;
    height: 140px;
    list-style: none;
}
#navbutboxnavibox > li
{
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 120px;
    width: 210px;
    margin: 3px 0 0 25px;
    padding: 0;
    background-color: #ffffff;
    border: 1px solid #999999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.5);
    box-shadow: 0 1px 3px rgba(0,0,0, 0.5);
    background-repeat: no-repeat;
    background-position: 3px 20px;
}
#navbutboxnavibox > li:hover
{
    background-color: #00446A;
    color: #ffffff;
}
#navbutboxnavibox > li:hover div.title, #navbutboxnavibox > li:hover div.titletop
{
    color: #ffffff;
}
#navbutboxnavibox > li.sel div.title, #navbutboxnavibox > li.sel div.titletop
{
    color: #002434;
}
#navbutboxnavibox > li.sel
{
    background-color: #efefef;
    color: #000000;
    border: 1px inset #c0c0c0;
    -webkit-box-shadow: 0 -1px -1px rgba(0,0,0, 0.2);
    -moz-box-shadow: 0 -1px -1px rgba(0,0,0, 0.2);
    box-shadow: 0 -1px -1px rgba(0,0,0, 0.2);
}
#navbutboxnavibox > li div.title, #navbutboxnavibox > li div.titletop
{
    padding: 0;
    color: #002434;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0,0,0, 0.4);
}
#navbutboxnavibox > li div.title
{
    margin: 40px 0 0 90px;
    font-size: 16px;
}
#navbutboxnavibox > li div.titletop
{
    margin: 10px 5px 0 80px;
}
#navbutboxnavibox > li div.about
{
    margin: 5px 5px 0 80px;
    padding: 0;
    font-size: 10px;
}
#navbutboxnavibox > li div.load
{
    display: none;
}
#navbutboxnavibox > li div.about_cart
{
    margin: 2px 0 0 90px;
    padding: 0;
    font-size: 10px;
}
#navbutboxnavibox > li div.show
{
    display: none;
}

/* popup os selector nav */
#navbutboxnavibox > li > div.os
{
    display: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: absolute;
    z-index: 5;
    width: 160px;
    height: 60px;
    margin: -165px 0 0 25px;
    padding: 10px;
    background-color: #000000;
    background-color: rgba(0,0,0,0.9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.5);
    box-shadow: 0 1px 3px rgba(0,0,0, 0.5);
}
/* popup tertiary nav arrow */
#navbutboxnavibox > li > div.os:before
{
    content: "";
    position: absolute;
    bottom: -10px;
    left: 60px;
    border-width: 10px 10px 0;
    border-style: solid;
    border-color: rgba(0,0,0,0.9) transparent;
    display: block; 
    width: 0;
}
#navbutboxnavibox > li > div.os a { color: #ffffff; text-decoration: none; display: block; margin: 0; padding: 0; }
#navbutboxnavibox > li > div.os a:hover { background-color: #00446A; }
#navbutboxnavibox > li:hover > div.os
{
    /* display: block; */
}

/* popup tertiary nav */
#navbutboxnavibox > li > ul
{
    display: none;
    list-style: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box; 
    width: 180px;
    margin: -19px 0 0 15px;
    padding: 10px 20px 10px 20px;
    background-color: #000000;
    background-color: rgba(0,0,0,0.9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.5);
    box-shadow: 0 1px 3px rgba(0,0,0, 0.5);
}

/* popup tertiary item */
#navbutboxnavibox > li > ul ul { list-style: none;}
#navbutboxnavibox > li > ul a
{
    display: block; margin: 0; padding: 0;
    color: #ffffff;
    text-decoration: none;
}

/* popup tertiary nav item hover */
#navbutboxnavibox > li > ul a:hover
{
    background-color: #00446A;
}

/* popup tertiary nav arrow */
#navbutboxnavibox > li > ul:before
{
    content: "";
    position: absolute;
    bottom: -10px;
    left: 75px;
    border-width: 10px 10px 0;
    border-style: solid;
    border-color: rgba(0,0,0,0.9) transparent;
    display: block; 
    width: 0;
}

/* content box buttons (used on supoprt page) */
.nav_cbox
{
    display:inline-block; float: left; width:435px; height:75px; margin: 5px 0px 5px 25px !important; padding: 0 5px 0 0 !important;
    cursor: pointer;
    background: #efefef;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(180,180,180,0.95)), to(rgba(255,255,255,0.9)));
    background: -moz-linear-gradient(top, rgba(255,255,255,0.95), rgba(180,180,180,0.9));
    border: 2px solid #d4d4d4;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}
.nav_cbox:hover
{
    background: #00446A !important;
    color: #ffffff !important;
}
.nav_cbox a:first-child
{
    display: block; margin: 0px; padding: 0px; height: 70px;
    text-decoration: none;
    color: inherit;
}
.nav_cbox img:first-child
{
    float:left; margin: -20px 0 0 -10px; padding: 0 5px 0 0;
}
.nav_cbox b.title
{
    color: #335184; text-shadow: 1px 1px 0px rgba(175, 210, 220, 0.8);
}
.nav_cbox:hover b.title
{
    color: #fff; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);
}

/*
   Navi Boxes
*/

/* Home Page */
#navbutboxnavibox.nav_mainbox li.nav1       { background-image: url('../../images/themes/cw6/products_nav1.png'); }
#navbutboxnavibox.nav_mainbox li.nav1.mac   { background-image: url('../../images/themes/cw6/products_nav1_mac.png'); }
#navbutboxnavibox.nav_mainbox li.nav1.linux { background-image: url('../../images/themes/cw6/products_nav1_linux.png'); }
#navbutboxnavibox.nav_mainbox li.nav2       { background-image: url('../../images/themes/cw6/home_nav2.png'); }
#navbutboxnavibox.nav_mainbox li.nav3       { background-image: url('../../images/themes/cw6/home_nav3.png'); }
#navbutboxnavibox.nav_mainbox li.nav4       { background-image: url('../../images/themes/cw6/home_nav4.png'); }

/* CrossOver Page */
#navbutboxnavibox.nav_products li.nav1       { background-image: url('../../images/themes/cw6/products_nav1.png'); }
#navbutboxnavibox.nav_products li.nav1.mac   { background-image: url('../../images/themes/cw6/products_nav1_mac.png'); }
#navbutboxnavibox.nav_products li.nav1.linux { background-image: url('../../images/themes/cw6/products_nav1_linux.png'); }
#navbutboxnavibox.nav_products li.nav2       { background-image: url('../../images/themes/cw6/products_nav2.png'); }
#navbutboxnavibox.nav_products li.nav3       { background-image: url('../../images/themes/cw6/products_nav3.png'); }
#navbutboxnavibox.nav_products li.nav4       { background-image: url('../../images/themes/cw6/products_nav4.png'); }

/* Compatibility (What Runs?) Page */
#navbutboxnavibox.nav_compat li.nav1 { background-image: url('../../images/themes/cw6/compatibility_nav1.png'); }
#navbutboxnavibox.nav_compat li.nav2 { background-image: url('../../images/themes/cw6/compatibility_nav2.png'); }
#navbutboxnavibox.nav_compat li.nav3 { background-image: url('../../images/themes/cw6/compatibility_nav3.png'); }
#navbutboxnavibox.nav_compat li.nav4 { background-image: url('../../images/themes/cw6/products_nav4.png'); }

/* Porting Page */
#navbutboxnavibox.nav_services li.nav1 { background-image: url('../../images/themes/cw6/services_nav1.png'); }
#navbutboxnavibox.nav_services li.nav2 { background-image: url('../../images/themes/cw6/services_nav2.png'); }
#navbutboxnavibox.nav_services li.nav3 { background-image: url('../../images/themes/cw6/services_nav3.png'); }
#navbutboxnavibox.nav_services li.nav4 { background-image: url('../../images/themes/cw6/services_nav4.png'); }

/* About Us */
#navbutboxnavibox.nav_about li.nav1 { background-image: url('../../images/themes/cw6/about_nav1.png'); }
#navbutboxnavibox.nav_about li.nav2 { background-image: url('../../images/themes/cw6/about_nav2.png'); }
#navbutboxnavibox.nav_about li.nav3 { background-image: url('../../images/themes/cw6/about_nav3.png'); }
#navbutboxnavibox.nav_about li.nav4 { background-image: url('../../images/themes/cw6/products_nav4.png'); }

/* Support Page */
#navbutboxnavibox.nav_support li.nav1 { background-image: url('../../images/themes/cw6/support_nav1.png'); }
#navbutboxnavibox.nav_support li.nav2 { background-image: url('../../images/themes/cw6/support_nav2.png'); }
#navbutboxnavibox.nav_support li.nav3 { background-image: url('../../images/themes/cw6/support_nav3.png'); }
#navbutboxnavibox.nav_support li.nav4 { background-image: url('../../images/themes/cw6/support_nav4.png'); }

/* Store (Buy) Page */
#navbutboxnavibox.nav_store li.nav1       { background-image: url('../../images/themes/cw6/products_nav1.png'); }
#navbutboxnavibox.nav_store li.nav1.mac   { background-image: url('../../images/themes/cw6/products_nav1_mac.png'); }
#navbutboxnavibox.nav_store li.nav1.linux { background-image: url('../../images/themes/cw6/products_nav1_linux.png'); }
#navbutboxnavibox.nav_store li.nav2 { background-image: url('../../images/themes/cw6/store_nav2.png'); }
#navbutboxnavibox.nav_store li.nav3 { background-image: url('../../images/themes/cw6/store_nav3.png'); }
#navbutboxnavibox.nav_store li.nav4 { background-image: url('../../images/themes/cw6/store_nav4.png'); }

/*
 * ====================================================================================================================
 * Box 3 Layout
 * ====================================================================================================================
 */

/* in box 3 mode, change the look of the base content well */
#content.box3 { padding: 0; border: 0; background: transparent; }

div.cw_box3
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #c3ced5;
    background: -moz-linear-gradient(top,  #c3ced5 0%, #eaeef0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3ced5), color-stop(100%,#eaeef0));
    background: -webkit-linear-gradient(top,  #c3ced5 0%,#eaeef0 100%);
    background: -o-linear-gradient(top,  #c3ced5 0%,#eaeef0 100%);
    background: -ms-linear-gradient(top,  #c3ced5 0%,#eaeef0 100%);
    background: linear-gradient(to bottom,  #c3ced5 0%,#eaeef0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3ced5', endColorstr='#eaeef0',GradientType=0 );
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
div.cw_box3_sep
{
    height: 10px;
    background: #eaeef0;
    background: -moz-linear-gradient(top,  #eaeef0 0%, #c3ced5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeef0), color-stop(100%,#c3ced5));
    background: -webkit-linear-gradient(top,  #eaeef0 0%,#c3ced5 100%);
    background: -o-linear-gradient(top,  #eaeef0 0%,#c3ced5 100%);
    background: -ms-linear-gradient(top,  #eaeef0 0%,#c3ced5 100%);
    background: linear-gradient(to bottom,  #eaeef0 0%,#c3ced5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeef0', endColorstr='#c3ced5',GradientType=0 );
    border-bottom: 3px solid #8c98a0;
}

div.cw_box3_bot
{
    height: 150px;
    margin: 0;
    padding: 5px 10px 5px 10px;
    background: #e5e5e5;
    color: #455560;
    border-bottom: 3px solid #8c98a0;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
div.cw_box3_bot div
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    float: left;
    height: 150px;
    width: 300px;
    margin: 0 5px 0 5px;
    padding: 10px 5px 0 5px;
}
div.cw_box3_bot div.cw_box3_bot_mid
{
    width: 315px;
    border-left: 3px solid #bccbd3;
    border-right: 3px solid #bccbd3;
}
div.cw_box3_bot div > p { color:#002434; font-size: 14px; font-weight: bold; margin: 0; }
div.cw_box3_bot img { vertical-align: middle; }
div.cw_box3_bot a { color: #455560; text-decoration: none; }
div.cw_box3_bot a:hover { color: #FF6666; text-decoration: underline; }
div.cw_box3_bot div ul { margin-top: 5px; }

div.cw_box3_bot_dl
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 170px;
    margin: 0;
    padding: 0;
    background: #e5e5e5;
    color: #455560;
    border-bottom: 3px solid #8c98a0;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
div.cw_box3_bot_dl div
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    text-align: center;
    float: left;
    height: 170px;
    width: 180px;
    margin: 0;
    padding: 20px 0 10px 0;
}
div.cw_box3_bot_dl div:first-child { margin-left:20px; }
div.cw_box3_bot_dl div.cw_box3_bot_dl_arrow
{
    padding: 35px 0 0 0;
    width: 180px;
}
div.cw_box3_bot_dl img { vertical-align: middle; }
div.cw_box3_bot_dl form { width: 400px; margin: 0 auto 0 auto; }
div.cw_box3_bot_dl form label { display: inline-block; width: 60px; float: left; font-size: 14px; }
div.cw_box3_bot_dl form input[type=text], div.cw_box3_bot_dl input[type=email] { width: 300px; font-size: 16px; }

div.cw_box3_bot_bl
{
    height: 40px;
    clear: both;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #8c98a0;
    background: #1e5799;
    background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
    background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
    background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
    background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
    background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}
div.cw_box3_bot_bl div.cw_box3_bot_bl_step
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    float: left;
    width: 320px;
    margin: 0;
    padding: 10px 0 0 0;
}

div.cw_box3_storedeal
{
    position:relative;
    margin:0;
    padding:4px 10px 1px 0;
    background-color:#8c98a0;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    color:#fff;
    text-align:right;
    font-size: 10px;
}
div.cw_box3_storedeal b
{
    color: #eee;
}
div.cw_box3_storedeal input
{
    font-size: 10px;
}

.box3-sprite
{
    display: inline-block; width:40px; height:40px; margin:0; padding:0;
    vertical-align: middle;
    background: url('../../images/box3-sprite-40x956.png') no-repeat top left;
}
.box3-sprite-bg{ background: url('../../images/box3-sprite-40x956.png') no-repeat top left; }

.box3-sprite-apple{ background-position: 0 0; width: 40px; height: 40px; }
.box3-sprite-at{ background-position: 0 -50px; width: 40px; height: 40px; }
.box3-sprite-blocks{ background-position: 0 -100px; width: 40px; height: 40px; }
.box3-sprite-boxes{ background-position: 0 -150px; width: 40px; height: 40px; }
.box3-sprite-cart{ background-position: 0 -200px; width: 40px; height: 40px; }
.box3-sprite-coffee{ background-position: 0 -250px; width: 40px; height: 40px; }
.box3-sprite-crossover{ background-position: 0 -300px; width: 40px; height: 40px; }
.box3-sprite-dude{ background-position: 0 -350px; width: 40px; height: 40px; }
.box3-sprite-glasses{ background-position: 0 -400px; width: 40px; height: 40px; }
.box3-sprite-globe{ background-position: 0 -450px; width: 40px; height: 40px; }
.box3-sprite-guymag{ background-position: 0 -500px; width: 40px; height: 40px; }
.box3-sprite-help{ background-position: 0 -550px; width: 40px; height: 40px; }
.box3-sprite-info{ background-position: 0 -600px; width: 40px; height: 40px; }
.box3-sprite-plus_blue{ background-position: 0 -650px; width: 16px; height: 16px; }
.box3-sprite-search{ background-position: 0 -676px; width: 40px; height: 40px; }
.box3-sprite-search24{ background-position: 0 -726px; width: 30px; height: 30px; }
.box3-sprite-trophy{ background-position: 0 -766px; width: 40px; height: 40px; }
.box3-sprite-tux{ background-position: 0 -816px; width: 40px; height: 40px; }
.box3-sprite-twitter{ background-position: 0 -866px; width: 40px; height: 40px; }
.box3-sprite-u{ background-position: 0 -916px; width: 40px; height: 40px; }


/*
 * ====================================================================================================================
 * Twitter Feeds
 * ====================================================================================================================
 */

.twitter_feed p.preLoader {
    margin: 0;
    padding: 1em 1em 1em 3em;
    background: transparent url("../../images/pleasewait.gif") 1em center no-repeat;
}

.twitter_feed ul.twitter_update_list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.twitter_feed ul.twitter_update_list li {

}

.twitter_bluebox ul.twitter_update_list li {
    position: relative;
    min-height: 30px;
    padding: 15px;
    margin: 10px 20px 20px 20px;
    border: 5px solid #00446A;
    color: #333;
    background: #fff;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    margin-left:30px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
    box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
}

.twitter_bluebox ul.twitter_update_list li:before {
    content:"";
    position:absolute;
    bottom:-20px;
    left:40px;
    border-width:20px 20px 0;
    border-style:solid;
    border-color:#00446A transparent;
    display:block;
    width:0;
}

.twitter_bluebox ul.twitter_update_list li:after {
    content:"";
    position:absolute;
    bottom:-13px;
    left:47px;
    border-width:13px 13px 0;
    border-style:solid;
    border-color:#fff transparent;
    display:block; 
    width:0;
}

.twitter_feed ul.twitter_update_list li span {
    display: block;
}

.twitter_feed ul.twitter_update_list li span.twAvt {
    display: inline-block;
    width:32px; height:32px; margin: 0 0.5em 1em 0; float:left;
}
.twitter_feed ul.twitter_update_list li span.twAvt a img {
    width:32px; height:32px; vertical-align: middle;
}

.twitter_feed ul.twitter_update_list li span.twDate {
    margin: -15px -10px 0 0; padding: 0px;
    font-size: 75%; color: #aaa;
    text-shadow: 1px 1px 0px rgba(150, 150, 150, 0.25);
    text-align: right;
}

.twitter_feed ul.twitter_update_list li span.twBody {
}


.twitter_feed ul.twitter_update_list li a {
    color: #f00;
}

.twitter_feed ul.twitter_update_list li.firstTweet {
}

.twitter_feed ul.twitter_update_list li.lastTweet {
}

/*
 * ====================================================================================================================
 * Flock the Vote CSS
 * ====================================================================================================================
 */
#cw-quack { position: fixed; z-index: 100; bottom: 0; cursor: pointer; }
.cw-quack { background: url('../../images/quack.png') no-repeat top left; width: 293px; height: 250px; }
.cw-quack-1  { background-position: 0 0; }
.cw-quack-2  { background-position: 0 -350px; }
.cw-quack-3  { background-position: 0 -700px; }
.cw-quack-4  { background-position: 0 -1050px; }

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

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

/*
 * ====================================================================================================================
 * redactor wysiwyg editor
 * ====================================================================================================================
 */

@font-face {
  font-family: 'RedactorFont';
  src: url('redactor-font.eot');
}
@font-face {
  font-family: 'RedactorFont';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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AAAAFAAEADAAAAAIAAgAAgAAACDmHv/9//8AAAAg5gD//f///+EaAgADAAEAAAAAAAAAAAABAAH//wAPAAEAAAABAACLSUTLXw889QALBAAAAAAAzwh6egAAAADPCHp6////twQBA7cAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAD/////BAEAAQAAAAAAAAAAAAAAAAAAACEAAAAAAgAAAAQAAAAEAAAABAAAAAQAANsEAAAABAAA2gQAAAAEAAASBAAAkgQA//8EAAAABAAAAAQAAAAEAAEkBAAAAAQAAAAEAABJBAAAAAQAANsEAABKBAAASgQAAJIEAAAABAAAAAQAASUEAABJBAAAhQQAAAAEAAAABAAAAAQAAAAAAFAAACEAAAAAAA4ArgABAAAAAAABABgAAAABAAAAAAACAA4AagABAAAAAAADABgALgABAAAAAAAEABgAeAABAAAAAAAFABYAGAABAAAAAAAGAAwARgABAAAAAAAKACgAkAADAAEECQABABgAAAADAAEECQACAA4AagADAAEECQADABgALgADAAEECQAEABgAeAADAAEECQAFABYAGAADAAEECQAGABgAUgADAAEECQAKACgAkABSAGUAZABhAGMAdABvAHIARgBvAG4AdABWAGUAcgBzAGkAbwBuACAAMAAuADAAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHRSZWRhY3RvckZvbnQAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQAUgBlAGcAdQBsAGEAcgBSAGUAZABhAGMAdABvAHIARgBvAG4AdABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');
  font-weight: normal;
  font-style: normal;
}
/* =Selection
-----------------------------------------------------------------------------*/
.redactor_box ::selection {
  background: #ffff9e;
}
.redactor_box ::-moz-selection {
  background: #ffff9e;
}
.redactor_box img::selection {
  background: transparent;
}
.redactor_box img::-moz-selection {
  background: transparent;
}
/*
  BOX
*/
.redactor_box {
  position: relative;
  overflow: visible;
}
.redactor_box iframe {
  display: block;
  margin: 0;
  padding: 0;
}
.redactor_box textarea {
  position: relative;
  z-index: 1004;
  display: block;
  overflow: auto;
  margin: 0;
  padding: 0;
  width: 100%;
  outline: none;
  border: none;
  background-color: #222;
  box-shadow: none;
  color: #ccc;
  font-size: 13px;
  font-family: Menlo, Monaco, monospace, sans-serif;
  resize: none;
}
.redactor_box textarea:focus {
  outline: none;
}
/*
  AIR

*/
body .redactor_air {
  position: absolute;
  z-index: 102;
}
/*
  FULLSCREEN
*/
body .redactor_box_fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000;
  overflow: hidden;
  width: 100%;
}
/*
  LINK TOOLTIP
*/
.redactor-link-tooltip {
  position: absolute;
  z-index: 3000;
  padding: 10px;
  line-height: 1;
  display: inline-block;
  background-color: #000;
  color: #555 !important;
}
.redactor-link-tooltip,
.redactor-link-tooltip a {
  font-size: 12px;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}
.redactor-link-tooltip a {
  color: #ccc;
  margin: 0 5px;
  text-decoration: none;
}
.redactor-link-tooltip a:hover {
  color: #fff;
}
/*
  IMAGE BOX
*/
#redactor-image-box img {
  width: 100%;
}
.redactor_editor {
  position: relative;
  overflow: auto;
  margin: 0 !important;
  padding: 10px 20px;
  padding-bottom: 5px;
  outline: none;
  background: none;
  background: #fff;
  box-shadow: none !important;
  white-space: normal;
  border: 1px inset #999999;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.redactor_editor:focus {
  outline: none;
}
.redactor_editor div,
.redactor_editor p,
.redactor_editor ul,
.redactor_editor ol,
.redactor_editor table,
.redactor_editor dl,
.redactor_editor blockquote,
.redactor_editor pre,
.redactor_editor h1,
.redactor_editor h2,
.redactor_editor h3,
.redactor_editor h4,
.redactor_editor h5,
.redactor_editor h6 {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}
.redactor_editor code,
.redactor_editor pre {
  font-family: Menlo, Monaco, monospace, sans-serif;
}
.redactor_editor div,
.redactor_editor p,
.redactor_editor ul,
.redactor_editor ol,
.redactor_editor table,
.redactor_editor dl,
.redactor_editor blockquote,
.redactor_editor pre {
  font-size: 14px;
  line-height: 1.6em;
}
.redactor_editor a {
  color: #15c !important;
  text-decoration: underline !important;
}
.redactor_editor .redactor_placeholder {
  color: #999 !important;
  display: block !important;
}
/*
  TYPOGRAPHY
*/
.redactor_editor object,
.redactor_editor embed,
.redactor_editor video,
.redactor_editor img {
  max-width: 100%;
  width: auto;
}
.redactor_editor video,
.redactor_editor img {
  height: auto;
}
.redactor_editor div,
.redactor_editor p,
.redactor_editor ul,
.redactor_editor ol,
.redactor_editor table,
.redactor_editor dl,
.redactor_editor blockquote,
.redactor_editor pre {
  margin: 0;
  margin-bottom: 10px !important;
  border: none;
  background: none !important;
  box-shadow: none !important;
}
.redactor_editor iframe,
.redactor_editor object,
.redactor_editor hr {
  margin-bottom: 15px !important;
}
.redactor_editor blockquote {
  margin-left: 1.5em !important;
  padding-left: 0 !important;
  color: #777;
  font-style: italic !important;
}
.redactor_editor ul,
.redactor_editor ol {
  padding-left: 2em !important;
}
.redactor_editor ul ul,
.redactor_editor ol ol,
.redactor_editor ul ol,
.redactor_editor ol ul {
  margin: 2px !important;
  padding: 0 !important;
  padding-left: 2em !important;
  border: none;
}
.redactor_editor dl dt {
  font-weight: bold;
}
.redactor_editor dd {
  margin-left: 1em;
}
.redactor_editor table {
  border-collapse: collapse;
  font-size: 1em !important;
}
.redactor_editor table td {
  padding: 5px !important;
  border: 1px solid #ddd;
  vertical-align: top;
}
.redactor_editor table thead td {
  border-bottom: 2px solid #000 !important;
  font-weight: bold !important;
}
.redactor_editor code {
  background-color: #d8d7d7 !important;
}
.redactor_editor pre {
  overflow: auto;
  padding: 1em !important;
  border: 1px solid #ddd !important;
  border-radius: 3px !important;
  background: #f8f8f8 !important;
  white-space: pre;
  font-size: 90% !important;
}
.redactor_editor hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
}
/*
  HEADERS
*/
.redactor_editor h1,
.redactor_editor h2,
.redactor_editor h3,
.redactor_editor h4,
.redactor_editor h5,
.redactor_editor h6 {
  margin-top: 0 !important;
  padding: 0 !important;
  background: none;
  color: #000;
  font-weight: bold;
}
.redactor_editor h1 {
  font-size: 36px !important;
  line-height: 1.111em !important;
  margin-bottom: .15em !important;
}
.redactor_editor h2 {
  font-size: 30px !important;
  line-height: 1.111em !important;
  margin-bottom: .25em !important;
}
.redactor_editor h3 {
  font-size: 24px !important;
  line-height: 1.333em !important;
  margin-bottom: .2em !important;
}
.redactor_editor h4 {
  font-size: 18px !important;
  line-height: 1.5em !important;
  margin-bottom: .2em !important;
}
.redactor_editor h5 {
  font-size: 1em !important;
  line-height: 1.6em !important;
  margin-bottom: .25em !important;
}
.redactor_editor h6 {
  font-size: .8em !important;
  line-height: 1.6em !important;
  text-transform: uppercase;
  margin-bottom: .3em !important;
}
/*
  TOOLBAR
*/
.redactor_toolbar {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: 14px !important;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  line-height: 1 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#24414e));
  background: -moz-linear-gradient(top,  #fff,  #24414e);
  background-color: #24414e;
  border: 1px solid #999999;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 3;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.redactor_toolbar:after {
  content: "";
  display: table;
  clear: both;
}
.redactor_toolbar.redactor-toolbar-overflow {
  overflow-y: auto;
  height: 29px;
  white-space: nowrap;
}
.redactor_toolbar.redactor-toolbar-external {
  z-index: 999;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
body .redactor_air .redactor_toolbar {
  padding-right: 2px !important;
}
.redactor_toolbar li {
  vertical-align: top;
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
  outline: none;
  list-style: none !important;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.redactor_toolbar li a {
  display: block;
  color: #fff;
  text-align: center;
  padding: 9px 10px;
  outline: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
  zoom: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.redactor_toolbar li a:hover {
  outline: none;
  background-color: #1f78d8;
  color: #fff;
}
.redactor_toolbar li a:active,
.redactor_toolbar li a.redactor_act {
  outline: none;
  background-color: #ccc;
  color: #444;
}
.redactor_toolbar li a.redactor-btn-image {
  width: 14px;
  height: 14px;
  background-position: center center;
  background-repeat: no-repeat;
}
.redactor_button_disabled {
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.redactor_button_disabled:hover {
  outline: none;
  background-color: transparent !important;
  cursor: default;
}
.redactor_toolbar li a.fa-redactor-btn {
  display: inline-block;
  padding: 9px 10px 8px 10px;
  line-height: 1;
}
.redactor_toolbar.redactor-toolbar-typewriter {
  box-shadow: none;
  background: rgba(240, 240, 240, 0.9);
}
.redactor_toolbar.redactor-toolbar-typewriter li a:hover {
  outline: none;
  background-color: #1f78d8;
  color: #fff;
}
.redactor_toolbar.redactor-toolbar-typewriter li a:active,
.redactor_toolbar.redactor-toolbar-typewriter li a.redactor_act {
  outline: none;
  background-color: #ccc;
  color: #444;
}
.re-icon {
  font-family: 'RedactorFont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.re-video:before {
  content: "\e600";
}
.re-unorderedlist:before {
  content: "\e601";
}
.re-undo:before {
  content: "\e602";
}
.re-underline:before {
  content: "\e603";
}
.re-textdirection:before {
  content: "\e604";
}
.re-fontcolor:before {
  content: "\e605";
}
.re-table:before {
  content: "\e606";
}
.re-redo:before {
  content: "\e607";
}
.re-quote:before {
  content: "\e608";
}
.re-outdent:before {
  content: "\e609";
}
.re-orderedlist:before {
  content: "\e60a";
}
.re-link:before {
  content: "\e60b";
}
.re-horizontalrule:before {
  content: "\e60c";
}
.re-italic:before {
  content: "\e60d";
}
.re-indent:before {
  content: "\e60e";
}
.re-image:before {
  content: "\e60f";
}
.re-fullscreen:before {
  content: "\e610";
}
.re-normalscreen:before {
  content: "\e611";
}
.re-formatting:before {
  content: "\e612";
}
.re-fontsize:before {
  content: "\e613";
}
.re-fontfamily:before {
  content: "\e614";
}
.re-deleted:before {
  content: "\e615";
}
.re-html:before {
  content: "\e616";
}
.re-clips:before {
  content: "\e617";
}
.re-bold:before {
  content: "\e618";
}
.re-backcolor:before {
  content: "\e619";
}
.re-file:before {
  content: "\e61a";
}
.re-alignright:before {
  content: "\e61b";
}
.re-alignment:before,
.re-alignleft:before {
  content: "\e61c";
}
.re-alignjustify:before {
  content: "\e61d";
}
.re-aligncenter:before {
  content: "\e61e";
}
/*
  Toolbar classes
*/
.redactor_format_blockquote {
  padding-left: 10px;
  color: #666 !important;
  font-style: italic;
}
.redactor_format_pre {
  font-family: monospace, sans-serif;
}
.redactor_format_h1,
.redactor_format_h2,
.redactor_format_h3,
.redactor_format_h4,
.redactor_format_h5 {
  font-weight: bold;
}
.redactor_format_h1 {
  font-size: 30px;
  line-height: 36px;
}
.redactor_format_h2 {
  font-size: 24px;
  line-height: 36px;
}
.redactor_format_h3 {
  font-size: 20px;
  line-height: 30px;
}
.redactor_format_h4 {
  font-size: 16px;
  line-height: 26px;
}
.redactor_format_h5 {
  font-size: 14px;
  line-height: 23px;
}
.redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h1,
.redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h2,
.redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h3,
.redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h4,
.redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h5 {
  font-size: 1em;
  line-height: 1.6em;
  text-transform: uppercase;
}
.redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h2 {
  font-size: .85em;
}
/*
  Typewriter
*/
.redactor_editor.redactor-editor-typewriter {
  background: #f5f5f5 !important;
  padding: 25px 50px !important;
}
.redactor_editor.redactor-editor-typewriter div,
.redactor_editor.redactor-editor-typewriter p,
.redactor_editor.redactor-editor-typewriter ul,
.redactor_editor.redactor-editor-typewriter ol,
.redactor_editor.redactor-editor-typewriter table,
.redactor_editor.redactor-editor-typewriter dl,
.redactor_editor.redactor-editor-typewriter blockquote,
.redactor_editor.redactor-editor-typewriter pre,
.redactor_editor.redactor-editor-typewriter h1,
.redactor_editor.redactor-editor-typewriter h2,
.redactor_editor.redactor-editor-typewriter h3,
.redactor_editor.redactor-editor-typewriter h4,
.redactor_editor.redactor-editor-typewriter h5,
.redactor_editor.redactor-editor-typewriter h6 {
  font-family: 'Courier New', 'Lucida Console', Consolas, Monaco, monospace, sans-serif;
  font-size: 18px !important;
  line-height: 1.5em !important;
  margin-bottom: 1.5em !important;
}
.redactor_editor.redactor-editor-typewriter h2 {
  font-size: 14px !important;
}
.redactor_editor.redactor-editor-typewriter h1,
.redactor_editor.redactor-editor-typewriter h2,
.redactor_editor.redactor-editor-typewriter h3,
.redactor_editor.redactor-editor-typewriter h4,
.redactor_editor.redactor-editor-typewriter h5,
.redactor_editor.redactor-editor-typewriter h6 {
  text-transform: uppercase;
}
.redactor_editor.redactor-editor-typewriter a {
  color: #000 !important;
  text-decoration: underline !important;
}
/*
  WYM
*/
.redactor_editor.redactor_editor_wym {
  padding: 10px 7px 0 7px !important;
  background: #f6f6f6 !important;
}
.redactor_editor.redactor_editor_wym div,
.redactor_editor.redactor_editor_wym p,
.redactor_editor.redactor_editor_wym ul,
.redactor_editor.redactor_editor_wym ol,
.redactor_editor.redactor_editor_wym table,
.redactor_editor.redactor_editor_wym dl,
.redactor_editor.redactor_editor_wym pre,
.redactor_editor.redactor_editor_wym h1,
.redactor_editor.redactor_editor_wym h2,
.redactor_editor.redactor_editor_wym h3,
.redactor_editor.redactor_editor_wym h4,
.redactor_editor.redactor_editor_wym h5,
.redactor_editor.redactor_editor_wym h6,
.redactor_editor.redactor_editor_wym blockquote {
  margin-top: 0;
  margin-bottom: 5px !important;
  padding: 10px !important;
  border: 1px solid #e4e4e4 !important;
  background-color: #fff !important;
}
.redactor_editor.redactor_editor_wym blockquote:before {
  content: '';
}
.redactor_editor.redactor_editor_wym img {
  position: relative;
  z-index: 2;
}
.redactor_editor.redactor_editor_wym div {
  border: 1px dotted #aaa !important;
}
.redactor_editor.redactor_editor_wym pre {
  border: 2px dashed #e4e4e4 !important;
  background-color: #f8f8f8 !important;
}
.redactor_editor.redactor_editor_wym ul,
.redactor_editor.redactor_editor_wym ol {
  padding-left: 2em !important;
}
.redactor_editor.redactor_editor_wym ul li ul,
.redactor_editor.redactor_editor_wym ol li ul,
.redactor_editor.redactor_editor_wym ul li ol,
.redactor_editor.redactor_editor_wym ol li ol {
  border: none !important;
}
/*
  DROPDOWN
*/
.redactor_dropdown {
  position: absolute;
  top: 28px;
  left: 0;
  z-index: 2004;
  padding: 10px;
  width: 200px;
  background-color: #fff;
  box-shadow: 0 1px 5px #bbb;
  font-size: 13px;
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  line-height: 21px;
}
.redactor-toolbar-typewriter .redactor_dropdown {
  font-family: 'Courier New', 'Lucida Console', Consolas, Monaco, monospace, sans-serif;
  background-color: #f5f5f5;
}
.redactor_separator_drop {
  padding: 0 !important;
  border-top: 1px solid #ddd;
  font-size: 0;
  line-height: 0;
}
.redactor_dropdown a {
  display: block;
  padding: 3px 5px;
  color: #000;
  text-decoration: none;
}
.redactor_dropdown a:hover {
  background-color: #dde4ef;
  color: #444 !important;
  text-decoration: none;
}
/*
  MODAL
*/
#redactor_modal_overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50000;
  margin: auto;
  width: 100%;
  height: 100%;
  background-color: #000 !important;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
#redactor_modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 50001;
  padding: 0;
  background: #fff;
  color: #000;
  font-size: 12px !important;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}
#redactor_modal header {
  padding: 20px 30px 5px 30px;
  font-size: 16px;
}
#redactor_modal section {
  padding: 20px 30px;
}
#redactor_modal label {
  display: block !important;
  float: none !important;
  margin: 10px 0 3px 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
}
#redactor_modal footer:after {
  content: "";
  display: table;
  clear: both;
}
#redactor_modal footer div {
  float: left;
}
#redactor_modal input[type="radio"],
#redactor_modal input[type="checkbox"] {
  position: relative;
  top: -1px;
}
#redactor_modal input[type="text"],
#redactor_modal input[type="password"],
#redactor_modal input[type="email"],
#redactor_modal textarea {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 1px 2px;
  height: 23px;
  border: 1px solid #ccc;
  border-radius: 1px;
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
  color: #333;
  font-size: 13px;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  line-height: 1;
  -moz-transition: border 0.3s ease-in;
  transition: border 0.3s ease-in;
}
#redactor_modal textarea {
  display: block;
  margin-top: 4px;
  line-height: 1.4em;
}
#redactor_modal input:focus,
#redactor_modal textarea:focus {
  outline: none;
  border-color: #5ca9e4;
  box-shadow: 0 0 0 2px rgba(70, 161, 231, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
#redactor_modal_close {
  position: absolute;
  top: 5px;
  right: 3px;
  width: 20px;
  height: 20px;
  color: #999;
  font-size: 26px;
  cursor: pointer;
}
#redactor_modal_close:hover {
  color: #000;
}
.redactor_input {
  width: 99%;
  font-size: 14px;
}
.redactor_modal_box {
  overflow: auto;
  margin-bottom: 10px;
  height: 350px;
}
#redactor_image_box {
  overflow: auto;
  margin-bottom: 10px;
  height: 270px;
}
#redactor_image_box_select {
  display: block;
  margin-bottom: 15px !important;
  width: 200px;
}
#redactor_image_box img {
  margin-right: 10px;
  margin-bottom: 10px;
  max-width: 100px;
  cursor: pointer;
}
#redactor_tabs {
  margin-bottom: 18px;
}
#redactor_tabs a {
  display: inline-block;
  margin-right: 2px;
  padding: 4px 14px;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  background: #fff;
  color: #000;
  text-decoration: none;
  line-height: 1;
}
#redactor_tabs a:hover,
#redactor_tabs a.redactor_tabs_act {
  border-color: #eee;
  color: #999 !important;
  text-decoration: none !important;
}
#redactor_modal footer button {
  position: relative;
  width: 100%;
  padding: 10px 16px;
  margin: 0;
  outline: none;
  border: none;
  background-color: #ddd;
  color: #000;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  line-height: 1;
  cursor: pointer;
}
#redactor_modal footer button:hover {
  color: #777;
  background: none;
  background: #bbb;
  text-decoration: none;
}
#redactor_modal footer button.redactor_modal_delete_btn {
  background: none;
  color: #fff;
  background-color: #b52525;
}
#redactor_modal footer button.redactor_modal_delete_btn:hover {
  color: rgba(255, 255, 255, 0.6);
  background-color: #881b1b;
}
#redactor_modal footer button.redactor_modal_action_btn {
  background: none;
  color: #fff;
  background-color: #2461b5;
}
#redactor_modal footer button.redactor_modal_action_btn:hover {
  color: rgba(255, 255, 255, 0.6);
  background-color: #1a4580;
}
/* Drag and Drop Area */
.redactor_droparea {
  position: relative;
  margin: auto;
  margin-bottom: 5px;
  width: 100%;
}
.redactor_droparea .redactor_dropareabox {
  position: relative;
  z-index: 1;
  padding: 60px 0;
  width: 99%;
  border: 1px dashed #ddd;
  background: #fff;
  text-align: center;
}
.redactor_droparea .redactor_dropareabox,
.redactor_dropalternative {
  color: #555;
  font-size: 12px;
}
.redactor_dropalternative {
  margin: 4px 0 2px 0;
}
.redactor_dropareabox.hover {
  border-color: #aaa;
  background: #efe3b8;
}
.redactor_dropareabox.error {
  border-color: #dcc3c3;
  background: #f7e5e5;
}
.redactor_dropareabox.drop {
  border-color: #e0e5d6;
  background: #f4f4ee;
}
/* =ProgressBar
-----------------------------------------------------------------------------*/
#redactor-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000000;
}
#redactor-progress.redactor-progress-inline {
  position: static;
  margin-bottom: 4px;
}
#redactor-progress > span {
  display: block;
  height: 10px;
  width: 100%;
  background-color: #0a8bfb;
  box-shadow: 0 1px 2px rgba(255, 255, 255, 0.9) inset;
  -webkit-background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  background-size: 30px 30px;
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.25, rgba(255, 255, 255, 0.9)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.9)), color-stop(0.75, rgba(255, 255, 255, 0.9)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.9) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.9) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, 0.9) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.9) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 75%, transparent 75%, transparent);
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 75%, transparent 75%, transparent);
  -webkit-animation: animate-stripes 2s linear infinite;
  animation: animate-stripes 2s linear infinite;
}
@-webkit-keyframes animate-stripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 60px 0;
  }
}
@keyframes animate-stripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 60px 0;
  }
}


/* end main.css */