/* Minification failed. Returning unminified contents.
(2865,286): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: jGrowl
(2865,286): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe2
(2867,150): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe
(2871,155): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe2
(2872,150): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe
(2876,286): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: jGrowl
(2876,286): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe2
(2877,285): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: jGrowl
(2877,285): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe
(2881,155): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe2
(2882,285): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: jGrowl
(2882,285): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe
(2886,155): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe2
(2887,150): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe
 */
html { overflow-y: scroll; }

body, html {
    color: #666666;
    font-family: 'Open Sans', Segoe UI, Helvetica, Tahoma, Geneva !important;
    font-size: 13px;
    font-weight: 400;
    margin: 0px;
    padding: 0px;
    /*overflow-x: hidden;*/
}

img { border: none; }

label { margin: 0 8px 8px 0; }

fieldset { margin: 0; }

legend {
    color: #086db6;
    font-size: 14px;
    font-weight: 600;
}

.block { display: block; }

/* Start of Column CSS */

.temp-show {
    display: block !important;
    position: absolute !important;
    visibility: hidden !important;
}

.column-fh {
    float: left;
    padding: 5px;
}

/* --> */



textarea, input {
    font-family: 'Open Sans', Segoe UI, Helvetica, Tahoma, Geneva !important;
    font-size: 13px;
    font-weight: 400;
    outline: none;
}

select {
    -moz-border-radius: 4px;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
    border: solid 1px #CCCCCC;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #666666;
    font-family: 'Open Sans', Segoe UI, Helvetica, Tahoma, Geneva !important;
    font-size: 13px;
    font-weight: 400;
    outline: none;
    padding: 4px;
    resize: none;
}

.cke_skin_kama span.cke_browser_webkit, .cke_skin_kama span.cke_browser_gecko18 { outline: none !important; }

a, a:link, a:visited, a:active {
    cursor: pointer;
    text-decoration: none;
}

.bold { font-weight: bold; }

.link { text-decoration: none; }

.link:hover { text-decoration: underline; }


.toolbar-right {
    -moz-box-shadow: -2px 0px 3px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -2px 0px 3px 0 rgba(0, 0, 0, 0.2);
    background-color: #EEEEEE;
    box-shadow: -2px 0px 3px 0px rgba(0, 0, 0, 0.2);
    display: none;
    height: 100% !important;
    padding: 0 20px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}

.toolbar-left {
    -moz-box-shadow: 2px 0px 3px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 0px 3px 0 rgba(0, 0, 0, 0.2);
    background-color: #FFFFFF;
    box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.2);
    display: none;
    height: 100% !important;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    z-index: 100;
}

.content-toolbar {
    margin: 5px 0 15px 0;
    padding: 8px;
}

#content-toolbar-button {
    clear: right;
    float: right;
}

#related-products-selection-box {
    height: 500px;
    overflow-y: scroll;
    width: 945px;
}

#brand-selection-box {
    height: 300px;
    overflow-y: auto;
    width: 945px;
}

#course-schedule-insertion-box {
    height: 400px;
    overflow-y: auto;
    width: 945px;
}

.course-schedule-row-label {
    float: left;
    line-height: 30px;
    text-align: right;
    width: 145px;
}

.course-schedule-row-input {
    float: left;
    line-height: 24px;
    width: 220px;
}


.insert-text-button { background-image: url(../images/text_buttons.png); }

.insert-title-button { background-image: url(../images/title_buttons.png); }

.insert-image-button { background-image: url(../images/image_buttons.png); }

.insert-list-button { background-image: url(../images/list_buttons.png); }

.insert-one-col-button { background-image: url(../images/one_col_buttons.png); }

.insert-two-cols-button { background-image: url(../images/two_cols_buttons.png); }

.content-button {
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #F1F1F1;
    background-repeat: no-repeat;
    border: solid 1px #D6D6D6;
    border-radius: 3px;
    float: left;
    height: 34px;
    margin: 0 2px;
    user-select: none;
    width: 30px;
}

.content-button:hover {
    background-position: 0 -35px;
    cursor: pointer;
}

.content-button:active { background-position: 0 -70px; }

.categories-check {
    cursor: default;
    float: left;
    margin: 0 5px 14px 0;
    outline: none;
    user-select: none;
    width: 200px;
}

.country-button {
    cursor: default;
    float: left;
    margin: 0 5px 14px 0;
    outline: none;
    user-select: none;
    width: 200px;
}

.country-button > img { margin-right: 5px; }

.column-half {
    float: left;
    width: 47%;
}

.column-spacer {
    float: left;
    width: 6%;
}

.pad10 { padding: 10px; }

.pad15 { padding: 15px; }

.pad20 { padding: 20px; }

#product-brand {
    font-size: 14px;
    height: 92px;
    margin-top: 5px;
    text-align: center;
    width: 158px;
}


.btn-big {
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #F1F1F1;
    border: solid 1px #D6D6D6;
    border-radius: 3px;
    font-size: 15px;
    height: 30px;
    padding-top: 10px;
    text-align: center;
    user-select: none;
    vertical-align: middle;
}

.btn-big:hover {
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    border: solid 1px #BBBBBB;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    color: #444444;
    cursor: pointer;
}

.btn-big:active {
    background-color: #EEEEEE;
    border: solid 1px #888888;
}

.btn {
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #F1F1F1;
    border: solid 1px #D6D6D6;
    border-radius: 3px;
    padding: 5px 10px;
    text-align: center;
    user-select: none;
}

.btn:hover {
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    border: solid 1px #BBBBBB;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    color: #444444;
    cursor: pointer;
}

.btn:active {
    background-color: #EEEEEE;
    border: solid 1px #888888;
}



.input-metro {
    -moz-border-radius: 4px;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
    border: solid 1px #CCCCCC;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #666666;
    font-family: 'Open Sans', Segoe UI, Helvetica, Tahoma, Geneva !important;
    font-size: 13px;
    font-weight: 400;
    padding: 6px 8px;
    resize: none;
}

.input-metro:hover {
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
    border-color: #999;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.input-metro:focus {
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);
    border-color: #1798E1;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}


.input-metro-big {
    -moz-border-radius: 4px;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
    border: solid 1px #CCCCCC;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #666666;
    font-family: 'Open Sans', Segoe UI, Helvetica, Tahoma, Geneva !important;
    font-size: 20px;
    font-weight: 300;
    padding: 8px;
    resize: none;
    width: 400px;
}

.input-metro-big:hover {
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
    border-color: #999;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.input-metro-big:focus {
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);
    border-color: #1798E1;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

