/*********\
 * Fonts *
\*********/

@font-face { font-family: 'Open Sans'; src: url('../../fonts/OpenSans-Regular-webfont.eot'); src: url('../../fonts/OpenSans-Regular-webfont.eot#iefix') format('embedded-opentype'), url('../../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../../fonts/OpenSans-Regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Open Sans'; src: url('../../fonts/OpenSans-Semibold-webfont.eot'); src: url('../../fonts/OpenSans-Semibold-webfont.eot#iefix') format('embedded-opentype'), url('../../fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('../../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../../fonts/OpenSans-Semibold-webfont.svg') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Open Sans'; src: url('../../fonts/OpenSans-Italic-webfont.eot'); src: url('../../fonts/OpenSans-Italic-webfont.eot#iefix') format('embedded-opentype'), url('../../fonts/OpenSans-Italic-webfont.woff') format('woff'), url('../../fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('../../fonts/OpenSans-Italic-webfont.svg') format('svg'); font-weight: normal; font-style: italic; font-display: swap; }
@font-face { font-family: 'Open Sans'; src: url('../../fonts/OpenSans-SemiboldItalic-webfont.eot'); src: url('../../fonts/OpenSans-SemiboldItalic-webfont.eot#iefix') format('embedded-opentype'), url('../../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('../../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('../../fonts/OpenSans-SemiboldItalic-webfont.svg') format('svg'); font-weight: bold; font-style: italic; font-display: swap; }
@font-face { font-family: 'Droid Sans Mono'; src: url('../../fonts/DroidSansMono-webfont.eot'); src: url('../../fonts/DroidSansMono-webfont.eot#iefix') format('embedded-opentype'), url('../../fonts/DroidSansMono-webfont.woff') format('woff'), url('../../fonts/DroidSansMono-webfont.ttf') format('truetype'), url('../../fonts/DroidSansMono-webfont.svg') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }


/*********\
 * Icons *
\*********/

@font-face { font-family: 'Bluepark'; src: url('../../fonts/Bluepark-080119_oeuojh.eot'); src: url('../../fonts/Bluepark-080119.eot') format('embedded-opentype'), url('../../fonts/Bluepark-080119_oeuojh.woff') format('woff'), url('../../fonts/Bluepark-080119_oeuojh.ttf') format('truetype'), url('../../fonts/Bluepark-080119_oeuojh.svg') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }

[class^="icon-"], [class*=" icon-"], .sublink:before { font-family: 'Bluepark' !important; speak: none !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; line-height: 1 !important; display: inline-block !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; font-size: 32px; color: #4080C0; vertical-align: middle; }

/* Link */
.icon
{
    text-decoration: none !important;
}

/* Huge */
.icon-huge
{
    font-size: 128px;
}

/* Larger */
.icon-larger
{
    font-size: 32px;
}

/* Large */
.icon-large
{
    font-size: 28px;
}

/* Medium */
.icon-medium
{
    font-size: 24px;
}

/* Smallish */
.icon-smallish
{
    font-size: 20px;
}

/* Small */
.icon-small
{
    font-size: 16px;
}

/* Arrow Large */
.icon-arrow-left
{
    margin-left: -4px;
    margin-right: -6px;
}

/* Arrow Small */
.icon-arrow
{
    font-size: 10px;
    color: #DCE0E4;
}

/* Lock */
.icon-lock
{
    color: #E0E0C0;
}

/* Transfer */
.icon-transfer
{
    font-size: 64px;
    color: #EDF0F3;
}

/* Black */
.icon-eye
{
    color: #202020;
}

/* Brown */
.icon-cube
{
    color: #A06020;
}

/* Green */
.icon-android,
.icon-arrow-down,
.icon-arrow-up,
.icon-bubble,
.icon-bubbles,
.icon-cart-add,
.icon-checkmark,
.icon-checkmark-circle,
.icon-checkmark-circle2,
.icon-credit,
.icon-credit2,
.icon-earth,
.icon-file-remove,
.icon-info,
.icon-info2,
.icon-library,
.icon-office,
.icon-pencil,
.icon-plus-circle,
.icon-plus-circle2,
.icon-redo,
.icon-shield,
.icon-smiley,
.icon-stack
{
    color: #20A060;
}

/* Grey */
.icon-address-book2,
.icon-apple,
.icon-arrow-left,
.icon-arrow-left2,
.icon-arrow-left3,
.icon-arrow-right,
.icon-arrow-right2,
.icon-arrow-right3,
.icon-arrow-up2,
.icon-binoculars,
.icon-calendar,
.icon-checkbox-checked,
.icon_clock,
.icon-cog,
.icon-cogs,
.icon-cog2,
.icon-coin,
.icon-console,
.icon-database,
.icon-drawer,
.icon-file2,
.icon-image2,
.icon-minus,
.icon-newtab,
.icon-pencil2,
.icon-plus,
.icon-print,
.icon-radio-unchecked,
.icon-search,
.icon-stats
{
    color: #788088;
}

/* Orange */
.icon-bars,
.icon-clipboard,
.icon-cone,
.icon-feed,
.icon-feed2,
.icon-feed3,
.icon-file-check,
.icon-firefox,
.icon-html5,
.icon-linux,
.icon-movie,
.icon-music,
.icon-neutral,
.icon-shield2,
.icon-shuffle,
.icon-tag,
.icon-warning,
.icon-warning2
{
    color: #E08020;
}

/* Red */
.icon-bubble-notification2,
.icon-calculate,
.icon-cancel,
.icon-cancel-circle,
.icon-cancel-circle2,
.icon-cart-remove,
.icon-chrome,
.icon-close,
.icon-heart,
.icon-heart2,
.icon-location,
.icon-location2,
.icon-mouse,
.icon-notification,
.icon-notification2,
.icon-opera,
.icon-pie,
.icon-question,
.icon-question2,
.icon-question3,
.icon-remove,
.icon-sad,
.icon-spam,
.icon-user2
{
    color: #C04040;
}

/* Teal */
.icon-contract,
.icon-expand,
.icon-tree
{
    color: #20A0A0;
}

/* Yellow */
.icon-bubble-star,
.icon-files,
.icon-file-download,
.icon-folder,
.icon-folder-download,
.icon-folder-minus,
.icon-folder-plus,
.icon-folder-upload,
.icon-lightning,
.icon-star,
.icon-star2,
.icon-star3,
.icon-thumbs-up,
.icon-thumbs-up2
{
    color: #A0A020;
}

.icon-black
{
    color: #202020;
}

.icon-blue, .blue
{
    color: #4080C0;
}

.icon-brown, .brown
{
    color: #A06020;
}

.icon-green
{
    color: #20A060;
}

.icon-grey, .grey
{
    color: #788088;
}

.icon-orange, .orange
{
    color: #E08020;
}

.icon-red
{
    color: #C04040;
}

.icon-teal
{
    color: #20A0A0;
}

.icon-white
{
    color: #FFFFFF;
}

.icon-yellow, .yellow
{
    color: #A0A020;
}

.icon-fade
{
    cursor: default;
    opacity: 0.4;
}

.icon-folder.icon-small.icon-blue
{
    font-size: 24px;
    margin: 0px 5px;
}

.row .icon-folder.icon-small.icon-blue, .row2 .icon-folder.icon-small.icon-blue, .row3 .icon-folder.icon-small.icon-blue, .row4 .icon-folder.icon-small.icon-blue, .row5 .icon-folder.icon-small.icon-blue, .row6 .icon-folder.icon-small.icon-blue
{
    font-size: 20px;
    margin-right: 0px;
}

.icon-pencil.icon-small.icon-blue, .icon-pencil.icon-small.icon-grey
{
    font-size: 20px;
    margin-left: 5px;
}

.icons-edit
{
    background: #E8ECF0;
    border-radius: 4px;
    margin: 20px 0px;
    padding: 5px;
    width: 80px;
    text-align: right;
    display: block;
}


/*********\
 * Codes *
\*********/

.icon-home:before {
content: "\e600";
}
.icon-office:before {
content: "\e601";
}
.icon-pencil:before {
content: "\e602";
}
.icon-pencil2:before {
content: "\e603";
}
.icon-pen:before {
content: "\e604";
}
.icon-image:before {
content: "\e605";
}
.icon-image2:before {
content: "\e606";
}
.icon-camera:before {
content: "\e607";
}
.icon-music:before {
content: "\e608";
}
.icon-movie:before {
content: "\e609";
}
.icon-book:before {
content: "\e60a";
}
.icon-library:before {
content: "\e60b";
}
.icon-file:before {
content: "\e60c";
}
.icon-file2:before {
content: "\e60d";
}
.icon-file3:before {
content: "\e60e";
}
.icon-file4:before {
content: "\e60f";
}
.icon-file5:before {
content: "\e610";
}
.icon-files:before {
content: "\e611";
}
.icon-file-plus:before {
content: "\e612";
}
.icon-file-minus:before {
content: "\e613";
}
.icon-file-download:before {
content: "\e614";
}
.icon-file-upload:before {
content: "\e615";
}
.icon-file-check:before {
content: "\e616";
}
.icon-file-remove:before {
content: "\e617";
}
.icon-stack:before {
content: "\e618";
}
.icon-folder:before {
content: "\e619";
}
.icon-folder-download:before {
content: "\e61a";
}
.icon-folder-upload:before {
content: "\e61b";
}
.icon-folder-plus:before {
content: "\e61c";
}
.icon-folder-minus:before {
content: "\e61d";
}
.icon-folder-check:before {
content: "\e61e";
}
.icon-folder-remove:before {
content: "\e61f";
}
.icon-tag:before {
content: "\e620";
}
.icon-cart:before {
content: "\e621";
}
.icon-cart-add:before {
content: "\e622";
}
.icon-cart-remove:before {
content: "\e623";
}
.icon-coin:before {
content: "\e624";
}
.icon-credit:before {
content: "\e625";
}
.icon-credit2:before {
content: "\e626";
}
.icon-calculate:before {
content: "\e627";
}
.icon-address-book:before {
content: "\e628";
}
.icon-address-book2:before {
content: "\e629";
}
.icon-envelope:before {
content: "\e62a";
}
.icon-envelope-opened:before {
content: "\e62b";
}
.icon-location:before {
content: "\e62c";
}
.icon-location2:before {
content: "\e62d";
}
.icon-clock:before {
content: "\e62e";
}
.icon-clock2:before {
content: "\e62f";
}
.icon-alarm:before {
content: "\e630";
}
.icon-calendar:before {
content: "\e631";
}
.icon-print:before {
content: "\e632";
}
.icon-mouse:before {
content: "\e633";
}
.icon-keyboard:before {
content: "\e634";
}
.icon-screen:before {
content: "\e635";
}
.icon-mobile:before {
content: "\e636";
}
.icon-tablet:before {
content: "\e637";
}
.icon-drawer:before {
content: "\e638";
}
.icon-disk:before {
content: "\e639";
}
.icon-database:before {
content: "\e63a";
}
.icon-subtract:before {
content: "\e63b";
}
.icon-undo:before {
content: "\e63c";
}
.icon-redo:before {
content: "\e63d";
}
.icon-reply:before {
content: "\e63e";
}
.icon-bubble:before {
content: "\e63f";
}
.icon-bubbles:before {
content: "\e640";
}
.icon-bubble-notification:before {
content: "\e641";
}
.icon-bubble-user:before {
content: "\e642";
}
.icon-bubble-star:before {
content: "\e643";
}
.icon-bubble-notification2:before {
content: "\e644";
}
.icon-user:before {
content: "\e645";
}
.icon-users:before {
content: "\e646";
}
.icon-user-plus:before {
content: "\e647";
}
.icon-user2:before {
content: "\e648";
}
.icon-busy:before {
content: "\e649";
}
.icon-spinner:before {
content: "\e64a";
}
.icon-binoculars:before {
content: "\e64b";
}
.icon-search:before {
content: "\e64c";
}
.icon-expand:before {
content: "\e64d";
}
.icon-contract:before {
content: "\e64e";
}
.icon-lock:before {
content: "\e64f";
}
.icon-wrench:before {
content: "\e650";
}
.icon-cog:before {
content: "\e651";
}
.icon-cogs:before {
content: "\e652";
}
.icon-cog2:before {
content: "\e653";
}
.icon-wand:before {
content: "\e654";
}
.icon-bug:before {
content: "\e655";
}
.icon-construction:before {
content: "\e656";
}
.icon-cone:before {
content: "\e657";
}
.icon-pie:before {
content: "\e658";
}
.icon-stats:before {
content: "\e659";
}
.icon-bars:before {
content: "\e65a";
}
.icon-paw:before {
content: "\e65b";
}
.icon-rocket:before {
content: "\e65c";
}
.icon-remove:before {
content: "\e65d";
}
.icon-cube:before {
content: "\e65e";
}
.icon-puzzle:before {
content: "\e65f";
}
.icon-shield:before {
content: "\e660";
}
.icon-shield2:before {
content: "\e661";
}
.icon-lightning:before {
content: "\e662";
}
.icon-switch:before {
content: "\e663";
}
.icon-powercord:before {
content: "\e664";
}
.icon-clipboard:before {
content: "\e665";
}
.icon-signup:before {
content: "\e666";
}
.icon-list:before {
content: "\e667";
}
.icon-tree:before {
content: "\e668";
}
.icon-menu:before {
content: "\e669";
}
.icon-earth:before {
content: "\e66a";
}
.icon-flag:before {
content: "\e66b";
}
.icon-eye:before {
content: "\e66c";
}
.icon-star:before {
content: "\e66d";
}
.icon-star2:before {
content: "\e66e";
}
.icon-star3:before {
content: "\e66f";
}
.icon-heart:before {
content: "\e670";
}
.icon-heart2:before {
content: "\e671";
}
.icon-thumbs-up:before {
content: "\e672";
}
.icon-thumbs-down:before {
content: "\e673";
}
.icon-smiley:before {
content: "\e674";
}
.icon-sad:before {
content: "\e675";
}
.icon-neutral:before {
content: "\e676";
}
.icon-warning:before {
content: "\e677";
}
.icon-warning2:before {
content: "\e678";
}
.icon-notification:before {
content: "\e679";
}
.icon-notification2:before {
content: "\e67a";
}
.icon-question:before {
content: "\e67b";
}
.icon-question2:before {
content: "\e67c";
}
.icon-question3:before {
content: "\e67d";
}
.icon-plus-circle:before {
content: "\e67e";
}
.icon-plus-circle2:before {
content: "\e67f";
}
.icon-minus-circle:before {
content: "\e680";
}
.icon-minus-circle2:before {
content: "\e681";
}
.icon-info:before {
content: "\e682";
}
.icon-info2:before {
content: "\e683";
}
.icon-blocked:before {
content: "\e684";
}
.icon-cancel-circle:before {
content: "\e685";
}
.icon-cancel-circle2:before {
content: "\e686";
}
.icon-checkmark-circle:before {
content: "\e687";
}
.icon-checkmark-circle2:before {
content: "\e688";
}
.icon-cancel:before {
content: "\e689";
}
.icon-spam:before {
content: "\e68a";
}
.icon-close:before {
content: "\e68b";
}
.icon-checkmark:before {
content: "\e68c";
}
.icon-minus:before {
content: "\e68d";
}
.icon-plus:before {
content: "\e68e";
}
.icon-play:before {
content: "\e68f";
}
.icon-pause:before {
content: "\e690";
}
.icon-stop:before {
content: "\e691";
}
.icon-eject:before {
content: "\e692";
}
.icon-shuffle:before {
content: "\e693";
}
.icon-arrow-right:before {
content: "\e694";
}
.icon-arrow-left:before {
content: "\e695";
}
.icon-arrow-up:before {
content: "\e696";
}
.icon-arrow-down:before {
content: "\e697";
}
.icon-arrow-right2:before {
content: "\e698";
}
.icon-arrow-left2:before {
content: "\e699";
}
.icon-arrow-right3:before {
content: "\e69a";
}
.icon-arrow-left3:before {
content: "\e69b";
}
.icon-arrow-up2:before {
content: "\e69c";
}
.icon-arrow-down2:before {
content: "\e69d";
}
.icon-checkbox-checked:before {
content: "\e69e";
}
.icon-checkbox-unchecked:before {
content: "\e69f";
}
.icon-checkbox-checked2:before {
content: "\e6a0";
}
.icon-checkbox-unchecked2:before {
content: "\e6a1";
}
.icon-radio-checked:before {
content: "\e6a2";
}
.icon-radio-unchecked:before {
content: "\e6a3";
}
.icon-circle:before {
content: "\e6a4";
}
.icon-rulers:before {
content: "\e6a5";
}
.icon-newtab:before {
content: "\e6a6";
}
.icon-console:before {
content: "\e6a7";
}
.icon-mail:before {
content: "\e6a8";
}
.icon-mail2:before {
content: "\e6a9";
}
.icon-googleplus:before {
content: "\e6aa";
}
.icon-googleplus2:before {
content: "\e6ab";
}
.icon-facebook:before {
content: "\e6ac";
}
.icon-instagram:before {
content: "\e6ad";
}
.icon-twitter:before {
content: "\e6ae";
}
.icon-feed:before {
content: "\e6af";
}
.icon-feed2:before {
content: "\e6b0";
}
.icon-feed3:before {
content: "\e6b1";
}
.icon-youtube:before {
content: "\e6b2";
}
.icon-linux:before {
content: "\e6b3";
}
.icon-apple:before {
content: "\e6b4";
}
.icon-mac:before {
content: "\e6b5";
}
.icon-android:before {
content: "\e6b6";
}
.icon-windows:before {
content: "\e6b7";
}
.icon-linkedin:before {
content: "\e6b8";
}
.icon-pinterest:before {
content: "\e6b9";
}
.icon-html5:before {
content: "\e6ba";
}
.icon-chrome:before {
content: "\e6bb";
}
.icon-firefox:before {
content: "\e6bc";
}
.icon-IE:before {
content: "\e6bd";
}
.icon-opera:before {
content: "\e6be";
}
.icon-safari:before {
content: "\e6bf";
}


/*****************\
 * Compatibility *
\*****************/

html { height: 100%; }

body { overflow: auto; -webkit-text-size-adjust: 100%; }

h1 { margin: 0px; }

h2, h3, h4, h5, h6 { margin: 15px 0px; }

p { margin: 1em 0px; }

ul { margin: 1em auto; }

b, strong { font-weight: bold; }

i, em { font-style: italic; }

img { border: 0px; box-shadow: transparent 0px 0px 0px; }

form { margin: 0px; }

input { padding-left: 3px; vertical-align: middle; }
input[type=text], input[type=email], input[type=number], input[type=password], input[type=file], input[type=image], input[type=submit], input[type=button], button { margin: 0px; }
input[type=image] { padding: 0px; }
input[type=submit], input[type=button], button { padding-left: 8px; padding-right: 8px; }
input[type=checkbox], input[type=radio] { margin: 3px; padding: 0px; }
button, label { vertical-align: middle; }
select { margin: 0px; vertical-align: middle; }
textarea { margin: 0px; padding-left: 3px; vertical-align: top; }
@media screen and (-webkit-min-device-pixel-ratio:0) { input[type=text], input[type=email], input[type=number], input[type=password], textarea { padding-left: 10px; } input[type=file] { padding-left: 0px; } }
input[type=text], input[type=email], input[type=number], input[type=password], textarea, input[type=submit], input[type=button], button { -webkit-appearance: none; }

:-o-prefocus, select { padding-left: 3px; }

::-moz-focus-inner { border: 0px !important; padding: 0px !important; }

:-ms-input-placeholder { color: #A0A0A0 !important; }
:-moz-placeholder { color: #A0A0A0 !important; }
::-webkit-input-placeholder { color: #A0A0A0 !important; }
.placeholder { color: #A0A0A0 !important; }

img:-moz-loading { visibility: hidden; }

* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
td { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

* { font-smoothing: subpixel-antialiased; -moz-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased; }


/***************\
 * Form Fields *
\***************/

:focus
{
    outline-width: 0px;
    outline-style: solid;
}

input[type=text], input[type=email], input[type=number], input[type=password], textarea, select, .select2-container .select2-choice, .select2-container .select2-choices
{
    border-collapse: separate;
    transition: background-color 0.20s ease-in-out, background-image 0.20s ease-in-out, border 0.20s ease-in-out, box-shadow 0.20s ease-in-out, color 0.20s ease-in-out, text-shadow 0.20s ease-in-out;
}

input[type=text]:hover, input[type=email]:hover, input[type=number]:hover, input[type=password]:hover, textarea:hover, select:hover, .select2-container .select2-choice:hover, .select2-container .select2-choices:hover
{
    border: 1px solid #60A0E0;
}

input[type=text]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, textarea:focus, select:focus
{
    border: 1px solid #4080C0;
    box-shadow: 0px 0px 3px #80C0FF;
}

input[type=text]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, textarea:focus
{
    background-color: #FFFFFA;
}

input[type=text]:disabled, input[type=email]:disabled, input[type=number]:disabled, input[type=password]:disabled, textarea:disabled, select:disabled
{
    background-color: #F4F4F4;
}

input:-webkit-autofill
{
    box-shadow: inset 0px 0px 0px 50px #FFFFFF;
}

input:-webkit-autofill:focus
{
    box-shadow: inset 0px 0px 0px 50px #FFFFFA, 0px 0px 3px #80C0FF;
}

.button, .button_green, .button_grey, .button_red, .button_yellow, .browse, .qq-upload-button, .login_button, .ui-dialog .ui-dialog-buttonpane button
{
    transition: background-color 0.10s ease-in-out, background-image 0.10s ease-in-out, border 0.10s ease-in-out, box-shadow 0.10s ease-in-out, color 0.10s ease-in-out, text-shadow 0.10s ease-in-out;
}

button span
{
    vertical-align: middle;
}

button span[class^="icon-"]
{
    color: #FFFFFF;
    margin-right: 10px;
}

input[type=button]:disabled, button:disabled
{
    opacity: 0.4;
}

div#main a span[class^="icon-"], div#main a.icon.save, div#main a.icon.bad, table#title input[type=image], table#file a span[class^="icon-"], .frameButtons div, .frameButton div, .iconlink, .imagelink
{
    transition: opacity 0.10s ease-in-out;
}

div#main a span[class^="icon-"]:hover, div#main a.icon.save:hover, div#main a.icon.bad:hover, table#title input[type=image]:hover, table#file a span[class^="icon-"]:hover, .checkuncheck span[class^="icon-"]:hover, .checkuncheck2 span[class^="icon-"]:hover, .frameButtons div:hover, .frameButton div:hover, .iconlink:hover, .imagelink:hover
{
    opacity: 0.8;
}

.frameButtons, .video
{
    opacity: 0.6;
    transition: opacity 0.10s ease-in-out;
}

.frameButtons:hover, .video:hover
{
    opacity: 1;
}

.busyfield
{
    border: 1px solid #4080C0 !important;
    box-shadow: 0px 0px 3px #80C0FF !important;
    color: #4080C0;
}

.errorfield
{
    border: 1px solid #C04040 !important;
    box-shadow: 0px 0px 3px #FF8080 !important;
}

div#cke_code
{
    width: auto !important;
}

.cke
{
    border: 1px solid #C8D0D8 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}

.cke_inner
{
    border-radius: 4px !important;
}

.cke_bottom
{
    border-top: 1px solid #C8D0D8 !important;
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

.cke_combo_text
{
    width: 41px !important;
}

.cke_source
{
    background: #FFFFFF !important;
    border: 0px !important;
    box-shadow: none !important;
    font: 13px 'droid sans mono', 'courier new', monospace !important;
    line-height: 20px !important;
    white-space: pre-wrap !important;
}

.cke_top
{
    border-bottom: 1px solid #C8D0D8 !important;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
}

.cke_wordcount
{
    margin-right: -2px !important;
}


/***********\
 * Default *
\***********/

.p
{
    margin: 15px 0px;
}

body
{
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    margin: 0px;
    padding: 0px;
}

a:link
{
    color: #2060A0;
    font: bold 13px 'open sans', arial, sans-serif;
    text-decoration: none;
}

a:visited
{
    color: #2060A0;
    font: bold 13px 'open sans', arial, sans-serif;
    text-decoration: none;
}

a:hover
{
    color: #A02020;
    font: bold 13px 'open sans', arial, sans-serif;
    text-decoration: underline;
}

a:active
{
    color: #A02020;
    font: bold 13px 'open sans', arial, sans-serif;
    text-decoration: underline;
}

a.cke_path_item:link, a.cke_path_item:visited, a.cke_path_item:hover, a.cke_path_item:active
{
    font: bold 11px 'open sans', arial, sans-serif;
    text-decoration: none;
}

a.cke_dialog_tab:link, a.cke_dialog_tab:visited, a.cke_dialog_tab:hover, a.cke_dialog_tab:active
{
    font: normal 12px 'open sans', arial, sans-serif;
    text-decoration: none;
    line-height: 16px;
}

a.cke_dialog_ui_button:link, a.cke_dialog_ui_button:visited, a.cke_dialog_ui_button:hover, a.cke_dialog_ui_button:active
{
    font: bold 12px 'open sans', arial, sans-serif;
    text-decoration: none;
}

a.cke_dialog_ui_button
{
    margin-top: 19px !important;
}

table.cke_dialog_footer_buttons a.cke_dialog_ui_button, a.cke_dialog_ui_button.cke_dialog_ui_button_cancel, a.cke_dialog_ui_button.cke_dialog_ui_button_ok
{
    margin-top: 0px !important;
}

a.cke_dialog_ui_button.cke_dialog_ui_button_ok
{
    background: #2060A0 linear-gradient(0deg, #105090, #3070B0);
    border-color: #2060A0;
}

a.cke_dialog_ui_button.cke_dialog_ui_button_ok:hover
{
    background: #4080C0 linear-gradient(0deg, #3070B0, #5090D0);
    border-color: #4080C0;
}

.cke_dialog input[type=text], .cke_dialog input[type=email], .cke_dialog input[type=number], .cke_dialog input[type=password], .cke_dialog select
{
    height: 30px !important;
    min-height: 0px !important;
}

hr
{
    background: #D8E0E8;
    border: 0px;
    color: #D8E0E8;
    width: 100%;
    height: 2px;
}

select
{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #FFFFFF;
    background-image: url('https://www.trippsofsomerset.co.uk/images/select.php?fill=202020');
    background-position: calc(100% - 15px) center;
    background-repeat: no-repeat;
    padding-right: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #C8D0D8;
    border-radius: 4px;
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    height: 36px;
}

textarea
{
    border: 1px solid #C8D0D8;
    border-radius: 4px;
    color: #202020;
    font: 13px 'droid sans mono', 'courier new', monospace;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    width: 400px;
    height: 150px;
    line-height: 20px;
}

.code, #code
{
    background: #FFFFFF;
    border: 1px solid #C8D0D8;
    border-radius: 4px;
    font-size: 13px;
}

div#wrap
{
    background: #FFFFFF;
    min-height: 100%;
    position: relative;
}

div#wrap.wrap_login
{
    background-color: #F8FAFC;
    background-image: url('../images/bplbg.gif');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 600px 600px;
    padding: 0px;
    height: 100%;
}

@media screen and (min-device-pixel-ratio:2), screen and (-moz-min-device-pixel-ratio:2), screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:192dpi)
{
    div#wrap.wrap_login
    {
        background-image: url('../images/bplbg2.gif');
    }
}

div#header
{
    background: #2060A0 linear-gradient(0deg, #105090, #3070B0);
    border: 0px;
    margin: 0px;
    margin-bottom: 40px;
    padding: 0px;
    padding-right: 20px;
    position: relative;
    z-index: 1;
}

#header table
{
    border: 0px;
    border-collapse: collapse;
    color: #60A0E0;
    font: 14px 'open sans', arial, sans-serif;
    width: 100%;
}

#header td
{
    padding: 0px;
}

#header a
{
    color: #FFFFFF;
    font: 14px 'open sans', arial, sans-serif;
    text-decoration: none;
}

#header a:hover
{
    color: #FFFFFF;
    font: 14px 'open sans', arial, sans-serif;
    text-decoration: underline;
}

#header .icon-large
{
    color: #60A0E0;
}

#header .icon-smallish
{
    color: #FFFFFF;
}

#header .icon-smallish-on, #header .icons-smallish-on span
{
    color: #C0E0FF;
}

#header .icons-label, #header .icon-smallish
{
    transition: color 0.10s ease-in-out;
}

#header .icons-label
{
    font-size: 14px;
}

#header button
{
    background: #FFFFFF;
    border: 0px;
    border-collapse: separate;
    border-radius: 4px;
    box-shadow: none;
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    text-decoration: none;
    margin: 0px;
    padding: 0px 10px !important;
    height: 30px;
    cursor: pointer;
}

#header button:hover
{
    background: #C0E0FF;
    text-decoration: none;
}

#header select
{
    border: 0px !important;
    border-radius: 4px;
    box-shadow: none !important;
    padding-bottom: 1px;
    padding-top: 1px;
    height: 30px;
}

#header select.flag
{
    padding-right: 70px;
}

div#nav
{
    background: #283038 linear-gradient(0deg, #182028, #384048);
    background-repeat: repeat-x;
    background-attachment: scrolling;
    background-position: top left;
    border: 0px;
    border-bottom: 1px solid #182028;
    border-top: 1px solid #283038;
    color: #FFFFFF;
    font: 14px 'open sans', arial, sans-serif;
    margin: 0px;
    padding: 1px 0px;
    width: 100%;
    height: 40px;
    text-align: left;
    position: absolute;
    top: 60px;
    z-index: 98;
}

div#main, div#main2
{
    background: #FFFFFF;
    border: 0px;
    margin: 0px;
    padding: 30px 20px;
    padding-bottom: 40px;
}

div#main2
{
    margin-top: 40px;
}

div#foot
{
    height: 60px;
}

div#footer
{
    background: #384048 linear-gradient(0deg, #283038, #485058);
    background-repeat: repeat-x;
    border: 0px;
    color: #FFFFFF;
    font: bold 13px 'open sans', arial, sans-serif;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 60px;
    text-align: center;
    line-height: 60px;
    position: absolute;
    bottom: 0px;
    z-index: 1;
}

#footer a
{
    color: #FFFFFF;
    font: bold 13px 'open sans', arial, sans-serif;
    text-decoration: none;
    line-height: 60px;
}

#footer a:hover
{
    color: #FFFFFF;
    font: bold 13px 'open sans', arial, sans-serif;
    text-decoration: underline;
    line-height: 60px;
}

#footer a:not(:first-of-type)
{
    margin-left: 20px;
}

#links
{
    color: #98A0A8;
    margin-bottom: 17px;
}

.faded
{
    color: #788088 !important;
}

.amber
{
    color: #C06000 !important;
}

.save
{
    color: #2060A0 !important;
}

.good
{
    color: #008040 !important;
}

div.break
{
    border: 0px;
    margin: 0px;
    width: 100%;
    height: 40px;
}

div#progress
{
    background: #2060A0 linear-gradient(0deg, #105090, #3070B0);
    background-repeat: repeat-x;
    background-attachment: scrolling;
    background-position: top left;
    border: 0px;
    border-radius: 4px;
    color: #FFFFFF;
    font: 14px 'open sans', arial, sans-serif;
    margin: 40px 20px;
    padding: 10px;
    text-align: center;
    opacity: 0.9;
}

#progress table
{
    border: 0px;
    border-collapse: collapse;
    color: #FFFFFF;
    font: 14px 'open sans', arial, sans-serif;
    margin: 0px auto;
}

#progress td
{
    padding: 0px;
}

#progress .icon-busy
{
    color: #A0C0E0;
}

#processing, #sending, .download
{
    color: #98A0A8;
}

div#info
{
    background: #008040 linear-gradient(0deg, #007030, #009050);
    background-repeat: repeat-x;
    background-attachment: scrolling;
    background-position: top left;
    border: 0px;
    border-radius: 4px;
    color: #FFFFFF;
    font: 14px 'open sans', arial, sans-serif;
    margin: 0px 20px;
    padding: 10px;
    text-align: center;
    opacity: 0.9;
}

#info table
{
    border: 0px;
    border-collapse: collapse;
    color: #FFFFFF;
    font: 14px 'open sans', arial, sans-serif;
    margin: 0px auto;
}

#info td
{
    padding: 0px;
}

#info .icon-info2
{
    color: #A0E0C0;
}

.bad
{
    color: #A02020 !important;
}

div#error
{
    background: #A02020 linear-gradient(0deg, #901010, #B03030);
    background-repeat: repeat-x;
    background-attachment: scrolling;
    background-position: top left;
    border: 0px;
    border-radius: 4px;
    color: #FFFFFF;
    font: 14px 'open sans', arial, sans-serif;
    margin: 0px 20px;
    padding: 10px;
    text-align: center;
    opacity: 0.9;
}

#error table
{
    border: 0px;
    border-collapse: collapse;
    color: #FFFFFF;
    font: 14px 'open sans', arial, sans-serif;
    margin: 0px auto;
}

#error td
{
    padding: 0px;
}

#error .icon-notification2, #error .icon-blocked
{
    color: #E0A0A0;
}

#error a, #error a:hover
{
    color: #FFFFC0;
    font-size: 14px;
    font-weight: normal;
}

#spotlight
{
    background: #EDF0F3;
    border-radius: 4px;
    margin: 0px 20px;
    margin-top: 40px;
    padding: 10px;
    text-align: center;
}

table#title
{
    border: 0px;
    border-collapse: collapse;
    color: #202020;
    font: bold 14px 'open sans', arial, sans-serif;
    width: 100%;
}

#title td
{
    padding: 0px;
    padding-bottom: 12px;
    height: 36px;
    vertical-align: middle;
}

#title h1
{
    color: #384048;
    font: bold 20px 'open sans', arial, sans-serif;
}

#title a
{
    font-size: 14px;
}

#title img, #title input[type=image]
{
    vertical-align: middle;
}

table#filters, table#filters2
{
    border: 0px;
    border-collapse: collapse;
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    width: 100%;
    margin-bottom: 30px;
}

#filters td, #filters2 td
{
    background: #EDF0F3;
    padding: 10px;
    vertical-align: middle;
}

#filters td:first-of-type, #filters2 td:first-of-type
{
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

#filters td:last-of-type, #filters2 td:last-of-type
{
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

table#filters2
{
    margin-top: -20px;
}

#filters.processor td
{
    background: #F4F6F8;
    border-radius: 4px;
    padding: 15px;
}

#filters.processor td.divider
{
    background: #FFFFFF;
    border-radius: 0px;
    padding: 0px;
}

#filters.processor td:first-of-type
{
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

#filters.processor td:last-of-type
{
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.toggle
{
    margin: 20px auto;
    margin-bottom: 0px;
    text-align: center;
    white-space: nowrap;
    position: relative;
}

.toggle span
{
    margin-right: 10px;
    vertical-align: middle;
}

.toggle select
{
    width: 240px;
}

.toggle button
{
    position: absolute;
    top: 0px;
    right: 0px;
}

.hide
{
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 2px;
    cursor: pointer;
    display: none;
}

.hide .icon-close, .hide .icon-plus
{
    color: #D8E0E8;
    font-size: 10px;
    transition: color 0.10s ease-in-out;
}

.hide:hover .icon-close, .hide:hover .icon-plus
{
    color: #FFFFFF;
}

.label
{
    font-size: 13px;
    vertical-align: middle;
}

table#form
{
    background: #F4F6F8;
    border: 0px;
    border-collapse: separate;
    border-spacing: 0px;
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    margin: 0px auto;
    width: 100%;
    text-align: left;
}

table#form.formwhite
{
    background: none;
}

table#form.formwhite td
{
    border-right: 1px solid #C8D0D8;
}

table#form.formwhite td:first-of-type
{
    border-left: 0px;
}

table#form.formwhite td:last-of-type
{
    border-right: 0px;
}

#form td
{
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #DCE0E4;
    padding: 8px 15px;
    width: 50%;
}

#form td:first-child
{
    border-left: 1px solid #DCE0E4;
}

#form .pa td
{
    width: auto;
}

table#creator
{
    border: 0px;
    border-collapse: collapse;
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    margin: 0px auto;
    width: 100%;
    text-align: center;
}

td#creator_full
{
    padding: 0px;
    width: 100%;
    vertical-align: top;
}

td#creator_full table:not(:last-child)
{
    margin-bottom: 12px;
}

td#creator_full.nomargin table
{
    margin-bottom: 0px;
}

td#creator_full.nomargin td.spacer_top, td#creator_full.nomargin td.spacer_bottom
{
    border: 0px !important;
}

.spotlight
{
    background: #E8ECF0;
    border-radius: 4px;
    padding: 15px;
    width: auto;
    display: inline-block;
}

.actions
{
    background: #F4F6F8;
    border-radius: 4px;
    padding: 20px;
    position: relative;
}

.actions_manager
{
    background: #EDF0F3;
    border-radius: 4px;
    margin-top: 30px;
    padding: 10px;
}

.statistics
{
    background: #EDF0F3;
    border-radius: 4px;
    color: #586068;
    margin-bottom: 30px;
    padding: 15px;
}

table#box_outer, table#box_outer2, table#box_outer3, table#box_outer4, table#box_outer5, table.box_outer
{
    background: #FFFFFF;
    border: 1px solid #C8D0D8;
    border-collapse: separate;
    border-radius: 4px;
    border-spacing: 1px;
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    width: 100%;
}

#box_outer *, #box_outer2 *, #box_outer3 *, #box_outer4 *, #box_outer5 *, .box_outer *
{
    font-size: 13px !important;
}

#box_outer .icon-small, #box_outer2 .icon-small, #box_outer3 .icon-small, #box_outer4 .icon-small, #box_outer5 .icon-small, .box_outer .icon-small
{
    font-size: 16px !important;
}

#box_outer td, #box_outer2 td, #box_outer3 td, #box_outer4 td, #box_outer5 td, .box_outer td
{
    background-color: #EDF0F3;
    border: 0px !important;
    padding: 10px;
    line-height: 36px;
}

#box_outer td:first-of-type, #box_outer2 td:first-of-type, #box_outer3 td:first-of-type, #box_outer4 td:first-of-type, #box_outer5 td:first-of-type, .box_outer td:first-of-type
{
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

#box_outer td:last-of-type, #box_outer2 td:last-of-type, #box_outer3 td:last-of-type, #box_outer4 td:last-of-type, #box_outer5 td:last-of-type, .box_outer td:last-of-type
{
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

#box_outer p, #box_outer2 p, #box_outer3 p, #box_outer4 p, #box_outer5 p, .box_outer p
{
    margin: 0px;
}

.box_outer td
{
    padding: 10px !important;
}

table#box_inner
{
    border: 0px;
    border-collapse: separate;
    border-spacing: 0px;
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    margin: 20px 0px;
    width: 100%;
    text-align: left;
}

#box_inner td
{
    border-left: 1px solid #FFFFFF !important;
    padding: 8px 15px;
    width: 50%;
}

#box_inner td:first-child
{
    border-left: 0px !important;
    border-right: 1px solid #C8D0D8 !important;
}

#box_inner td.spacer_top, #box_inner td.spacer_bottom
{
    border: 0px !important;
}

table.form
{
    border: 0px;
    border-collapse: collapse;
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    margin: 0px auto;
    width: 1000px;
}

.form td
{
    background: #E8ECF0;
    border: 0px !important;
    border-bottom: 5px solid #F4F6F8 !important;
    padding: 5px 10px !important;
}

.form td:first-of-type
{
    border-bottom-left-radius: 6.5px !important;
    border-top-left-radius: 6.5px !important;
}

.form td:last-of-type
{
    border-bottom-right-radius: 6.5px !important;
    border-top-right-radius: 6.5px !important;
}

.form tr:first-of-type td:first-of-type
{
    border-top-left-radius: 4px !important;
}

.form tr:first-of-type td:last-of-type
{
    border-top-right-radius: 4px !important;
}

.form tr:last-of-type td:first-of-type
{
    border-bottom: 0px !important;
    border-bottom-left-radius: 4px !important;
}

.form tr:last-of-type td:last-of-type
{
    border-bottom: 0px !important;
    border-bottom-right-radius: 4px !important;
}

.form td.found
{
    background: #F4E4EC;
}

.form td.gotop
{
    background: #F4F6F8;
    padding: 0px !important;
    height: 20px;
    text-align: center;
}

.form td .icons-edit
{
    background: #DCE2E8;
}

.quicklinks
{
    color: #B8C0C8;
    padding: 0px 30px !important;
    line-height: 30px;
}

.bold
{
    font-weight: bold;
}

.button, .button_green, .button_grey, .button_red, .button_yellow, .browse, .qq-upload-button
{
    background: #2060A0;
    border: 0px;
    border-collapse: separate;
    border-radius: 4px;
    color: #FFFFFF;
    font: bold 13px 'open sans', arial, sans-serif;
    text-decoration: none;
    margin: 0px;
    padding: 0px 10px !important;
    height: 36px;
    cursor: pointer;
}

.button:hover, .button_green:hover, .button_grey:hover, .button_red:hover, .button_yellow:hover, .browse:hover, .qq-upload-button:hover
{
    background: #4080C0;
    text-decoration: none;
}

.button_green
{
    background: #008040;
}

.button_green:hover
{
    background: #20A060;
}

.button_grey
{
    background: #586068;
}

.button_grey:hover
{
    background: #788088;
}

.button_grey.button_light
{
    background: #788088;
}

.button_grey.button_light:hover
{
    background: #586068;
}

.button_red
{
    background: #A02020;
}

.button_red:hover
{
    background: #C04040;
}

.button_red.button_light
{
    opacity: 0.75;
}

.button_red.button_light:hover
{
    background: #A02020;
    opacity: 1;
}

.button_yellow
{
    background: #808000;
}

.button_yellow:hover
{
    background: #A0A020;
}

.button_link, .button_paypal
{
    background: #2060A0;
    border: 0px;
    border-collapse: separate;
    border-radius: 4px;
    color: #FFFFFF !important;
    font: bold 13px 'open sans', arial, sans-serif !important;
    text-decoration: none !important;
    margin: 0px auto;
    padding: 0px;
    height: 36px;
    line-height: 36px !important;
    display: block;
}

.button_link:hover, .button_paypal:hover
{
    background: #4080C0;
    text-decoration: none !important;
}

.button_paypal
{
    font-size: 14px !important;
    width: 328px;
    height: 44px;
    line-height: 44px !important;
}

.browse
{
    background: #586068;
    border-radius: 4px;
}

.browse:hover
{
    background: #788088;
}

.qq-upload-button
{
    line-height: 36px;
    display: inline-block;
}

.field
{
    border: 1px solid #C8D0D8;
    border-radius: 4px;
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    margin: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    height: 36px;
}

.ffield
{
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
}

.sfield
{
    border: 1px solid #C8D0D8;
    border-radius: 4px;
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    height: 36px;
}

#status, #paystatus
{
    border: 0px;
    background-image: url('https://www.trippsofsomerset.co.uk/images/select.php?fill=FFFFFF');
}

#status
{
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

#paystatus
{
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    margin-left: 1px;
}

.multiple
{
    background-image: none;
    padding-right: 10px;
    height: auto;
    overflow-y: auto;
}

.multiple option
{
    border-radius: 2px;
    padding: 1px 5px;
}

.m400
{
    margin-bottom: 15px !important;
    width: 400px !important;
    min-width: 400px !important;
}

.m400:hover
{
    width: auto !important;
}

.m300
{
    width: 300px;
    min-width: 300px;
}

.m300:hover
{
    width: auto;
}

.w300
{
    width: 300px;
}

.w200
{
    width: 200px;
}

.w190
{
    width: 190px;
}

.w150
{
    width: 150px;
}

.mw240
{
    max-width: 240px;
}

.domain, .icons
{
    height: 30px;
}

.icons
{
    padding-bottom: 3px;
    padding-top: 3px;
}

.domain span
{
    font-size: 14px;
    text-transform: uppercase;
    line-height: 30px;
}

.heading
{
    color: #004080;
    font: bold 20px 'open sans', arial, sans-serif;
}

.italic
{
    font-style: italic;
}

.number
{
    font: bold italic 13px 'open sans', arial, sans-serif;
}

.welcome
{
    font: bold 14px 'open sans', arial, sans-serif;
    line-height: 22px;
}

.popup
{
    background: #FFFFFF;
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    margin: 0px;
    padding: 20px;
    text-align: center;
}

.popup img
{
    vertical-align: middle;
}

.epopup
{
    background: #FFFFFF;
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    margin: 0px;
    padding: 20px;
    padding-bottom: 0px;
}

table.epopupt
{
    border: 0px;
    border-collapse: collapse;
    width: 100%;
}

.epopupt td
{
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    padding: 0px;
    text-align: center;
}

.lgrey
{
    background: #F8FAFC;
}

.space
{
    border-left: 1px solid #DCE0E4;
    height: 24px;
}

.space_d
{
    border-left: 1px solid #DCE0E4;
    height: 40px;
}

.spacer_top
{
    border-left: 1px solid #DCE0E4;
    height: 12px;
}

.spacer_top_d
{
    background: #F4F6F8;
    border-bottom: 1px solid #DCE0E4;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 24px;
}

.spacer_bottom
{
    border-left: 1px solid #DCE0E4;
    height: 12px;
}

.spacer_bottom_d
{
    background: #F4F6F8;
    border-left: 1px solid #DCE0E4;
    height: 24px;
}

.spacer_white
{
    background: #FFFFFF;
}

.spacer_grey, .spacer_bottom_h
{
    background: #DCE0E4;
}

.spacer_bottom_h
{
    border: 1px solid #DCE0E4;
    border-bottom: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #586068;
    font-size: 14px;
    font-weight: bold;
    height: 39px;
    text-align: center;
    position: relative;
}

.spacer_middle_d
{
    background: #FFFFFF;
    border: 0px !important;
    height: 30px;
}

.spacer_bottom_h .minmax
{
    position: absolute;
    top: 12px;
    right: 14px;
}

.spacer_bottom_h .minmax .icon-small
{
    color: #98A0A8;
    font-size: 12px;
}

.checkuncheck, .checkuncheck2
{
    background: #E8ECF0;
    border-radius: 4px;
    padding: 15px;
    position: absolute;
    top: 0px;
    right: 30px;
}

.checkuncheck2
{
    top: 61px;
}

.partner
{
    border: 1px solid #E8ECF0;
    border-radius: 4px;
    width: 100px;
    position: absolute;
    top: 0px;
    left: 30px;
    overflow: hidden;
}

.partner img
{
    border: 10px solid #FFFFFF;
    width: 98px;
    height: auto;
    max-height: 52px;
}

.sortimages, .sortedimages
{
    background: #E8ECF0;
    border-radius: 4px;
    padding: 10px;
    width: 375px;
}

.sortedimages
{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.alternate_sorted
{
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    flex: 1;
    gap: 10px;
}

.table_basic
{
    border: 0px;
    border-collapse: collapse;
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
}

.table_basic td
{
    padding: 0px;
    text-align: left;
}

#filters .table_basic td
{
    padding: 1px 0px;
}

.table_bold
{
    border: 0px;
    border-collapse: collapse;
    color: #202020;
    font: bold 13px 'open sans', arial, sans-serif;
}

.table_bold td
{
    padding: 0px !important;
    text-align: left;
}

.table_center
{
    border: 0px;
    border-collapse: collapse;
    margin: 0px auto;
}

.table_left
{
    border: 0px;
    border-collapse: collapse;
}

.table_screenshots, .table_template
{
    border: 0px;
    border-collapse: collapse;
    color: #384048;
    font: 14px 'open sans', arial, sans-serif;
    width: 100%;
}

.table_screenshots a:link, .table_screenshots a:visited, .table_screenshots a:hover, .table_screenshots a:active
{
    font-size: 14px;
}

.table_template
{
    font-size: 16px;
    line-height: 22px;
}

.table_screenshots td, .table_template td
{
    padding: 0px;
}

.table_screenshots td
{
    text-align: left;
}

td.td_screenshot
{
    width: 33%;
    text-align: center;
}

.td_screenshot img
{
    max-width: 800px;
    max-height: 600px;
    width: 100%;
    height: auto;
}

.td_screenshot button
{
    margin: 15px 10px;
    margin-bottom: 0px;
    width: 110px;
}

.td_screenshot button span
{
    vertical-align: middle;
}

.screenshot
{
    border: 1px solid #EDF0F3;
    border-radius: 2px;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.screenshot:before
{
    content: "";
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 25%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

.screenshot_info
{
    background: #F4F6F8;
    border-radius: 4px;
    margin-top: 20px;
    padding: 20px 0px;
    padding-top: 15px;
}

.screenshot_title
{
    font-size: 16px;
}

.screenshot_more
{
    padding-top: 7px;
}

#demopark
{
    border: 0px;
    width: 100%;
    height: 500px;
}

.text
{
    border: 1px solid #C8D0D8;
    border-radius: 4px;
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    margin: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    height: 36px;
}

.text25
{
    width: 300px;
}

.text20
{
    width: 260px;
}

.text15
{
    width: 220px;
}

.text13
{
    width: 180px;
}

.text10
{
    width: 120px;
}

.text8
{
    width: 100px;
}

.text5
{
    width: 80px;
}

.ltext.text5, .stext.text5
{
    width: 60px;
}

.textl
{
    border: 1px solid #C8D0D8;
    border-radius: 4px;
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    margin: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 36px;
    height: 36px;
}

.textr
{
    border: 0px !important;
    border-left: 1px solid #C8D0D8 !important;
    border-right: 1px solid transparent !important;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    margin-left: -36px !important;
    padding: 0px;
    width: 35px;
    height: 34px;
}

.ltext
{
    border: 1px solid #C8D0D8;
    border-radius: 4px;
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    margin: 0px;
    padding-bottom: 1px;
    padding-top: 1px;
    padding-left: 5px;
    height: 30px;
}

.ltextl
{
    border: 1px solid #C8D0D8;
    border-radius: 4px;
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    margin: 0px;
    padding-bottom: 1px;
    padding-top: 1px;
    padding-left: 5px;
    padding-right: 30px;
    height: 30px;
}

.ltextr
{
    border: 0px !important;
    border-left: 1px solid #C8D0D8 !important;
    border-right: 1px solid transparent !important;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    margin-left: -30px !important;
    padding: 0px;
    width: 29px;
    height: 28px;
}

.stext
{
    border: 1px solid #C8D0D8;
    border-radius: 4px;
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    margin: 0px;
    padding-bottom: 1px;
    padding-top: 1px;
    padding-left: 5px;
    height: 30px;
}

.btext
{
    border: 0px !important;
    border-radius: 4px;
    color: #202020;
    font: bold 13px 'open sans', arial, sans-serif;
    margin: 0px;
    padding-bottom: 1px;
    padding-top: 1px;
    padding-left: 5px;
    height: 30px;
}

.textarea
{
    border: 1px solid #C8D0D8;
    border-radius: 4px;
    color: #202020;
    font: 13px 'droid sans mono', 'courier new', monospace;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    width: 400px;
    height: 50px;
    line-height: 20px;
}

.textarea_small
{
    border: 1px solid #C8D0D8;
    border-radius: 4px;
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    padding-bottom: 2px;
    padding-top: 8px;
    width: 100%;
    height: 36px;
}

input.flag
{
    padding-right: 36px;
}

select.flag
{
    padding-right: 70px;
}

img.flag
{
    box-sizing: content-box;
    border-right: 11px solid transparent;
    margin-left: -27px;
    vertical-align: middle;
    pointer-events: none;
}

img.flags
{
    box-sizing: content-box;
    border-right: 43px solid transparent;
    margin-left: -59px;
    vertical-align: middle;
    pointer-events: none;
}

img.flagt
{
    box-sizing: content-box;
    border-right: 11px solid transparent;
    margin-top: 11px;
    margin-left: -27px;
    vertical-align: top !important;
    pointer-events: none;
}

.language
{
    color: #202020;
    font-weight: bold;
}

.sublanguage
{
    color: #98A0A8;
    font-weight: bold;
}

.subtext
{
    color: #889098;
    font: italic 12px 'open sans', arial, sans-serif;
    margin-top: 5px;
    display: inline-block;
}

.sublink, .sublinker
{
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    margin-top: 5px;
    line-height: 17px;
    display: inline-block;
    vertical-align: baseline;
}

.sublink:before
{
    content: "\e6a6";
    color: #889098;
    font-size: 12px;
    font-style: normal;
    margin-right: 5px;
    vertical-align: baseline;
}

.subsplit
{
    width: 300px;
}

td > a:first-child > .sublink
{
    margin-top: 0px;
}

.title
{
    color: #202020;
    font: bold 13px 'open sans', arial, sans-serif;
}

.titleclick:hover
{
    text-decoration: underline;
    cursor: pointer;
}

.alert
{
    color: #A02020;
    font: bold 13px 'open sans', arial, sans-serif;
}

.tooltip
{
    vertical-align: middle;
    cursor: help;
}

a.tooltip, a.tooltip:hover
{
    color: #202020;
    font: bold 13px 'open sans', arial, sans-serif;
    text-decoration: none;
}

a.tooltip.recommended, a.tooltip.recommended:hover, .recommended
{
    border-bottom: 2px solid #40C080;
}

.arrow_up
{
    background: #788088;
    border: 1px solid #788088;
    border-radius: 6px;
    border-top-right-radius: 1px;
    color: #FFFFFF;
    font: 13px 'open sans', arial, sans-serif;
    padding: 10px 15px;
    width: 400px;
    height: auto;
    text-align: left;
    line-height: 22px;
    position: absolute;
    display: none;
    opacity: 0.95;
    z-index: 98;
}

.arrow_up:after, .arrow_up:before
{
    border: solid transparent;
    border-color: rgba(0, 0, 0, 0);
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    bottom: 100%;
    right: 0px;
    pointer-events: none;
}

.arrow_up:after
{
    border-bottom-color: #788088;
    border-width: 10px;
}

.arrow_up:before
{
    border-bottom-color: #788088;
    border-width: 11px;
    margin-right: -1px;
}

.arrow_up.focused
{
    background: #384048;
    border: 1px solid #384048;
}

.arrow_up.focused:after
{
    border-bottom-color: #384048;
}

.arrow_up.focused:before
{
    border-bottom-color: #384048;
}

.arrow_up, .arrow_up:after, .arrow_up:before
{
    transition: background 0.20s ease-in-out, border 0.20s ease-in-out;
}

.arrow_up:after
{
    display: none;
}

.alternate_sortable
{
    display: table-cell;
}

.alternate_sortable div
{
    width: 55px;
    height: 30px;
    float: left;
}

.alternate_placeholder
{
    background: #DEE8F2;
    border: 1px solid #B0C0D0;
    border-radius: 2px;
    box-shadow: 0px 0px 0px 1px #FFFFFF, inset 0px 1px 1px #FFFFFF;
    width: 45px !important;
    margin-right: 10px;
}

div#controls
{
    background: #FFFFFF;
    border: 0px;
    border-collapse: separate;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
    padding: 0px;
    padding-right: 12px;
    cursor: pointer;
    position: fixed;
    top: 60px;
    right: 0px;
    display: none;
    z-index: 99;
}

div#controls .controls
{
    border: 0px solid #4080C0;
    border-collapse: collapse;
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
}

div#controls .controls td
{
    padding: 9px 8px;
    height: auto;
    text-align: right;
}


/**************\
 * Index Page *
\**************/

@keyframes shadow-pulse
{
    0%
    {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }
    100%
    {
        box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
    }
}

.button_pulse
{
    animation: shadow-pulse 1s infinite;
}

.table_index
{
    border: 0px;
    border-collapse: separate;
    border-spacing: 0px;
    width: 100%;
}

.table_index td
{
    padding: 0px;
    text-align: center;
}

.div_statistics, .div_tutorial
{
    background: #EDF0F3;
    border-radius: 4px;
    color: #586068;
    padding: 15px;
    text-align: left;
    position: relative;
}

.title_statistics
{
    color: #586068;
    font: 18px 'open sans', arial, sans-serif;
    line-height: 30px;
}

.title_tutorial
{
    color: #008040;
    font: bold 16px 'open sans', arial, sans-serif;
    margin-bottom: 8px;
    display: block;
}

.icon_tutorial
{
    margin-bottom: 30px;
}

.icon_tutorial .icon-info2
{
    color: #008040;
    font-size: 48px;
}

.text_tutorial
{
    color: #586068;
    font: 14px 'open sans', arial, sans-serif;
    display: block;
}

.email_tutorial, .phone_tutorial
{
    color: #008040;
    font: bold 20px 'open sans', arial, sans-serif;
    margin: 20px 0px;
    display: block;
}

.phone_tutorial
{
    font-size: 24px;
}

.cell_statistics
{
    background: #FFFFFF;
    border-radius: 4px;
    margin: 0px;
    padding: 20px;
    text-align: center;
    cursor: pointer;
}

.cell_statistic
{
    color: #2060A0;
    font: 22px 'open sans', arial, sans-serif;
}

.cell_footnote
{
    color: #788088;
    font: 13px 'open sans', arial, sans-serif;
    margin-top: 10px;
}

#days
{
    position: absolute;
    top: 15px;
    right: 15px;
}

#days select
{
    border: 0px !important;
    border-radius: 4px;
    box-shadow: none !important;
    padding-bottom: 1px;
    padding-top: 1px;
    height: 30px;
}

#update_index
{
    background: #EDF0F3;
    border-radius: 4px;
    padding: 20px;
    width: 100%;
}

#update_index_inner
{
    background: #FFFFFF;
    border-radius: 4px;
    border-collapse: separate;
    border-spacing: 0px;
    width: 100%;
}

#update_index_inner td
{
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    padding: 20px;
}

#update_index_grid
{
    border: 0px;
    border-collapse: collapse;
    width: 100%;
}

#update_index_grid td
{
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    padding: 10px 0px;
    text-align: left;
}

#update_index_grid a:link, #update_index_grid a:visited
{
    color: #2060A0;
    font: bold 13px 'open sans', arial, sans-serif;
    text-decoration: none;
}

#update_index_grid a:hover, #update_index_grid a:active
{
    color: #A02020;
    font: bold 13px 'open sans', arial, sans-serif;
    text-decoration: underline;
}

.update_title
{
    color: #2060A0;
    font: bold 16px 'open sans', arial, sans-serif;
}

.update_body
{
    line-height: 22px;
    text-align: justify;
}

.vertical
{
    border-left: 2px solid #D8E0E8;
}


/**************\
 * Login Form *
\**************/

table#wrapper
{
    border: 0px;
    border-collapse: collapse;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
}

#wrapper td
{
    padding: 0px;
    text-align: center;
}

table#wrapper_inner
{
    border: 0px;
    border-collapse: collapse;
    width: 500px;
    margin: 60px auto;
}

#wrapper_inner td
{
    padding: 0px;
}

table#login
{
    background: #586068 linear-gradient(0deg, #485058, #687078);
    background-repeat: repeat-x;
    background-attachment: scrolling;
    background-position: bottom left;
    border: 0px;
    border-collapse: separate;
    border-radius: 8px;
    border-spacing: 20px;
    color: #202020;
    font: bold 13px 'open sans', arial, sans-serif;
    width: 500px;
    text-align: center;
}

#login td
{
    padding: 0px;
    white-space: nowrap;
}

#login p
{
    color: #FFFFFF;
    font: 13px 'open sans', arial, sans-serif;
    line-height: 24px;
    margin-bottom: -5px;
}

#login .heading, #login p.ipbrowser
{
    color: #D8E0E8;
}

#login p.ipbrowser
{
    padding-bottom: 5px;
}

td#login_inner
{
    background: #384048 linear-gradient(0deg, #283038, #485058);
    background-repeat: repeat-x;
    background-attachment: scrolling;
    background-position: bottom left;
    border: 0px;
    border-radius: 6px;
    color: #FFFFFF;
    font: 13px 'open sans', arial, sans-serif;
    padding: 20px;
    padding-top: 15px;
    width: 50%;
    text-align: center;
}

td#login_inner .subtext
{
    color: #E0E0C0;
    font-size: 12px;
}

td#login_inner .trust
{
    color: #FFFFFF;
    font-size: 12px;
    margin-bottom: -10px;
    margin-top: 20px;
}

.login_field
{
    border: 0px !important;
    border-radius: 4px;
    color: #202020;
    font: 14px 'open sans', arial, sans-serif;
    margin: 0px;
    padding-bottom: 2px;
    padding-top: 2px;
    width: 100%;
    height: 36px;
    line-height: 24px;
}

.login_field:hover
{
    border: 0px !important;
}

.login_field:focus
{
    border: 0px !important;
    box-shadow: 0px 0px 3px #80C0FF !important;
}

.login_button
{
    background: #3070B0;
    border: 0px;
    border-radius: 4px;
    color: #FFFFFF;
    font: bold 14px 'open sans', arial, sans-serif;
    margin: 0px;
    padding: 0px 10px !important;
    width: 100%;
    height: 36px;
    cursor: pointer;
}

.login_button:hover
{
    background: #4080C0;
}


/**************\
 * Setup Form *
\**************/

.template_wrapper
{
    background: #FFFFFF;
    border: 1px solid #C8D0D8;
    border-radius: 4px;
    width: 220px;
    height: 52px;
    cursor: default;
}


/***************\
 * Spreadsheet *
\***************/

.spreadsheet
{
    padding-bottom: 10px;
    width: 100%;
    height: 500px;
    overflow: scroll;
}

.spreadsheet table
{
    border: 0px;
    border-collapse: collapse;
}

.spreadsheet td
{
    border: 1px solid #C0C0C0;
    padding: 0px;
}

.spreadsheet div
{
    font-size: 13px;
    padding-left: 5px;
    width: 100px;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
}

.spreadsheet div.spreadsheetbg
{
    background: #E0E0E0;
    box-shadow: inset 0px 1px 1px #FFFFFF;
    font-weight: bold;
    padding: 0px;
    text-align: center;
}


/**********\
 * Tables *
\**********/

table#object, table#sortable, table#sortable2, table#sortable3, table#sortable4, table#sortable5, table#preauth, table#comments, table#file, table#sortables, table#sortables2, table#sortables3, table#miniobject
{
    background: #FFFFFF;
    border: 1px solid #788088;
    border-collapse: separate;
    border-radius: 4px;
    border-spacing: 1px;
    padding: 0px;
    width: 100%;
    text-align: left;
}

.highchart, .tutorial
{
    background: #FFFFFF;
    border-radius: 4px;
    margin-top: 15px;
    padding: 15px 10px;
    padding-bottom: 0px;
}

.tutorial
{
    padding: 10px 15px;
}

.tutorial .button_green
{
    background: #008040;
}

.tutorial .button_green:hover
{
    background: #20A060;
}

#object td, #sortable td, #sortable2 td, #sortable3 td, #sortable4 td, #sortable5 td, #preauth td, #comments td, #file td, #sortables td, #sortables2 td, #sortables3 td, #miniobject td
{
    border: 0px;
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    vertical-align: middle;
}

#object td, #sortable td, #sortable2 td, #sortable3 td, #sortable4 td, #sortable5 td, #preauth td, #comments td, #file td, #sortables td, #sortables2 td, #sortables3 td
{
    height: 46px;
    padding: 0px 10px;
}

#object td *, #sortable td *, #sortable2 td *, #sortable3 td *, #sortable4 td *, #sortable5 td *, #preauth td *, #comments td *, #file td *, #sortables td *, #sortables2 td *, #sortables3 td *, #miniobject td *
{
    vertical-align: middle;
}

#object td u span, #sortable td u span, #sortable2 td u span, #sortable3 td u span, #sortable4 td u span, #sortable5 td u span, #preauth td u span, #comments td u span, #file td u span, #sortables td u span, #sortables2 td u span, #sortables3 td u span, #miniobject td u span
{
    vertical-align: baseline;
}

#object td a b, #sortable td a b, #sortable2 td a b, #sortable3 td a b, #sortable4 td a b, #sortable5 td a b, #preauth td a b, #comments td a b, #file td a b, #sortables td a b, #sortables2 td a b, #sortables3 td a b, #miniobject td a b
{
    vertical-align: baseline;
}

#object td span *, #sortable td span *, #sortable2 td span *, #sortable3 td span *, #sortable4 td span *, #sortable5 td span *, #preauth td span *, #comments td span *, #file td span *, #sortables td span *, #sortables2 td span *, #sortables3 td span *, #miniobject td span *
{
    line-height: 19px;
}

#object tr.switch:hover td.row, #object tr.switch:hover td.row3, #sortable tr.switch:hover td.row, #sortable tr.switch:hover td.row3, #sortable2 tr.switch:hover td.row, #sortable2 tr.switch:hover td.row3, #sortable3 tr.switch:hover td.row, #sortable3 tr.switch:hover td.row3, #sortable4 tr.switch:hover td.row, #sortable4 tr.switch:hover td.row3, #sortable5 tr.switch:hover td.row, #sortable5 tr.switch:hover td.row3, #preauth tr.switch:hover td.row, #preauth tr.switch:hover td.row3, #comments tr.switch:hover td.row, #comments tr.switch:hover td.row3, #file tr.switch:hover td.row, #file tr.switch:hover td.row3, #sortables tr.switch:hover td.row, #sortables tr.switch:hover td.row3, #sortables2 tr.switch:hover td.row, #sortables2 tr.switch:hover td.row3, #sortables3 tr.switch:hover td.row, #sortables3 tr.switch:hover td.row3
{
    background: #E2E6EA;
}

#object tr.switch:hover td.row2, #object tr.switch:hover td.row4, #sortable tr.switch:hover td.row2, #sortable tr.switch:hover td.row4, #sortable2 tr.switch:hover td.row2, #sortable2 tr.switch:hover td.row4, #sortable3 tr.switch:hover td.row2, #sortable3 tr.switch:hover td.row4, #sortable4 tr.switch:hover td.row2, #sortable4 tr.switch:hover td.row4, #sortable5 tr.switch:hover td.row2, #sortable5 tr.switch:hover td.row4, #preauth tr.switch:hover td.row2, #preauth tr.switch:hover td.row4, #comments tr.switch:hover td.row2, #comments tr.switch:hover td.row4, #file tr.switch:hover td.row2, #file tr.switch:hover td.row4, #sortables tr.switch:hover td.row2, #sortables tr.switch:hover td.row4, #sortables2 tr.switch:hover td.row2, #sortables2 tr.switch:hover td.row4, #sortables3 tr.switch:hover td.row2, #sortables3 tr.switch:hover td.row4
{
    background: #E2E6EA;
}

#object tr.switch td.action, #sortable tr.switch td.action, #sortable2 tr.switch td.action, #sortable3 tr.switch td.action, #sortable4 tr.switch td.action, #sortable5 tr.switch td.action, #preauth tr.switch td.action, #comments tr.switch td.action, #file tr.switch td.action, #sortables tr.switch td.action, #sortables2 tr.switch td.action, #sortables3 tr.switch td.action, #miniobject tr.switch td.action
{
    padding: 0px 15px;
    white-space: nowrap;
}

tr.switch.vars td
{
    white-space: nowrap;
}

table#preauth
{
    border: 1px solid #C8D0D8;
    margin-bottom: 30px;
}

#preauth td:first-of-type
{
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

#preauth td:last-of-type
{
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

table#comments
{
    background: #F4F6F8;
    border: 0px;
    border-radius: 4px;
    margin-bottom: 30px;
    margin-top: -10px;
}

table#comments td
{
    padding: 15px;
    height: auto;
}

table#miniobject, table#miniobject tr, table#miniobject td
{
    background: #F8FAFC;
    border: 0px !important;
}

table#miniobject.processor
{
    margin-top: 30px;
}

table#miniobject.processor, table#miniobject.processor tr, table#miniobject.processor td
{
    background: #F4F6F8;
}

table#miniobject.processor.green, table#miniobject.processor.green tr, table#miniobject.processor.green td
{
    background: #E2F2EA;
}

#file a, #sortables a, #sortables2 a, #sortables3 a, .subtle a
{
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    text-decoration: none;
    line-height: 19px;
}

#file a:hover, #sortables a:hover, #sortables2 a:hover, #sortables3 a:hover, .subtle a:hover
{
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    text-decoration: underline;
    line-height: 19px;
}

.subtle a, .subtle a:hover
{
    line-height: normal;
}

table#file_forms, table#file_forms2, table#file_forms3
{
    border: 0px;
    border-collapse: collapse;
    width: 100%;
}

#file_forms td, #file_forms2 td, #file_forms3 td
{
    color: #202020;
    font: bold 13px 'open sans', arial, sans-serif;
    padding: 0px;
    text-align: center;
}

.bar
{
    background: #FFFFFF;
}

.bar:first-of-type td:first-of-type
{
    border-top-left-radius: 3px;
}

.bar:first-of-type td:last-of-type
{
    border-top-right-radius: 3px;
}

.bar:last-of-type td:first-of-type
{
    border-bottom-left-radius: 3px;
}

.bar:last-of-type td:last-of-type
{
    border-bottom-right-radius: 3px;
}

.bar td
{
    background: #586068 linear-gradient(0deg, #485058, #687078);
    position: relative;
}

.bar .title
{
    font-size: 14px;
    font-weight: normal;
}

.bar .title, .bar .icon-eye
{
    color: #FFFFFF;
}

.bar .title a
{
    color: #FFFFFF;
    font: 14px 'open sans', arial, sans-serif;
}

.green
{
    background: #EEFAF4;
}

.green2
{
    background: #E2F2EA !important;
}

.red
{
    background: #FCF0F6;
}

.red2
{
    background: #F4E4EC !important;
}

.renamefield
{
    border: 1px solid #B0C0D0;
    border-radius: 4px;
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    margin: 0px;
    padding: 1px 0px;
    padding-left: 3px;
    height: 30px;
    line-height: normal !important;
}

.renamebutton
{
    border: 0px;
    margin: 0px !important;
    margin-left: 5px !important;
    cursor: pointer;
}

.row
{
    background: #F8FAFC;
}

.row2
{
    background: #EDF0F3;
}

.row3, .row5
{
    background: #F8E8F0;
}

.row4, .row6
{
    background: #F2DEE8;
}

.bar select, .row select, .row2 select, .row3 select, .row4 select, .row5 select, .row6 select
{
    padding-bottom: 1px;
    padding-top: 1px;
    height: 30px;
}

#file .bar a
{
    color: #FFFFFF;
    font: bold 14px 'open sans', arial, sans-serif;
}

.line
{
    background: #B8C0C8 !important;
}

.thinline
{
    background: #D7DCE1 !important;
}

.line td, .thinline td
{
    padding: 0px !important;
    height: 4px !important;
}

.thinline td
{
    height: 2px !important;
}

.page, .pagel, .pager
{
    color: #C8D0D8;
    vertical-align: baseline !important;
    cursor: pointer;
}

.pagel, .pager
{
    padding: 0px 5px;
    float: left;
}

.pager
{
    float: right;
}


/********\
 * Tabs *
\********/

.tabs
{
    background: #384048 linear-gradient(0deg, #283038, #485058);
    border-radius: 4px;
    height: 40px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.tabs li
{
    display: inline;
}

.tabs li:first-child a
{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.tabs a
{
    transition: background-color 0.10s ease-in-out, background-image 0.10s ease-in-out, border 0.10s ease-in-out, box-shadow 0.10s ease-in-out, color 0.10s ease-in-out;
}

.tabs a:link, .tabs a:visited
{
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    font: 14px 'open sans', arial, sans-serif;
    text-decoration: none;
    margin: 0px;
    padding: 0px 15px;
    height: 40px;
    line-height: 40px;
    float: left;
}

.tabs a:hover
{
    background: #586068 linear-gradient(0deg, #485058, #687078);
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    font: 14px 'open sans', arial, sans-serif;
    text-decoration: none;
    margin: 0px;
    padding: 0px 15px;
    height: 40px;
    line-height: 40px;
    float: left;
}

.tabs a:active, .tabs a.tab-active, .tabs a.tab-active:hover
{
    background: #2060A0 linear-gradient(0deg, #105090, #3070B0);
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    font: 14px 'open sans', arial, sans-serif;
    text-decoration: none;
    margin: 0px;
    padding: 0px 15px;
    height: 40px;
    line-height: 40px;
    float: left;
}

td.tabs-top
{
    background: #384048 linear-gradient(0deg, #283038, #485058);
    color: #EDF0F3;
    font: 14px 'open sans', arial, sans-serif;
    text-decoration: none;
    height: 40px;
    text-align: center;
}

.tabs-table
{
    border-radius: 4px;
}

.tabs-table td
{
    background: #384048 linear-gradient(0deg, #283038, #485058);
    border-right: 1px solid #FFFFFF;
    height: 40px;
}

.tabs-table td:last-of-type
{
    border-right: 0px;
}

.tabs-table a:link, .tabs-table a:visited
{
    color: #FFFFFF;
    font: 14px 'open sans', arial, sans-serif;
    text-decoration: none;
    margin: 0px;
    padding: 0px 15px;
    height: 40px;
    line-height: 40px;
    float: left;
}

.tabs-table a:hover
{
    background: #586068 linear-gradient(0deg, #485058, #687078);
    color: #FFFFFF;
    font: 14px 'open sans', arial, sans-serif;
    text-decoration: none;
    margin: 0px;
    padding: 0px 15px;
    height: 40px;
    line-height: 40px;
    float: left;
}

.tabs-table a:active, .tabs-table a.tab-active, .tabs-table a.tab-active:hover
{
    background: #2060A0 linear-gradient(0deg, #105090, #3070B0);
    color: #FFFFFF;
    font: 14px 'open sans', arial, sans-serif;
    text-decoration: none;
    margin: 0px;
    padding: 0px 15px;
    height: 40px;
    line-height: 40px;
    float: left;
}

.tabs-table tr:first-of-type td
{
    background: #586068 linear-gradient(0deg, #485058, #687078);
    border-bottom: 1px solid #FFFFFF;
}

.tabs-table tr:first-of-type td:first-of-type
{
    border-top-left-radius: 4px;
}

.tabs-table tr:first-of-type td:last-of-type
{
    border-top-right-radius: 4px;
}

.tabs-table tr:last-of-type td:first-of-type, .tabs-table tr:last-of-type td:first-of-type a
{
    border-bottom-left-radius: 4px;
}

.tabs-table tr:last-of-type td:last-of-type
{
    border-bottom-right-radius: 4px;
}

.tab-container
{
    background: #FFFFFF;
    border: 0px;
    position: relative;
}

.tab-container img
{
    vertical-align: middle;
}

.tab-container-inner
{
    background: #FFFFFF;
    border: 0px;
}

.tab-panes
{
    padding: 0px;
    padding-top: 30px;
    text-align: center;
    opacity: 1;
    transition: opacity 0.20s ease-in;
}

#container2
{
    margin-top: -15px;
}

#container2 table#form
{
    margin-bottom: 0px;
}


/****************\
* Vertical Menu *
\****************/

div#menu
{
    position: fixed;
    top: 0px;
    left: 0px;
    background: #283038;
    border: 0px;
    font: 14px 'open sans', arial, sans-serif;
    width: 220px;
    height: 100%;
    z-index: 3;
}

.logo
{
    padding: 10px 20px;
}

.vtext
{
    color: #DCE0E4;
    font-size: 14px;
    padding: 0px 10px;
    line-height: 36px;
}

.vtext.vemail
{
    transition: color 0.10s ease-in-out;
}

.vtext.vemail:hover
{
    color: #FFFFFF;
    cursor: pointer;
}

.vicon, .varrow, .vswitch
{
    color: #788088;
    margin-left: 0px;
    margin-right: 10px;
    float: right;
    transition: color 0.10s ease-in-out;
}

.vicon:hover, .varrow:hover, .vswitch:hover
{
    color: #FFFFFF;
    cursor: pointer;
}

.vicon, .varrow
{
    margin-right: 14px;
    float: left;
    line-height: 36px !important;
    transition: none;
}

.vicon:hover
{
    color: #FFFFFF;
    cursor: pointer;
}

.varrow
{
    font-size: 13px;
    margin-right: 0px;
    margin-left: 10px;
    float: right;
}

.vleft
{
    font-size: 13px;
    margin-right: 17px;
}

.vswitch
{
    color: #586068;
}

.hicon
{
    margin-right: 14px;
    float: left;
}

.vlink
{
    color: #DCE0E4;
    font-size: 14px;
    line-height: 36px;
}

.vlink span
{
    color: #98A0A8;
}

.vbg
{
    border-radius: 4px;
    padding: 0px 10px;
}

.vbg:hover
{
    background: #384048;
    cursor: pointer;
}

.vbg:hover .vicon, .vbg:hover .vlink, .vbg:hover .varrow, .vbg:hover .vlink span
{
    color: #FFFFFF;
}

.vbg.vsel
{
    background: #2060A0;
}

.vbg.vsel .vicon, .vbg.vsel .vlink, .vbg.vsel .varrow, .vbg.vsel .vlink span
{
    color: #FFFFFF;
}

.vbg.vla
{
    background: #586068;
}

.vbg.vla .vicon, .vbg.vla .vlink, .vbg.vla .varrow, .vbg.vla .vlink span
{
    color: #FFFFFF;
}

.vbg.vla:hover
{
    background: #606870;
}

.vbg.vla:hover .vicon, .vbg.vla:hover .vlink, .vbg.vla:hover .varrow, .vbg.vla:hover .vlink span
{
    color: #FFFFFF;
}

.vbg.hsp
{
    padding-left: 40px;
}

.vsp
{
    height: 15px;
}

.slider
{
    margin: 0px 10px;
    margin-top: 15px;
    display: flex;
    overflow-x: hidden;
}

.slider > div
{
    width: 200px;
    flex-shrink: 0;
}

.menufooter
{
    width: 200px;
    margin: 0px 10px;
    margin-bottom: 10px;
    position: fixed;
    bottom: 0px;
    left: 0px;
}

.notification
{
    background: #A02020;
    border-radius: 13px;
    color: #FFFFFF;
    font-size: 12px;
    margin: 5px 0px;
    padding: 0 8px;
    min-width: 26px;
    line-height: 26px;
    text-align: center;
    display: inline-block;
    float: right;
}


/*******************\
 * Horizontal Menu *
\*******************/

a.MenuLabelLink, a.MenuLabelLink:hover
{
    color: #FFFFFF;
    font: 14px 'open sans', arial, sans-serif;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
    cursor: pointer;
}

a.MenuItemLink, a.MenuItemLink:hover
{
    color: #DCE0E4;
    font: 13px 'open sans', arial, sans-serif;
    text-decoration: none;
    margin: 0px;
    padding: 0px 10px;
    white-space: nowrap;
    cursor: pointer;
}

a.MenuItemLink:hover
{
    color: #FFFFFF;
}

.labelCell
{
    background: transparent;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #B8C0C8;
    font: 14px 'open sans', arial, sans-serif;
    text-decoration: none;
    padding: 0px 20px;
    height: 36px;
    cursor: pointer;
}

.labelCell.labelSel
{
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.labelCell b
{
    color: #B8C0C8;
    font-weight: normal;
}

.labelCell b .dashboard
{
    color: #FFFFFF !important;
    font-weight: bold;
}

.labelCell b .good
{
    color: #80C080 !important;
}

.labelCell b.onCell
{
    color: #FFFFFF !important;
}

.labelCell b.onCell .good
{
    color: #C0FFC0 !important;
}

.itemCell
{
    border-radius: 4px;
    padding: 0px;
    padding-right: 5px;
    min-width: 195px;
    height: 36px;
    cursor: pointer;
}

.itemCell *
{
    cursor: pointer !important;
}

.itemCell .icon-small
{
    color: #98A0A8;
}

.menuCell, .subMenuCell
{
    position: absolute;
    margin-left: -0.5px;
    visibility: hidden;
    opacity: 1;
    z-index: 99;
}

.menuBorder
{
    background: #384048 url('../images/menu/background.gif');
    background-repeat: repeat-y;
    background-attachment: scrolling;
    background-position: top left;
    border: 1px solid #384048;
    border-radius: 6px;
}

.subMenuCell .menuBorder
{
    background: #384048 url('../images/menu/background2.gif');
    background-repeat: repeat-y;
    background-attachment: scrolling;
    background-position: top left;
}

.menuInner
{
    border: 0px;
    border-radius: 5px;
    padding: 0px 2px;
}

.sepCell
{
    width: 34px;
    height: 15px;
}

.sepRule
{
    padding: 0px;
    padding-left: 10px;
    padding-right: 8px;
    width: 100%;
    height: 15px;
}

.hswitch
{
    color: #889098;
    line-height: 36px;
    display: inline-block;
    transition: color 0.10s ease-in-out;
}

.hswitch:hover
{
    color: #FFFFFF;
    cursor: pointer;
}


/**************\
 * Navigation *
\**************/

div#navexample
{
    background: #EDF0F3;
    border-radius: 4px;
    margin-bottom: 30px;
    padding: 15px;
    text-align: center;

}

div#navexample span
{
    color: #586068;
    font: bold 14px 'open sans', arial, sans-serif;
}

div#navwrap
{
    margin-top: 15px;
    height: 40px;
    position: relative;
}

div#navex
{
    background: #586068;
    border-radius: 4px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 44;
}

#navex table
{
    border: 0px;
    border-collapse: separate;
    border-spacing: 0px;
    width: auto;
    height: 40px;
    cursor: pointer;
}

#navex td
{
    border: 0px;
    text-align: right;
    padding: 0px 15px;
    width: auto;
    height: 40px;
}

#navex td:first-of-type
{
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

td.navout
{
    background: transparent;
}

a.navout:link, a.navout:visited, a.navout:hover, a.navout:active
{
    color: #FFFFFF;
    font: 14px 'open sans', arial, sans-serif;
    text-decoration: none;
}

td.navover
{
    background: #687078;
}

a.navover:link, a.navover:visited, a.navover:hover, a.navover:active
{
    color: #FFFFFF;
    font: 14px 'open sans', arial, sans-serif;
    text-decoration: none;
}

div#navex .child
{
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 40;
    background: #586068;
    border: 0px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin: 0px;
    padding: 15px;
    text-align: left;
    white-space: nowrap;
}

div#navex .child a, .childheading
{
    display: block;
    padding: 7px 10px;
}

div#navex .child a:link, .child a:visited
{
    background-color: transparent;
    color: #FFFFFF;
    font: 14px 'open sans', arial, sans-serif;
    text-decoration: none;
}

div#navex .child a:hover, .child a:active, .childheading
{
    background-color: #687078;
    border-radius: 4px;
    color: #FFFFFF;
    font: 14px 'open sans', arial, sans-serif;
    text-decoration: none;
}

div#navex .childheading
{
    background-color: #687078;
    border-radius: 4px;
    color: #B8C0C8;
}

div#navex .childcolumn
{
    min-width: 160px;
    display: inline-block;
    vertical-align: top;
}

.childcolumn-left
{
    margin-left: 15px;
}

.childheading-bottom
{
    margin-bottom: 15px;
}

.childheading-top
{
    margin-top: 15px;
}

div#blackout
{
    display: block !important;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.10s ease-in-out, visibility 0.10s ease-in-out;
}

div#blackout.navopen
{
    visibility: visible;
    opacity: 0.2;
    transition: opacity 0.10s ease-in-out;
}

div#navex td, div#navex a.navout, div#navex a.navover
{
    transition: background 0.10s ease-in-out, color 0.10s ease-in-out;
}

div#navex .child
{
    transition: opacity 0.10s ease-in-out, visibility 0.10s ease-in-out;
}

div#navex td.parent:hover .child
{
    transition: opacity 0.10s ease-in-out;
}

div#navex.navopen td, div#navex.navopen a.navout, div#navex.navopen a.navover, div#navex.navopen .child, div#navex.navopen td.parent:hover .child
{
    transition: none;
}


/***********\
 * Magnify *
\***********/

.frame
{
    border: 1px solid #FFFFFF;
    overflow: hidden;
}

.magnify-lens
{
    border: 1px solid #808080;
    background: #FFFFFF;
    cursor: move;
}

.magnify-zoom
{
    border: 0px;
    border-collapse: separate;
    overflow: hidden;
}


/***********\
 * Select2 *
\***********/

.select2-container
{
    margin: 0px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 7;
}

.select2-container-active
{
    z-index: 10;
}

.select2-container .select2-choice
{
    background: #FFFFFF;
    border: 1px solid #C8D0D8;
    border-radius: 4px;
    color: #202020;
    font-weight: normal;
    text-decoration: none;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    width: 300px;
    height: 36px;
    line-height: 34px;
    white-space: nowrap;
    display: block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.select2-container .select2-choice:hover, .select2-container .select2-choice:active
{
    color: #202020;
    font-weight: normal;
    text-decoration: none;
    line-height: 34px;
}

.select2-container .select2-choice .select2-chosen
{
    margin-right: 32px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select2-container.select2-allowclear .select2-choice .select2-chosen
{
    margin-right: 36px;
}

.select2-container .select2-choice abbr
{
    background: #FFFFFF url('../../images/select2.png') right top no-repeat;
    border: 0px;
    font-size: 1px;
    text-decoration: none;
    width: 16px;
    height: 14px;
    display: none;
    position: absolute;
    top: 10px !important;
    right: 25px;
    cursor: pointer;
}

.select2-container .select2-choice abbr:hover
{
    background-position: right -11px;
}

.select2-container.select2-allowclear .select2-choice abbr
{
    display: inline-block;
}

.select2-container .select2-choice .select2-arrow
{
    background: #F8FAFC;
    border-left: 1px solid #C8D0D8;
    border-radius: 0px 4px 4px 0px;
    width: 21px;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}

.select2-container .select2-choice .select2-arrow b
{
    background: url('../../images/select2.png') no-repeat 2px 4px;
    width: 100%;
    height: 100%;
    display: block;
}

.select2-drop-mask
{
    background: #FFFFFF;
    filter: alpha(opacity=0);
    border: 0px;
    margin: 0px;
    padding: 0px;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: fixed;
    top: 0px;
    left: 0px;
    overflow: hidden;
    opacity: 0;
    z-index: 8;
}

.select2-drop
{
    background: #FFFFFF;
    border: 1px solid #4080C0;
    border-radius: 0px 0px 4px 4px;
    color: #202020;
    margin-top: -1px;
    width: 300px;
    position: absolute;
    top: 100%;
    z-index: 9;
}

.select2-drop.select2-drop-above
{
    border-radius: 4px 4px 0px 0px;
    margin-top: 1px;
}

.select2-drop-active
{
    border: 1px solid #4080C0;
}

.select2-drop-auto-width
{
    min-width: 300px;
    max-width: 40%;
    width: auto;
}

.select2-search
{
    margin: 0px;
    padding: 0px 4px 0px 4px;
    width: 100%;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    z-index: 10;
}

.select2-search input
{
    border: 1px solid #B0C0D0;
    border-radius: 4px;
    color: #202020;
    font-family: 'open sans', arial, sans-serif;
    font-size: 100%;
    margin: 0px;
    margin-top: 4px;
    padding: 1px 20px 1px 10px;
    width: 100%;
    height: 30px;
    transition: none;
}

.select2-search input.select2-active
{
    background-image: url('../../images/lightbox_loadingsmall.gif');
    background-position: 99% 6px;
    background-repeat: no-repeat;
}

.select2-dropdown-open .select2-choice .select2-arrow
{
    background: transparent;
    border-left: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b
{
    background-position: -15px 5px;
}

.select2-results
{
    margin: 4px;
    padding: 0px;
    max-height: 300px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: default;
}

.select2-results li
{
    padding: 9px 11px;
    list-style: none;
}

.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit
{
    padding: 6px;
}

.select2-results .select2-highlighted
{
    background: #4080C0;
    border-radius: 4px;
    color: #FFFFFF;
}

.select2-results .select2-selected
{
    display: none;
}

.select2-container-multi .select2-choices
{
    background: #FFFFFF;
    border: 1px solid #B0C0D0;
    border-radius: 4px;
    margin: 0px;
    padding: 0px;
    width: 300px;
    min-height: 30px;
    height: auto;
    position: relative;
    overflow: hidden;
}

.select2-container-multi.select2-container-active .select2-choices
{
    border: 1px solid #4080C0;
}

.select2-container-multi .select2-choices li
{
    list-style: none;
}

.select2-container-multi .select2-choices .select2-search-field
{
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input
{
    background: transparent !important;
    border: 0px !important;
    box-shadow: none !important;
    color: #202020;
    font-family: 'open sans', arial, sans-serif;
    font-size: 100%;
    margin: 0px 3px;
    padding: 2px 0px;
    width: 290px !important;
    height: 20px;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active
{
    background: url('../../images/lightbox_loadingsmall.gif') no-repeat 100% !important;
}

.select2-container-multi .select2-choices .select2-search-choice
{
    background-color: #F0F0F0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#E0E0E0', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #F0F0F0), color-stop(50%, #ECECEC), color-stop(52%, #E4E4E4), color-stop(100%, #E8E8E8));
    background-image: -webkit-linear-gradient(top, #F0F0F0 20%, #ECECEC 50%, #E4E4E4 52%, #E8E8E8 100%);
    background-image: -moz-linear-gradient(top, #F0F0F0 20%, #ECECEC 50%, #E4E4E4 52%, #E8E8E8 100%);
    background-image: -ms-linear-gradient(top, #F0F0F0 20%, #ECECEC 50%, #E4E4E4 52%, #E8E8E8 100%);
    background-image: linear-gradient(top, #F0F0F0 20%, #ECECEC 50%, #E4E4E4 52%, #E8E8E8 100%);
    background-clip: padding-box;
    border: 1px solid #C0C0C0;
    border-radius: 4px;
    box-shadow: 0px 0px 2px #FFFFFF inset, 0px 1px 0px rgba(0, 0, 0, 0.05);
    color: #202020;
    margin: 4px;
    padding: 4px 4px 4px 18px;
    width: 290px !important;
    line-height: 14px;
    position: relative;
    cursor: default;
}

.select2-container-multi .select2-choices .select2-search-choice-focus
{
    background: #E0E0E0;
    filter: none;
}

.select2-search-choice-close
{
    background: url('../../images/select2.png') right top no-repeat;
    border: 0px;
    font-size: 1px;
    text-decoration: none;
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    top: 7px !important;
    right: 2px;
    cursor: pointer;
}

.select2-container-multi .select2-search-choice-close
{
    left: 2px;
    right: auto;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover, .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close
{
    background-position: right -11px;
}

.select2-dropdown-open .select2-choice, .select2-dropdown-open .select2-choices
{
    border: 1px solid #4080C0 !important;
    border-bottom: 0px !important;
    border-radius: 4px 4px 0px 0px;
    padding-bottom: 1px;
    padding-top: 0px;
}

.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices
{
    border: 1px solid #4080C0 !important;
    border-top: 1px solid transparent !important;
    border-radius: 0px 0px 4px 4px;
    padding-bottom: 0px;
    padding-top: 0px;
    box-shadow: none;
}

.select2-result-selectable .select2-match, .select2-result-unselectable .select2-match
{
    font-weight: bold;
}

.select2-offscreen, .select2-offscreen:focus
{
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    width: 1px !important;
    height: 1px !important;
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
    overflow: hidden !important;
    clip: rect(0px 0px 0px 0px) !important;
}

.select2-measure-scrollbar
{
    width: 100px;
    height: 100px;
    position: absolute;
    top: -10000px;
    left: -10000px;
    overflow: scroll;
}

.select2-display-none
{
    display: none;
}


/*************\
 * jQuery UI *
\*************/

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl
{
    border-top-left-radius: 4px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr
{
    border-top-right-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl
{
    border-bottom-left-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br
{
    border-bottom-right-radius: 4px;
}

.ui-widget-content
{
    background: #F4F6F8;
    border: 1px solid #788088;
}

.ui-widget-header
{
    background: #B8C0C8;
    border: 1px solid #788088;
}

.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
    background: #DCE0E4;
    border: 1px solid #98A0A8;
}

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

.ui-helper-clearfix:after
{
    content: '.';
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}


/*******************\
 * Autocomplete UI *
\*******************/

.ui-autocomplete
{
    background: #FFFFFF;
    border: 1px solid #788088;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    margin: 0px;
    padding: 1px;
    list-style: none;
    text-align: left;
    cursor: default;
    position: absolute;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: 3 !important;
}

.ui-autocomplete-loading
{
    background: #FFFFFF url('../../images/lightbox_loadingsmall.gif') right center no-repeat;
}

.ui-menu-item a
{
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #202020;
    font-family: 'open sans', arial, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    margin: 0px;
    padding: 2px 8px;
    line-height: 26px;
    white-space: nowrap;
    display: block;
    overflow-y: hidden;
}

.ui-menu-item a.ui-state-hover, .ui-menu-item a.ui-state-active
{
    background: #DCE0E4;
    border: 1px solid #DCE0E4;
    box-shadow: none;
    color: #202020;
    font-family: 'open sans', arial, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    margin: 0px;
    padding: 2px 8px;
    line-height: 26px;
    white-space: nowrap;
    display: block;
    overflow-y: hidden;
}


/*****************\
 * Datepicker UI *
\*****************/

#ui-datepicker-div
{
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    width: 200px;
    display: none;
    z-index: 10;
}

.ui-datepicker
{
    background: #F8FAFC;
    border: 1px solid #788088;
    padding: 1px;
    padding-top: 2px;
}

.ui-datepicker-header
{
    background: #384048;
    border: 1px solid #384048;
    border-radius: 2px;
    box-shadow: none;
    margin: 1px;
    margin-top: 0px;
    padding: 2px;
    text-align: center;
    position: relative;
}

.ui-datepicker-title
{
    color: #FFFFFF;
    font: bold 13px 'open sans', arial, sans-serif;
}

.ui-datepicker-title span
{
    line-height: 20px;
    vertical-align: middle;
}

.ui-datepicker-title select
{
    font-size: 11px;
    height: 20px;
    vertical-align: middle;
}

.ui-datepicker-prev
{
    background: url('../../images/prv.gif');
    width: 8px;
    height: 16px;
    cursor: pointer;
    position: absolute;
    top: 4px;
    left: 4px;
}

.ui-datepicker-next
{
    background: url('../../images/nxt.gif');
    width: 8px;
    height: 16px;
    cursor: pointer;
    position: absolute;
    top: 4px;
    right: 4px;
}

.ui-icon
{
    display: none;
}

.ui-datepicker table
{
    border-collapse: collapse;
    color: #202020;
    font: bold 13px 'open sans', arial, sans-serif;
    width: 100%;
}

.ui-datepicker th
{
    color: #202020;
    font: bold 13px 'open sans', arial, sans-serif;
    padding: 5px;
    text-align: center;
}

.ui-datepicker td
{
    padding: 1px;
    width: 14%;
}

.ui-datepicker td a:link, .ui-datepicker td a:visited
{
    background: #788088;
    border: 1px solid #788088;
    border-radius: 2px;
    box-shadow: none;
    color: #FFFFFF;
    font: bold 13px 'open sans', arial, sans-serif;
    padding: 2px;
    line-height: 20px;
    text-align: right;
    text-decoration: none;
    display: block;
}

.ui-datepicker td a:hover, .ui-datepicker td a:active, #ui-datepicker-div .ui-state-active
{
    background: #98A0A8;
    border: 1px solid #98A0A8;
    border-radius: 2px;
    box-shadow: none;
    color: #FFFFFF;
    font: bold 13px 'open sans', arial, sans-serif;
    padding: 2px;
    line-height: 20px;
    text-align: right;
    text-decoration: none;
    display: block;
}

.ui-datepicker td a:active, #ui-datepicker-div .ui-state-active
{
    background: #4080C0;
    border: 1px solid #4080C0;
}

#ui-datepicker-div .ui-state-highlight:link, #ui-datepicker-div .ui-state-highlight:visited
{
    color: #E0E0A0;
}

#ui-datepicker-div .ui-state-highlight:hover, #ui-datepicker-div .ui-state-highlight:active, #ui-datepicker-div .ui-state-active:link, #ui-datepicker-div .ui-state-active:visited
{
    color: #FFFFFF;
}


/*************\
 * Dialog UI *
\*************/

.ui-dialog
{
    background: #EDF0F3;
    border: 0px;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgb(0, 0, 0, 0.3);
    padding: 15px;
    position: fixed;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.ui-dialog .ui-dialog-titlebar
{
    background: #283038;
    border: 0px;
    border-radius: 4px;
    color: #FFFFFF;
    font: bold 14px 'open sans', arial, sans-serif;
    margin: 0px;
    margin-bottom: 15px;
    padding: 0px 10px;
    height: 36px;
    line-height: 36px;
    text-align: left;
}

.ui-dialog .ui-dialog-titlebar-close
{
    display: none;
}

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

.ui-dialog .ui-dialog-content
{
    background: #FFFFFF;
    border: 0px;
    border-radius: 4px;
    color: #202020;
    font: 14px 'open sans', arial, sans-serif;
    padding: 10px;
    max-height: 500px;
    text-align: left;
    overflow-y: auto;
}

.ui-dialog .ui-dialog-buttonpane
{
    background: #EDF0F3;
    border: 0px;
    margin: 0px;
    margin-top: 15px;
    text-align: right;
}

.ui-dialog .ui-dialog-buttonpane button
{
    background: #586068;
    border: 0px;
    border-radius: 4px;
    color: #FFFFFF;
    font: bold 14px 'open sans', arial, sans-serif;
    margin: 0px;
    margin-left: 15px;
    padding: 0px 10px;
    width: 160px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
}

.ui-dialog .ui-dialog-buttonpane button:first-child
{
    background: #2060A0;
}

.ui-dialog .ui-dialog-buttonpane button.ui-state-hover, .ui-dialog .ui-dialog-buttonpane button.ui-state-active
{
    background: #788088;
    border: 0px;
    color: #FFFFFF;
}

.ui-dialog .ui-dialog-buttonpane button:first-child.ui-state-hover, .ui-dialog .ui-dialog-buttonpane button:first-child.ui-state-active
{
    background: #4080C0;
}


/***************\
 * Uploader UI *
\***************/

#uploader
{
    min-height: 36px;
}

.qq-upload-list
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: left;
}

.qq-upload-list li
{
    background: #E8F0F8;
    border: 1px solid #B0C0D0;
    border-collapse: separate;
    border-radius: 4px;
    box-shadow: 0px 0px 3px #D0D0D0, inset 0px 1px 1px #FFFFFF;
    color: #202020;
    font: 13px 'open sans', arial, sans-serif;
    margin: 0px;
    margin-top: 5px;
    padding: 0px;
    height: 34px;
    text-align: left;
    line-height: 34px !important;
    position: relative;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#box_outer2 .qq-upload-list li
{
    box-shadow: 0px 0px 0px 1px #FFFFFF, inset 0px 1px 1px #FFFFFF;
}

.qq-upload-list li.qq-upload-success
{
    background: #E4F4EC;
    border: 1px solid #98B8A8;
    color: #008040;
}

.qq-upload-list li.qq-upload-fail
{
    background: #F8E8F0;
    border: 1px solid #C0A0B0;
    color: #A02020;
}

.qq-upload-list.ui-sortable
{
    position: relative;
}

.qq-progress-bar
{
    background: #E4F4EC;
    border-right: 1px solid #B0C0D0;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    box-shadow: inset -1px 1px 1px #FFFFFF;
    width: 0%;
    height: 34px;
    display: none;
}

.qq-upload-file, .qq-upload-size, .qq-upload-cancel, .qq-upload-retry
{
    line-height: 34px !important;
    position: absolute;
    top: 0px;
}

.qq-upload-file
{
    left: 8px;
}

.qq-upload-size
{
    right: 8px;
}

.qq-upload-cancel, .qq-upload-retry
{
    right: 99px;
}

.qq-upload-retry
{
    display: none;
}

.qq-upload-image
{
    border-left: 1px solid #98B8A8;
    border-right: 1px solid #98B8A8;
    width: 36px;
    height: 34px;
    position: absolute;
    top: 0px;
    right: 99px;
}

.qq-upload-spinner, .qq-upload-finished, .qq-upload-status-text
{
    display: none;
}

.uploader
{
    padding-left: 2px;
    vertical-align: middle;
    display: inline-block;
}

.uploader .qq-uploader
{
    height: 36px;
    overflow: hidden;
    display: inline-block;
}

.uploader .qq-upload-list
{
    display: none;
}

.uploader .qq-upload-button
{
    background: #788088;
    border: 1px solid #788088;
    border-radius: 4px;
    box-shadow: none;
    color: #FFFFFF;
    padding: 0px !important;
    width: 68px;
    line-height: 34px;
    text-align: center;
    cursor: default;
}

.uploader .qq-upload-button:hover
{
    background: #98A0A8;
    border: 1px solid #98A0A8;
    box-shadow: none;
    color: #FFFFFF;
}

.uploader .qq-upload-button input, #uploader .qq-upload-button input
{
    font-size: 118px !important;
    height: 36px !important;
    cursor: default !important;
}

#uploader.assign .qq-upload-button
{
    width: 180px;
}

.upload_text
{
    width: 130px;
}