/*cached score_11_3_css_15473894343_22:3_13:3_21:3_14:3_20:3_19:3_16:3*//* Header------------------------------ */
#header {
    position: relative;
    height: 100px;
    margin: 0;
    padding: 0 30px;
    font-size: 100%;
    font: small/1.5 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.roundBorder15 {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -khtml-border-radius: 15px;
}

/* General Round Borders */
.roundBorder10 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
}

.roundBorder5 {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
}

/* Meta Navigation */
#header .metanav {
    font-size: 1em;
    color: #FFFFFF;
    position: absolute;
    bottom: 20px;
    right: 0px;
}

#header .metanav p {
    float: left;
    margin: 0;
    padding: 0;
}

#header .metanav a {
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
    text-decoration: none;
}

#header .metanav a:hover {
    border-color: #CCCCCC;
    color: #CCCCCC;
}

#header .metanav a:active, #header .metanav strong {
    border: 0;
    color: #FFFFFF;
}

#header .metanav strong {
    font-weight: bold;
}

#header .metanav .meta-personal {
    float: right;
    margin-top: 5px;
}

#header .metanav .meta-personal em {
    color: #FFFFFF;
    font-style: normal;
}

#header .metanav a.help {
    border: 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    padding: .2em .6em .3em;
    background-color: none;
    color: #FFFFFF;
    font-weight: bold;
}

#header .metanav a.help:hover {
    background-color: #FFFFFF;
    color: #000000;
    text-shadow: none;
    text-decoration: none;
}

#header .metanav .lang {
    display: block;
    float: right;
    margin-right: 5px;
}

#header .metanav .lang img {
    opacity: 0.6;
}

#header .metanav .lang.active img {
    opacity: 1;
}

#header .metanav .lang a {
    border-bottom: none;
}

/* Page */
#page {
    background-color: #FFF;
    overflow: hidden;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.content {
    margin: 0;
    padding: 0px 15px 45px;
    overflow: hidden;
}

#maincol, .maincol {
    min-height: 400px;
}

#sidebar, .sidebar {
    float: left;
    width: 230px;
    background-color: #7097C2;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
}

.page-heading, .page-toolbar {
    border-bottom: 1px solid #AECCBA;
    padding: .65em 30px;
    background-color: #D7E7DB;
    overflow: hidden;
    height: 30px;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
}

/* Sidebar============================== */
#sidebar {
    margin: 45px 0px 0px 0;
}

#sidebar .wrapper {
    padding: 30px;
}

#sidebar h2 {
    margin: -1px 0 1em;
    border: 0;
    color: #333;
}

#sidebar p.action {
    margin: 0 0 -2px -2px;
    background: url(../images/spinner.gif) no-repeat -500px -500px;
    overflow: hidden;
}

#sidebar p.action.loading {
    background-position: 0 center;
}

#sidebar p.action.loading a.button {
    visibility: hidden;
}

/* Account or Repository title */
#title {
    position: absolute;
    bottom: 13px;
    left: 0;
    width: 350px;
}

#title h1 {
    display: block;
    height: 30px;
    padding-left: 30px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.25;
    text-shadow: #000 0px 1px 1px;
    white-space: nowrap;
    overflow: hidden;
}

#title h1 strong {
    padding-right: 14px;
}

#title h1.long {
    width: auto;
}

#title h1 a:link, #title h1 a:visited, #title h1 a:hover, #title h1 a:active {
    color: #FFE;
}

#title h1 .color-label {
    position: absolute;
    top: 4px;
    left: 8px;
    background-position: 0 -18px;
}

#title h1 .color-label b {
    background-position: -18px -18px;
}

#title h1.archived .color-label {
    background: url(../images/i-archived.png) no-repeat center center;
}

#title h1.archived .color-label b {
    visibility: hidden;
}

#title h1 i {
    display: block;
    position: absolute;
    top: 0;
    left: 330px;
    width: 20px;
    height: 30px;
    background: url(Images/bg-title-overflow.png);
}

#contentcontainer a {
    text-decoration: underline;
}

#swLoginPage {
    font: small/1.5 'Helvetica Neue', Arial, Helvetica, sans-serif;
    display: none;
    height: 100%;
}

#swLoginPage #header {
    width: 790px;
    margin: 0 auto;
    height: 40px;
}

#swLoginPage #header h1 {
    z-index: 10000;
    float: none;
    position: relative;
    top: 120px;
    left: 500px;
    display: block;
    width: 100px;
    height: 32px;
    background: none;
    text-indent: -9999px;
}

#swLoginPage #header h1 a {
    display: block;
    height: 100px;
}

#swLoginPage #page {
    position: relative;
    width: 700px;
    margin: 0 auto;
    background: none;
    overflow: visible !important;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px; /*z-index: 9999;*/
}

#swLoginPage #page .page-heading {
    display: block;
    padding: 20px 40px;
    border: 0;
    background: none;
    color: #FFF;
    font-size: 1.5em;
    text-shadow: 0 1px 0 #000;
    font-weight: bold; /* Needed only in FF */
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
}

#swLoginPage #page .content {
    padding: 40px 40px 20px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    background-color: #FFF;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .7);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .7);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .7);
}

#swLoginPage #page h2 {
    margin: 0 0 1em;
    border: 0;
    padding: 0;
    color: #000;
    font-size: 1.25em;
}

#swLoginPage #page h2 span {
    color: #AAA;
    font-weight: normal;
}

#swLoginPage #page h2 span.sep {
    color: #DDD;
}

#swLoginPage #page ul {
    padding-left: 1.8em;
}

#swLoginPage #page ul li {
    padding: 0 0 .5em;
}

#swLoginPage #page p {
    margin: 0.5em 0 1em;
    float: left;
}

#swLoginPage #page hr {
    height: 1px;
    margin: 20px 0 20px;
    border: 1px solid #EEE;
    border-width: 1px 0 0;
}

#swLoginPage #page p.comment {
    margin: 0 0 1em;
    padding: 0 0 0 25px;
    background-position: 0 1px;
    color: #99A;
}

#swLoginPage fieldset {
    margin: 0 0 1em;
    padding: 20px 0;
    border: 1px solid #EEE;
    border-width: 1px 0 0 0;
    background: none;
    color: #646466;
}

#swLoginPage fieldset.no-title {
    border-top: 0 !important;
    padding-top: 0 !important;
}

#swLoginPage fieldset legend {
    display: block;
    margin: 0;
    padding: 0 1em 0 0;
    background: none;
    color: #333;
    font-size: 1.1em;
    font-weight: bold;
    text-shadow: none;
}

#swLoginPage fieldset legend span {
    margin-left: .5em;
    color: #AAA;
    font-weight: normal;
}

#swLoginPage .form-row {
    margin: 0 !important;
    padding: .75em 0;
}

#swLoginPage .form-row a {
    text-decoration: underline;

color: {
    SCORE_COLOR_GENERAL_ACTIONCOLOR
}

;
}
#swLoginPage .form-row p.hint {
    margin: .75em 0 0 !important;
}

#swLoginPage .form-row .form-label {
    padding-top: .5em;
}

#swLoginPage .form-row.aligned .form-label {
    padding-top: .25em;
}

#swLoginPage .form-row .form-label label, #swLoginPage .form-row .form-label {
    color: #666;
    text-align: right;
}

#swLoginPage .form-row .form-label label span {
    color: #AAA;
}

#swLoginPage .form-row .form-field, #swLoginPage .form-row .form-error, #swLoginPage .form-row .form-text {
    margin-left: 120px;
}

#swLoginPage .form-row .form-field input, #swLoginPage .form-row .form-field select, #swLoginPage .form-row textarea, #swLoginPage .form-submit input {
    margin: 0 0 .3em;
    padding: .3em;
    font: normal 1em/1.4 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

#swLoginPage .form-field input[type=text], #swLoginPage .form-field input[type=password] {
    -webkit-appearance: none;
    font-family: Arial, Helvetica, sans-serif;
    border-width: 1px;
    border-style: solid;
    border-color: #C6C6C6 #DDDDDD #EDEDED;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
}

#swLoginPage .form-field textarea {
    width: 96%;
    font-size: 1.1em;
    margin-top: 2px;
    color: #333;
    padding: 2px;
    margin-right: 1.1%;
    -webkit-appearance: none;
    font-family: Arial, Helvetica, sans-serif;
    resize: none;
    border-width: 1px;
    border-style: solid;
    border-color: #C6C6C6 #DDDDDD #EDEDED;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
}

#swLoginPage .form-field select {
    width: 96%;
    -webkit-appearance: none;
    border-width: 1px;
    border-style: solid;
    border-color: #C6C6C6 #DDDDDD #EDEDED;
    padding: 2px;
    font-size: 1.1em;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
}

#swLoginPage .form-row .form-field select {
    margin: .3em 0 0;
    padding: 0; /*border: 1px solid #333;*/
    font-size: 1.1em;
}

#swLoginPage .form-row .form-field img {
    display: block;
}

#swLoginPage .form-row .form-field span {
    font-size: .85em;
}

#swLoginPage .form-row .form-field span.sep {
    font-size: 100%;
}

#swLoginPage .form-row .fullwidth {
    width: 96%;
}

#swLoginPage .form-row .form-comment {
    margin: .4em 0 0 !important;
    padding-left: 160px;
}

#swLoginPage .form-row .form-comment, #swLoginPage .form-row .form-comment p {
    color: #999;
    line-height: 1.5;
}

#swLoginPage .form-row .form-comment a {
    color: #36C;
    text-decoration: underline;
}

#swLoginPage .form-buttons {
    margin: 0 -40px -20px !important;
    padding: 30px;
    border: 1px solid #D7E7DB;
    min-height: 34px;
    border-width: 1px 0 0 0;
    border-radius: 0 0 10px 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-radius: 0 0 10px 10px;
    background: #EFF5EE;
    text-align: center;
    color: #777;
}

#swLoginPage .form-buttons.separate {
    margin-top: 2em !important;
}

#swLoginPage .form-buttons.actions {
    margin-top: 2em !important;
    padding-top: 2em;
}

#swLoginPage .form-buttons span.button-alt {
    padding: 0.8em 1em;
    color: #AAA;
    float: right;
}

#swLoginPage .form-buttons span.button-alt a {
    margin-left: .5em;
    padding-left: 17px;
    background: url(/images/i-cancel.png) no-repeat 0 center;
    color: #B00;
    font-weight: bold;
}

#swLoginPage .form-buttons a {
    text-decoration: underline;
}

#swLoginPage .form-buttons input, #swLoginPage .form-buttons button {
    display: inline-block;
    margin: 0;
    border: 1px solid #31799E;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    padding: 10px 30px;
    color: #fff;
    text-decoration: none;
    font: bold 1em 'Helvetica Neue', Arial, Helvetica, sans-serif;
    white-space: nowrap;
    min-width: 150px;
    float: right;
    background: #77c6f6; /* Old browsers */
    background: -moz-linear-gradient(top, #c0e5f9 0%, #77c6f6 4%, #2c7eb3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c0e5f9), color-stop(4%, #77c6f6), color-stop(100%, #2c7eb3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c0e5f9 0%, #77c6f6 4%, #2c7eb3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c0e5f9 0%, #77c6f6 4%, #2c7eb3 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #c0e5f9 0%, #77c6f6 4%, #2c7eb3 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77c6f6', endColorstr='#2C7EB3', GradientType=0); /* IE6-9 */
    background: linear-gradient(top, #c0e5f9 0%, #77c6f6 4%, #2c7eb3 100%); /* W3C */
    cursor: pointer;
}

#swLoginPage .form-buttons input:hover, #swLoginPage .form-buttons button:hover {
    background: #ceebfc; /* Old browsers */
    background: -moz-linear-gradient(top, #ceebfc 0%, #78c7f6 3%, #348ec7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ceebfc), color-stop(3%, #78c7f6), color-stop(100%, #348ec7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ceebfc 0%, #78c7f6 3%, #348ec7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ceebfc 0%, #78c7f6 3%, #348ec7 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ceebfc 0%, #78c7f6 3%, #348ec7 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79c7f6', endColorstr='#348EC7', GradientType=0); /* IE6-9 */
    background: linear-gradient(top, #ceebfc 0%, #78c7f6 3%, #348ec7 100%); /* W3C */
}

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

#swLoginPage .form-buttons.loading {
    background-position: center center;
}

.form-row {
    display: block;
    margin: .3em 0 1.2em;
    overflow: hidden;
}

.form-row.last {
    margin: 0 !important;
    padding: 0 !important;
}

.form-row.form-indent {
    margin-left: 1.5em;
}

.form-text {
    margin: 0 .5em;
}

.form-label {
    float: left;
    width: 100px;
    margin-right: -150px;
    padding: .5em 0 .25em .5em;
}

.form-field {
    padding: .25em 0;
    margin-left: 150px;
}

.form-field.aligned {
    padding-top: .5em;
}

.form-field .form-comment {
    margin-left: 0;
}

.field-pre {
    padding-right: .25em;
    color: #999;
    font-size: 1em;
}

.form-row p.comment {
    margin-bottom: 0;
}

.form-row .hint {
    font-size: .9em !important;
}

.form-row.twofactorauth-code {
    display: none;
}

.form-row.twofactorauth-code input {
    width: 121px;
}

/* Compact Form Row */
.form-row.compact .form-label {
    float: left;
    width: 110px;
    margin-right: -120px;
}

.form-row.compact .form-field {
    margin-left: 120px;
}

#swLoginPage .message {
    margin: 0 0 1.5em;
    padding: 10px 2em;
    border-style: solid;
    border-width: 2px 0 2px 0;
    overflow: hidden;
}

#swLoginPage .message h2 {
    margin: 0 0 .75em !important;
    border: 0;
    font-size: 1.1em !important;
    font-weight: bold;
}

#swLoginPage .message p {
    margin: 0 !important;
}

#swLoginPage .message ul {
    padding: 0 0 0 22px !important;
}

#swLoginPage .message ul li {
    margin: .5em 0 0 !important;
    padding: 0 0 0 3px !important;
    list-style-type: circle;
}

#swLoginPage .message a {
    text-decoration: underline !important;
}

/* Notice */
#swLoginPage .message.notice {
    border-color: #DFDE9C;
    background-color: #FEFFE0;
    margin-top: 10px;
}

#swLoginPage .message.notice h2 {
    color: #353500 !important;
}

#swLoginPage .message.notice p, #swLoginPage .message.notice ul li {
    color: #716C33;
}

#swLoginPage .message.notice a {
    border: 0;
    color: #000 !important;
}

#swLoginPage .message.notice .sep {
    color: #CC9;
}

#swLoginPage .message.error {
    border-color: #D69999;
    background: #FAF2F2;
    margin-top: 10px;
}

#swLoginPage .message.error h2 {
    padding-left: 25px !important;
    background: url(/images/i-error.png) no-repeat 0 center;
    color: #900 !important;
}

#swLoginPage .message.error p, #swLoginPage .message.error ul li {
    color: #C26666;
}

#swLoginPage .message.error a {
    border: 0;
    color: #900 !important;
}

/* FOOTER */
#footer {
    padding: 10px 20px;
    color: #CCCCCC;
    font-size: .85em;
    overflow: hidden;
    margin: 0 auto;
}

#footer .landps {
    float: left;
    width: 100%;
}

#footer a.skyworking-logo {
    position: relative;
    float: left;
    width: 100px;
    height: 31px;
    margin: 0 0 2em;
    border: 0;
    background: none;
    text-indent: -10000px;
    overflow: hidden;
}

#footer p {
    margin: .65em 0 .5em 10px;
    padding: 0 .25em 0;
    line-height: .75;
    font-family: Arial, Helvetica, sans-serif;
}

#footer .sep {
    margin: 0 .25em;
    color: #CCCCCC;
}

#footer a {
    border-bottom: 1px solid #CCCCCC;
    color: #CCCCCC;
    text-decoration: none;
}

#footer a:hover {
    color: #EFEFEF;
}

#footer a:active {
    border: 0;
    color: #EFEFEF;
}

/* FOOTER END *//* DEMO MODE FOR LOGIN FORM */
#swLoginPage .ui-app-mode-demo #registerButton, #swLoginPage .ui-app-mode-demo .form-row-remember-me, #swLoginPage .ui-app-mode-demo .form-row-password a, #swLoginPage .ui-app-mode-demo .form-row-password span, #swLoginPage .ui-app-mode-demo #loginButton {
    display: none;
}

#swLoginPage #startDemoButton {
    display: none;
}

#swLoginPage .ui-app-mode-demo #startDemoButton {
    display: block;
}

/**/
#swLoginPage .form-fields {
    display: inline-block;
    width: 400px;
    margin-right: 28px;
}

#swLoginPage .form-row .form-field input[type="text"], #swLoginPage .form-row .form-field input[type="password"], #swLoginPage .form-row .form-field input[type="email"] {
    width: 95%;
}

#swLoginPage .form-registration-text {
    display: inline-block;
    width: 270px;
    vertical-align: top;
}

#swLoginPage #page.page-registration, #swLoginPage #page.page-login {
    width: 790px;
}

#swLoginPage #swError, #swLoginPage #swNotice {
    display: none;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

body {
    line-height: 1;
    color: black;
    background: white;
}