.input-error, .input-error:hover, .input-error:focus { border: 1px solid #d10000; }

.input-valid, .input-valid:hover, .input-valid:focus { border: 1px solid #017400; }

.input-small { width: 80px; }

.input-medium { width: 300px; }

.input-large { width: 600px; }

.right { text-align: right; }

.center { text-align: center; }

.left { text-align: left; }

#formError {
    display: none;
    margin: 10px 0;
}

.error-msg {
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #f7fbce;
    border: solid 1px #D6D6D6;
    border-radius: 5px;
    color: #D10000;
    padding: 10px;
}

.info-msg {
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #eeeeee;
    border: solid 1px #D6D6D6;
    border-radius: 5px;
    color: #666666;
    padding: 10px;
}

.xx-font {
    font-size: 20px;
    font-weight: 300;
}

.x-font { font-size: 18px; }

.m-font { font-size: 15px; }

.bg-active { background-color: #E3FACE }

.bg-inactive { background-color: #eeeeee }

.section-disabled { opacity: 0.6; }

.section-enabled { opacity: 1; }


.g-button-clear {
    background: none;
    border: none;
    color: #086DB6;
    cursor: pointer;
    font-family: 'Open Sans', Segoe UI, Helvetica, Tahoma, Geneva !important;
    outline: none;
    padding: 8px 15px;
}

.g-button-clear:hover {
    color: #28A7F2;
    text-decoration: underline;
}

.g-button-clear:focus { color: #28A7F2; }




.g-button-submit {
    -moz-border-radius: 3px;
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    background-color: #1798E1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1798E1), to(#0C85CC));
    background-image: -webkit-linear-gradient(top, #1798E1, #0C85CC);
    background-image: -moz-linear-gradient(top, #1798E1, #0C85CC);
    background-image: -ms-linear-gradient(top, #1798E1, #0C85CC);
    background-image: -o-linear-gradient(top, #1798E1, #0C85CC);
    background-image: linear-gradient(top, #1798E1, #0C85CC);
    border: 1px solid #3079ED;
    border-radius: 3px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    color: white;
    cursor: pointer;
    font-weight: 900;
    padding: 8px 15px;
    text-shadow: 0 2px rgba(0, 0, 0, 0.1);
}


.g-button-submit:hover {
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    background-color: #3FAEEB;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3FAEEB), to(#149EF1));
    background-image: -webkit-linear-gradient(top, #3FAEEB, #149EF1);
    background-image: -moz-linear-gradient(top, #3FAEEB, #149EF1);
    background-image: -ms-linear-gradient(top, #3FAEEB, #149EF1);
    background-image: -o-linear-gradient(top, #3FAEEB, #149EF1);
    background-image: linear-gradient(top, #3FAEEB, #149EF1);
    border: 1px solid #1798E1;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    text-shadow: 0px 2px rgba(0, 0, 0, 0.4);
}

.g-button-submit:focus {
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    background-color: #3FAEEB;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3FAEEB), to(#149EF1));
    background-image: -webkit-linear-gradient(top, #3FAEEB, #149EF1);
    background-image: -moz-linear-gradient(top, #3FAEEB, #149EF1);
    background-image: -ms-linear-gradient(top, #3FAEEB, #149EF1);
    background-image: -o-linear-gradient(top, #3FAEEB, #149EF1);
    background-image: linear-gradient(top, #3FAEEB, #149EF1);
    border: 1px solid #1277AD;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    text-shadow: 1px 2px rgba(0, 0, 0, 0.4);
}

.g-button-green {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #009900;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#06a500), to(#007900));
    background-image: -webkit-linear-gradient(top, #06a500, #007900);
    background-image: -moz-linear-gradient(top, #06a500, #007900);
    background-image: -ms-linear-gradient(top, #06a500, #007900);
    background-image: -o-linear-gradient(top, #06a500, #007900);
    background-image: linear-gradient(top, #06a500, #007900);
    border: 1px solid #008C00;
    border-radius: 4px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    padding: 8px 15px;
    text-align: center;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}

.g-button-green:hover {
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    background-color: #00b300;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#07c000), to(#009200));
    background-image: -webkit-linear-gradient(top, #07c000, #009200);
    background-image: -moz-linear-gradient(top, #07c000, #009200);
    background-image: -ms-linear-gradient(top, #07c000, #009200);
    background-image: -o-linear-gradient(top, #07c000, #009200);
    background-image: linear-gradient(top, #07c000, #009200);
    border: 1px solid #00a600;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}

.g-button-small {
    font-size: 10px !important;
    padding: 5px 10px !important;
}


/* HEADINGS   
----------------------------------------------------------*/

h1 {
    border-bottom: solid 2px #E6E6E6;
    font-size: 26px;
    font-weight: 300;
    margin-top: 30px;
    padding-bottom: 5px;
    width: 100%;
}

h2 {
    color: #086DB6;
    font-size: 20px;
    font-weight: 300;
    margin: 25px 0 10px 0;
    padding-bottom: 5px;
    /*border-bottom: solid 2px #E6E6E6*/
}

h3 {
    font-size: 17px;
    font-weight: 300;
    margin: 0 0 10px 0;
}

h4 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 8px;
}

.url-field { text-transform: lowercase; }

.sortable-placeholder {
    background-color: cornsilk;
    border: 1px dashed #d6d6d6 !important;
    min-height: 10px;
}

.color-blue { color: #086DB6; }

a.color-blue:hover { color: #28A7F2; }

.color-red { color: #D10000; }

.color-gray { color: #666666; }

.underline-gray { border-bottom: solid 2px #E6E6E6; }

.product-name > input {
    font-family: 'Open Sans', Segoe UI, Helvetica, Tahoma, Geneva !important;
    font-size: 26px;
    width: -moz-calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
}

.product-resume { margin-top: 15px; }

.product-resume > input {
    font-family: 'Open Sans', Segoe UI, Helvetica, Tahoma, Geneva !important;
    width: 600px;
}


.placeholder {
    color: #BBBBBB;
    /*border-bottom: solid 1px #FFFFFF;*/
}

.remove-button {
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
}

.remove-button:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.remove-button > div {
    background: url(../images/trash_icon.png) no-repeat;
    cursor: pointer;
    height: 16px;
    left: -20px;
    position: relative;
    width: 16px;
}

.content-part > .remove-button > div {
    background: url(../images/remove_content_part.png) no-repeat;
    top: 30px !important;
}


/*.template-one-column
{
    width:30px;
    height: 34px;
    background-image: url(../images/template_buttons.png);
    background-repeat: no-repeat;
    border-left: solid 1px #D6D6D6;
    border-top: solid 1px #D6D6D6;
    border-bottom: solid 1px #D6D6D6;
    background-color: #F1F1F1;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
	-o-border-radius-top-left: 3px;
    -o-border-radius-bottom-left: 3px;
	border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    user-select: none;
    float:right;
    margin-left: 2px;
}

    .template-one-column:hover
    {
        background-position: 0 -35px;
        cursor: pointer;
    }

    .template-one-column:active
    {
        background-position: 0 -70px;
    }

.template-clicked-one-column{
    background-image: url(../images/template_buttons.png);
    background-repeat: no-repeat;
    background-position: 0 -70px;
    width:30px;
    height: 34px;
    border-left: solid 1px #D6D6D6;
    border-top: solid 1px #D6D6D6;
    border-bottom: solid 1px #D6D6D6;
    background-color: #F1F1F1;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
	-o-border-radius-top-left: 3px;
    -o-border-radius-bottom-left: 3px;
	border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    user-select: none;
    float:right;
    margin-left: 2px;
}


.template-two-columns
{
    width:30px;
    height: 34px;
    background-image: url(../images/template_buttons.png);
    background-repeat: no-repeat;
    background-position: -30px 0;
    border-right: solid 1px #D6D6D6;
    border-top: solid 1px #D6D6D6;
    border-bottom: solid 1px #D6D6D6;
    background-color: #F1F1F1;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
	-o-border-radius-top-right: 3px;
    -o-border-radius-bottom-right: 3px;
	border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    user-select: none;
    float: right;
    margin-right: 2px;
}

    .template-two-columns:hover
    {
        background-position: -30px -35px;
        cursor: pointer;
    }

    .template-two-columns:active
    {
        background-position: -30px -70px;
    }

.template-clicked-two-columns{
    background-image: url(../images/template_buttons.png);
    background-repeat: no-repeat;
    background-position: -30px -70px;
    width:30px;
    height: 34px;
    border-right: solid 1px #D6D6D6;
    border-top: solid 1px #D6D6D6;
    border-bottom: solid 1px #D6D6D6;
    background-color: #F1F1F1;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
	-o-border-radius-top-right: 3px;
    -o-border-radius-bottom-right: 3px;
	border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    user-select: none;
    float: right;
    margin-right: 2px;
}*/


.column {
    border: dashed 1px #D6D6D6;
    clear: both;
    cursor: default;
    min-height: 50px;
    overflow: hidden;
}

.column50 {
    border: dashed 1px #D6D6D6;
    cursor: default;
    float: left;
    min-height: 50px;
    overflow: hidden;
    width: 47.7%;
}

.column-divisor {
    float: left;
    min-height: 50px;
    min-width: 4%;
    width: 4%;
}


.overlay-box {
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: url(../Images/transparent_back.png);
    border-radius: 10px;
    display: none;
    padding: 10px;
    position: absolute;
    z-index: 100;
}

.overlay-box-title {
    background-color: #F1F1F1;
    font-size: 15px;
    padding: 8px 15px;
}

.overlay-box-close {
    color: #666;
    cursor: pointer;
    float: right;
    font-weight: bold;
}

.overlay-box-close:hover { color: #333; }

#overlay-back {
    background-color: #333;
    display: none;
    filter: alpha(opacity=60);
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
}

.page-wrapper {
    clear: both;
    margin: 0 auto;
    padding-bottom: 40px;
    width: 95%;
}

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

* html .clearfix { zoom: 1; }

/* IE6 */

*:first-child + html .clearfix { zoom: 1; }

/* IE7 */


.divisor-line-vertical {
    background: url(../images/divisor_line_vertical.png) repeat-y;
    float: left;
    width: 15px;
}

.checkbox-styled { display: none; }

.checkbox, .checkbox-noclick {
    background-image: url("../images/checkmark.png");
    background-position: -3px -33px;
    background-repeat: no-repeat;
    border: dotted 1px transparent;
    cursor: pointer;
    height: 14px;
    outline: none;
    padding-left: 25px;
}

.checkbox:hover { color: #333333; }

.checkbox:focus {
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: dotted 1px #D6D6D6;
    border-radius: 4px;
    color: #333333;
}

.checkbox-checked {
    background-image: url("../images/checkmark.png");
    background-position: -3px -6px;
    background-repeat: no-repeat;
}

.checkbox-unchecked {
    background-image: url("../images/checkmark.png");
    background-position: -3px -33px;
    background-repeat: no-repeat;
}

.dashed-box {
    background-color: #f8f8f8;
    border: 1px dashed #D6D6D6;
}

.rounded-box {
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #FFFFFF;
    border: 1px solid #D6D6D6;
    border-radius: 4px;
}

.rounded-box-shadow {
    -moz-border-radius: 4px;
    -moz-box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.2);
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.2);
    background-color: #FFFFFF;
    border: 1px solid #D6D6D6;
    border-radius: 4px;
    box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.2);
}


.floating-right { float: right; }

.floating-left { float: left; }

.list-style-blue {
    line-height: 20px;
    list-style-image: url(http://www.licenciasonline.com/images/list-style-blue.png);
}

.list-style-blue > li { padding-left: 8px; }

.load-icon {
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    display: inline-block;
    height: 11px;
    margin: 8px 10px;
    width: 16px;
}

.news-photo {
    background: #FFFFFF url(../images/upload_photo.png) no-repeat;
    background-position: -30px -30px;
    cursor: pointer;
    height: 80px;
    overflow: hidden;
    position: relative;
    width: 100px;
}

.news-photo-remove {
    background: #FFFFFF url(../images/remove_photo.png) no-repeat;
    background-position: -30px -30px;
    cursor: pointer;
    height: 80px;
    margin-left: 15px;
    overflow: hidden;
    position: relative;
    width: 100px;
}

.uploaded-image-box {
    float: left;
    height: 75px;
    margin-left: 15px;
    padding-top: 5px;
    text-align: center;
    width: 600px;
}

.uploaded-image-box > div {
    float: left;
    height: 60px;
    margin: 8px 10px;
    text-align: center;
    width: 170px;
}

.uploaded-image-box > div > div {
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: #d6d6d6;
    border-radius: 8px;
    height: 16px;
    margin: 12px auto;
    width: 16px;
}

.uploaded-image-box-green {
    background-color: green !important;
    filter: alpha(opacity=60);
    opacity: 0.6;
}


.product-photo {
    background: #FFFFFF url(../images/upload_photo.png) no-repeat;
    cursor: pointer;
    height: 148px;
    overflow: hidden;
    position: relative;
    width: 158px;
}

.brand-photo {
    background: #FFFFFF url(../images/upload_photo.png) no-repeat;
    background-position: 0 -27px;
    cursor: pointer;
    height: 92px;
    overflow: hidden;
    position: relative;
    width: 158px;
}

#product-image {
    display: none;
    height: 148px;
    width: 158px;
}

#image-cropping { background-color: #FFFFFF; }

#file {
    cursor: pointer;
    filter: alpha(opacity=0);
    font-size: 300px;
    height: 148px;
    opacity: 0.0;
    position: absolute;
    right: 0; /* not left, because only the right part of the input seems to be clickable in some browser I can't remember */
    top: 0;
    width: 158px;
}

#imageFile {
    /*position: absolute;*/
    cursor: pointer;
    filter: alpha(opacity=0);
    height: 34px;
    max-height: 34px;
    max-width: 30px;
    opacity: 0;
    overflow: hidden;
    width: 30px;
}

.bar {
    background: green;
    filter: alpha(opacity=60);
    height: 4px;
    margin-top: 10px;
    opacity: 0.6;
}

.ckeLinkOptions {
    display: none;
    text-align: center;
}

#ckeLinkSelector {
    margin: 25px 0;
    text-align: center;
}

#ckeLinkSelectorDivisor { margin: 0 20px; }


/* NAV BAR */

#navigation {
    -moz-box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.2);
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(229, 229, 229, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* W3C */
    background-color: #EEEEEE;
    border: solid 1px #d6d6d6;
    box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */
    /*width: 1000px;
    margin: 10px auto;*/
    height: 46px;
}


/* 
	LEVEL ONE
*/

#navigation > ul {
    color: #444444;
    float: left;
    font-size: 12px;
    height: 46px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: uppercase;
}

#navigation > ul li {
    border-right: solid 1px #d6d6d6;
    cursor: pointer;
    display: block;
    float: left;
    height: 46px;
    line-height: 46px;
    margin: 0;
    padding: 0 15px;
    width: auto;
    zoom: 1;
}

#navigation > ul li:hover { background-color: #FFFFFF; }

#navigation > ul li:last-child a { border-right: none; }

/* Doesn't work in IE */

/* 
	LEVEL TWO
*/

#navigation > ul ul {
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.2);
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.2);
    background-color: #FFFFFF;
    border-bottom: solid 1px #d6d6d6;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: solid 1px #d6d6d6;
    border-right: solid 1px #d6d6d6;
    box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.2);
    list-style-type: none;
    margin: 0 0 0 -16px;
    padding: 10px;
    position: absolute;
    text-transform: none;
    visibility: hidden;
    z-index: 149;
}

#navigation > ul ul li:first-child { border-top: solid 1px #eeeeee; }

#navigation > ul ul li {
    border-bottom: solid 1px #eeeeee;
    border-left: solid 1px #eeeeee;
    border-right: solid 1px #eeeeee;
    color: #666666;
    cursor: pointer;
    display: block;
    float: none;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0 10px 0 0;
    position: relative;
    white-space: nowrap;
    z-index: 150;
}

#navigation > ul ul li:hover, #navigation > ul ul li a:hover {
    background-color: #555555;
    color: #FFFFFF !important;
}

/* IE 6 & 7 Needs Inline Block */

#navigation > ul ul li a {
    color: #666666;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0;
    text-decoration: none;
    text-indent: 10px;
    width: 100%;
}


/* 
	LEVEL THREE
*/

#navigation > ul ul ul {
    border-top: solid 1px #d6d6d6;
    left: 100%;
    margin-left: 0px;
    top: -12px;
}

#navigation > ul li:hover > ul { visibility: visible; }


.nav-option-selected {
    background-color: #FFFFFF;
    border-bottom: solid 2px #FFFFFF !important;
}

#logged-user-box {
    border-left: solid 1px #d6d6d6;
    float: right;
    height: 46px;
    line-height: 18px;
    padding: 0 20px;
    text-align: right;
}

.vcenter-outer {
    overflow: hidden;
    position: relative;
}

.vcenter-outer[class] {
    display: table;
    position: static;
}

.vcenter-middle {
    position: absolute;
    top: 50%;
}

.vcenter-middle[class] {
    display: table-cell;
    position: static;
    vertical-align: middle;
    width: 100%;
}

.vcenter-inner {
    position: relative;
    top: -50%;
}

/* END NAV BAR */



/* TEMPLATES */

table th {
    color: #4C70B7;
    font-weight: bold;
}

.template { display: none; }

#template-tbl { width: 100%; }

#template-tbl th {
    color: #4C70B7;
    /*padding:8px;*/
    font-weight: bold;
}

.template-tbl { width: 100%; }

.template-tbl th {
    color: #4C70B7;
    /*padding:8px;*/
    font-weight: bold;
}

.template-line { background-color: #FFFFFF; }

.template-line:hover { background-color: #F1F1F1; }

.divisor-header-tbl {
    border-bottom: 1px solid #859CCD;
    padding: 0px;
}

.divisor-tbl {
    border-bottom: 1px solid #E7E7E7;
    height: 1px;
    padding: 0px;
}


#results-number {
    color: #666666;
    float: right;
    font-size: 11px;
    font-style: italic;
    padding-bottom: 8px;
}


.paginationButton {
    border: solid 1px #CCC;
    color: #666666;
    cursor: pointer;
    font-size: 11px;
    padding: 5px 8px 5px 8px;
    text-decoration: none;
}

.paginationButton:hover {
    background-color: #DBDBDB;
    color: #333333;
    cursor: pointer;
}

.paginationButton_active {
    color: #333333;
    font-size: 11px;
    font-weight: bolder;
    padding: 5px 8px 5px 8px;
    text-decoration: none;
}

.paginationButton_small {
    color: #666666;
    cursor: pointer;
    font-size: 11px;
    padding: 4px 6px;
    text-decoration: none;
}

.paginationButton_small:hover {
    color: #333333;
    cursor: pointer;
}

.paginationButton_small_active {
    color: #333333;
    font-size: 11px;
    font-weight: bolder;
    padding: 4px 6px;
    text-decoration: none;
}


/* END TEMPLATES */


#search_box, .search-box {
    background: #FFFFFF url(../images/filter_icon.png) no-repeat;
    padding: 6px 5px 6px 35px;
    width: 200px;
}


#related-products-search-box, #brand-search-box {
    background: #FFFFFF url(../images/filter_icon.png) no-repeat;
    padding: 6px 5px 6px 35px;
    width: 200px;
}

.contact-line {
    height: 36px;
    margin: 7px 0;
    padding: 8px;
}

.contact-line:hover {
    /*border: 1px solid #B9B9B9;
        border-top: 1px solid #A0A0A0;*/
    background-color: #f1f1f1;
    /*-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
        box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);*/
}

.contact-line > div {
    float: left;
    height: 36px;
    margin: 0 10px 0 5px;
    vertical-align: middle;
}

.selected-contact {
    float: left;
    line-height: 24px;
    margin-top: 2px;
    max-width: 246px;
    overflow: hidden;
    padding: 4px 10px;
    text-align: left;
    user-select: none;
    width: 246px;
}

.selected-contact-name {
    float: left;
    max-width: 228px;
    overflow: hidden;
    white-space: nowrap;
}


.remove-contact-button {
    filter: alpha(opacity=20);
    float: right;
    opacity: 0.2;
    position: relative;
}

.remove-contact-button:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.remove-contact-button > div {
    background: url(../images/trash_icon.png) no-repeat;
    cursor: pointer;
    height: 16px;
    /*position: relative;*/
    margin-top: 4px;
    width: 16px;
}

.brands-box-div {
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #FFFFFF;
    border: 1px solid #D6D6D6;
    border-radius: 4px;
    cursor: pointer;
    float: left;
    margin: 0px 7px 7px 0;
}

.hidden { display: none; }

#waitMessageDiv, #errorMessageDiv {
    font-size: 40px;
    font-weight: 300;
    height: 300px;
    line-height: 100px;
    margin-top: 40px;
    text-align: center;
}


#djas-search-box > fieldset {
    -moz-border-radius: 4px;
    -moz-box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.2);
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.2);
    border: 1px solid #D6D6D6;
    border-radius: 4px;
    box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.2);
    margin-bottom: 15px;
}

tbl-available-orders #additionalDJASForm { display: none; }

#addOrderBox {
    display: none;
    width: 820px;
}

.inpage-notification {
    background-color: #f7fbce;
    border-bottom: 1px dashed #d6d6d6;
    border-top: 1px dashed #d6d6d6;
    font-size: 16px;
    font-weight: 300;
    margin: 30px 0;
    padding: 15px;
}

.info-box {
    background-image: url(../Images/info_square_blue.png);
    background-position: 15px 12px;
    background-repeat: no-repeat;
    padding: 15px 20px 15px 60px;
}

.button-new {
    float: right;
    margin-left: 10px;
    position: relative;
}

.marg-right40 { margin-right: 40px; }

.marg-right30 { margin-right: 30px; }

.marg-right20 { margin-right: 20px; }

.marg-right15 { margin-right: 15px; }

.marg-right10 { margin-right: 10px; }

.marg-top0 { margin-top: 0; }

.marg-top5 { margin-top: 5px; }

.marg-top10 { margin-top: 10px; }

.marg-top20 { margin-top: 20px; }

.marg-top30 { margin-top: 30px; }

.marg-bot10 { margin-bottom: 10px; }

.marg-bot20 { margin-bottom: 20px; }

.marg-left60 { margin-left: 60px; }

.marg-left20 { margin-left: 20px; }


#tbl-available-orders { margin-top: 110px; }

#tbl-available-orders thead {
    background-color: #FFFFFF;
    margin-top: -55px;
    position: fixed;
}

.loading {
    background: url(../images/loading.gif) no-repeat;
    display: none;
    height: 11px;
    margin: 10px;
    width: 16px;
}

#newsImageCropperSteps {
    -moz-border-radius-topleft: 4px;
    -o-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    background-color: #F7F7F7;
    border-top-left-radius: 4px;
    width: 160px;
}

#newsImageCropperSteps > div {
    background-color: #E6E6E6;
    font-size: 14px;
    padding: 15px;
}

#newsImageCropperSteps > div.active {
    background-color: #086db6;
    color: #FFFFFF;
    font-weight: bold;
}

.popin-box { position: absolute; }

.popup-window {
    -moz-border-radius: 4px;
    -moz-box-shadow: 0 5px 6px -6px #000;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 0 5px 6px -6px #000;
    background-color: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 5px 6px -6px #000;
    display: none;
    left: 0;
    margin-bottom: 50px;
    position: absolute;
    top: 0;
    z-index: 110;
}

.popup-window-title {
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    background-color: #EEEEEE;
    border-bottom: 1px solid #d6d6d6;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 17px;
    font-weight: 300;
    padding: 10px 15px;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
}

.popup-window-body { padding: 20px; }

.popup-window-footer {
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    background-color: #F8F8F8;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 1px solid #d6d6d6;
    font-size: 14px;
    font-weight: 300;
    overflow: hidden;
    padding: 10px 15px;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
}

.popup-window-cancel-button {
    color: #097DC4;
    cursor: pointer;
    float: right;
    line-height: 40px;
    margin: 0 20px;
    text-decoration: none;
}

.popup-window-cancel-button:hover { text-decoration: underline; }


.popup-window-close {
    cursor: pointer;
    float: right;
    font-size: 14px;
    font-weight: normal;
    padding: 0 4px 2px 4px;
}

.warning-message {
    -moz-border-radius: 4px;
    -moz-box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.2);
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.2);
    background-color: #F8F8F8;
    border: 1px solid #D6D6D6;
    border-radius: 4px;
    box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.2);
    margin: 20px auto;
    overflow: hidden;
}

.warning-message-header {
    border-bottom: 1px solid #D6D6D6;
    color: #D10000;
    font-size: 26px;
    font-weight: 300;
    margin: 0;
    padding: 20px;
}

.warning-message-body {
    background-color: #FFFFFF;
    padding: 20px;
}

.warning-message-footer {
    border-top: 1px solid #D6D6D6;
    overflow: hidden;
    padding: 15px 20px;
}


#LoginBox p {
    font-size: 18px;
    font-weight: 300;
    margin-top: 20px;
}

#breadcrumbs-bar {
    -moz-box-shadow: 0 5px 6px -6px #d6d6d6;
    -webkit-box-shadow: 0 5px 6px -6px #d6d6d6;
    background-color: #f7f7f7;
    box-shadow: 0 5px 6px -6px #d6d6d6;
    font-size: 13px;
    line-height: 30px;
    overflow: hidden;
    padding: 5px 20px;
}

