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

/*
    ====================================================================================================================
    Mobile Viewport
    ====================================================================================================================
*/

@-viewport {
    width: 996px;
    min-zoom: 0.25;
    max-zoom: 5;
    orientation: landscape;
}

/*
    ====================================================================================================================
    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); }
.txt_orange         { color: #f37321; }

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

FORM LABEL.formlabel150 { display: inline-block; width: 150px; font-weight: bold; }

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


/*
    ====================================================================================================================
      *** MARKETING BUTTONS ***
    ====================================================================================================================
*/

.mktn_btn
{
    display: inline-block;
    font-size: 14px;
    color: #ffffff !important;
    text-decoration: none !important;
    margin: 0;
    padding: 1em;
    border-radius: 5px;
}

.mktn_btn_orange       { background-color: #f37321; }
.mktn_btn_orange:hover { background-color: #c0c0c0; color: #000000 !important; }
.mktn_btn_blue         { background-color: #00446a; }
.mktn_btn_blue:hover   { background-color: #c0c0c0; color: #000000 !important; }

/*
    ====================================================================================================================
      *** 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_blog { width: 700px; margin: 1em auto 1em auto; }
.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_blog .forum_body { width: 590px;}
.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: 375px; }
.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 { 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 10px 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;
}
.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: #FFFFCC;
  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, div#oldIEalert
{
  border-bottom: 1px solid #B8860B;
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
  background-color: #FFFFCC;
  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'); }

/*
 * ====================================================================================================================
 * Content Layout - Box 3
 * ====================================================================================================================
 */

/* 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:10px 0 0 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;
}
div.cw_box3_storedeal_inner
{
    display:inline-block;
    line-height:1em;
    margin:2px 5px 1px 10px;
    float:left;
    text-align:right;
}
div.cw_box3_storedeal b
{
    color: #eee;
}
div.cw_box3_storedeal input
{
    font-size: 10px;
    margin-top: 3px;
}

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


/*
 * ====================================================================================================================
 * Content Layout - Blues
 * ====================================================================================================================
 */

#content.cwblues { padding: 2em; background: #c7d1d8; }

/*
 * ====================================================================================================================
 * Content Layout - Empty
 * ====================================================================================================================
 */

#content.cwempty { padding: 0; background: #ffffff; }

/*
 * ====================================================================================================================
 * 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(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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) format('woff');
  font-weight: normal;
  font-style: normal;
}
/*
  Box
*/
.redactor-box {
  position: relative;
  overflow: visible;
  margin-bottom: 24px;
}
.redactor-box iframe,
.redactor-box textarea {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
}
.redactor-box iframe {
  border: 1px solid #eee;
}
.redactor-box textarea {
  overflow: auto;
  outline: none;
  border: none;
  background-color: #111;
  box-shadow: none;
  color: #ccc;
  font-size: 13px;
  font-family: Menlo, Monaco, monospace, sans-serif;
  resize: none;
}
.redactor-box textarea:focus {
  outline: none;
}

.redactor-editor,
.redactor-box {
  background: #fff;
}
.redactor-editor,
.redactor-box,
.redactor-box textarea {
  z-index: auto !important;
}
.redactor-box-fullscreen {
  z-index: 52 !important;
}
.redactor-toolbar,
.redactor-dropdown {
  z-index: 53 !important;
}
#redactor-modal-overlay,
#redactor-modal-box,
#redactor-modal {
  z-index: 54 !important;
}

.redactor-resize {
  background: #f4f4f4;
  padding: 4px 0 3px 0;
  cursor: move;
  border: 1px solid #e3e3e3;
  border-top: none;
}
.redactor-resize div {
  width: 30px;
  margin: auto;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #fff;
}

body .redactor-box-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.body-hidden {
  overflow: hidden;
}

.redactor-editor {
  position: relative;
  overflow: auto;
  margin: 0 !important;
  padding: 20px;
  outline: none;
  white-space: normal;
  border: 1px solid #eee;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-size: 14px;
  line-height: 1.6em;
}
.redactor-editor:focus {
  outline: none;
}

.redactor-placeholder {
  position: relative;
}
.redactor-placeholder:after {
  position: absolute;
  top: 20px;
  left: 20px;
  content: attr(placeholder);
  color: #999 !important;
  font-weight: normal !important;
}

.redactor-linebreaks.redactor-placeholder:after {
  top: 20px;
  left: 20px;
}

.redactor-toolbar {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: 14px !important;
  line-height: 1 !important;
  background: #fff;
  border: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.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: 49;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.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: #333;
  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:hover i:before {
  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-toolbar li a.fa-redactor-btn {
  display: inline-block;
  padding: 9px 10px 8px 10px;
  line-height: 1;
}
.redactor-toolbar li a.redactor-button-disabled {
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.redactor-toolbar li a.redactor-button-disabled:hover {
  color: #333;
  outline: none;
  background-color: transparent !important;
  cursor: default;
}

.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-icon i:before {
  position: relative;
  font-size: 14px;
}
.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";
}
.re-gallery:before {
  content: "\e61f";
}
/*
  Toolbar tooltip
*/
.redactor-toolbar-tooltip {
  position: absolute;
  z-index: 54;
  text-align: center;
  top: 0;
  left: 0;
  background: #000;
  color: #fff;
  padding: 5px 8px;
  line-height: 1;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-size: 12px;
  border-radius: 2px;
}

.redactor-dropdown {
  position: absolute;
  top: 28px;
  left: 0;
  padding: 0;
  min-width: 220px;
  max-height: 254px;
  overflow: auto;
  background-color: #fff;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25);
  font-size: 14px;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  line-height: 1.6em;
}
.redactor-dropdown a {
  display: block;
  padding: 10px 15px;
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.redactor-dropdown a:last-child {
  border-bottom: none;
}
.redactor-dropdown a:hover {
  background-color: #1f78d8;
  color: #fff !important;
  text-decoration: none;
}

#redactor-image-box {
  position: relative;
  max-width: 100%;
  display: inline-block;
  line-height: 0;
  outline: 1px dashed rgba(0, 0, 0, 0.6);
}
#redactor-image-editter {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  margin-top: -11px;
  margin-left: -18px;
  line-height: 1;
  background-color: #000;
  color: #fff;
  font-size: 11px;
  padding: 7px 10px;
  cursor: pointer;
}
#redactor-image-resizer {
  position: absolute;
  z-index: 2;
  line-height: 1;
  cursor: nw-resize;
  bottom: -4px;
  right: -5px;
  border: 1px solid #fff;
  background-color: #000;
  width: 8px;
  height: 8px;
}

.redactor-link-tooltip {
  position: absolute;
  z-index: 49999;
  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;
}

#redactor-droparea {
  position: relative;
  overflow: hidden;
  padding: 140px 20px;
  border: 3px dashed rgba(0, 0, 0, 0.1);
}
#redactor-droparea.drag-hover {
  background: rgba(200, 222, 250, 0.75);
}
#redactor-droparea.drag-drop {
  background: rgba(250, 248, 200, 0.5);
}
#redactor-droparea-placeholder {
  text-align: center;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7);
}