ol, ul {
    list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
caption, th, td {
    text-align: left;
}

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

blockquote, q {
    quotes: "" "";
}

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

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

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

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

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

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

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

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

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

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

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

/* * jQuery UI CSS Framework 1.8.12 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica%20Neue,Arial,Helvetica,sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=01_flat.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=01_flat.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=7399c3&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=50&borderColorDefault=7399c3&fcDefault=ffffff&iconColorDefault=ffffff&bgColorHover=7399c3&bgTextureHover=05_inset_soft.png&bgImgOpacityHover=50&borderColorHover=7399c3&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=4c33c7&iconColorActive=217bc0&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px *//* Component containers----------------------------------*/
.ui-widget {
    font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
}

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

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

.ui-widget-content {
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(images/ui-bg_flat_100_fcfdfd_40x100.png) 50% 50% repeat-x;
    color: #222222;
}

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

.ui-widget-header {
    border: 1px solid #4297d7;
    background: #5c9ccc url(images/ui-bg_flat_55_5c9ccc_40x100.png) 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}

.ui-widget-header a {
    color: #ffffff;
}

/* Interaction states----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #7399c3;
    background: #7399c3 url(images/ui-bg_highlight-soft_50_7399c3_1x100.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #ffffff;
}

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

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #7399c3;
    background: #7399c3 url(images/ui-bg_inset-soft_50_7399c3_1x100.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #ffffff;
}

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

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #79b7e7;
    background: #f5f8f9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #4c33c7;
}

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

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

/* Interaction Cues----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fad42e;
    background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;
    color: #363636;
}

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

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

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

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

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

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

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

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

.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_469bdd_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_d8e7f3_256x240.png);
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_217bc0_256x240.png);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Misc visuals----------------------------------*//* Corner radius */
.ui-corner-tl {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

.ui-corner-tr {
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.ui-corner-bl {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.ui-corner-br {
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ui-corner-top {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.ui-corner-bottom {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ui-corner-right {
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ui-corner-left {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.ui-corner-all {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

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

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    z-index: 99999;
    display: block; /* http://bugs.jqueryui.com/ticket/7233 - Resizable: resizable handles fail to work in IE if transparent and content overlaps*/
    background-image: url(data:);
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

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

/* * jQuery UI Accordion 1.8.12 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming *//* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
    width: 100%;
}

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1;
}

.ui-accordion .ui-accordion-li-fix {
    display: inline;
}

.ui-accordion .ui-accordion-header-active {
    border-bottom: 0 !important;
}

.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em .7em;
}

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1;
}

.ui-accordion .ui-accordion-content-active {
    display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

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

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

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

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

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

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

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

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

/** qTip2 - Pretty powerful tooltips* http://craigsworks.com/projects/qtip2/** Version: nightly* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com** Dual licensed under MIT or GPLv2 licenses* http://en.wikipedia.org/wiki/MIT_License* http://en.wikipedia.org/wiki/GNU_General_Public_License** Date: Thu Oct 20 13:41:21.0000000000 2011*//* Core qTip styles */
.ui-tooltip, .qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 280px;
    min-width: 50px;
    font-size: 10.5px;
    line-height: 12px;
    z-index: 15000;
}

/* Fluid class for determining actual width in IE */
.ui-tooltip-fluid {
    display: block;
    visibility: hidden;
    position: static !important;
    float: left !important;
}

.ui-tooltip-content {
    position: relative;
    padding: 5px 9px;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    word-wrap: break-word;
    overflow: hidden;
}

.ui-tooltip-titlebar {
    position: relative;
    min-height: 14px;
    padding: 5px 35px 5px 10px;
    overflow: hidden;
    border-width: 1px 1px 0;
    border-style: solid;
    font-weight: bold;
}

.ui-tooltip-titlebar + .ui-tooltip-content {
    border-top-width: 0px !important;
}

/*! Default close button class */
.ui-tooltip-titlebar .ui-state-default {
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -9px;
    cursor: pointer;
    outline: medium none;
    border-width: 1px;
    border-style: solid;
}

* html .ui-tooltip-titlebar .ui-state-default {
    top: 16px;
}

/* IE fix */
.ui-tooltip-titlebar .ui-icon, .ui-tooltip-icon .ui-icon {
    display: block;
    text-indent: -1000em;
}

.ui-tooltip-icon, .ui-tooltip-icon .ui-icon {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.ui-tooltip-icon .ui-icon {
    width: 18px;
    height: 14px;
    text-align: center;
    text-indent: 0;
    font: normal bold 10px/13px Tahoma, sans-serif;
    color: inherit;
    background: transparent none no-repeat -100em -100em;
}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus {
}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.ui-tooltip-hover {
}

/*! Default tooltip style */
.ui-tooltip-default .ui-tooltip-titlebar, .ui-tooltip-default .ui-tooltip-content {
    border-color: #F1D031;
    background-color: #FFFFA3;
    color: #555;
}

.ui-tooltip-default .ui-tooltip-titlebar {
    background-color: #FFEF93;
}

.ui-tooltip-default .ui-tooltip-icon {
    border-color: #CCC;
    background: #F1F1F1;
    color: #777;
}

.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover {
    border-color: #AAA;
    color: #111;
}

/* Tips plugin */
.ui-tooltip .ui-tooltip-tip {
    margin: 0 auto;
    overflow: hidden;
    background: transparent !important;
    border: 0px dashed transparent !important;
    z-index: 10;
}

.ui-tooltip .ui-tooltip-tip, .ui-tooltip .ui-tooltip-tip * {
    position: absolute;
    line-height: 0.1px !important;
    font-size: 0.1px !important;
    color: #123456;
    background: transparent;
    border: 0px dashed transparent;
}

.ui-tooltip .ui-tooltip-tip canvas {
    top: 0;
    left: 0;
}

/*! Light tooltip style */
.ui-tooltip-light .ui-tooltip-titlebar, .ui-tooltip-light .ui-tooltip-content {
    border-color: #E2E2E2;
    color: #454545;
}

.ui-tooltip-light .ui-tooltip-content {
    background-color: white;
}

.ui-tooltip-light .ui-tooltip-titlebar {
    background-color: #f1f1f1;
}

/*! Dark tooltip style */
.ui-tooltip-dark .ui-tooltip-titlebar, .ui-tooltip-dark .ui-tooltip-content {
    border-color: #303030;
    color: #f3f3f3;
}

.ui-tooltip-dark .ui-tooltip-content {
    background-color: #505050;
}

.ui-tooltip-dark .ui-tooltip-titlebar {
    background-color: #404040;
}

.ui-tooltip-dark .ui-tooltip-icon {
    border-color: #444;
}

.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover {
    border-color: #303030;
}

/*! Cream tooltip style */
.ui-tooltip-cream .ui-tooltip-titlebar, .ui-tooltip-cream .ui-tooltip-content {
    border-color: #F9E98E;
    color: #A27D35;
}

.ui-tooltip-cream .ui-tooltip-content {
    background-color: #FBF7AA;
}

.ui-tooltip-cream .ui-tooltip-titlebar {
    background-color: #F0DE7D;
}

.ui-tooltip-cream .ui-state-default .ui-tooltip-icon {
    background-position: -82px 0;
}

/*! Red tooltip style */
.ui-tooltip-red .ui-tooltip-titlebar, .ui-tooltip-red .ui-tooltip-content {
    border-color: #D95252;
    color: #912323;
}

.ui-tooltip-red .ui-tooltip-content {
    background-color: #F78B83;
}

.ui-tooltip-red .ui-tooltip-titlebar {
    background-color: #F06D65;
}

.ui-tooltip-red .ui-state-default .ui-tooltip-icon {
    background-position: -102px 0;
}

.ui-tooltip-red .ui-tooltip-icon {
    border-color: #D95252;
}

.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover {
    border-color: #D95252;
}

/*! Green tooltip style */
.ui-tooltip-green .ui-tooltip-titlebar, .ui-tooltip-green .ui-tooltip-content {
    border-color: #90D93F;
    color: #3F6219;
}

.ui-tooltip-green .ui-tooltip-content {
    background-color: #CAED9E;
}

.ui-tooltip-green .ui-tooltip-titlebar {
    background-color: #B0DE78;
}

.ui-tooltip-green .ui-state-default .ui-tooltip-icon {
    background-position: -42px 0;
}

/*! Blue tooltip style */
.ui-tooltip-blue .ui-tooltip-titlebar, .ui-tooltip-blue .ui-tooltip-content {
    border-color: #ADD9ED;
    color: #5E99BD;
}

.ui-tooltip-blue .ui-tooltip-content {
    background-color: #E5F6FE;
}

.ui-tooltip-blue .ui-tooltip-titlebar {
    background-color: #D0E9F5;
}

.ui-tooltip-blue .ui-state-default .ui-tooltip-icon {
    background-position: -2px 0;
}

/* TUTORIAL tooltip style */
.ui-tooltip-tutorial .ui-tooltip-content {
    border-color: #303030;
    padding: 8px 12px;
    line-height: 1em;
    font-size: 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.ui-tooltip-tutorial .ui-tooltip-titlebar, .ui-tooltip-tutorial .ui-tooltip-content {
    border-color: #303030;
    color: #FFFFFF !important;
}

.ui-tooltip-tutorial .ui-tooltip-content {
    background-color: #505050 !important;
}

.ui-tooltip-tutorial .ui-tooltip-titlebar {
    background-color: #404040 !important;
}

.ui-tooltip-tutorial .ui-tooltip-icon {
    border-color: #444;
}

.ui-tooltip-tutorial .ui-tooltip-titlebar .ui-state-hover {
    border-color: #303030;
}

/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */
.ui-tooltip-shadow {
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

.ui-tooltip-shadow .ui-tooltip-titlebar, .ui-tooltip-shadow .ui-tooltip-content {
    filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)";
    _margin-bottom: -3px; /* IE6 */
. margin-bottom: - 3 px; /* IE7 */
}

/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded, .ui-tooltip-rounded .ui-tooltip-content, .ui-tooltip-tipsy, .ui-tooltip-tipsy .ui-tooltip-content, .ui-tooltip-youtube, .ui-tooltip-youtube .ui-tooltip-content {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.ui-tooltip-rounded .ui-tooltip-titlebar, .ui-tooltip-tipsy .ui-tooltip-titlebar, .ui-tooltip-youtube .ui-tooltip-titlebar {
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content, .ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content, .ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/*! Youtube tooltip style */
.ui-tooltip-youtube {
    -webkit-box-shadow: 0 0 3px #333;
    -moz-box-shadow: 0 0 3px #333;
    box-shadow: 0 0 3px #333;
}

.ui-tooltip-youtube .ui-tooltip-titlebar, .ui-tooltip-youtube .ui-tooltip-content {
    _margin-bottom: 0; /* IE6 */
. margin-bottom: 0; /* IE7 */
    background: transparent;
    background: rgba(0, 0, 0, 0.85);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000, endColorstr=#D9000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
    color: white;
    border-color: #CCCCCC;
}

.ui-tooltip-youtube .ui-tooltip-icon {
    border-color: #222;
}

.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover {
    border-color: #303030;
}

/* jQuery TOOLS Tooltip style */
.ui-tooltip-jtools {
    background: #232323;
    background: rgba(0, 0, 0, 0.7);
    background-image: -moz-linear-gradient(top, #717171, #232323);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
    border: 2px solid #ddd;
    border: 2px solid rgba(241, 241, 241, 1);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 12px #333;
    -moz-box-shadow: 0 0 12px #333;
    box-shadow: 0 0 12px #333;
}

/* IE Specific */
.ui-tooltip-jtools .ui-tooltip-titlebar {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
}

.ui-tooltip-jtools .ui-tooltip-content {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
}

.ui-tooltip-jtools .ui-tooltip-titlebar, .ui-tooltip-jtools .ui-tooltip-content {
    background: transparent;
    color: white;
    border: 0 dashed transparent;
}

.ui-tooltip-jtools .ui-tooltip-icon {
    border-color: #555;
}

.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover {
    border-color: #333;
}

/* Cluetip style */
.ui-tooltip-cluetip {
    -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
}

.ui-tooltip-cluetip .ui-tooltip-titlebar {
    background-color: #87876A;
    color: white;
    border: 0 dashed transparent;
}

.ui-tooltip-cluetip .ui-tooltip-content {
    background-color: #D9D9C2;
    color: #111;
    border: 0 dashed transparent;
}

.ui-tooltip-cluetip .ui-tooltip-icon {
    border-color: #808064;
}

.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover {
    border-color: #696952;
    color: #696952;
}

/* Tipsy style */
.ui-tooltip-tipsy {
    border: 0;
}

.ui-tooltip-tipsy .ui-tooltip-titlebar, .ui-tooltip-tipsy .ui-tooltip-content {
    _margin-bottom: 0; /* IE6 */
. margin-bottom: 0; /* IE7 */
    background: transparent;
    background: rgba(0, 0, 0, .87);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000, endColorstr=#D9000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
    color: white;
    border: 0px transparent;
    font-size: 11px;
    font-family: 'Lucida Grande', sans-serif;
    font-weight: bold;
    line-height: 16px;
    text-shadow: 0 1px black;
}

.ui-tooltip-tipsy .ui-tooltip-titlebar {
    padding: 6px 35px 0 10;
}

.ui-tooltip-tipsy .ui-tooltip-content {
    padding: 6px 10;
}

.ui-tooltip-tipsy .ui-tooltip-icon {
    border-color: #222;
    text-shadow: none;
}

.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover {
    border-color: #303030;
}

/* Tipped style */
.ui-tooltip-tipped {
}

.ui-tooltip-tipped .ui-tooltip-titlebar, .ui-tooltip-tipped .ui-tooltip-content {
    border: 3px solid #959FA9;
    filter: none;
    -ms-filter: none;
}

.ui-tooltip-tipped .ui-tooltip-titlebar {
    background: #3A79B8;
    background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
    color: white;
    font-weight: normal;
    font-family: serif;
    border-bottom-width: 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.ui-tooltip-tipped .ui-tooltip-content {
    background-color: #F9F9F9;
    color: #454545;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.ui-tooltip-tipped .ui-tooltip-icon {
    border: 2px solid #285589;
    background: #285589;
}

.ui-tooltip-tipped .ui-tooltip-icon .ui-icon {
    background-color: #FBFBFB;
    color: #555;
}

/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content, .ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar {
    filter: none;
    -ms-filter: none;
}

/* CORE STYLES *//* noty bar */
.noty_bar {
    position: fixed;
    display: none;
    z-index: 9999999;
}

/* noty_message */
.noty_bar .noty_message {
    text-align: center;
}

/* noty close button */
.noty_bar .noty_close {
    cursor: pointer;
}

/* noty modal */
.noty_modal {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 10000;
    opacity: 0.6;
    display: none;
    left: 0;
    top: 0;
}

/* noty container for noty_layout_topLeft & noty_layout_topRight */
ul.noty_cont {
    position: fixed;
    z-index: 10000000;
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 300px;
}

ul.noty_cont li {
    position: relative;
    float: left;
    clear: both;
    list-style: none;
    padding: 0px;
    margin: 10px 0 0 0;
    width: 300px; /* Fix for: http://bugs.jquery.com/ticket/2278 */
}

ul.noty_cont.noty_layout_topLeft {
    left: 20px;
    top: 20px;
}

ul.noty_cont.noty_layout_topRight {
    right: 40px;
    top: 20px;
}

ul.noty_cont.noty_layout_bottomLeft {
    left: 20px;
    bottom: 20px
}

ul.noty_cont.noty_layout_bottomRight {
    right: 40px;
    bottom: 20px
}

ul.noty_cont.noty_layout_topRight li {
    float: right
}

/* LAYOUTS *//* noty_layout_top */
.noty_bar.noty_layout_top {
    top: 0;
    left: 0;
    width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

/* noty_layout_bottom */
.noty_bar.noty_layout_bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

/* noty_layout_center */
.noty_bar.noty_layout_center {
    top: 40%;
}

/* noty_layout_topLeft & noty_layout_topRight */
.noty_bar.noty_layout_topLeft, .noty_bar.noty_layout_topRight, .noty_bar.noty_layout_bottomLeft, .noty_bar.noty_layout_bottomRight {
    width: 100%;
    clear: both;
    position: relative;
}

.noty_bar.noty_layout_topLeft .noty_message, .noty_bar.noty_layout_topRight .noty_message, .noty_bar.noty_layout_bottomLeft .noty_message, .noty_bar.noty_layout_bottomRight .noty_message {
    text-align: left;
}

/* noty_layout_topCenter */
.noty_bar.noty_layout_topCenter {
    top: 20px;
}

div.tagsinput {
    background: #FFF;
    width: 100%;
    height: auto;
    margin-top: 9px;
}

div.tagsinput span.tag {
    border: 1px solid #a5d24a;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: block;
    float: left;
    padding: 5px;
    text-decoration: none;
    background: #cde69c;
    color: #638421;
    margin-right: 5px;
    margin-bottom: 5px;
}

div.tagsinput span.tag a {
    font-weight: bold;
    color: #82ad2b;
    text-decoration: none !important;
    margin-left: 3px !important;
    font-size: 11px;
}

div.tagsinput input {
    width: 80px;
    margin: 0px;
    border: 1px solid transparent !important;
    padding: 5px;
    background: transparent;
    color: #000;
    outline: 0px;
    margin-right: 5px;
    margin-top: 1px;
}

div.tagsinput div {
    display: block;
    float: left;
}

.tags_clear {
    clear: both;
    width: 100%;
    height: 0px;
}

.not_valid {
    background: #FBD8DB !important;
    color: #90111A !important;
}

/* CORE STYLES*//* noty bar */
.noty_bar.noty_theme_default {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAYAAAAPOoFWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPZJREFUeNq81tsOgjAMANB2ov7/7ypaN7IlIwi9rGuT8QSc9EIDAsAznxvY4pXPKr05RUE5MEVB+TyWfCEl9LZApYopCmo9C4FKSMtYoI8Bwv79aQJU4l6hXXCZrQbokJEksxHo9KMOgc6w1atHXM8K9DVC7FQnJ0i8iK3QooGgbnyKgMDygBWyYFZoqx4qS27KqLZJjA1D0jK6QJcYEQEiWv9PGkTsbqxQ8oT+ZtZB6AkdsJnQDnMoHXHLGKOgDYuCWmYhEERCI5gaamW0bnHdA3k2ltlIN+2qKRyCND0bhqSYCyTB3CAOc4WusBEIpkeBuPgJMAAX8Hs1NfqHRgAAAABJRU5ErkJggg==') repeat-x scroll left top #fff;
}

/* if you use noty with customContainer you can access noty with this way * .noty_custom_container noty will add automaticly this class to your customContainer* .noty_theme_default your theme* .noty_layout_inlineyour layout *//* custom container */
.noty_custom_container.noty_theme_default.noty_layout_inline {
    position: relative;
}

/* custom growl container */
.noty_custom_container.noty_theme_default.noty_layout_inline .noty_cont.noty_layout_inline {
    position: static;
}

/* custom noty bar */
.noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar {
    border-width: 1px;
    border-style: solid;
    position: static;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar .noty_message {
    font-size: 13px;
    padding: 4px;
}

.noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar .noty_message .noty_buttons {
    margin-top: -1px;
}

/* noty_message */
.noty_bar.noty_theme_default .noty_message {
    padding: 8px 14px;
    font-size: 16px;
    font-weight: bold;
    width: auto;
}

.noty_bar.noty_theme_default.noty_closable .noty_message {
    padding: 8px 34px 8px 14px;
}

/* noty_buttons */
.noty_bar.noty_theme_default .noty_message .noty_buttons {
    float: right;
    font-size: 13px;
    margin-top: -4px;
    margin-left: 4px;
}

/* noty_button */
.noty_bar.noty_theme_default .noty_message .noty_buttons button {
    margin-left: 5px;
}

/* noty close button */
.noty_bar.noty_theme_default .noty_close {
    position: absolute;
    top: 10px;
    right: 10px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAORJREFUeNq0lU0OgjAQhRm5gUl3rLyBB3BDQjwI4TDcgmu4NqwNJGxdueqWA4zzCJoxtvxoeckLzbz2C5ShEDNHDiXis/gkPooPY/0uvomv4ov48bUSQGUSF+Ka51WPc0kzNGwvLnm9ynHtB5B+hGkoaWDB/6t4AZOFe7ZkTxMAc1dqreU0TbnrunetbVvOsmzIPMoBrFwJYGgCY8wAgjFGDZlHFYCNK9EAXPUYmUcNgL0v1dAFMKjfRSsVx/H0hC0eOfhLmWwbfTcYozbXNsEbO/int8nhEPz4CnbAUuhfwFOAAQAA48KKOuexjwAAAABJRU5ErkJggg==');
    width: 20px;
    height: 20px;
}

/* noty modal */
.noty_modal.noty_theme_default {
    opacity: 0.7;
}

/* LAYOUTS *//* noty_layout_top */
.noty_bar.noty_theme_default.noty_layout_top {
    border-bottom: 3px solid #eee;
}

/* noty_layout_bottom */
.noty_bar.noty_theme_default.noty_layout_bottom {
    border-top: 3px solid #eee;
}

.noty_bar.noty_theme_default.noty_layout_center .noty_close {
    top: 8px;
}

.noty_bar.noty_theme_default.noty_layout_center .noty_message .noty_buttons {
    margin-top: -2px
}

/* noty_layout_topLeft & noty_layout_topRight */
.noty_bar.noty_theme_default.noty_layout_center, .noty_bar.noty_theme_default.noty_layout_topLeft, .noty_bar.noty_theme_default.noty_layout_topRight, .noty_bar.noty_theme_default.noty_layout_bottomLeft, .noty_bar.noty_theme_default.noty_layout_bottomRight {
    border: 1px solid #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.noty_bar.noty_theme_default.noty_layout_center .noty_message, .noty_bar.noty_theme_default.noty_layout_topLeft .noty_message, .noty_bar.noty_theme_default.noty_layout_topRight .noty_message, .noty_bar.noty_theme_default.noty_layout_bottomLeft .noty_message, .noty_bar.noty_theme_default.noty_layout_bottomRight .noty_message {
    font-size: 13px;
    font-weight: normal;
}

.noty_bar.noty_theme_default.noty_layout_topLeft .noty_message .noty_buttons, .noty_bar.noty_theme_default.noty_layout_topRight .noty_message .noty_buttons, .noty_bar.noty_theme_default.noty_layout_bottomLeft .noty_message .noty_buttons, .noty_bar.noty_theme_default.noty_layout_bottomRight .noty_message .noty_buttons {
    float: none;
    border-top: 1px solid #CCCCCC;
    margin-left: 0;
    margin-top: 10px;
    padding-top: 10px;
    text-align: right;
}

/* noty_layout_topCenter */
.noty_bar.noty_theme_default.noty_layout_topCenter {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.noty_bar.noty_theme_default.noty_layout_topCenter .noty_message {
    font-weight: normal;
    font-size: 13px;
}

.noty_bar.noty_theme_default.noty_layout_topCenter .noty_close {
    top: 50%;
    margin-top: -10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.noty_bar.noty_theme_default.noty_layout_topCenter.noty_success {
    border: 1px solid #50C24E;
}

.noty_bar.noty_theme_default.noty_layout_topCenter .noty_message .noty_buttons {
    margin-left: 15px;
    margin-top: 0px
}

/* NOTIFICATION TYPES *//* noty_alert */
.noty_bar.noty_theme_default.noty_alert {
    background-color: #fff;
    border-color: #ccc;
}

/* noty_error */
.noty_bar.noty_theme_default.noty_error {
    background-color: red;
    color: #fff;
    border-color: darkred;
}

.noty_bar.noty_theme_default.noty_error .noty_message {
    font-weight: bold;
}

/* noty_success */
.noty_bar.noty_theme_default.noty_success {
    background-color: lightgreen;
    color: darkgreen;
    border-color: #50C24E;
}

/* noty_alert */
.noty_bar.noty_theme_default.noty_information {
    background-color: #57B7E2;
    border-color: #0B90C4;
    color: #fff;
}

#ui-datepicker-div {
    z-index: 9999999;
}

.placeholder {
    color: grey;
}

.ui-dialog .ui-dialog-buttonpane {
    font-size: 1em !important;
}

.ui-widget-overlay {
    background: none repeat scroll 0 0 white !important;
    filter: alpha(opacity=60) !important;
    opacity: 0.6 !important;
    -moz-opacity: 0.6 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important;
}

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

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

.ui-widget-content {
    font-size: 76% !important;
}

.ui-autocomplete {
    max-height: 150px;
    overflow-y: auto;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
}

.ui-state-error {
    border: 1px solid #CD0A0A !important;
}

.ui-corner-all {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
}

.ui-dialog {
    padding: 0 !important;
    border: 1px solid rgba(0, 0, 0, .333) !important;
    -moz-box-shadow: 0 4px 16px rgba(0, 0, 0, .2) !important;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .2) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .2) !important;
}

.ui-dialog .ui-dialog-titlebar {
    background: #D7E7DB;
    border: none !important;
    border-radius: 7px 7px 0px 0px;
    -webkit-border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    -khtml-border-radius: 7px 7px 0px 0px;
    height: 25px;
    font-size: 1.2em;
    color: #000000;
}

.ui-dialog .ui-dialog-content {
    font-size: 1em !important;
}

.ui-dialog .ui-dialog-buttonpane {
    background: #D9E6EF;
    border: 0 !important;
    border-radius: 0px 0px 7px 7px;
    -webkit-border-radius: 0px 0px 7px 7px;
    -moz-border-radius: 0px 0px 7px 7px;
    -khtml-border-radius: 0px 0px 7px 7px;
    padding: 0.1em 1em 0.1em 0.1em;
}

.cui-window-error .ui-dialog-titlebar {
    background: red !important;
    color: #FFFFFF;
}

/* Normal Dialog */
.cui-dialog {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    background: white;
}

.cui-dialog .ui-resizable-se {
    bottom: 5px;
    right: 5px;
}

.cui-dialog .ui-dialog-titlebar {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -khtml-border-radius: 15px;
    background-color: white;
}

.cui-dialog .ui-dialog-titlebar .ui-dialog-title {
    padding-top: 5px;
    padding-left: 5px;
}

.cui-dialog .ui-dialog-buttonpane {
    background: white;
    border-radius: 0px 0px 15px 15px;
    -webkit-border-radius: 0px 0px 15px 15px;
    -moz-border-radius: 0px 0px 15px 15px;
    -khtml-border-radius: 0px 0px 15px 15px;
    padding-bottom: 0.7em;
}

.cui-dialog .ui-dialog-content {
    padding-left: 1.5em;
    padding-right: 1.5em;
    background: white;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -khtml-border-radius: 15px;
}

/* ERROR DIALOG */
.cui-dialog-error {
}

.cui-dialog-error .ui-dialog-titlebar {
    color: red;
}

/* BUTTONS Default */
.ui-state-default, .ui-widget .ui-state-default {
    background: #efefef;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef');
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
    background: -moz-linear-gradient(top, #ffffff, #efefef);
    border-width: 1px; /*border-color: #DDDDDD #C3C3C3 #A6A6A6;*/
    border-color: #BBB;
    border-style: solid; /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);*/
    color: #343434;
}

.ui-state-hover, .ui-widget .ui-state-hover {
    background: #cecece;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cecece');
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cecece));
    background: -moz-linear-gradient(top, #eeeeee, #cecece);
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    background-image: none;
    opacity: 0.55;
}

.ui-widget-header .ui-icon, .ui-widget-content .ui-icon {
    background-image: url("images/uiicons.png");
}

.ui-state-active, .ui-widget .ui-state-active {
    background: #FFFFFF;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#FFFFFF');
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#FFFFFF));
    background: -moz-linear-gradient(top, #efefef, #FFFFFF);
    color: #00803F;
}

.ui-state-default .ui-icon {
    background-image: url("images/uiicons.png")
}

/* UI Tabactions */
.cui-tabaction {
    font-size: 1em;
    text-align: left;
    margin: 0;
    min-height: 28px;
}

.cui-tabaction-middle {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    border-top: none;
}

.cui-tabaction-bottom {
    border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -khtml-border-radius: 0 0 2px 2px;
    border-top: none;
}

.cui-tabaction-toggler {
    border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -khtml-border-radius: 2px 2px 0 0;
}

/*.cui-tabaction .ui-button-text{min-height: 17px;}*/
.ui-progressbar-value {
    border: 0px;
    background: transparent;
}

.ui-progressbar {
    border: 0px;
}

.ui-dialog .ui-dialog-titlebar a.ui-state-hover {
    border: 1px solid rgba(0, 0, 0, 0.333) !important
}

.ui-corner-right {
    border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -khtml-border-radius: 0 2px 2px 0;
}

.ui-corner-left {
    border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -khtml-border-radius: 2px 0 0 2px;
}

.ui-corner-none {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
}

/* JGROWL STUFF */
div.jGrowl {
    padding: 10px;
    z-index: 9999;
    color: #fff;
    font-size: 12px;
}

/** Special IE6 Style Positioning **/
div.ie6 {
    position: absolute;
}

div.ie6.top-right {
    right: auto;
    bottom: auto;
    left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
    left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
    left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
    left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
    left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
    width: 100%;
}

/** Normal Style Positions **/
body > div.jGrowl {
    position: fixed;
}

body > div.jGrowl.top-left {
    left: 0px;
    top: 0px;
}

body > div.jGrowl.top-right {
    right: 0px;
    top: 0px;
}

body > div.jGrowl.bottom-left {
    left: 0px;
    bottom: 0px;
}

body > div.jGrowl.bottom-right {
    right: 0px;
    bottom: 0px;
}

body > div.jGrowl.center {
    top: 0px;
    width: 50%;
    left: 25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
    margin-left: auto;
    margin-right: auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
    background-color: black;
    border: 0px;
    opacity: .85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    zoom: 1;
    width: 235px;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-align: left;
    display: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

div.jGrowl div.jGrowl-notification {
    min-height: 40px;
}

div.jGrowl div.jGrowl-notification div.header {
    font-weight: bold;
    font-size: .85em;
}

div.jGrowl div.jGrowl-notification div.close {
    z-index: 99;
    float: right;
    font-weight: bold;
    font-size: 1em;
    cursor: pointer;
}

div.jGrowl div.jGrowl-closer {
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    font-size: .9em;
    font-weight: bold;
    text-align: center;
}

/** Hide jGrowl when printing **/
@media print {
    div.jGrowl {
        display: none;
    }
}

html {
    -webkit-text-size-adjust: none
}

body, html {
    padding: 0;
    margin: 0;
    height: 100%;
}

body {
    background: #e8e9e9;
    font-size: 100.01%; /* 100.01% to be opera-safe */
    font-family: Arial, Helvetica, sans-serif;
    color: #343434;
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    color: #343434;
}

input, textarea, select, .ui-widget input, .ui-widget select, .ui-widget textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #333;
    padding: 2px;
    border-width: 1px;
    border-style: solid;
    border-color: #C6C6C6 #DDDDDD #EDEDED;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
}

input:focus, select:focus, textarea:focus {
    border-color: #00803F;
}

input:disabled, textarea:disabled, select:disabled {
    color: #6D6D6D;
}

input[type="file"], input[type="checkbox"], input[type="radio"] {
    border: none;
}

input[type="text"], input[type="password"], input[type="number"] {
    height: 20px;
}

select {
    -webkit-appearance: none;
    height: 26px;
}

select[multiple="multiple"] {
    height: auto;
}

#loadingicon {
    display: none;
    z-index: 100;
    position: absolute;
    width: 97%;
    text-align: center;
    top: 150px;
}

#loadingicon div {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    background-color: #EFEFEF;
    width: 180px;
    margin-right: auto;
    margin-left: auto;
    color: grey;
    padding-bottom: 10px;
}

/* END sprites */
img {
    border: 0;
}

a, a img {
    outline: none;
    color: #343434;
}

a img {
    background: none !important;
}

a:hover {
    color: #0f6fb2;
}

.clear {
    clear: both;
}

h1 {
    color: #fff;
    font-size: 1.3em;
    padding: 0;
    margin: 0;
}

#cui-view-mainWrapper {
    display: none;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1500px;
    min-width: 1024px;
    z-index: 100;
    font-size: 76%; /* from here on 1em is equal to 12px (more or less cause relative font-size) */
}

#cui-view-header {
    padding: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 1.1em;
}

#cui-view-header a {
    color: #7fa6d3;
}

#cui-view-header a:hover {
    color: #fff;
}

#cui-view-header .cui-view-header-topBar-left {
    float: left;
    width: 845px;
}

#cui-view-header .cui-view-header-topBar-left a {
    display: block;
    float: left;
    margin-right: 10px;
}

#cui-view-header .cui-view-header-topBar-right {
    float: left;
    width: 265px;
    text-align: right;
}

#cui-view-header .cui-view-header-topBar-right-user {
    float: left;
    margin-right: 10px;
    padding-top: 3px;
}

#cui-view-header .cui-view-header-topBar-right a {
    display: block;
    float: left;
    margin-right: 10px;
}

#cui-container {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -moz-box-shadow: 0 2px 5px #AAAAAA;
    -webkit-box-shadow: 0 2px 5px #AAAAAA;
    box-shadow: 0 2px 5px #AAAAAA;
}

.cui-container .cui-container-header {
    height: 40px;
    padding: 10px 15px 0 15px;
    position: relative;
    overflow: hidden;
    border: 1px #00803F solid;
    border-bottom: 0px;
    background: #00803F;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00803F', endColorstr='#015328');
    background: -webkit-gradient(linear, left top, left bottom, from(#00803F), to(#015328));
    background: -moz-linear-gradient(top, #00803F, #015328);
    z-index: 1;
    border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -khtml-border-radius: 2px 2px 0 0;
}

.cui-container .cui-container-header-left {
    padding-bottom: 5px;
    float: left;
    width: 181px;
}

.cui-container .cui-container-header-left a, .cui-container .cui-container-header-left a:hover {
    display: block;
    margin-right: 10px;
    float: left; /*NEW*/
    width: 30px;
    height: 30px;
    background-position: 0 0; /*NEW END */
}

/*NEW*/
.cui-container .cui-container-header-left button {
    width: 32px;
    height: 32px;
    cursor: pointer !important;
    filter: alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.cui-container .cui-container-header-left button span {
    top: 0;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    width: 30px;
    height: 30px;
}

.cui-container .cui-container-header-left button.is-active {
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*NEW END */
.cui-container .cui-container-header-main {
    float: left;
}

.cui-container .cui-container-header-main-tab { /*width:170px;*/
    opacity: 0.5; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=50); /* IE lt 8 */
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */
    -khtml-opacity: .5; /* Safari 1.x */
    -moz-opacity: .5; /* FF lt 1.5, Netscape */
    min-width: 100px;
    height: 36px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
    background-color: #fff;
    margin-top: 15px;
    background-color: white;
    border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -khtml-border-radius: 2px 2px 0 0; /* Shadow */
    -moz-box-shadow: 0px 0px 5px #333;
    -webkit-box-shadow: 0px 0px 5px #333;
    box-shadow: 0px 0px 5px #333;
    position: relative;
}

.cui-container .cui-container-header-main-tab .tab-closer {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 6px;
    top: 7px;
    cursor: pointer;
    display: block;
}

.cui-container .cui-container-header-main-tab .tab-closer span {
    background-image: url("images/uiicons.png");
}

.cui-container .cui-container-header-main-tab:hover {
    color: grey !important;
    background: #fff !important;
}

.cui-container .tab-active {
    background: #FFFFFF;
    background-color: #FFFFFF;
    filter: none !important;
    opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=100); /* IE lt 8 */
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */
    -khtml-opacity: 1; /* Safari 1.x */
    -moz-opacity: 1; /* FF lt 1.5, Netscape */
    margin-top: 10px;
    color: inherit !important;
}

.cui-container .tab-active .tab-closer {
    display: block;
}

.cui-container .tab-active a {
    color: inherit !important;
}

.cui-container .cui-container-header-main-tab a {
    font-weight: bold;
    color: black;
    padding: 8px;
    display: block;
    position: relative;
    padding-right: 30px;
    text-decoration: none;
}

.cui-container .cui-container-header-main-tab a div {
    width: 22px;
    height: 22px;
    position: absolute;
    right: 0;
    display: inline;
    margin-top: -3px;
    margin-right: 5px;
    background-repeat: no-repeat;
}

.cui-container .cui-container-mainContainer .cui-container-mainContainer-subtab a div {
    width: 22px;
    height: 22px;
    position: absolute;
    left: 3px;
    display: inline;
    margin-top: -5px;
    margin-right: 5px;
    background-repeat: no-repeat;
}

.cui-container .cui-container-mainContainer .cui-container-mainContainer-subtab a:hover div.cui-icon { /*background-image:url('/Style/Images/Icons/ICON_MAP_ACTIVE2.png');*/
}

.cui-container .cui-container-header-main-tab a:hover div.cui-icon {
    background-image: url('/Style/Images/Icons/ICON_MAP_ACTIVE2.png');
}

.cui-container .cui-container-header-main-tab a:hover {
    color: grey;
}

.cui-container .cui-container-header-goggle {
    text-align: right;
    position: absolute;
    right: 0px;
    top: -49px;
    width: 30px;
    height: 30px; /*height:25px;*/
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 1px;
    padding-left: 3px;
    cursor: pointer;
}

.cui-container .cui-container-header-goggle input {
    display: none;
}

.cui-container-header-goggle-open {
    text-align: left;
    position: absolute;
    right: 0px;
    top: -49px;
    width: 200px;
    height: 30px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 1px;
    padding-left: 3px;
    background-color: #7FA6D3;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    cursor: pointer;
}

.cui-container-header-goggle-open input {
    border: 1px solid #7FA6D3;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    padding-left: 5px;
    display: block;
    float: left;
    height: 20px;
    width: 160px;
}

.cui-container .cui-container-mainContainer {
    min-height: 478px; /* used to defined height of main container */
    overflow: hidden;
    background-color: #fff;
    border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -khtml-border-radius: 0 0 2px 2px;
    padding: 0 15px 0 195px;
    position: relative;
}

.cui-container .cui-container-mainContainer .cui-container-mainContainer-subtabsContainer {
    padding-left: 240px;
    margin-bottom: 10px;
    height: 25px;
}

.cui-container .cui-container-mainContainer .cui-container-mainContainer-subtab {
    background: white;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef');
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
    background: -moz-linear-gradient(top, #ffffff, #efefef);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    padding: 2px;
    min-width: 60px;
    float: left;
    margin-right: 10px;
    position: relative;
    z-index: 1;
    border: 1px #b0b0b0 solid;
    border-color: #DDDDDD #C3C3C3 #A6A6A6;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.cui-container .cui-container-mainContainer .subtab-active, .cui-container .cui-container-mainContainer .cui-container-mainContainer-subtab:hover {
    background: white;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cecece') !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cecece)) !important;
    background: -moz-linear-gradient(top, #eeeeee, #cecece) !important;
}

.cui-container .cui-container-mainContainer .subtab-active a, .cui-container .cui-container-mainContainer .cui-container-mainContainer-subtab:hover a {
    color: black;
}

.cui-container .cui-container-mainContainer .cui-container-mainContainer-subtab a {
    color: #black;
    font-weight: bold;
    display: block;
    padding: 5px 5px 5px 27px;
    white-space: nowrap;
}

/* MAIN MENU*/
.cui-container-navContainer-wrapper {
    float: left;
}

.cui-container-navContainer {
    width: 170px;
    margin-right: 30px;
    margin-left: 0px;
    margin-top: -50px;
    border-right: 1px #CDCDCD solid;
}

.cui-container-navContainer ul, .cui-container-navContainer ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* navigation 1st level */
.cui-container-navContainer ul li a {
    display: block;
    padding: 12px 5px 12px 38px;
    font-size: 1em;
    line-height: 1.1em;
    color: black;
    text-decoration: none;
    border-bottom: 1px solid #CDCDCD;
}

.cui-container-navContainer ul li div.nav-icon {
    position: absolute;
    margin-top: 6px;
    margin-left: 7px;
    cursor: pointer;
    width: 24px;
    height: 24px;
}

.cui-container-navContainer .nav-pointerarrow {
    position: absolute;
    margin-left: 132px;
    height: 0px;
    width: 0px;
    margin-top: -13px;
    display: none;
    border-color: transparent transparent transparent #CDCDCD;
    border-style: solid;
    border-width: 20px;
    z-index: 100;
}

.cui-container-navContainer .nav-pointerarrow div {
    border-style: solid;
    width: 0px;
    height: 0px;
    border-width: 20px;
    position: absolute;
    top: -20px;
    border-color: transparent transparent transparent #E7F6E6;
    left: -21px;
}

.cui-container-navContainer .main-nav-item.main-nav-active {
    background-color: #F7F7F7;
}

.cui-container-navContainer .main-nav-item.main-nav-active a.main-nav-item-title {
    font-weight: bold;
    background-color: #E7F6E6;
}

.cui-container-navContainer .main-nav-item.main-nav-active a.main-nav-item-title.nav-active div.nav-pointerarrow {
    display: block;
}

.cui-container-navContainer .main-nav-item.main-nav-active ul li a.nav-active {
    font-weight: bold;
}

.cui-container-navContainer .main-nav-item.main-nav-active ul li a.nav-active div.nav-pointerarrow {
    display: block;
}

.cui-container-navContainer .main-nav-item.main-nav-active ul li a.nav-active div.nav-pointerarrow div {
    border-color: transparent transparent transparent #F7F7F7;
}

/* grid */
.cui-grid-main {
    width: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    -webkit-top-bottom-left-radius: 15px;
    -webkit-top-bottom-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    -khtml-border-radius: 15px;
    position: relative;
}

.cui-grid-main table {
    width: 100%;
}

.cui-grid-main .cui-grid-tablerow-default {
    height: 30px;
}

.cui-grid-main .cui-grid-tablerow-clickable:hover {
    background-color: #E7F6E6;
}

.cui-grid-main table tr th {
    text-align: left; /*background-color:#e5edf7;*/
    background: transparent;
    color: #666666;
    padding: 7px 0 8px 5px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #CDCDCD;
    cursor: default;
}

.cui-grid-main table tr th:first-child {
    border-top-left-radius: 5px;
    -webkit-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -khtml-border-radius-topleft: 5px;
}

.cui-grid-main table tr th:last-child {
    border-top-right-radius: 5px;
    -webkit-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -khtml-border-radius-topright: 5px;
}

.cui-grid-main table td div.outer {
    position: relative;
    display: block;
    height: 100%
}

.cui-grid-main table td div.inner {
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    width: 100%;
    top: 0px;
}

.cui-grid-main table td div.innerfadeout {
    position: absolute;
    width: 10px;
    top: 0px;
    right: 0px;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); /* IE6-9 */
}

.cui-grid-main .cui-grid-tablerow-clickable:hover div.innerfadeout {
    background: -moz-linear-gradient(left, rgba(231, 246, 230, 0) 0%, rgba(231, 246, 230, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(231, 246, 230, 0)), color-stop(100%, rgba(231, 246, 230, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(231, 246, 230, 0) 0%, rgba(231, 246, 230, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(231, 246, 230, 0) 0%, rgba(231, 246, 230, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(231, 246, 230, 0) 0%, rgba(231, 246, 230, 1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(231, 246, 230, 0) 0%, rgba(231, 246, 230, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00E7F6E6', endColorstr='#E7F6E6', GradientType=1); /* IE6-9 */
}

.cui-grid-main table tr th, .cui-grid-main table tr th a {
    color: #999;
    text-transform: uppercase;
    font-weight: normal;
}

.cui-grid-main table tr th a:hover {
    text-decoration: underline !important;
}

.cui-grid-main table tr td {
    padding: 3px 0 3px 5px;
    border-bottom: 1px solid #CDCDCD;
}

.cui-grid-main table tr td .cui-grid-toolbox-container {
    position: absolute;
    margin-top: -26px;
    right: 31px;
    display: none;
    width: 190px;
}

.cui-grid-main table tr td a {
    color: #00803F;
}

.cui-grid-main table tr td a:hover {
    color:;
}

/* pagination */
.cui-grid-main table tr td.cui-grid-table-browser {
    border-bottom: 0;
}

.cui-grid-main table tr td .cui-grid-browser-container {
    padding: 10px 0 10px 0;
}

.cui-grid-main table tr td .cui-grid-browser-pagination {
    float: left; /* NEW *//*width:525px;*/
}

.cui-grid-main table tr td .cui-grid-browser-pagination button {
    float: left;
}

.cui-grid-pagination-txt .ui-button-text {
    padding: 0.4em 0.6em;
}

.cui-grid-main table tr td .cui-grid-browser-resultInfo {
    text-align: right;
    float: right; /* NEW *//*width:335px;*/
    padding-top: 3px;
}

.score-ui-grid-quicksearch {
    position: absolute;
    top: -49px;
    right: 34px;
    width: 180px;
    text-align: right;
}

.score-ui-grid-column-options {
    position: absolute;
    top: -49px;
    right: 0;
    text-align: right;
}

.score-ui-grid-column-options button {
    position: absolute;
    right: 0;
}

/* Grid end *//* UI Form */
.cui-form-main {
    width: 100%;
    float: left;
}

.cui-form-main .cui-form-elem {
    float: left;
    margin-bottom: 15px; /*background-color:#CCDEEF;*/
    margin-right: 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.percent85 {
    width: 550px;
}

.percent50 {
    width: 47.5%;
}

.percent30 {
    width: 247px;
}

.cui-form-main fieldset {
    padding: 15px;
    border-color: #EEEEEE;
    border-style: solid;
    border-width: 1px 0 0;
}

.cui-form-main a {
    color: #00803F;
    text-decoration: underline;
}

.cui-form-main fieldset p {
    padding-bottom: 8px; /* NEW *//*height: 25px;*/
    clear: both;
}

.cui-form-main fieldset legend {
    padding-top: 10px;
    font-size: 1.1em;
    margin-left: -16px;
    padding: 0 1em 0 0;
    text-transform: uppercase;
    color: #999;
}

.cui-form-main .label-default {
    display: block;
    font-size: 1.1em;
    color: #999;
    margin-bottom: 2px;
}

.cui-form-main .cui-form-entry {
    margin-bottom: 10px;
}

.cui-form-main input[type=text], .cui-form-main input[type=password] {
    width: 100%;
    margin-right: 1.1%;
}

.field-disabled {
    border: 1px solid #FFFFFF !important;
    cursor: default;
    font-size: 1.1em;
    color: #333;
    padding: 2px;
    margin-right: 1.1%;
    -webkit-appearance: none;
    margin-left: 0px;
}

.cui-form-main fieldset textarea, .cui-form-main textarea {
    width: 68%;
    margin-top: 2px;
    margin-right: 1.1%;
    resize: none;
}

.cui-form-main span .cui-jqui-buttons {
    width: 70%;
    float: left;
    height: 20px;
}

/* UI Form End */
#cui-view-footer {
    padding: 15px;
    font-size: 0.85em;
    color: #0f6fb2;
}

#cui-view-footer a {
    color: #7fa6d3;
    font-weight: bold;
}

#cui-view-footer a:hover {
    color: #fff;
}

#cui-view-footer .cui-view-footer-logo {
    float: left;
    width: 130px;
}

#cui-view-footer .cui-view-footer-impressum {
    float: left;
    width: 890px;
    padding-top: 3px;
    line-height: 1.4em;
}

#cui-view-footer .cui-view-footer-impressum a {
    display: block;
    float: left;
    margin-right: 10px;
}

/* Inline Labelling */
.cui-container .cui-inlinelabel-search {
    position: absolute;
    top: 10px;
    left: 10px;
    color: grey;
    display: none;
    font-size: 1.1em;
    cursor: text;
}

.placeholder {
    color: grey;
}

/* END Inline Labelling */
.cui-grid-filters {
    padding-top: 4px;
}

.cui-grid-filters-entry {
    cursor: pointer;
}

.cui-grid-filters-entry td {
    padding: 10px 0 10px 10px !important;
    border-bottom: none !important;
}

.cui-grid-filters-entry td.cui-grid-filters-entry-symbol {
    background-color: #D3D3D3;
    width: 1px;
    padding: 3px 0 3px 5px !important;
}

.cui-grid-filters-entry.cui-grid-filters-entry-active td.cui-grid-filters-entry-symbol {
    background-color: #808080;
}

.cui-grid-filters-entry.cui-grid-filters-entry-first td.cui-grid-filters-entry-symbol {
    border-radius: 5px 5px 0 0;
}

.cui-grid-filters-entry.cui-grid-filters-entry-last td.cui-grid-filters-entry-symbol {
    border-radius: 0 0 5px 5px;
}

.cui-grid-filters-entry.cui-grid-filters-entry-active td.cui-grid-filters-entry-name {
    font-weight: bold;
}

.cui-grid-filters-entry td.cui-grid-filters-entry-name div {
    float: left;
    padding-right: 5px;
}

.cui-grid-filters-entry td.cui-grid-filters-entry-name .cui-grid-filters-entry-count {
    color: #808080;
    font-size: 0.8em;
    padding-top: 2px;
    font-weight: normal;
}

.cui-grid-filters-entry:hover td {
    font-weight: bold;
}

.cui-grid-filters-entry-disabled {
    color: lightgrey;
}

.cui-grid-filters-title {
    color: #999;
    text-transform: uppercase;
    padding-bottom: 6px;
    margin-top: -7px;
}

#right_column {
    float: left; /*margin: 15px; */
    margin-top: 25px; /*margin-bottom: 25px;*/
    display: block;
    position: relative; /*margin-left: 250px;*/
    width: 100%;
}

#Core_NavContainer > div > ul {
    border-top: 1px solid #CDCDCD;
}

.button_width_135px {
    width: 135px;
}

/*#subtabscontainer {z-index: 500; position: absolute;}*/
.quicksearch {
    display: none;
    position: absolute;
    right: 30px;
    width: 152px;
    top: 0;
}

.quicksearch_mode {
    display: none;
    position: absolute;
    right: 187px;
    width: 110px;
}

.ui-dialog .ui-dialog-content {
    overflow: visible;
}

.cui-container-navContainer-wrapper {
    margin-top: 50px;
    float: left;
    position: relative;
    width: 170px;
    margin-left: -195px;
}

.contentcontainer {
    display: none;
    float: left;
    width: 100%;
    border-left: 1px #CDCDCD solid;
    margin-left: -25px;
    padding-left: 25px;
    padding-bottom: 25px;
    min-height: 400px;
}

.a-right {
    text-align: right;
    position: relative;
}

#UI_Window_Uploading {
    border: 1px solid rgba(0, 0, 0, .333);
    padding: 1px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    height: 10px;
}

#UI_Window_Uploading div {
    width: 1px;
    height: 100%;
    background-color: #6188F5;
    background-repeat: repeat-x;
    background-position: 0 0;
    background-size: 16px 8px;
    background-image: -webkit-linear-gradient(315deg, transparent, transparent 33%, rgba(0, 0, 0, 0.12) 33%, rgba(0, 0, 0, 0.12) 66%, transparent 66%, transparent);
    background-image: -moz-linear-gradient(315deg, transparent, transparent 33%, rgba(0, 0, 0, 0.12) 33%, rgba(0, 0, 0, 0.12) 66%, transparent 66%, transparent);
    background-image: -o-linear-gradient(315deg, transparent, transparent 33%, rgba(0, 0, 0, 0.12) 33%, rgba(0, 0, 0, 0.12) 66%, transparent 66%, transparent);
    background-image: linear-gradient(315deg, transparent, transparent 33%, rgba(0, 0, 0, 0.12) 33%, rgba(0, 0, 0, 0.12) 66%, transparent 66%, transparent);
    -webkit-animation: pb 0.8s linear 0 infinite;
}

/*Markdown buttons*/
.cui-button-markdown {
    width: 28px;
    margin: 0;
}

.cui-button-markdown.next {
    margin-left: -2px;
}

.cui-buttons-container-markdown {
    float: right;
    margin-bottom: 2px;
}

/* Action buttons */
.cui-button-action {
    position: relative;
    float: left;
    z-index: 200;
    margin-right: 7px;
}

.cui-button-action-children {
    background-color: white;
    width: 100%;
    display: none;
    position: absolute;
}

.cui-button-action button.cui-button-action-sticky {
    margin-left: -8px;
}

button.ui-button-icon-only {
    height: 26px;
}

.cui-button-action button.ui-button-icon-only {
    height: 29px;
}

.cui-form-entry button.ui-button-icon-only {
    top: -1px;
}

/* 2-step auth*/
.auth-2-step-secret {
    text-align: center;
}

/* help */
.mc-caption-bg {
    opacity: 1 !important;
}

#slider {
    height: 400px !important;
}

.console {
    font-family: Courier;
    color: #CCCCCC;
    background: #000000;
    border: 3px double #CCCCCC;
    padding: 10px;
    font-size: 1em;
    margin-right: 20px;
    margin-bottom: 20px;
}

.Chrome .cui-grid-main table tr td .cui-grid-toolbox-container {
    margin-top: -25px;
}

.Chrome .cui-button-action button.ui-button-icon-only {
    height: 26px;
}

/* http://www.menucool.com *//*slider frame*/
#sliderFrame {
    width: 920px;
    margin: 0 auto; /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/
    padding: 20px;
    box-shadow: 0 0 5px #BBB;
    border: 1px solid #CCC;
    background-color: #FFF;
}

#slider {
    float: left;
    width: 680px;
    height: 306px; /* Make it the same size as your images. */
    background: #fff url(loading.gif) no-repeat 50% 50%;
    position: relative;
    margin: 0 auto; /*make the image slider center-aligned */
}

#slider img {
    position: absolute;
    border: none;
    visibility: hidden;
}

/* the link style (if an image is wrapped in a link) */
#slider a.imgLink {
    z-index: 2;
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
    position: absolute;
    width: 400px;
    height: auto;
    padding: 10px;
    left: 120px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
    bottom: 10px; /*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
    z-index: 3;
    overflow: hidden;
    font-size: 0;
}

div.mc-caption-bg {
    background: #DDD; /*Caption background color. Can be set to "background:transparent;", or set to semi-transparent through the sliderOptions.captionOpacity setting in the javascript.*/
    border: 1px solid white;
    border-radius: 5px;
}

div.mc-caption-bg2 {
    background: none;
}

div.mc-caption {
    font: bold 13px/16px Arial;
    color: #069;
    z-index: 4;
    text-align: center;
    background: none;
}

div.mc-caption a {
    color: #060;
}

/* ------ built-in navigation bullets wrapper that is relative to the #slider ------*/
div.navBulletsWrapper {
    display: none;
}

/*thumbnails*/
#thumbs {
    float: left;
    margin-left: 10px;
    width: 230px;
    font: normal 11px/13px Arial;
    border-top: 1px solid #CCC;
    color: #666;
}

#thumbs .thumb {
    border: 1px solid #CCC;
    border-top: 1px solid #FFF;
    padding: 11px 8px;
    background: #EEE;
}