#breadcrumbs-bar > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#breadcrumbs-links { float: left }

#breadcrumbs-links li, #breadcrumbs-menu li { float: left; }

#breadcrumbs-links a {
    color: #444;
    float: left;
    margin: 0 15px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}

#breadcrumbs-links a:hover { color: #086db6; }

#breadcrumbs-links .current,
#breadcrumbs-links .current:hover {
    background: none;
    color: #086db6;
    font-size: 16px;
}

#breadcrumbs-links .current::after,
#breadcrumbs-links .current::before { content: normal; }

#breadcrumbs-menu { float: right }

#breadcrumbs-menu li { margin: 0 10px 0 0; }


#breadcrumbs-menu a {
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #128DD5;
    border-radius: 4px;
    color: #FFFFFF;
    padding: 7px 15px;
    text-decoration: none;
}

#breadcrumbs-menu a:hover {
    background-color: #28A7F2;
    text-decoration: none;
}

#breadcrumbs-menu a.link {
    background-color: transparent !important;
    color: #086db6 !important;
    margin: 7px 15px;
    padding: 0;
    text-decoration: none;
}

#breadcrumbs-menu a.link:hover {
    color: #28A7F2;
    text-decoration: underline;
}

.pace .pace-progress {
    -moz-transition: width 1s;
    -o-transition: width 1s;
    -webkit-transition: width 1s;
    background: #128dd5;
    height: 2px;
    left: 0;

    position: fixed;
    top: 0;
    transition: width 1s;
    z-index: 2000;
}