#redactor-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000000;
  height: 10px;
}
#redactor-progress span {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #3d58a8;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
  background-size: 40px 40px;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

#redactor-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  margin: auto;
  overflow: auto;
  width: 100%;
  height: 100%;
  background-color: #000 !important;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
#redactor-modal-box {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
#redactor-modal {
  position: relative;
  margin: auto;
  margin-bottom: 20px;
  padding: 0;
  background: #fff;
  color: #000;
  font-size: 14px !important;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  box-shadow: 0 1px 70px rgba(0, 0, 0, 0.5);
}
#redactor-modal header {
  padding: 30px 40px 5px 40px;
  font-size: 18px;
  font-weight: bold;
}
#redactor-modal section {
  padding: 30px 40px 50px 40px;
}
#redactor-modal label {
  display: block;
  float: none !important;
  margin: 15px 0 3px 0 !important;
  padding: 0;
}
#redactor-modal input[type="radio"],
#redactor-modal input[type="checkbox"] {
  position: relative;
  top: -1px;
}
#redactor-modal select {
  width: 100%;
}
#redactor-modal input[type="text"],
#redactor-modal input[type="password"],
#redactor-modal input[type="email"],
#redactor-modal input[type="url"],
#redactor-modal textarea {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 5px 4px;
  height: 28px;
  border: 1px solid #ccc;
  border-radius: 1px;
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
  color: #333;
  width: 100%;
  font-size: 14px;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  -moz-transition: border 0.3s ease-in;
  transition: border 0.3s ease-in;
}
#redactor-modal input[type="text"]:focus,
#redactor-modal input[type="password"]:focus,
#redactor-modal input[type="email"]:focus,
#redactor-modal input[type="url"]: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 input[type="text"].redactor-input-error,
#redactor-modal input[type="password"].redactor-input-error,
#redactor-modal input[type="email"].redactor-input-error,
#redactor-modal input[type="url"].redactor-input-error,
#redactor-modal textarea.redactor-input-error {
  border-color: #e82f2f;
  box-shadow: 0 0 0 2px rgba(232, 47, 47, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
#redactor-modal textarea {
  display: block;
  margin-top: 4px;
  line-height: 1.4em;
}

#redactor-modal-tabber {
  margin-bottom: 15px;
  font-size: 12px;
}
#redactor-modal-tabber a {
  border: 1px solid #ddd;
  line-height: 1;
  padding: 8px 15px;
  margin-right: -1px;
  text-decoration: none;
  color: #000;
}
#redactor-modal-tabber a:hover {
  background-color: #1f78d8;
  border-color: #1f78d8;
  color: #fff;
}
#redactor-modal-tabber a.active {
  cursor: default;
  background-color: #ddd;
  border-color: #ddd;
  color: rgba(0, 0, 0, 0.6);
}