#thumbs .thumb-on {
    background: #FFF;
}

#thumbs img {
    border: 1px solid #DDD;
    cursor: pointer;
    width: 70px;
    height: 44px;
}

#thumbs .frame {
    float: left;
    padding: 2px;
    border: 1px solid #CCC;
    background: white;
    border-radius: 3px;
    box-shadow: 0 0 3px #BBB;
    font-size: 0;
    line-height: 0;
}

#thumbs .thumb-content {
    float: left;
    width: 110px;
    padding-left: 18px;
}

/* Captions in #thumbs .thumb-content */
#thumbs .thumb-content p {
    font-weight: bold;
    color: #BF5D9B;
    margin: 0 0 3px;
    padding: 0;
}

#thumbs .thumb-on .thumb-content p {
    color: #BB0000;
}

/* --------- Others ------- */
#slider {
    transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

/* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */
.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 100%;
    background: transparent;
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: transparent;
}

.jspVerticalBar *, .jspHorizontalBar * {
    margin: 0;
    padding: 0;
}

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    background: transparent;
    position: relative;
}

.jspDrag {
    background: #CDCDCD;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow {
    height: 16px;
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus {
    outline: none;
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
    margin: 0 -3px 0 0;
}

a:hover {
    color: #00803F;
}

.si-link {
    color: #00803F;
}

.cui-error-text {
    color: #FF0000;
}

.cui-header {
    text-transform: uppercase;
    padding: 5px 0;
    color: #999;
}

.lettercontentframe ul {
    list-style: disc;
    margin-left: 26px;
}

.lettercontentframe ol {
    list-style: decimal;
    margin-left: 26px;
}

.lettercontentframe p {
    margin-top: 10px;
    margin-bottom: 10px;
}

.cui-1-label-clientlist {
    background-color: #E7F6E6;
    color: #555555;
    padding: 3px 6px;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    border-radius: 5px; /* CSS3 */
    float: left;
    margin-right: 6px;
    margin-bottom: 4px;
    margin-top: 1px;
    border: 1px #CDCDCD solid;
}

.cui-1-disabledlabel {
    background-color: #E7F6E6;
    color: #555555;
    border: 1px #CDCDCD solid;
    padding: 4px 8px;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    border-radius: 5px; /* CSS3 */
    float: left;
    margin-right: 10px;
    margin-bottom: 4px;
}

.cui-1-layouter-dragelement {
    border: 0px;
    margin-left: -4px;
}

.cui-1-borderradius-onlyright {
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
}

.cui-1-borderradius-onlybottom {
    -moz-border-radius: 0 0px 2px 2px;
    -webkit-border-radius: 0 0px 2px 2px;
    border-radius: 0 0px 2px 2px;
}

.cui-1-invoice-detailborder {
    -moz-border-radius: 2px 0 2px 2px; /* Firefox */
    -webkit-border-radius: 2px 0 2px 2px; /* Safari, Chrome */
    border-radius: 2px 0 2px 2px; /* CSS3 */
}

.cui-1-rowcol-status {
    -moz-border-radius: 2x; /* Firefox */
    -webkit-border-radius: 2px; /* Safari, Chrome */
    border-radius: 2px; /* CSS3 */
    display: inline-block;
    padding: 4px 7px;
    font-size: 0.9em;
    font-weight: bold;
    color: white;
}

.cui-1-invoicestatushistorybox {
    padding: 3px 6px;
    margin-right: 5px;
}

.cui-1-startpage-alinks {
    text-decoration: none !important;
}

.cui-1-startpage-alinks:hover {
    text-decoration: underline !important;
}

.cui-1-invoicestatus {
    font-size: 1.4em;
    position: absolute;
    width: 221px;
    text-align: center;
    padding: 5px;
    top: 0px;
    left: 184px;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
}

.cui-1-status-startpage-amount {
    border-radius: 0px 10px 10px 0px;
    display: inline-block;
    color: white;
    padding: 6px 13px;
    font-size: 1em;
    border-left: 1px white solid;
    padding: 7px 10px 6px 10px;
}

.cui-1-status-startpage-calc {
    border-radius: 0px;
}

.cui-1-status-startpage {
    font-size: 1.1em;
    text-align: center;
    padding: 6px 13px;
    font-weight: normal;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 10px;
    -webkit-bottom-left-radius: 10px;
    -webkit-bottom-right-radius: 0px;
    -webkit-top-left-radius: 10px;
    -webkit-top-right-radius: 0px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 0px;
    -khtml-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 0px;
    -khtml-border-top-left-radius: 10px;
    -khtml-border-top-right-radius: 0px;
}

.cui-1-status-red {
    background-color: red;
}

.cui-1-status-red1 {
    background-color: #FF8F8F;
}

.cui-1-status-red2 {
    background-color: #FF5C5C;
}

.cui-1-status-green2 {
    background-color: #6FC77A;
}

.cui-1-status-black {
    background-color: #444444;
}

.cui-1-status-blue {
    background-color: #1199FF;
}

.cui-1-status-green {
    background-color: #00803F;
}

.cui-1-status-grey {
    background-color: #BBBBBB;
}

.cui-1-pdfpages {
    margin-top: -3px;
    margin-left: 12px
}

.cui-1-pdfpages .inactive {
    color: gray;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.nav-view13_overview, .nav-view14_overview, .nav-view13_dashboard, .nav-view14_dashboard, .nav-view20_dashboard, .nav-view21_dashboard, .nav-view22_dashboard, .nav-view23_dashboard {
    background-image: url(images/navicons/icon-home.png);
}

.nav-view13_facturing {
    background-image: url(images/navicons/icon-fakturierung.png);
}

.nav-view13_facturing_billing, .nav-view13_facturing_offering, .nav-view13_facturing_confirmation, .nav-view17_invoices, .nav-view17_offers {
    background-image: url(images/navicons/icon-note.png);
}

.nav-view13_catalog, .nav-view24_accounting, .nav-view24_accountant {
    background-image: url(images/navicons/icon-database.png);
}

.nav-view13_configuration_texts {
    background-image: url(images/navicons/icon-newsletter.png);
}

.nav-view13_configuration, .nav-view13_configuration_templates, .nav-view22_configuration {
    background-image: url(images/navicons/icon-config.png);
}

.nav-view13_sendcenter {
    background-image: url(images/navicons/icon-mail.png);
}

.nav-view13_catalog_services, .nav-view13_catalog_products {
    background-image: url(images/navicons/icon-database.png);
}

.nav-view13_configuration_company {
    background-image: url(images/navicons/icon-switch.png);
}

.nav-view13_configuration_layout {
    background-image: url(images/navicons/icon-computer.png);
}

.nav-view13_configuration_myproducts {
    background-image: url(images/navicons/icon-basket.png);
}

.nav-view13_statistics {
    background-image: url(images/navicons/icon-statistics.png);
}

.nav-view13_facturing_receipts, .nav-view17_receipts {
    background-image: url(images/navicons/icon-deliveryreceipt.png);
}

.nav-view22_configuration_integration {
    background-image: url(images/navicons/icon-integrate.png);
}

.nav-view13_data {
    background-image: url(images/navicons/icon-data.png);
}

.nav-view13_data_import, .nav-view13_data_statements {
    background-image: url(images/navicons/icon-import.png);
}

.nav-view13_data_export {
    background-image: url(images/navicons/icon-export.png);
}

.cui-1-invoice-actionactive {
    background-color: #7fa6d3 !important;
}

.cui-1-invoice-actionactive a {
    color: white !important;
}

.cui-1-row-lineheight12 td {
    line-height: 1.2em;
}

.cui-1-fontcolor-red {
    color: #BB0000;
}

/* INVOICE STYLING */
.invoice_box {
    width: 528px;
    height: auto;
    float: left;
    border: 1px #ccc solid;
    display: block;
    box-shadow: 2px 2px 4px #ccc;
    -moz-box-shadow: 2px 2px 4px #ccc;
    -webkit-box-shadow: 2px 2px 4px #ccc;
    margin-bottom: 20px;
    padding: 0;
    background-size: 100%;
}

.cui-1-invoicecolumn {
    left: 596px;
}

.document-tabs-column {
    position: absolute;
    width: 250px;
    height: 845px;
    left: 596px;
}

.document-tabs-column .invoice_box {
    height: auto;
}

.invoice_box.document-tab {
    width: 220px;
    padding: 0 0 20px 25px;
    margin-left: 0;
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
}

.invoice_box.document-tab-advertisement {
    border-radius: 0 10px 10px 0;
}

.invoice_box.document-tab .document-tab-title {
    padding-top: 20px;
    padding-bottom: 10px;
    color: #999;
    text-transform: uppercase;
}

.invoice_box.document-tab .document-tab-title a {
    color: grey;
}

.invoice_box table thead td, table thead th, table tbody td, table tbody th, table tfoot th, table td {
    padding: 6px 15px;
}

.invoice {
    width: 528px;
    height: auto;
    pading: 0;
    margin: 0;
    display: block;
    font-size: 0.8em;
}

.invoice_title {
    font-size: 1.5em;
    display: block;
    margin-top: 30px;
    font-weight: bold;
    string-set: doctitle content();
}

.invoice.big .invoice_title {
    margin-top: 60px;
}

.invoice_title {
    page-break-before: avoid;
    page-break-after: avoid;
    position: relative;
}

.invoice .invoice_details {
    float: right; /*width: 41%;*/
}

.invoice address {
    float: left;
    font-style: normal;
    line-height: 135%;
}

.invoice {
    line-height: 120%
}

.invoice_details { /*border-top: 1px #adadae solid;*/
    border-bottom: 1px solid #ADADAE;
}

.invoice_details tfoot { /*background: #eeeeee;*/
}

.invoice_details tfoot th, .invoice_details tfoot td {
    border: none;
}

.invoice_details tfoot th {
    text-align: left;
}

.invoice_details tbody th {
    font-weight: normal;
}

.invoice_details td {
    text-align: right;
}

.invoice_details td, .invoice_details th {
    padding: 2px 0px;
}

.invoice_listing {
    margin-top: 30px;
    border-bottom: 1px #000 solid;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
}

.invoice_listing .tr {
    text-align: right;
}

.tl {
    vertical-align: top;
}

.tr {
    vertical-align: top;
}

.big .invoice_listing {
    margin-top: 50px;
}

.invoice_listing td.no_left_padding, #invoice_listing th.no_left_padding, table .no_left_padding {
    padding-left: 0;
}

.invoice_listing td.no_right_padding, #invoice_listing th.no_right_padding, table .no_right_padding {
    padding-right: 0;
}