.pace-inactive { display: none; }
/*!
 * qTip2 - Pretty powerful tooltips - v2.0.1-27-
 * http://qtip2.com
 *
 * Copyright (c) 2013 Craig Michael Thompson
 * Released under the MIT, GPL licenses
 * http://jquery.org/license
 *
 * Date: Tue Feb 26 2013 11:17 GMT+0000
 * Plugins: svg ajax tips modal viewport imagemap ie6
 * Styles: basic css3
 */

/* Core qTip styles */
.qtip, .qtip {
    direction: ltr;
    display: none;
    font-size: 12px;
    left: -28000px;

    line-height: 15px;
    max-width: 700px;

    min-width: 50px;
    position: absolute;

    top: -28000px;
}

.qtip-content {
    overflow: hidden;
    padding: 5px 9px;
    position: relative;

    text-align: left;
    word-wrap: break-word;
}

.qtip-titlebar {
    border-width: 0 0 1px;
    font-weight: bold;
    overflow: hidden;

    padding: 5px 35px 5px 10px;
    position: relative;
}

.qtip-titlebar + .qtip-content { border-top-width: 0 !important; }

/* Default close button class */

.qtip-close {
    border-color: transparent;
    border-style: solid;
    border-width: 1px;

    cursor: pointer;
    outline: medium none;

    position: absolute;
    right: -9px;
    top: -9px;
}