#redactor-modal #redactor-modal-list {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  max-height: 250px;
  overflow-x: scroll;
}
#redactor-modal #redactor-modal-list li {
  border-bottom: 1px solid #ddd;
}
#redactor-modal #redactor-modal-list li:last-child {
  border-bottom: none;
}
#redactor-modal #redactor-modal-list a {
  padding: 10px 5px;
  color: #000;
  text-decoration: none;
  font-size: 13px;
  display: block;
  position: relative;
}
#redactor-modal #redactor-modal-list a:hover {
  background-color: #eee;
}
#redactor-modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  text-align: right;
  color: #bbb;
  font-size: 30px;
  font-weight: 300;
  cursor: pointer;
}
#redactor-modal-close:hover {
  color: #000;
}
#redactor-modal footer button {
  position: relative;
  width: 100%;
  padding: 14px 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;
}

.redactor-dropdown .redactor-formatting-blockquote {
  color: rgba(0, 0, 0, 0.4);
  font-style: italic;
}
.redactor-dropdown .redactor-formatting-pre {
  font-family: monospace, sans-serif;
}
.redactor-dropdown .redactor-formatting-h1 {
  font-size: 36px;
  line-height: 36px;
  font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h2 {
  font-size: 24px;
  line-height: 36px;
  font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h3 {
  font-size: 21px;
  line-height: 30px;
  font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h4 {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h5 {
  font-size: 16px;
  line-height: 23px;
  font-weight: bold;
}

.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;
  text-decoration: underline;
}
.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 figure,
.redactor-editor blockquote,
.redactor-editor pre {
  margin: 0;
  margin-bottom: 15px;
  border: none;
  background: none;
  box-shadow: none;
}
.redactor-editor iframe,
.redactor-editor object,
.redactor-editor hr {
  margin-bottom: 15px;
}
.redactor-editor iframe {
  width: auto;
}
.redactor-editor blockquote {
  margin-left: 1.6em !important;
  padding-left: 0;
  color: #777;
  font-style: italic;
}
.redactor-editor ul,
.redactor-editor ol {
  padding-left: 2em;
}
.redactor-editor ul ul,
.redactor-editor ol ol,
.redactor-editor ul ol,
.redactor-editor ol ul {
  margin: 2px;
  padding: 0;
  padding-left: 2em;
  border: none;
}
.redactor-editor dl dt {
  font-weight: bold;
}
.redactor-editor dd {
  margin-left: 1em;
}
.redactor-editor table {
  border-collapse: collapse;
  font-size: 1em;
  width: 100%;
}
.redactor-editor table td,
.redactor-editor table th {
  padding: 5px;
  border: 1px solid #ddd;
  vertical-align: top;
}
.redactor-editor table thead td,
.redactor-editor table th {
  font-weight: bold;
  border-bottom-color: #888;
}
.redactor-editor code {
  background-color: #d8d7d7;
}
.redactor-editor pre {
  overflow: auto;
  padding: 1em;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #f8f8f8;
  white-space: pre;
  font-size: 90%;
}
.redactor-editor hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
}
.redactor-editor h1,
.redactor-editor h2,
.redactor-editor h3,
.redactor-editor h4,
.redactor-editor h5,
.redactor-editor h6 {
  font-weight: bold;
  color: #000;
  padding: 0;
  background: none;
  text-rendering: optimizeLegibility;
  margin: 0 0 .5em 0;
}
.redactor-editor h1,
.redactor-editor h2,
.redactor-editor h3,
.redactor-editor h4 {
  line-height: 1.3;
}
.redactor-editor h1 {
  font-size: 36px;
}
.redactor-editor h2 {
  font-size: 24px;
  margin-bottom: .7em;
}
.redactor-editor h3 {
  font-size: 21px;
}
.redactor-editor h4 {
  font-size: 18px;
}
.redactor-editor h5 {
  font-size: 16px;
}
.redactor-editor h6 {
  font-size: 12px;
  text-transform: uppercase;
}

/*
 * ====================================================================================================================
 * CW redactor skin
 * ====================================================================================================================
 */

.redactor-toolbar {
    background: #efefef;
    border-top-left-radius: 4px;
    border-top-right-radius: 3px;
    border: 1px inset #999;
}

.redactor-toolbar li a:hover {
    background: #F37421;
    color: #fff;
}

.redactor-editor {
    border-style: inset;
    border-top: 0;
    border-width: 1px;
    border-color: #999;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 3px;
}

.redactor-box textarea {
    padding: 10px;
}

#redactor-image-manager-box img {
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #999;
    border-radius: 4px;
}

#redactor-image-manager-box img:hover {
    opacity: 0.9;
    border: 1px solid #F37421;
}

#redactor-modal-tabber a
{
    border-radius: 4px;
}

#redactor-modal-tabber a:hover, .redactor-dropdown a:hover
{
    background: #F37421;
    border: 1px solid #efefef;
}

/* end main.css */