.invoice_summary { /*width: 41%;*/
    float: right;
    page-break-inside: avoid;
    page-break-before: avoid;
    position: relative;
}

.invoice_summary th {
    width: 70%;
}

.invoice_summary th, .invoice_summary td {
    padding: 6px 0;
}

.invoice_summary td {
    text-align: right;
}

.invoice_summary tr.summe {
    border-bottom: 1px #000 solid;
}

.invoice_summary tr.summe td, .invoice_summary tr.summe th {
    padding-bottom: 3px;
}

.invoice_summary th {
    padding-left: 3px;
}

.invoice_summary tfoot th {
    text-align: left;
    padding-left: 3px;
}

.invoice_summary tfoot th, .invoice_summary tfoot td {
    border: none;
}

.invoice_summary tfoot { /*background: #eee;*/
}

/* INVOICE STYLING END *//* DRAGLAYOUT START */
#cui-preview-draggable-boxes {
    height: 250px;
    padding: 36px 31px 36px 36px;
}

.border10px {
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari, Chrome */
    border-radius: 10px; /* CSS3 */
}

.border5px {
    -moz-border-radius: 5px !important; /* Firefox */
    -webkit-border-radius: 5px !important; /* Safari, Chrome */
    border-radius: 5px !important; /* CSS3 */
}