.qtip-titlebar .qtip-close {
    margin-top: -9px;
    right: 4px;
    top: 50%;
}

* html .qtip-titlebar .qtip-close { top: 16px; }

/* IE fix */

.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
    direction: ltr;
    display: block;
    text-indent: -1000em;
    vertical-align: middle;
}

.qtip-icon, .qtip-icon .ui-icon {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
}

.qtip-icon .ui-icon {
    background: transparent none no-repeat -100em -100em;
    color: inherit;

    font: normal bold 10px/13px Tahoma, sans-serif;
    height: 14px;
    text-align: center;

    text-indent: 0;
    width: 18px;
}


/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */

.qtip-focus { }

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */

.qtip-hover { }

/* Default tooltip style */

.qtip-default {
    background-color: #FFFFA3;
    border-color: #F1D031;
    border-style: solid;

    border-width: 1px;
    color: #555;
}

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

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

.qtip-default .qtip-titlebar .qtip-close {
    border-color: #AAA;
    color: #111;
}


/*! Light tooltip style */

.qtip-light {
    background-color: #ffffda;
    border-color: #E2E2E2;
    color: #454545;
}

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


/*! Dark tooltip style */

.qtip-dark {
    background-color: #505050;
    border-color: #303030;
    color: #f3f3f3;
}

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

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

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


/*! Cream tooltip style */

.qtip-cream {
    background-color: #FBF7AA;
    border-color: #F9E98E;
    color: #A27D35;
}

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

.qtip-cream .qtip-close .qtip-icon { background-position: -82px 0; }


/*! Red tooltip style */

.qtip-red {
    background-color: #F78B83;
    border-color: #D95252;
    color: #912323;
}

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

.qtip-red .qtip-close .qtip-icon { background-position: -102px 0; }

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

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


/*! Green tooltip style */

.qtip-green {
    background-color: #CAED9E;
    border-color: #90D93F;
    color: #3F6219;
}

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

.qtip-green .qtip-close .qtip-icon { background-position: -42px 0; }


/*! Blue tooltip style */

.qtip-blue {
    background-color: #E5F6FE;
    border-color: #ADD9ED;
    color: #5E99BD;
}

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

.qtip-blue .qtip-close .qtip-icon { background-position: -2px 0; }


/* Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */

.qtip-shadow {
    -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */

.qtip-rounded,
.qtip-tipsy,
.qtip-bootstrap {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.qtip-rounded .qtip-titlebar {
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

/* Youtube tooltip style */

.qtip-youtube {
    -moz-border-radius: 2px;
    -moz-box-shadow: 0 0 3px #333;
    -webkit-border-radius: 2px;

    -webkit-box-shadow: 0 0 3px #333;
    background: #4A4A4A;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4A4A4A), color-stop(100%, black));

    background-image: -webkit-linear-gradient(top, #4A4A4A 0, black 100%);
    background-image: -moz-linear-gradient(top, #4A4A4A 0, black 100%);

    background-image: -ms-linear-gradient(top, #4A4A4A 0, black 100%);
    background-image: -o-linear-gradient(top, #4A4A4A 0, black 100%);
    border-radius: 2px;
    border-width: 0;
    box-shadow: 0 0 3px #333;
    color: white;
}

.qtip-youtube .qtip-titlebar {
    background-color: #4A4A4A;
    background-color: rgba(0, 0, 0, 0);
}

.qtip-youtube .qtip-content {
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);

    font: 12px arial, sans-serif;
    padding: .75em;
}

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

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


/* jQuery TOOLS Tooltip style */

.qtip-jtools {
    -moz-border-radius: 2px;
    -moz-box-shadow: 0 0 12px #333;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0 0 12px #333;
    background: #232323;
    background: rgba(0, 0, 0, 0.7);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));

    background-image: -moz-linear-gradient(top, #717171, #232323);
    background-image: -webkit-linear-gradient(top, #717171, #232323);

    background-image: -ms-linear-gradient(top, #717171, #232323);
    background-image: -o-linear-gradient(top, #717171, #232323);
    border: 2px solid #ddd;

    border: 2px solid rgba(241, 241, 241, 1);
    border-radius: 2px;
    box-shadow: 0 0 12px #333;
}

/* IE Specific */

.qtip-jtools .qtip-titlebar {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
    background-color: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);
}

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

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

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

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


/* Cluetip style */

.qtip-cluetip {
    -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
    background-color: #D9D9C2;

    border: 0 dashed transparent;
    box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
    color: #111;
}

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

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

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


/* Tipsy style */

.qtip-tipsy {
    background: black;
    background: rgba(0, 0, 0, .87);

    border: 0 solid transparent;
    color: white;

    font-family: 'Lucida Grande', sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    text-shadow: 0 1px black;
}

.qtip-tipsy .qtip-titlebar {
    background-color: transparent;
    padding: 6px 35px 0 10;
}

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

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

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


/* Tipped style */

.qtip-tipped {
    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;
    background-color: #F9F9F9;
    border: 3px solid #959FA9;

    border-radius: 3px;
    color: #454545;

    font-family: serif;
    font-weight: normal;
}

.qtip-tipped .qtip-titlebar {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";

    background: #3A79B8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
    background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);
    background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
    background-image: -ms-linear-gradient(top, #3A79B8, #2E629D);
    background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
    border-bottom-width: 0;
    color: white;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);
}

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

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


/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */

.qtip-bootstrap {
    -moz-background-clip: padding;
    -moz-border-radius: 6px;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

    -webkit-background-clip: padding-box;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    color: #333333;
    /** Taken from Bootstrap body */
    font-size: 14px;
    line-height: 20px;
    /** Taken from Bootstrap .popover */
    padding: 1px;
}

.qtip-bootstrap .qtip-titlebar {
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin: 0;
    /** Taken from Bootstrap .popover-title */
    padding: 8px 14px;
}

.qtip-bootstrap .qtip-titlebar .qtip-close {
    border-style: none;
    /**
			 * Overrides qTip2:
			 * .qtip-titlebar .qtip-close{
			 *   [...]
			 *   right: 4px;
			 *   top: 50%;
			 *   [...]
			 *   border-style: solid;
			 * }
			 */
    right: 11px;
    top: 45%;
}

.qtip-bootstrap .qtip-content {
    /** Taken from Bootstrap .popover-content */
    padding: 9px 14px;
}

.qtip-bootstrap .qtip-icon {
    /**
		 * Overrides qTip2:
		 * .qtip-default .qtip-icon {
		 *   border-color: #CCC;
		 *   background: #F1F1F1;
		 *   color: #777;
		 * }
		 */
    background: transparent;
}

.qtip-bootstrap .qtip-icon .ui-icon {
    color: #000000;
    filter: alpha(opacity=20);

    /* Taken from Bootstrap .close */
    float: right;
    font-size: 20px;
    font-weight: bold;
    height: auto;
    line-height: 18px;
    opacity: 0.2;
    text-shadow: 0 1px 0 #ffffff;
    /**
			 * Overrides qTip2:
			 * .qtip-icon .ui-icon{
			 *   width: 18px;
			 *   height: 14px;
			 * }
			 */
    width: auto;
}

.qtip-bootstrap .qtip-icon .ui-icon:hover {
    /* Taken from Bootstrap .close:hover */
    color: #000000;
    cursor: pointer;
    filter: alpha(opacity=40);
    opacity: 0.4;
    text-decoration: none;
}


/* IE9 fix - removes all filters */

.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar {
    -ms-filter: none;
    filter: none;
}


/* Tips plugin */

.qtip .qtip-tip {
    margin: 0 auto;
    overflow: hidden;
    z-index: 10;
}

/* Opera bug #357 - Incorrect tip position
	https://github.com/Craga89/qTip2/issues/367 */

x:-o-prefocus, .qtip .qtip-tip { visibility: hidden; }

.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
    background: transparent;

    border: 0 dashed transparent;
    color: #123456;
    position: absolute;
}

.qtip .qtip-tip canvas {
    left: 0;
    top: 0;
}

.qtip .qtip-tip .qtip-vml {
    behavior: url(#default#VML);
    display: inline-block;
    visibility: visible;
}

/* Modal plugin */

#qtip-overlay {
    left: -10000em;
    position: fixed;
    top: -10000em;
}

/* Applied to modals with show.modal.blur set to true */

#qtip-overlay.blurs { cursor: pointer; }

/* Change opacity of overlay here */

#qtip-overlay div {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    background-color: black;
    filter: alpha(opacity=70);
    height: 100%;
    left: 0;

    opacity: 0.7;

    position: absolute;
    top: 0;
    width: 100%;
}


/* IE6 Modal plugin fix */

.qtipmodal-ie6fix { position: absolute !important; }
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.1.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */
.chosen-container {
    -moz-user-select: none;
    -webkit-user-select: none;
    display: inline-block;
    *display: inline;
    font-size: 13px;
    position: relative;
    user-select: none;
    vertical-align: middle;
    zoom: 1;
}

.chosen-container .chosen-drop {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff;
    border: 1px solid #aaa;
    border-top: 0;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    left: -9999px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1010;
}

.chosen-container.chosen-with-drop .chosen-drop { left: 0; }

.chosen-container a { cursor: pointer; }

/* @end */

/* @group Single Chosen */

.chosen-container-single .chosen-single {
    -moz-border-radius: 4px;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
    border: solid 1px #CCCCCC;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #666666;
    display: block;
    height: 23px;
    line-height: 24px;
    /*border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;*/
    outline: none;
    overflow: hidden;
    padding: 4px 4px 4px 8px;
    position: relative;

    resize: none;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
}

.chosen-container-single .chosen-default { color: #999; }

.chosen-container-single .chosen-single span {
    display: block;
    margin-right: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; }

.chosen-container-single .chosen-single abbr {
    background: url('chosen-sprite.png') -42px 1px no-repeat;
    display: block;
    font-size: 1px;
    height: 12px;
    position: absolute;
    right: 26px;
    top: 6px;
    width: 12px;
}

.chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; }

.chosen-container-single .chosen-single div {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
}

.chosen-container-single .chosen-single div b {
    background: url('chosen-sprite.png') no-repeat 0px 2px;
    display: block;
    height: 100%;
    margin-top: 4px;
    width: 100%;
}

.chosen-container-single .chosen-search {
    margin: 0;
    padding: 3px 4px;
    position: relative;
    white-space: nowrap;
    z-index: 1010;
}

.chosen-container-single .chosen-search input[type="text"] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: white url('chosen-sprite.png') no-repeat 100% -20px;
    background: url('chosen-sprite.png') no-repeat 100% -20px;
    border: 1px solid #aaa;
    border-radius: 0;
    box-sizing: border-box;
    font-size: 1em;
    height: auto;
    /*font-family: sans-serif;*/
    line-height: normal;
    margin: 1px 0;
    outline: 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
}

.chosen-container-single .chosen-drop {
    background-clip: padding-box;
    border-radius: 0 0 4px 4px;
    margin-top: -1px;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    left: -9999px;
    position: absolute;
}

/* @end */

/* @group Results */

.chosen-container .chosen-results {
    -webkit-overflow-scrolling: touch;
    margin: 0 4px 4px 0;
    max-height: 240px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 0 0 4px;
    position: relative;
}

.chosen-container .chosen-results li {
    -webkit-touch-callout: none;
    display: none;
    line-height: 15px;
    list-style: none;
    margin: 0;
    padding: 5px 6px;
    text-align: left;
}

.chosen-container .chosen-results li.active-result {
    cursor: pointer;
    display: list-item;
}

.chosen-container .chosen-results li.disabled-result {
    color: #ccc;
    cursor: default;
    display: list-item;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #1798E1;
    /*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);*/
    color: #fff;
}

.chosen-container .chosen-results li.no-results {
    background: #f4f4f4;
    display: list-item;
}

.chosen-container .chosen-results li.group-result {
    cursor: default;
    display: list-item;
    font-weight: bold;
}

.chosen-container .chosen-results li.group-option { padding-left: 15px; }

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}

/* @end */

/* @group Multi Chosen */

.chosen-container-multi .chosen-choices {
    -moz-border-radius: 4px;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-sizing: border-box;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    border: solid 1px #CCCCCC;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);


    box-sizing: border-box;
    color: #666666;
    /*border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);*/
    cursor: text;
    height: auto !important;
    height: 1%;
    margin: 0;
    overflow: hidden;
    /*font-family: 'Open Sans', Segoe UI, Helvetica, Tahoma, Geneva !important;
    font-size: 13px;
    font-weight: 400;*/
    padding: 6px 8px;
    position: relative;
    resize: none;
    /*padding: 0;*/
    width: 100%;
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
}

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

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0;
    box-shadow: none;
    color: #666;
    font-size: 100%;
    height: 15px;
    /*font-family: sans-serif;*/
    line-height: normal;
    margin: 1px 0;
    outline: 0;
    padding: 5px;
}

.chosen-container-multi .chosen-choices li.search-field .default { color: #999; }

.chosen-container-multi .chosen-choices li.search-choice {
    background-clip: padding-box;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    border: 1px solid #aaa;
    border-radius: 3px;
    box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    cursor: default;
    line-height: 13px;
    margin: 3px 0 3px 5px;
    padding: 3px 20px 3px 5px;
    position: relative;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background: url('chosen-sprite.png') -42px 1px no-repeat;
    display: block;
    font-size: 1px;
    height: 12px;
    position: absolute;
    right: 3px;
    top: 4px;
    width: 12px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; }

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    border: 1px solid #ccc;
    color: #666;
    padding-right: 5px;
}

.chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; }

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; }

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    color: #ccc;
    cursor: default;
    display: list-item;
}