#cui-preview-draggable-box-companyaddress {
    width: 165px;
    height: 100px;
    font-weight: normal;
    font-size: 0.8em;
    color: black;
}

#cui-preview-draggable-box-infobox {
    width: 200px;
    height: 87px;
}

#cui-preview-draggable-box-customeraddress {
    width: 180px;
    height: 63px;
    font-weight: normal;
    font-size: 0.8em;
    color: black;
}

#cui-preview-input-wrapper-page-break-height {
    float: right;
    width: 50%;
}

.cui-previews-list li.default a img {
    border: 1px #00803f solid;
}

/* DRAGLAYOUT END */
.ui-autocomplete {
    border-radius: 0px !important;
    border-color: lightgray !important;
}

.ui-autocomplete .ui-menu-item .ui-state-hover {
    background-color: #EFEFEF !important;
    border: 1px white solid !important;
    background: #EFEFEF !important;
    border-radius: 0px !important;
    font-weight: bold !important;
    color: black !important;
}

.placeholder {
    color: gray !important;
}

.view13_document_edit_input, .view13_document_layout_input {
    border: 1px #CCC solid;
    box-shadow: -5px 1px 16px -2px rgba(0, 0, 0, .2) !important;
    -moz-box-shadow: -5px 1px 16px -2px rgba(0, 0, 0, .2) !important;
    -webkit-box-shadow: -5px 1px 16px -2px rgba(0, 0, 0, .2) !important;
    float: right;
    margin-top: 0px;
    margin-right: 1px;
    -moz-border-radius: 2px 0 2px 2px;
    -webkit-border-radius: 2px 0 2px 2px;
    border-radius: 2px 0 2px 2px;
    padding: 10px;
    border-right: 0px;
    background: white;
    display: none;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 14;
}

.view13_document_layout_input {
    margin-right: 0px;
}

.no_shadow {
    background: white;
    width: 10px;
    top: 0;
    left: -4px;
    position: absolute;
}

.document-edit-text-label {
    color: #999;
    text-transform: uppercase;
    margin-bottom: 7px;
    font-weight: normal;
}

.document-edit-textarea {
    resize: none;
}

.document-edit-input, .dataTables_filter input {
    margin: 2px 0;
}

.document-edit-select, .dataTables_length select {
    margin: 2px 0;
}

span.multidocument-selected-clients {
    width: 219px;
    display: none;;
}

span.multidocument-selected-number, span.multidocument-selected-discount {
    width: 110px;
    display: none;
    line-height: 26px;
    margin: 2px 0;
}

.document-edit-entry {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

.document-edit-entry button.ui-button-icon-only {
    top: -1px;
}

.document-edit-inputs-block-column {
    float: left;
    width: 125px;
}

.document-edit-inputs-block-column .document-edit-input {
    width: 110px;
}

.document-edit-inputs-block-column .document-edit-select {
    width: 114px;
}

.document-edit-input.hasDatepicker {
    width: 90px;
    margin-right: 2px;
}

.document-edit-entry ul.layout-column-options {
    width: 250px;
}

.document-edit-text-label-positions {
    padding-bottom: 20px !important;
}

.document-edit-pos-table td {
    padding: 0px;
    vertical-align: top;
}

.document-edit-conditions-row {
    padding-bottom: 5px;
    width: 558px;
}

.jspDrag {
    -moz-border-radius: 2px; /* Firefox */
    -webkit-border-radius: 2px; /* Safari, Chrome */
    border-radius: 2px; /* CSS3 */
}

.cui-payments-entry {
    margin-bottom: 4px;
    position: relative;
}

.cui-13-effortselector select {
    width: 165px;
}

.cui-13-effortselector input[type="text"] {
    width: 69px;
}

.dataTable .row_selected {
    font-weight: bold;
}

table.dataTable tr.odd, table.dataTable tr.even {
    background-color: transparent;
    cursor: pointer;
}

table.dataTable tr.odd td, table.dataTable tr.even td {
    border-bottom: 1px lightGrey solid;
}

table.dataTable tr.even td.sorting_1 {
    background-color: transparent;
}

table.dataTable tr.odd td.sorting_1 {
    background-color: transparent;
}

table.dataTable thead th {
    border-bottom: 1px lightGrey solid;
    color: #999;
    text-transform: uppercase;
    font-weight: normal;
}

table.dataTable td {
    padding: 6px 10px;
}

.dataTables_info {
    padding-top: 7px;
    padding-left: 10px;
}

.dataTables_length {
    padding-left: 10px;
}

.dataTable {
    margin-bottom: 10px !important;
}

.dataTables_paginate {
    padding-top: 3px;
    margin-right: 68px;
}

.positions_header, .positions_services_actions, .positions_services_list, .positions_products_actions, .positions_products_list { /*min-height: 20px;*//*margin-top: 10px;*/
}

.positions_header div, .positions_services_actions div, .positions_products_actions div {
    float: left;
    padding: 0 5px;
    margin: 0 2px 0 2px;
}

.positions_header .position-toggler {
    cursor: pointer;
    float: left;
    margin-top: -8px;
    visibility: hidden;
    margin-left: -7px;
    margin-right: -3px;
}

.positions_services_actions, .positions_products_actions {
    margin: 5px 0 5px 16px;
}

.positions_services_list .autofillButton, .positions_products_list .autofillButton {
    cursor: pointer;
    display: none;
    margin-left: 5px;
}

.positions_list .show-document-article-number > span {
    display: inline-block;
    vertical-align: top;
}

.positions_services_list textarea, .positions_services_list input, .positions_services_list select, .positions_products_list textarea, .positions_products_list input, .positions_products_list select {
    vertical-align: top;
}

.positions .document-name {
    width: 250px;
}

.positions .document-amount {
    width: 45px; /*width for 3 digits*/
}

.positions .document-price {
    width: 55px; /*width for 5 digits*/
}

.positions .document-unit {
    width: 83px; /*with for defined units*/
}

.positions .document-vat {
    width: 30px; /*more than 30 makes problems with chrome, delete icon goes to next line*/
}

.positions .ui-icon {
    display: inline-block;
    vertical-align: top;
}

.positions .ui-icon-arrowthick-2-n-s {
    visibility: hidden;
}

.positions_products_list .hidden, .positions_services_list .hidden {
    display: none;
}

.positions_products_list .hidden, .positions_services_list .hidden, .positions_services_list .visible, .positions_products_list .visible { /*margin-bottom: 30px;*/
    margin-top: 6px;
    margin-left: 19px;
}

.positions_products_list .hidden div, .positions_services_list .hidden div, .positions_services_list .visible div, .positions_products_list .visible div {
    float: left;
}

.positions .document-edit-label {
    font-size: 8px;
    margin-left: 4px;
    text-transform: uppercase;
    color: #999;
}

.positions .document-edit-input, .positions .document-edit-textarea, .positions .document-edit-select {
    margin: 0 2px 0 2px;
}

.positions .document-description {
    height: 62px;
    width: 250px;
    margin-left: 3px;
}

.positions_services_list, .positions_products_list {
    clear: left;
    margin-bottom: 10px;
}

.positions .extended-data a.clicked {
    color: #000000;
}

.positions .extended-data {
    max-width: 252px;
    margin-left: 5px;
}

.positions .extended-data div {
    position: absolute;
    margin-top: 20px;
    overflow: hidden;
    height: 0;
    width: 0;
    margin-left: 0;
}

.positions .new-options {
    background: white;
    display: none;; /*width: 425px;*/
}

.document-edit-positions-add-list .si-link {
    text-decoration: underline;
}

.positions .total-data {
    float: right;
    margin: 9px 33px 0 0;
    line-height: 1.5em;
}

.positions .extended-data input {
    margin-left: 0;
}

.positions .position_copy_button {
    margin-left: -26px;
    margin-right: -4px;
    visibility: hidden;
}

.paginate_disabled_previous, .paginate_disabled_previous:hover, .paginate_enabled_previous, .paginate_enabled_previous:hover {
    background: url(images/uiicons.png) no-repeat top left;
    width: 16px;
    padding: 0px;
    background-position: -93px -46px;
}

.paginate_disabled_next, .paginate_disabled_next:hover, .paginate_enabled_next, .paginate_enabled_next:hover {
    background: url(images/uiicons.png) no-repeat top left;
    width: 16px;
    padding: 0px;
    background-position: -31px -46px;
}

.positions_list li {
    margin-bottom: 10px;
}

.positions_list .clickable {
    width: 580px;
}

.positions_list .sa274-hoovericon {
    margin-left: -7px;
    margin-right: -3px;
}

.process-auto-placeholder {
    display: none;
    line-height: 23px;
    vertical-align: middle;
    margin-top: 9px;
    width: 200px;
}

.ui-tooltip-simenu .ui-tooltip-content {
    background-color: white;
    border-color: lightgray;
    font-size: 1.2em;
    cursor: pointer;
}

.document-edit-entry-700 {
    width: 700px;
}

.selector_align_right {
    text-align: right;
}

.cui-1-invoicebuttons {
    position: absolute;
    left: 564px;
    top: 7px;
}

.cui-1-invoicesubcolumn {
    position: absolute;
    width: 0;
    margin-left: 597px;
}

#view13configurationlayouttabbilllayoutdefault_right_column .invoice_box {
    height: auto;
}