/* @end */

/* @group Active  */

.chosen-container-active .chosen-single {
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);
    /*border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);*/
    border-color: #1798E1;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

.chosen-container-active.chosen-with-drop .chosen-single {
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
    background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
    background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
    background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
    background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
    border: 1px solid #aaa;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    background: transparent;
    border-left: none;
}

.chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px; }

.chosen-container-active .chosen-choices {
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);
    /*border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);*/
    border-color: #1798E1;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #111 !important; }

/* @end */

/* @group Disabled Support */

.chosen-disabled {
    cursor: default;
    opacity: 0.5 !important;
}

.chosen-disabled .chosen-single { cursor: default; }

.chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; }

/* @end */

/* @group Right to Left */

.chosen-rtl { text-align: right; }

.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
    direction: rtl;
    margin-left: 26px;
    margin-right: 0;
}

.chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; }

.chosen-rtl .chosen-single div {
    left: 3px;
    right: auto;
}

.chosen-rtl .chosen-single abbr {
    left: 26px;
    right: auto;
}

.chosen-rtl .chosen-choices li { float: right; }

.chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; }

.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    left: 4px;
    right: auto;
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop { left: 9999px; }

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
    padding-left: 0;
    padding-right: 15px;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; }

.chosen-rtl .chosen-search input[type="text"] {
    background: white url('chosen-sprite.png') no-repeat -30px -20px;
    background: url('chosen-sprite.png') no-repeat -30px -20px;
    direction: rtl;
    padding: 4px 5px 4px 20px;
}

.chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; }

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; }

/* @end */

/* @group Retina compatibility */

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
    .chosen-rtl .chosen-search input[type="text"],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-container-single .chosen-search input[type="text"],
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span {
        background-image: url('chosen-sprite@2x.png') !important;
        background-repeat: no-repeat !important;
        background-size: 52px 37px !important;
    }
}
/* @end */
div.jGrowl {
    color: #fff;
    font-size: 12px;
    padding: 10px;
    z-index: 9999;
}

/** Special IE6 Style Positioning **/

div.ie6 { position: absolute; }

div.ie6.top-right {
    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' );
    right: auto;
    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 **/

div.jGrowl { position: absolute; }

body > div.jGrowl { position: fixed; }

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

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

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

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

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

/** 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 {
    -moz-border-radius: 5px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    -webkit-border-radius: 5px;
    background-color: #003366;
    display: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    font-family: Segoe UI, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 5px;
    opacity: .85;
    padding: 10px;
    text-align: left;
    width: 300px;
    zoom: 1;
}

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

div.jGrowl div.jGrowl-notification div.jGrowl-header {
    font-size: 12px;
    font-weight: bold;
}

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

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

/** Hide jGrowl when printing **/

@media print {
    div.jGrowl { display: none; }
}


/** CUSTOM TEMPLATES (by gbrossi) **/

div.jGrowl div.jGrowl_info {
    -moz-border-radius: 5px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    -webkit-border-radius: 5px;
    background: #003366 url("../Images/notification_info.png") no-repeat 10px 10px;
    display: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    font-family: Segoe UI, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 5px;
    opacity: .85;
    padding: 10px 10px 10px 60px;
    text-align: left;
    width: 350px;
    zoom: 1;
}

div.jGrowl div.jGrowl_success {
    -moz-border-radius: 5px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    -webkit-border-radius: 5px;
    background: #003366 url("../Images/notification_success.png") no-repeat 10px 10px;
    display: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    font-family: Segoe UI, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 5px;
    opacity: .85;
    padding: 10px 10px 10px 60px;
    text-align: left;
    width: 350px;
    zoom: 1;
}

div.jGrowl div.jGrowl_error {
    -moz-border-radius: 5px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    -webkit-border-radius: 5px;
    background: #003366 url("../Images/notification_error.png") no-repeat 10px 10px;
    display: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    font-family: Segoe UI, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 5px;
    opacity: .85;
    padding: 10px 10px 10px 60px;
    text-align: left;
    width: 350px;
    zoom: 1;
}