#contentcontainer .plans_button {
    display: block;
    border-radius: 2px;
    background: #C5C5C5;
    padding: 5px 0;
    width: 100px;
    text-align: center;
    vertical-align: middle;
    color: white;
    text-decoration: none;
}

#contentcontainer .plans_button.active {
    background: #00803F;
}

#contentcontainer .plans_header {
    text-align: center;
    font-size: 1.3em;
    padding-right: 25px;
}

#contentcontainer .plans_line {
    border-right: solid 25px white;
}

/* Grid filters colors */
.cui-grid-filters-entry td.cui-grid-filters-entry-symbol {
    background-color: lightgreen;
}

.cui-grid-filters-entry.cui-grid-filters-entry-active td.cui-grid-filters-entry-symbol {
    background-color: green;
}

/* Document edition */
#contentcontainer a.link {
    color: #00803F;
    text-decoration: underline;
}

.document-tab .further-invoices a.link {
    white-space: nowrap;
}

.further-invoices .cui-grid-browser-resultInfo, .further-invoices .score-ui-grid-quicksearch {
    display: none;
}

.cui-13-bill-process-column {
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
}

.cui-13-bill-process-row {
    clear: both;
}

.cui-13-bill-process-column.column-active {
    width: 40px;
    text-align: center;
}

.cui-13-bill-process-row .cui-13-bill-process-column.column-active {
    padding-top: 3px;
}

.cui-13-bill-process-column.column-status {
    width: 85px;
}

.cui-13-bill-process-row .cui-13-bill-process-column.column-status {
    padding-top: 7px;
}

.cui-13-bill-process-column.column-days {
    width: 120px;
}

.cui-13-bill-process-column.column-action {
    width: 130px;
}

.cui-13-bill-process-column.column-options {
    width: 300px;
}

.cui-13-bill-process-column.column-days .cui-13-bill-process-days {
    width: 30px;
}

.cui-13-bill-process-column.column-days .cui-13-bill-process-date {
    font-size: smaller;
}

.cui-13-bill-process-column.column-action .cui-13-bill-process-action {
    width: 120px;
}

.cui-13-bill-process-column.column-options .cui-13-bill-process-action-options.action-remind-me {
    padding-top: 7px;
}

.cui-13-default-texts .cui-13-default-texts-warning {
    padding-bottom: 5px;
}

.cui-13-default-texts .cui-13-default-texts-text {
    padding: 3px 0 5px 10px;
}

/* Send documents via email dialog */
.send-many-via-email-wrapper {
    width: 100%;
    float: left;
}

.send-many-via-email-wrapper .form-wrapper {
    float: left;
    width: 49%;
    margin-right: 10px;
}

.send-many-via-email-wrapper .grid-wrapper {
    float: left;
    width: 49%;
}

.error-message {
    color: #FF0000;
}

/*Overview*/
.cui-overview-documents {
    float: left;
    width: 50%;
}

.cui-overview-top {
    float: left;
    width: 50%;
}

.cui-overview-box {
    border-radius: 2px;
    margin-right: 50px;
    margin-bottom: 20px;
}

.cui-overview-box-title {
    text-transform: uppercase;
    padding: 5px 0;
    color: #00803f;
    color: #999;
}

.cui-overview-documents-previews .cui-overview-document-preview-wrapper {
    width: 180px;
    height: 252px;
    float: left;
    margin-right: 5px;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 4px #ccc;
    text-align: center;
    padding: 3px 0;
}

.cui-overview-documents-previews .cui-overview-document-preview-wrapper img.cui-overview-document-preview {
    width: 180px;
    display: none;
}

.cui-overview-documents-previews .cui-overview-document-preview-wrapper img.cui-overview-document-preview-loading {
    padding-top: 100px;
}

@media screen and (max-width: 1200px) {
    .invoice_box, .cui-preview-responsive {
        width: 542px;
        height: 767px;
    }

    .cui-1-previewloading, .cui-1-previewclickhint {
        left: 121px;
    }

    .cui-1-invoicestatus {
        left: 160px; /*(542-221)/2*/
    }

    .cui-1-invoicebuttons {
        left: 508px; /*542-34*/
    }

    .cui-1-invoicecolumn {
        left: 544px; /*542+2*/
    }

    .cui-1-invoicesubcolumn {
        margin-left: 544px;
    }

    .cui-overview-document-preview-wrapper:nth-of-type(2), .cui-overview-document-preview-wrapper:nth-of-type(3) {
        display: none;
    }

    .further-invoices {
        display: none;
    }
}

@media screen and (min-width: 1201px) and (max-width: 1300px) {
    .invoice_box, .cui-preview-responsive {
        width: 542px;
        height: 767px;
    }

    .cui-1-previewloading, .cui-1-previewclickhint {
        left: 121px;
    }

    .cui-1-invoicestatus {
        left: 160px; /*(542-221)/2*/
    }

    .cui-1-invoicebuttons {
        left: 508px; /*542-34*/
    }

    .cui-1-invoicecolumn {
        left: 544px; /*542+2*/
    }

    .cui-1-invoicesubcolumn {
        margin-left: 544px;
    }

    .cui-overview-document-preview-wrapper:nth-of-type(3) {
        display: none;
    }

    .further-invoices {
        display: none;
    }
}

@media screen and (min-width: 1301px) and (max-width: 1400px) {
    .invoice_box, .cui-preview-responsive {
        width: 632px;
        height: 894px;
    }

    .cui-1-previewloading, .cui-1-previewclickhint {
        left: 166px;
    }

    .cui-1-invoicestatus {
        left: 205px; /*(632-221)/2*/
    }

    .cui-1-invoicebuttons {
        left: 598px; /*632-34*/
    }

    .cui-1-invoicecolumn {
        left: 634px; /*632+2*/
    }

    .cui-1-invoicesubcolumn {
        margin-left: 634px;
    }

    .cui-overview-document-preview-wrapper:nth-of-type(3) {
        display: none;
    }
}

@media screen and (min-width: 1401px) and (max-width: 1500px) {
    .invoice_box, .cui-preview-responsive {
        width: 722px;
        height: 1022px;
    }

    .cui-1-previewloading, .cui-1-previewclickhint {
        left: 211px;
    }

    .cui-1-invoicestatus {
        left: 250px; /*(722-221)/2*/
    }

    .cui-1-invoicebuttons {
        left: 688px; /*722-34*/
    }

    .cui-1-invoicecolumn {
        left: 724px; /*722+2*/
    }

    .cui-1-invoicesubcolumn {
        margin-left: 724px;
    }

    .cui-overview-document-preview-wrapper:nth-of-type(3) {
        display: none;
    }
}

@media screen and (min-width: 1501px) and (max-width: 1600px) {
    .invoice_box, .cui-preview-responsive {
        width: 812px;
        height: 1149px;
    }

    .cui-1-previewloading, .cui-1-previewclickhint {
        left: 256px;
    }

    .cui-1-invoicestatus {
        left: 296px; /*(812-221)/2*/
    }

    .cui-1-invoicebuttons {
        left: 778px; /*812-34*/
    }

    .cui-1-invoicecolumn {
        left: 814px; /*812+2*/
    }

    .cui-1-invoicesubcolumn {
        margin-left: 814px;
    }

    .cui-overview-document-preview-wrapper:nth-of-type(3) {
        display: none;
    }
}

@media screen and (min-width: 1601px) and (max-width: 1670px) {
    .invoice_box, .cui-preview-responsive {
        width: 902px;
        height: 1276px;
    }

    .cui-1-previewloading, .cui-1-previewclickhint {
        left: 301px;
    }

    .cui-1-invoicestatus {
        left: 340px; /*(902-221)/2*/
    }

    .cui-1-invoicebuttons {
        left: 868px; /*902-34*/
    }

    .cui-1-invoicecolumn {
        left: 904px; /*902+2*/
    }

    .cui-1-invoicesubcolumn {
        margin-left: 904px;
    }
}

@media screen and (min-width: 1671px) and (max-width: 1770px) {
    .invoice_box, .cui-preview-responsive {
        width: 972px;
        height: 1374px;
    }

    .cui-1-previewloading, .cui-1-previewclickhint {
        left: 329px;
    }

    .cui-1-invoicestatus {
        left: 368px; /*(957-221)/2*/
    }

    .cui-1-invoicebuttons {
        left: 937px; /*957-34*/
    }

    .cui-1-invoicecolumn {
        left: 974px; /*957+2*/
    }

    .cui-1-invoicesubcolumn {
        margin-left: 974px;
    }
}

@media screen and (min-width: 1771px) and (max-width: 1870px) {
    .invoice_box, .cui-preview-responsive {
        width: 1050px; /* 210*5 */
        height: 1485px; /* 297*5 */
    }

    .cui-1-previewloading, .cui-1-previewclickhint {
        left: 375px; /*(1050-300)/2*/
    }

    .cui-1-invoicestatus {
        left: 410px; /*(1050-231)/2*/
    }

    .cui-1-invoicecolumn {
        left: 1052px; /*1050+2*/
    }

    .cui-1-invoicesubcolumn {
        margin-left: 1052px;
    }
}

@media screen and (min-width: 1871px) {
    .invoice_box, .cui-preview-responsive {
        width: 1155px; /* 210*5.5 */
        height: 1634px; /* 297*5.5 */
    }

    .cui-1-previewloading, .cui-1-previewclickhint {
        left: 428px; /*(1155-300)/2*/
    }

    .cui-1-invoicestatus {
        left: 462px; /*(1155-231)/2*/
    }

    .cui-1-invoicecolumn {
        left: 1157px; /*1155+2*/
    }

    .cui-1-invoicesubcolumn {
        margin-left: 1157px;
    }
}

.cost-payments-totals .totals-values {
    display: none;
}

.cost-payments-totals .totals-values span {
    font-weight: bold;
}

.cost-payments-totals .totals-loader, .cost-payments-totals .totals-values .error {
    color: red;
}

.nav-view21_cost {
    background-image: url(/images/navicons/icon-fakturierung.png);
}

.nav-view21_creditor {
    background-image: url(/images/navicons/clients/icon-clients.png);
}

.nav-view21_category {
    background-image: url(/images/navicons/icon-database.png);
}

.nav-view21_data {
    background-image: url(/images/navicons/icon-data.png);
}

.nav-view21_data_statements {
    background-image: url(/images/navicons/icon-import.png);
}

.nav-view21_data_export {
    background-image: url(/images/navicons/icon-export.png);
}

.nav-view21_configuration {
    background-image: url(/images/navicons/icon-config.png);
}

.cui-6-pdetail-bookingentry {
    padding: 8px 5px 8px 5px;
    border-top: 1px lightgrey solid;
}

.cui-6-pdetail-bookingentry-first {
    border-top: 0px;
}

.cui-6-buchungpos {
    border: 0 !important;
    border-top: 1px #EFEFEF solid !important;
}

.cui-6-verticalalign-top {
    vertical-align: top;
}

.cui-6-buchungpos-first {
    border-top: 0px !important;
    padding-top: 12px !important;
}

.cui-6-buchungpos-new {
    border-top: 0px !important;
    vertical-align: top;
}

.cui-6-buchungsposline:hover div {
    display: block !important;
    font-weight: bold;
}

.cui-6-buchungsposline:hover {
    font-weight: bold;
}

.cui-6-timeentry {
    padding-bottom: 6px;
    position: relative;
}

.cui-6-timeentry:hover div {
    display: block !important;
    font-weight: bold;
}

.cui-6-timeentry:hover {
    display: block !important;
    font-weight: bold;
}

.cui-6-font-textcenter {
    text-align: center;
}

.nav-view14_timereport, .nav-view14_configuration_solltimes, .nav-view14_timereport_myreports, .nav-view14_timereport_allreports {
    background-image: url(/images/navicons/project/icon-config.png);
}

.nav-view14_overview {
    background-image: url(/images/navicons/project/icon-home.png);
}

.nav-view14_configuration {
    background-image: url(/images/navicons/project/icon-newsletter.png);
}

.nav-view14_configuration_general {
    background-image: url(/images/navicons/project/icon-computer.png);
}

.nav-view14_costunit {
    background-image: url(/images/navicons/project/icon-database.png);
}

.nav-view14_clientreports {
    background-image: url(/images/navicons/project/icon-clients.png);
}

.nav-view14_projects {
    background-image: url(/images/navicons/project/icon-correspondence.png);
}

.nav-view14_statistics {
    background-image: url(/images/navicons/project/icon-statistics.png);
}

.nav-view14_data {
    background-image: url(/images/navicons/icon-data.png);
}

.nav-view14_data_export {
    background-image: url(/images/navicons/icon-export.png);
}

.cui-6-billedrow td {
    color: green;
}

/*Time reporting*/
.cui-6-verticalalign-top .edit-buttons {
    display: none;
    position: absolute;
    top: -9px;
}

.cui-6-verticalalign-top .info {
    font-size: 0.9em;
    padding-top: 4px;
}

.cui-6-verticalalign-top .neutral {
    color: grey;
}

.cui-6-verticalalign-top .positive {
    color: green;
}

.cui-6-verticalalign-top .negative {
    color: red;
}

table.assignments-table td.col-hours {
    width: 11%;
}

table.assignments-table td.col-type {
    width: 20%;
}

table.assignments-table td.col-entity {
    width: 35%;
}

table.assignments-table td.col-activity {
    width: 34%;
}

.cui-6-verticalalign-top .time-report-date {
    padding-top: 12px;
}

.cui-6-verticalalign-top .time-report-week-day {
    font-style: italic;
}

.cui-6-verticalalign-top .time-report-hours {
    padding-top: 12px;
    padding-bottom: 2px;
    padding-left: 4px;
}

.cui-6-verticalalign-top .time-report-hours .edit-buttons {
    left: -55px;
}

.cui-6-verticalalign-top .time-report-debit-credit {
    padding-top: 12px;
}

.cui-6-verticalalign-top .time-report-content .edit-buttons {
    left: -57px;
}

.cui-6-verticalalign-top .time-report-content .add-button {
    padding-left: 4px;
    padding-top: 10px;
}

.cui-6-verticalalign-top .time-report-content .no-activity {
    font-style: italic;
}

.cui-6-verticalalign-top .time-report-content .hours {
    position: relative;
}

/*Overview*/
.cui-overview-column {
    float: left;
    width: 50%;
}

/*Configuration - time prices*/
.cui-14-hours-rate-wrapper button.ui-button-icon-only {
    top: -2px;
}

.Chrome .cui-14-hours-rate-wrapper button.ui-button-icon-only {
    top: -1px;
}

.cui-14-hours-rate-wrapper .cui-14-hours-rate-form {
    display: none;
    position: relative;
}

.cui-14-hours-rate-wrapper .cui-14-hours-rate-form input {
    width: 40px;
}

.timer_sumup .column {
    display: block;
    width: 120px;
    float: left;
}

.timer_sumup .column p {
    padding-bottom: 8px;
}

.timer_sumup hr {
    clear: both;
    width: 240px;
    margin-left: 0;
}

.nav-view20_client {
    background-image: url(/images/navicons/clients/icon-clients.png);
}

.nav-view20_letter {
    background-image: url(/images/navicons/clients/icon-correspondence.png);
}

.nav-view20_newsletter {
    background-image: url(/images/navicons/clients/icon-newsletter.png);
}

.nav-view20_reminder {
    background-image: url(/images/navicons/clients/icon-reminder.png);
}

.nav-view20_data, .nav-view24_data {
    background-image: url(/images/navicons/icon-data.png);
}

.nav-view20_data_import {
    background-image: url(/images/navicons/icon-import.png);
}

.nav-view20_data_export {
    background-image: url(/images/navicons/icon-export.png);
}

/* Newsletter */
.newsletter-preview {
    width: 770px;
    border: 1px solid #d3d3d3;
}

.newsletter-preview .row {
    border-bottom: 1px solid #d3d3d3;
    padding: 10px;
    line-height: 16px;
}

.newsletter-preview .row span {
    color: #808080;
}

.newsletter-preview #recipients-tail {
    display: none;
}

.newsletter-preview .attachments-list {
    list-style-type: disc;
    list-style-position: inside;
}

.cui-buttons-margin-left {
    margin-left: -9px;
}

/*Notifications*/
.add_device_wrapper .device_text_hints {
    margin-top: 20px;
    margin-bottom: 20px;
}

.add_device_wrapper .device_text_hints .device_hint {
    display: none;
}

/*Import*/
.import-dialog {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.import-dialog .clear {
    clear: both;
}

.import-dialog p {
    margin: 10px 0;
}

.import-columns {
    float: left;
    width: 100%;
}

.import-dialog .import-columns div {
    float: left;
}

.import-dialog .import-columns div.required {
    width: 45%;
}

.import-dialog .import-columns div.optional {
    width: 55%;
}

.import-dialog .import-columns div p {
    font-weight: bold;
}

.import-dialog .import-columns div ul {
    list-style-type: disc;
    list-style-position: inside;
}

.import-dialog .import-columns div ul li {
    padding: 2px 0;
}

.import-dialog textarea {
    width: 100%;
    height: 150px;
}

.import-errors-dialog ul {
    list-style-type: disc;
    list-style-position: inside;
}

.import-errors-dialog ul li {
    padding: 2px 0;
}

.import-errors-dialog p {
    margin-bottom: 5px;
}

/* List of previews */
.cui-previews-list li {
    float: left;
    position: relative;
}

.cui-previews-list img.special {
    position: absolute;
    top: 11px;
    left: 11px;
}

#contentcontainer .cui-previews-list a {
    text-decoration: none;
    text-align: center;
}

.cui-previews-list a img {
    width: 200px;
    border: 1px #CCC solid;
    box-shadow: 2px 2px 4px #CCC;
    margin: 10px;
}

/* Preview */
.cui-preview-loading {
    background: url('images/loading.gif');
    width: 100px;
    height: 34px;
    margin: 190px auto 0 auto;
    clear: both;
}

.cui-preview-wrapper {
    position: relative;
    float: left;
    border: 1px solid #ccc;
    border-radius: 2px 0 2px 2px;
    box-shadow: 2px 2px 4px #ccc;
    overflow: hidden;
}

.cui-preview-wrapper:not(.cui-preview-responsive) {
    width: 595px;
    height: 842px;
}

.cui-preview-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
}

.cui-preview {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.cui-preview-pages {
    margin-top: -1px;
    margin-left: 12px;
    float: left;
}

.cui-preview-pages button {
    z-index: 10;
}

.cui-preview-pages button.inactive {
    color: gray;
    opacity: 0.6;
}

.cui-status {
    font-size: 0.9em;
    color: white;
    font-weight: bold;
    padding: 4px 7px;
    text-align: center;
    display: inline-block;
    border-radius: 2px;
}

.cui-preview-overlay .cui-status {
    font-size: 1.4em;
    width: 25%;
    margin: 0 auto;
    z-index: 9;
    position: relative;
    display: block;
}

.cui-preview-tabs {
    float: left;
}

.cui-preview-tab {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border: 1px solid #ccc;
    border-left: none;
    border-image: none;
    border-radius: 0 2px 2px 0;
    box-shadow: 2px 2px 4px #ccc;
    height: auto;
    margin-bottom: 20px;
    padding: 0 0 20px 25px;
    width: 220px;
}

.cui-preview-tab.smaller {
    width: 170px;
}

.cui-preview-tab-header {
    color: #999;
    padding-bottom: 10px;
    padding-top: 20px;
    text-transform: uppercase;
}

#contentcontainer .cui-preview-tab-header a {
    color: #999;
    text-decoration: none;
}

.cui-preview-no-shadow {
    position: absolute;
    left: 100%;
    background: none repeat scroll 0 0 white;
    display: none;
    float: right;
    height: 62px;
    margin-right: -9px;
    margin-top: 0;
    width: 10px;
    z-index: 14;
}

.cui-preview-inputs-block {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border: 1px solid #ccc;
    border-right: none;
    border-image: none;
    border-radius: 2px 0 2px 2px;
    box-shadow: -5px 1px 16px -2px rgba(0, 0, 0, 0.2);
    position: absolute;
    right: 0;
    display: none;
    float: right;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
    z-index: 14;
    max-height: 740px;
    background-color: #fff;
}

.cui-preview-inputs-block .cui-preview-input-wrapper {
    padding-bottom: 20px;
}

.cui-preview-inputs-block .cui-preview-input-label {
    color: #999;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.cui-preview-inputs-block .cui-preview-input-label.cui-preview-input-label-small-inline {
    display: inline-block;
    width: 94px;
}

.cui-preview-inputs-block select {
    width: 250px;
}

.cui-preview-inputs-block .cui-preview-input-number {
    width: 65px;
    margin-right: 20px;
}

.cui-preview-inputs-block textarea {
    width: 558px;
    height: 80px;
}

.cui-preview-inputs-block textarea.cui-preview-textarea-small {
    width: 250px;
}

#cui-preview-draggable-boxes {
    position: relative;
    overflow: hidden;
}

.cui-preview-draggable-box {
    position: absolute;
    background-position: top left;
    cursor: move;
    padding: 0;
}

/* Preview in dialog */
.cui-preview-dialog .ui-dialog-titlebar {
    display: none;
}

.cui-preview-dialog .ui-dialog-content {
    padding: 0;
}

.cui-preview-dialog .cui-preview-buttons {
    position: absolute;
    width: 100%;
    z-index: 10;
}

.cui-preview-dialog .cui-preview-buttons button {
    float: right;
    margin: 5px 10px;
}

.cui-preview-dialog button.cui-preview-go-to {
    clear: right;
}

/*Campaigns*/
ul.campaign-companies-list {
    margin-top: 10px;
    list-style-type: inherit;
    list-style-position: inside;
}

ul.campaign-companies-list li {
    padding-bottom: 2px;
}

.nav-view19_mycompany, .nav-view22_configuration_settings {
    background-image: url(/images/navicons/icon-switch.png);
}

.nav-view19_credit, .nav-view22_credit, .nav-view22_billing {
    background-image: url(/images/navicons/icon-basket.png);
}

.nav-view19_myusers, .nav-view22_user {
    background-image: url(/images/navicons/project/icon-clients.png);
}

.nav-view19_myusers_one, .nav-view22_user_one {
    background-image: url(/images/navicons/project/icon-remotecontact.png);
}

.nav-view19_myusers_all, .nav-view22_user_all {
    background-image: url(/images/navicons/project/icon-clients.png);
}

.nav-view19_account, .nav-view22_account {
    background-image: url(/images/navicons/project/icon-plan.png);
}

.nav-view19_affiliate, .nav-view22_affiliate {
    background-image: url(/images/navicons/project/icon-affiliate.png);
}

.nav-view19_credit_add, .nav-view22_credit_add {
    background-image: url(/images/navicons/project/icon-addcredit.png);
}

.nav-view19_credit_history, .nav-view22_credit_history {
    background-image: url(/images/navicons/project/icon-history.png);
}

.nav-view19_myusers_roles, .nav-view22_user_roles {
    background-image: url(/images/navicons/icon-note.png);
}

.nav-view19_notification, .nav-view22_notification {
    background-image: url(/images/navicons/project/icon-correspondence.png);
}

.nav-view22_configuration_bankaccounts {
    background-image: url(/images/navicons/project/icon-bankaccounts.png);
}

.nav-view22_user_apiv1, .nav-view22_user_apiv2 {
    background-image: url(/images/navicons/icon-integrate.png);
}

.shortcuts-fieldset {
    width: 600px !important;
}

.shortcuts-fieldset .cui-form-entry {
    line-height: 2em;
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.changelog-row-button-wrapper {
    white-space: nowrap;
    display: inline-block;
}

.changelog-row-button-wrapper > span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.changelog-wrapper > div {
    margin-bottom: 20px;
}

.changelog-wrapper h1 {
    color: black;
    padding-bottom: 5px;
}

.changelog-wrapper a {
    padding-top: 5px;
}

.fieldset.language textarea {
    height: 50px !important;
}

.floating-content {
    width: 400px;
}

.floating-content .cui-form-entry {
    float: left;
    display: inline-block;
    width: 180px;
}

.survey-answer div > span {
    display: block;
    margin-bottom: 10px;
}

.survey-subtext input {
    display: none;
}

.survey-text div {
    font-weight: bold;
    font-size: 1.1em;
}

.survey-ruletext div {
    font-style: italic;
    color: gray;
}

.c_19_billing_box_wrapper {
    position: relative;
    margin-top: 20px;
    width: 700px;
    overflow: hidden;
}

.c_19_billing_box {
    float: left;
    text-align: center;
    border: 1px solid #EEEEEE;
    padding: 10px;
    margin: 3px;
    width: 320px;
    min-height: 180px;
}

.c_19_billing_box_background_selected {
    background-color: #EBFBFF;
}

.c_19_billing_box_clear {
    clear: both;
}

.c_19_billing_box_plan_name {
    display: table;
    margin: 0 auto;
    margin-top: 10px;
    font-weight: bold;
    font-size: 34px;
}

.c_19_billing_box_plan_price {
    display: table;
    margin: 0 auto;
    margin-top: 15px;
    font-size: 22px;
}

.c_19_billing_box_plan_description {
    margin: 10px;
    font-size: 13px;
    height: 60px;
}

.c_19_plans_newbutton {
    width: 180px !important;
    margin: 0 auto;
}

/* Dashboard */
.dashboard .dashboard-column { /*width: 357px;*/
    width: 100%;
    float: left;
    min-height: 270px;
}

.dashboard .dashboard-box, .dashboard-box-placeholder {
    display: block;
    float: left;
    margin: 0px 15px 15px 0px;
    padding: 10px;
    width: 380px;
    height: 270px;
}

.dashboard .dashboard-box {
    position: relative;
    border: 1px solid #CDCDCD;
}

.dashboard .dashboard-box .dashboard-box-header {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.dashboard .dashboard-box .dashboard-box-title {
    font-weight: bold;
    font-size: larger;
    padding-top: 7px;
}

.ui-sortable .dashboard-box-title {
    cursor: move;
}

.dashboard .dashboard-box .dashboard-box-actions {
    float: right;
    width: 2.4em;
}

.dashboard .dashboard-box .dashboard-box-actions .dashboard-box-submenu {
    position: absolute;
    display: none;
    z-index: 1000;
}

.dashboard .dashboard-box .dashboard-box-actions button {
    margin: 2px 0;
}

.dashboard .dashboard-box .dashboard-box-content {
    clear: both;
}

.dashboard-box-placeholder {
    border: 1px dotted #CDCDCD;
}

.dashboard .dashboard-box .dashboard-box-loading, .dashboard .dashboard-box .dashboard-box-error {
    display: none;
}

.dashboard .dashboard-box .dashboard-box-loading {
    position: absolute;
    background-image: url("images/loading.gif");
    width: 100px;
    height: 34px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 120px;
}

.dashboard .dashboard-box .dashboard-box-error .dashboard-box-error-icon {
    width: 40px;
    height: 40px;
    background-image: url("images/icons.png");
    margin: 0 auto;
}

.dashboard .dashboard-box .dashboard-box-error .dashboard-box-error-message {
    text-align: center;
    padding-top: 5px;
    font-size: larger;
}

.dashboard .dashboard-box .dashboard-box-no-result .dashboard-box-error-icon {
    background-position-x: -340px;
}

.dashboard .dashboard-box .dashboard-box-no-rights .dashboard-box-error-icon {
    background-position-x: -609px;
}

.period-container {
    margin-top: -40px;
}

.configuration-currencies-wrapper span {
    display: inline-block;
    white-space: nowrap;
}

.dashboard-box .search-box {
    width: 90%;
    height: 100%;
}

.dashboard-box .search-box > div {
    width: 100%;
    margin-bottom: 15px;
}

.dashboard-box .search-box > div button {
    float: right;
    margin-top: 1px;
}

.dashboard-box .search-box > div input {
    line-height: 26px;
    width: 90%;
}

.dashboard-box .ui-autocomplete {
    overflow: hidden;
    width: 84% !important;
    border: 0;
    border-left: thin solid;
    border-bottom: thin solid;
}

.dashboard-box .ui-autocomplete li {
}

.dashboard-box .ui-autocomplete li button {
    float: right;
    margin-right: -6px;
}

.dashboard-box .ui-autocomplete li button.ui-state-hover {
    background-color: #F5F1E8 !important;
    border-color: #BCB1A3 !important;
}

.dashboard-box .ui-autocomplete li a:hover {
    background-color: #EFEFEF !important;
    background: #EFEFEF !important;
    border-radius: 0px !important;
    font-weight: bold !important;
    color: black !important;
}

.dashboard-box .ui-autocomplete li a {
    line-height: 26px;
    text-decoration: none !important;
}

.dashboard-box-ok button {
    min-height: 28px;
}

.dashboard-row-wrapper table {
    width: 100%;
    border-collapse: collapse;
}

.dashboard-row-wrapper table tr.clickable {
    cursor: pointer;
}

.dashboard-row-wrapper table th {
    font-size: 85%;
}

.dashboard-row-wrapper table td, th {
    text-align: right;
}

.dashboard-row-wrapper table tr td {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
}

.dashboard-row-wrapper table tr td:first-child {
    max-width: 215px;
}

.dashboard-row-wrapper table tr div.fader {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 1) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 1) 100%);
}

.dashboard-row-wrapper table td:first-child, th:first-child {
    text-align: left;
}

.dashboard-row-wrapper table tr {
    margin-bottom: 20px;
    line-height: 20px;
    border-bottom: dotted thin rgb(205, 205, 205);
}

.dashboard-qa .button-bar, .dashboard-row-wrapper .button-bar {
    position: absolute;
    bottom: 35px;
}

.dashboard-qa .button-bar button, .dashboard-row-wrapper .button-bar button {
    white-space: nowrap;
    padding-top: 2px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 10px;
}

.dashboard-qa .button-bar button span.ui-icon, .dashboard-row-wrapper .button-bar button span.ui-icon {
    display: inline-block;
    vertical-align: text-bottom;
    position: relative;
    top: 1px;
}

.dashboard-qa .button-bar .button-left, .dashboard-row-wrapper .button-bar .button-left {
    position: absolute;
    left: 2px;
}

.dashboard-qa .button-bar .button-right, .dashboard-row-wrapper .button-bar .button-right {
    right: -378px;
    position: absolute;
}

.dashboard .dashboard-box .dashboard-box-no-result.qa-error {
    position: absolute;
    top: 120px;
    left: 125px;
}

/*some overwriting styles for quick access */
.dashboard-qa .search-box > div {
    margin-bottom: 10px;
    margin-left: 15px;
}

.dashboard-qa .search-box > div input {
    width: 100% !important;
}

/* shortcuts box */
.dashboard-box .shortcut-button {
    white-space: nowrap;
    display: inline-block;
    padding: 4px 10px;
    margin-left: 20px;
    margin-bottom: 10px;
}

/* account summary*/
.dashboard-box .box-account-summary p {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}

.dashboard-box .box-account-summary p span:first-child {
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.dashboard-box .box-account-summary p > span:nth-child(2) button {
    margin-top: 5px;;
}

.dashboard-box .box-account-summary p > span:nth-child(2) {
    float: right;
}

.nav-view16_voucher {
    background-image: url(/images/navicons4/revenue.svg);
}

.nav-view16_billing, .nav-view16_billing_purchase {
    background-image: url(/images/navicons4/billing.svg);
}

.nav-view16_company {
    background-image: url(/images/navicons4/home.svg);
}

.nav-view16_user {
    background-image: url(/images/navicons4/users.svg);
}

.nav-view16_log {
    background-image: url(/images/navicons4/transactions.svg);
}

.nav-view16_system {
    background-image: url(/images/navicons4/account.svg);
}

.nav-view16_country {
    background-image: url(/images/navicons/admin/country.svg);
}

.nav-view16_terms {
    background-image: url(/images/navicons4/invoices.svg);
}

.nav-view16_campaign {
    background-image: url(/images/navicons4/marketing.svg);
}

.nav-view16_registration {
    background-image: url(/images/navicons4/go-to.svg);
}

.nav-view16_report {
    background-image: url(/images/navicons4/catalogue.svg);
}

/* For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */
.link_list_header, .meta_nav, .user_nav, .site_header .site_banner, .site_header .site_nav {
    *zoom: 1;
}

.link_list_header:before, .meta_nav:before, .user_nav:before, .site_header .site_banner:before, .site_header .site_nav:before, .link_list_header:after, .meta_nav:after, .user_nav:after, .site_header .site_banner:after, .site_header .site_nav:after {
    content: "";
    display: table;
}

.link_list_header:after, .meta_nav:after, .user_nav:after, .site_header .site_banner:after, .site_header .site_nav:after {
    clear: both;
}

.dropdown_nav--menu {
    -moz-box-shadow: 0px 4px 7px -3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 4px 7px -3px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 4px 7px -3px rgba(0, 0, 0, 0.5);
}

.user_nav--link .logout--icon:before {
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
    background-position: -1633px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .user_nav--link .logout--icon:before {
        background-position: -1633px 0;
    }
}

.user_nav--link .logout--icon {
    width: 40px;
    height: 40px;
}

.header_main_nav--item--link--icon-home:before {
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
    background-position: -1551px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .header_main_nav--item--link--icon-home:before {
        background-position: -1551px 0;
    }
}

.header_main_nav--item--link--icon-home {
    width: 40px;
    height: 40px;
}

.header_main_nav--item--link--icon-home:before, .user_nav--link .logout--icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url("images/icons.png");
    background-repeat: no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .header_main_nav--item--link--icon-home:before, .user_nav--link .logout--icon:before {
        background-image: url("images/icons-big.png");
        background-size: 5823px auto;
    }
}

.header_main_nav--item--link--icon-home, .user_nav--link .logout--icon {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: -1ex;
    font-size: 0 !important;
    color: transparent !important;
    text-decoration: none;
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.link_list {
    background-color: #103a76;
    color: #fff;
}

.link_list_header {
    padding: 10px 20px;
    border-bottom: 1px solid #333333;
}

.link_list_header--title, .link_list_footer--menu_item--link {
    font-size: 18px;
    font-size: 1.125rem;
    display: block;
}

.link_list_header--title {
    float: left;
}

.link_list--menu_item--link, .link_list_footer--menu_item--link {
    display: block;
    color: white;
    text-decoration: none;
    border-bottom: 1px solid #333333;
    padding: 10px;
}

.link_list--menu_item--link:after, .link_list_footer--menu_item--link:after {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    border-right: none;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #fff;
    border-top: 4px solid transparent;
    height: 0;
    width: 0;
}

.link_list_footer--menu {
    text-align: left;
    padding: 12px 0;
}

.link_list_footer--menu_item--link {
    border-bottom: none;
    line-height: 18px;
    line-height: 1.125rem;
    padding: 8px 15px;
}

.link_list_footer--menu_item--link:hover, .link_list_footer--menu_item--link:focus {
    text-decoration: underline;
}

/* YELLOW */
.link_list-yellow {
    background-color: #002410;
    color: #333;
}

.link_list-yellow .link_list--menu_item--link {
    color: white;
    background-color: #00803F;
}

.link_list-yellow .link_list--menu_item--link:after {
    border-right: none;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #333333;
    border-top: 4px solid transparent;
    height: 0;
    width: 0;
}

/* WITHOUT ARROWS */
.link_list-no_arrows .link_list--menu_item--link:after {
    display: none;
}

input::-webkit-inner-spin-button {
    display: none;
}

.dropdown_nav .link_list {
    display: none;
    position: absolute;
    z-index: 500;
}

.dropdown_nav--trigger {
    padding: 10px;
    color: #002410; /* change to this color value */
    display: block;
    font-size: 12px;
    font-size: 0.75rem;
    background: none;
}

.dropdown_nav--trigger:after {
    content: " ";
    border-bottom: none;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #fff;
    height: 0;
    width: 0;
    display: inline-block;
    margin-left: 5px;
}

.dropdown_nav--trigger:hover {
    background-color: #00803F;
    color: white;
    border-bottom: 1px solid #333333;
}

.is-active .link_list {
    display: block;
    border-top: 1px solid #333333;
}

.is-active .dropdown_nav--trigger, .is-active .link_list {
    background-color: #00803F;
}

.dropdown_nav--trigger {
    text-decoration: none;
}

/* STATES */
.dropdown_nav-yellow .dropdown_nav--trigger {
    background-color: none;
}

.dropdown_nav-yellow .dropdown_nav--trigger:after {
    border-bottom: none;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #333;
    height: 0;
    width: 0;
}

.dropdown_nav-yellow .dropdown_nav--trigger:hover {
    background-color: #00803F;
    border-bottom: 1px solid #333333;
    color: white;
}

.dropdown_nav-yellow.is-active .dropdown_nav--trigger {
    background-color: #00803F;
}

.header_main_nav {
    display: table;
    background-color: #002410; /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00803F', endColorstr='#015328'); *//* background: -webkit-gradient(linear, left top, left bottom, from(#00803F), to(#015328)); *//* background: -moz-linear-gradient(top, #00803F, #015328); */
    color: #fff;
}

.header_main_nav--item {
    display: table-cell;
    vertical-align: top;
}

.header_main_nav--item--link {
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    height: 40px;
    height: 2.5rem;
    color: #fff;
    display: block;
    text-align: center;
    text-decoration: none; /* border-right: 1px solid #333333; */
    padding: 0 3px 0 43px;
}

.header_main_nav--item--link:hover, .header_main_nav--item--link:focus, .header_main_nav--item--link.is-active {
    background-color: #00803F;
}

.header_main_nav--item--link--title {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    line-height: 2.5rem;
    padding: 0 15px;
    font-size: 12px;
    font-size: 0.75rem;
}

.header_main_nav--item--link--icon + .header_main_nav--item--link--title {
    padding-left: 0;
}

.header_main_nav--item--link--icon {
    position: absolute;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    width: 43px;
    height: inherit;
    top: 0;
    left: 0
}

.language_switcher .link_list--menu_item--link {
    height: 40px;
    height: 2.5rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 40px;
    line-height: 2.5rem;
    padding: 0;
    padding-left: 10px;
}

.meta_nav {
    float: right; /* background-color: #002410; */
    position: relative; /*width: 420px;*/
}

.meta_nav > * {
    float: right !important;
}

.meta_nav .dropdown_nav--trigger {
    padding: 0 30px; /* border-left: 1px solid #002410; */
    line-height: 68px;
    height: 68px;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
}

.meta_nav .dropdown_nav--trigger:after {
    border-bottom: none;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px solid #333333;
    height: 0;
    width: 0;
    margin-left: 20px;
    vertical-align: 1px;
}

.meta_nav .language_switcher {
    float: left;
}

.meta_nav .secondary_nav {
    float: left;
}

.meta_nav .link_list--menu_item--link {
    font-size: 12px;
    font-size: 0.75rem;
}

.news_nav .news_nav--username {
    padding-left: 10px;
    margin-right: 5px;
}

.news_nav .link_list--menu_item--link {
    position: relative;
    white-space: nowrap;
    padding: 10px 35px 10px 15px;
}

.news_nav .link_list--menu_item--link:after {
    content: none;
}

.news_nav .dropdown_nav--trigger:after {
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid white;
}

.news_nav .link_list {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.news_nav .link_list_header {
    padding: 15px;
}

.news_nav .link_list_footer--menu_item--link {
    white-space: nowrap;
}

.news_nav-new_message .link_list--menu_item--link:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -4px;
}

/*STATES*/
.user_nav .news_nav {
    font-size: 14px;
    font-size: 0.875rem;
    float: left;
}

.user_nav .dropdown_nav--trigger {
    box-sizing: border-box;
    height: 40px;
    height: 2.5rem;
    padding: 0px 15px;
    vertical-align: middle;
    line-height: 40px;
    line-height: 2.5rem;
    color: #fff;
}

.user_nav .dropdown_nav--trigger { /* border-left: 1px solid #333333; */
}

.user_nav--link {
    float: left;
    font-size: 0; /* border-left: 1px solid #333333; *//* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00803F', endColorstr='#015328'); *//* background: -webkit-gradient(linear, left top, left bottom, from(#00803F), to(#015328)); *//* background: -moz-linear-gradient(top, #00803F, #015328); */
    background-color: #002410 /* add this color vallue */
    color: #fff;
    display: block;
    text-decoration: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    height: 2.5rem;
    padding: 0 15px;
}

.user_nav--link:hover {
    background-color: #0d2f60;
}

.user_nav--link .logout--icon {
    width: 30px;
    margin-right: -10px;
    vertical-align: top;
    height: 40px;
    height: 2.5rem;
}

.user_nav--link--title {
    display: inline-block;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 40px;
    line-height: 2.5rem;
    color: white;
}

.site_header .header_main_nav {
    float: left;
}

.site_header .is-active.news_nav-new_message .link_list {
    right: 0;
    min-width: 100%;
}

.site_header .is-active.language_switcher .link_list {
    width: 100%;
    right: 0;
}

.site_header .is-active .link_list--item--link {
    padding: 10px 20px;
}

.site_header .site_banner {
    background-color: #e8e9e9;
}

.site_header .site_logo {
    padding: 15px 25px;
    display: block;
    width: 141px;
    height: 24px;
    margin-top: 0px;
    float: left;
}

.site_header .site_logo img {
    width: 100%;
}

.site_header .site_nav {
    text-align: right; /* -moz-box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.5); *//* -webkit-box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.5); *//* box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.5); *//* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00803F', endColorstr='#015328'); *//* background: -moz-linear-gradient(top, #00803F, #015328); */
    background-color: #002410; /* add this color value */
    height: 40px;
    height: 2.5rem;
}

.site_header .site_nav .link_list_menu {
    text-align: left;
}

.site_header .site_nav .news_nav-new_message .dropdown_nav--trigger {
    padding: 0 15px 0 5px;
}

.site_header .site_nav .news_nav-new_message .dropdown_nav--trigger:after {
    margin-left: 0;
}

.site_header .site_nav .header_main_nav {
    float: left;
}

.site_header .site_nav .header_main_nav.side_nav {
    float: right;
}

.site_header .site_nav .header_main_nav.side_nav .header_main_nav--item--link {
    padding: 0 43px 0 13px;
}

.site_header .site_nav .header_main_nav.side_nav .header_main_nav--item--link--title {
    padding: 0;
}

.site_header .site_nav .header_main_nav.side_nav .header_main_nav--item--link--icon {
    left: auto;
    right: 0;
}

.site_header .site_nav .user_nav {
    display: inline-block;
    position: relative;
}

.is-visuallyhidden:not(:focus) {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.is-visuallyhidden {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

@media print {
    .site_header:after {
        content: attr(data-print_title);
        position: absolute;
        z-index: 1;
        top: 24px;
        right: 0;
    }

    .site_header .js-sticky, .site_header .site_nav, .site_header .meta_nav {
        display: none;
    }

    .site_header .site_logo {
        padding-left: 0;
        padding-right: 0;
    }
}

*[disabled] {
    pointer-events: none;
}

*[disabled]:not(.is-enabled) {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}

.user_nav--link:hover {
    background-color: #00803F;
}

.site_header .system_version {
    font-size: 20px;
    font-size: 1.25rem;
    display: block;
    border-left: 1px solid #e7b900;
    line-height: 40px;
    padding-left: 20px;
    position: absolute;
    top: 13px;
    left: 191px
}

/* Containers */
#cui-view-mainWrapper {
    width: 100%;
    max-width: none;
}

#cui-container {
    border-radius: inherit;
    box-shadow: none;
    margin: 5px 10px;
}

.cui-container .cui-container-header {
    background: none;
    border-color: inherit;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    filter: none;
    padding-top: 0;
}

.cui-container .cui-container-mainContainer {
    border-radius: 2px;
    box-shadow: 0 1px 1px #aaaaaa;
}

.cui-container .cui-container-header-main-tab {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #cdcdcd;
    margin-top: 10px;
}

/* Inputs */
input, textarea, .ui-widget input, .ui-widget textarea, #swLoginPage .form-row .form-field input {
    border-color: transparent transparent #806f60 #806f60;
}

#swLoginPage legend {
    text-transform: none;
}

/* Buttons abd widgets */
.ui-state-default, .ui-widget .ui-state-default {
    background-image: none;
    background-color: #F5F1E8;
    border-color: #BCB1A3;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    filter: none;
}

.ui-state-hover, .ui-widget .ui-state-hover, .ui-state-active {
    border-color: #806F60;
}

.ui-button.primary { /*background-color: #FFCC00;*/
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    background-color: #F5F1E8;
}

.ui-datepicker .ui-widget-header {
    background-color: #00803F;
}

.ui-widget-content, .ui-widget-header {
    border: 1px solid #00803F;
}

.cui-grid-filters-entry td.cui-grid-filters-entry-symbol {
    background-color: #F5F1E8;
}

/* Links */
a {
    color: #00803F;
}

a:hover {
    color: #00803F;
}

.si-link {
    color: #00803F;
}

.si-link:hover {
    color: #00803F;
}

#site-navigation a:hover {
    color: #fff;
}

/* Header */
.dropdown_nav--trigger.support:after {
    border: none;
}

.site_header.basic-header .user_nav, .site_header.basic-header .support-form {
    display: none;
}

.site_header.full-header .support-link {
    display: none;
}

.header_main_nav--item--link--icon-13 {
    background-image: url("images/navicons/Icon_24x24_FakturierungTop.png");
}

.header_main_nav--item--link--icon-21 {
    background-image: url("images/navicons/Icon_24x24_KreditorenTop.png");
}

.header_main_nav--item--link--icon-14 {
    background-image: url("images/navicons/Icon_24x24_ProjektverwaltungTop.png");
}

.header_main_nav--item--link--icon-16 {
    background-image: url("images/navicons/admin.png");
}

.header_main_nav--item--link--icon-19, .header_main_nav--item--link--icon-22 {
    background-image: url("images/navicons/admin.png");
}

.header_main_nav--item--link--icon-20 {
    background-image: url("images/navicons/Icon_24x24_KundenTop.png");
}

.header_main_nav--item--link--icon-auth {
    background-image: url("images/navicons/Icon_24x24_Auth.png");
}

.header_main_nav--item--link--icon-calling {
    background-image: url("images/navicons/Icon_24x24_KreditorenTop.png");
}

.header_main_nav--item--link--icon-listing {
    background-image: url("images/navicons/Icon_24x24_ProjektverwaltungTop.png");
}

.header_main_nav--item--link--icon-endpoints {
    background-image: url("images/navicons/admin.png");
}

/* Footer */
div#footer {
    margin: 8px auto;
    padding: 0 20px;
    position: relative;
    text-align: right;
    color: #000;
}

ul#footerLinks li {
    display: inline;
    line-height: 1.2;
}

ul#footerLinks li a {
    border-right: 1px solid #666;
    border-bottom: none;
    color: #555;
    display: block;
    float: left;
    padding: 0 7px 1px;
    text-decoration: none;
}

ul#footerLinks li:last-of-type a {
    border-right: 0px;
}

ul#footerLinks li a:hover {
    color: #000;
}

div#footer p {
    line-height: 1.2;
    padding-top: 0;
}

/*Menu*/
.cui-container-navContainer .main-nav-item.main-nav-active {
    background-color: #F5F1E8;
}

.cui-container-navContainer .main-nav-item.main-nav-active ul li a.nav-active div.nav-pointerarrow div {
    border-color: transparent transparent transparent #F5F1E8;
}

#swLoginPage #swError::before, #swLoginPage #swNotice::before {
    background-image: url("images/icons.png");
    background-repeat: no-repeat;
    content: "";
    height: 40px;
    margin-left: 0;
    margin-top: -20px;
    width: 40px;
    left: 17px;
    position: absolute;
    top: 50%;
    right: 0;
}

#swLoginPage #swError::before {
    background-position: -611px 0;
}

#swLoginPage #swNotice::before {
    background-position: -758px 0;
}

#swLoginPage #swError, #swLoginPage #swNotice {
    background-color: #faf8f4;
    margin-bottom: 10px;
    padding: 20px 10px 20px 70px;
    position: relative;
}

#swLoginPage #swError {
    border: 1px solid #e1b5b7;
    color: #a51728;
}

#swLoginPage #swNotice {
    border: 1px solid #cdcdcd;
}

#swLoginPage #swError h2, #swLoginPage #swNotice h2 {
    color: inherit;
    margin: 0;
    margin-bottom: 10px;
}

#swLoginPage #swError p, #swLoginPage #swNotice p {
    float: none;
    font-size: 1.25em;
    margin: 0;
}

#swLoginPage #page {
    width: 700px;
    margin-top: 30px;
}

#swLoginPage #page h1 {
    margin-bottom: 20px;
    color: black;
    font-size: 2em;
}

#swLoginPage #page .page-todos-2factorauth p {
    float: none;
    margin: 0;
}

#swLoginPage #page .page-todos-2factorauth .code-form-row-wrapper {
    width: 50%;
    margin: 0 auto;
}

#swLoginPage #page .page-todos-2factorauth .code-form-row-wrapper .form-row {
    display: none;
}

#swLoginPage .form-buttons {
    background-color: #fbf8f1;
    border-radius: 0;
    border: none;
}

#swLoginPage fieldset {
    border: 0px none;
}

.cui-form-main fieldset {
    border-width: 0 !important;
}

#swLoginPage .form-buttons input, #swLoginPage .form-buttons button {
    border: 1px solid #025928;
    background: #77c6f6; /* Old browsers */
    background: -moz-linear-gradient(top, #00b356 0%, #007d3c 42%, #025227 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00b356), color-stop(42%, #007d3c), color-stop(100%, #025227)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00b356 0%, #007d3c 42%, #025227 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00b356 0%, #007d3c 42%, #025227 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #00b356 0%, #007d3c 42%, #025227 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b356', endColorstr='#025227', GradientType=0); /* IE6-9 */
    background: linear-gradient(top, #00b356 0%, #007d3c 42%, #025227 100%); /* W3C */
}

#swLoginPage #page .content {
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px #cdcdcd solid;
}

#swLoginPage .form-buttons input:hover, #swLoginPage .form-buttons button:hover {
    background: #77c6f6; /* Old browsers */
    background: -moz-linear-gradient(top, #00b356 0%, #007d3c 100%, #025227 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00b356), color-stop(100%, #007d3c), color-stop(100%, #025227)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00b356 0%, #007d3c 100%, #025227 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00b356 0%, #007d3c 100%, #025227 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #00b356 0%, #007d3c 100%, #025227 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b356', endColorstr='#025227', GradientType=0); /* IE6-9 */
    background: linear-gradient(top, #00b356 0%, #007d3c 100%, #025227 100%); /* W3C */
}

#swLoginPage #lost-password-form {
    display: none;
}

#swLoginPage #login-form input[type="password"] {
    width: 121px;
}

#registration-form .country-hint-tooltip {
    background-image: url(images/icons.png);
    width: 16px !important;
    height: 16px;
    background-position: -741px 0;
    display: inline-block;
    margin-left: 7px;
}

#registration-form .form-buttons input {
    float: right;
}

/* Customers */
div.tagsinput span.tag {
    background-color: #f5f1e8;
    border-color: #bcb1a3;
    color: #584125;
}

/* Layouts */
.cui-previews-list li.default a img {
    border-color: #ffcc00;
}

.cui-6-billedrow td {
    color: #103a76;
}

#contentcontainer .invoice_box.document-tab .document-tab-title a {
    text-decoration: none;
}

/* general smallinvoice */
.cui-overview-documents-previews .cui-overview-document-preview-wrapper {
    box-shadow: none;
}

#footer p {
    text-align: left;
}

#footer a, #footer a:hover {
    color: black;
}

.c_19_billing_box_background_selected {
    background-color: #E7F6E6;
}

.c_19_billing_box {
    min-height: 230px;
}

.c_19_billing_box_plan_description {
    height: 102px;
}

.cui-container-compact .cui-container-mainContainer {
    padding-left: 75px;
}

.cui-container-compact .cui-container-navContainer-wrapper {
    width: 75px;
    margin-left: -75px;
}

.cui-container-compact .cui-container-mainContainer .cui-container-navContainer {
    width: 50px;
}

.cui-container-compact .cui-container-mainContainer .cui-container-navContainer ul li a, .cui-container-compact .cui-container-mainContainer .cui-container-navContainer ul li ul li a {
    padding-top: 25px;
    padding-right: 6px;
}

.cui-container-compact .cui-container-mainContainer .cui-container-navContainer ul li ul li a {
    padding-left: 45px;
}

.cui-container-compact .cui-container-mainContainer .cui-container-navContainer ul li a span {
    font-size: 7px;
    position: absolute;
    left: 1px;
    margin-top: 4px;
    width: 49px;
    text-align: center;
    overflow: hidden;
}

.cui-container-compact .cui-container-mainContainer .cui-container-navContainer ul li a .nav-pointerarrow, .cui-container-compact .cui-container-mainContainer .cui-container-navContainer ul li ul li a .nav-pointerarrow {
    margin-left: 5px;
    margin-top: -26px;
    z-index: 100;
}

.cui-container-compact .cui-container-mainContainer .cui-container-navContainer ul li ul li div.nav-icon {
    margin-left: 11px;
}

.cui-container-compact .cui-container-header-left {
    width: auto;
    margin-right: 13px;
}