/** @formatter:off
*
*  $$Id$$
*       . * .
*     * RRRR  *    Copyright (c) 2016 OHIM: Office for Harmonization
*   .   RR  R   .  in the Internal Market (trade marks and designs)
*   *   RRR     *
*    .  RR RR  .   ALL RIGHTS RESERVED
*     * . _ . *
*
* @formatter:on
*/

body {
    margin: 0;
    font-family: Verdana, "PT Sans", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #333333;
    background-color: #ffffff;
}

html, body, #wrap_content {
    height: 100%;
}

label, input, button, select, textarea {
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
}

label {
    color: #333;
    display: block;
    margin-bottom: 5px;
}

input, button, select, textarea {
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif
}

input, textarea, select, .uneditable-input {
    display: inline-block;
    width: 210px;
    height: 30px;
    padding: 4px;
    margin-bottom: 9px;
    font-size: 13px !important;
    line-height: 18px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

input[type="checkbox"], input[type="radio"] {
    background-color: transparent;
    border-radius: 0;
    cursor: pointer;
    height: auto;
    line-height: normal;
    margin: 3px 0;
    padding: 0;
    width: auto;
    vertical-align: middle;
}

input[type="image"] {
    background-color: transparent;
    border-radius: 0;
    cursor: pointer;
    height: auto;
    line-height: normal;
    margin: 3px 0;
    padding: 0;
    width: auto;
    vertical-align: middle;
    border: 0px;
}

input[type="button"], input[type="reset"], input[type="submit"] {
    height: auto;
    width: auto;
}

select, input[type="file"] {
    height: 28px;
    *margin-top: 4px;
    line-height: 28px
}

input:focus, textarea:focus, select:focus, {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}

.input-append input:focus, .input-append textarea:focus, .input-append select:focus, .input-append a:focus {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}

.input-append input:hover, .input-append textarea:hover, .input-append select:hover, .input-append a:hover {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}

.print-button input:focus, .print-button input:hover {
    border-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 255, 255, 0.6);
    outline: 0 none;
}

a {
    color: #002970;
    text-decoration: none;
}

a:hover {
    color: #000d24;
    text-decoration: underline;
}
a:focus {
    outline: none;
    color: #000d24;
    text-decoration: underline;
}

a:focus img, a:hover img {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: bold;
    color: inherit;
    text-rendering: optimizelegibility;
}

h2 {
    color: #2356ab;
    font-family: "Old Standard TT", serif;
    font-weight: bold;
    font-size: 30px;
    line-height: 36px;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1;
    margin: 9px 0;
}

h1 {
    font-size: 36px;
    line-height: 36px;
}
h2 {
    font-size: 30px;
    line-height: 36px;
}
h3 {
    font-size: 24px;
    line-height: 36px;
}
h4 {
    font-size: 18px;
    line-height: 18px;
}
h5 {
    font-size: 14px;
    line-height: 18px;
}
h6 {
    font-size: 12px;
    line-height: 18px;
}
h2 small {
    font-size: 18px;
}
h3 small {
    font-size: 14px;
}
h4 small {
    font-size: 14px;
}

.css_right {
    float: right;
}

h4, h5, h6 {
    line-height: 18px;
}
h6 {
    color: #999;
    font-size: 12px;
    text-transform: uppercase;
}
form {
    margin: 0;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: relative;
}

.modal {
    text-align: center;
}

.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

#classModalSelector h1 {
    font-size: 18px;
    line-height: 18px;
}

#classModalSelector h2 {
    font-size: 14px;
    line-height: 18px;
    color: inherit;
    font-family: inherit;
    font-weight: bold;
}

#toTop {
    background: url("../img/ui.totop.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    border: medium none;
    bottom: 10px;
    display: none;
    height: 51px;
    overflow: hidden;
    position: fixed;
    right: 10px;
    text-decoration: none;
    text-indent: 100%;
    width: 51px;
}

#toTopHover {
    background: url("../img/ui.totop.png") no-repeat scroll left -51px rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 51px;
    opacity: 0;
    overflow: hidden;
    width: 51px;
    z-index: 9999;
}

.cont_img {
    float: left;
    width: 34px;
}
.noResultsFound h2 {
    font-size: 20px;
}

#pageContent {
    padding: 0 0 135px;
}

#locarnoClassHeadings {
    padding: 0 0 135px;
}

.popover {
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    max-width: 276px;
    padding: 1px;
    position: absolute;
    text-align: left;
    top: 0;
    white-space: normal;
    z-index: 1010;
}
.popover.top {
    margin-top: -10px;
}
.popover.right {
    margin-left: 10px;
}
.popover.bottom {
    margin-top: 10px;
}
.popover.left {
    margin-left: -10px;
}
.popover-title {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin: 0;
    padding: 8px 14px;
}
.popover-title:empty {
    display: none;
}
.popover-content {
    padding: 9px 14px;
}
.popover .arrow, .popover .arrow::after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}
.popover .arrow {
    border-width: 11px;
}
.popover .arrow::after {
    border-width: 10px;
    content: "";
}
.popover.top .arrow {
    border-bottom-width: 0;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
}
.popover.top .arrow::after {
    border-bottom-width: 0;
    border-top-color: #ffffff;
    bottom: 1px;
    margin-left: -10px;
}
.popover.right .arrow {
    border-left-width: 0;
    border-right-color: rgba(0, 0, 0, 0.25);
    left: -11px;
    margin-top: -11px;
    top: 50%;
}
.popover.right .arrow::after {
    border-left-width: 0;
    border-right-color: #ffffff;
    bottom: -10px;
    left: 1px;
}
.popover.bottom .arrow {
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-top-width: 0;
    left: 50%;
    margin-left: -11px;
    top: -11px;
}
.popover.bottom .arrow::after {
    border-bottom-color: #ffffff;
    border-top-width: 0;
    margin-left: -10px;
    top: 1px;
}
.popover.left .arrow {
    border-left-color: rgba(0, 0, 0, 0.25);
    border-right-width: 0;
    margin-top: -11px;
    right: -11px;
    top: 50%;
}
.popover.left .arrow::after {
    border-left-color: #ffffff;
    border-right-width: 0;
    bottom: -10px;
    right: 1px;
}
#help_icon_search {
    display: inline-block;
    float: right;
    margin-right: 2px;
    margin-top: -2px;
}

.searchSubmit a {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.browseBtn {
    font-size: 0.7em;
    line-height: 11px;
    margin-right: 10px;
    white-space: nowrap;
}

.browseBtn.disabled {
    background-image: none;
    box-shadow: none;
    color: #888;
    cursor: default;
    opacity: 0.65;
    white-space: nowrap;
    pointer-events: none;
}

.browseBtn.disabled:hover {
    text-decoration: none;
}

.small-labels .control-label {
    font-size: 11px;
    font-weight: bold;
}
.small-labels .control-label {
    line-height: 12px;
}

span.false-label {
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
}

a.external:after {
    content: '';
    display: inline-block;
    margin: 0 5px;
    height: 11px;
    width: 12px;
    background: transparent url("../img/external-white.png") left top no-repeat;
    vertical-align: baseline
}

#topBar {
    position: relative;
}
#topBar .toolbar #login_info {
    position: absolute;
    top: 51px;
    right: 3px;
    font-size: 0.8em;
}
#topBar .toolbar #login_info li {
    color: #fff;
    background: none;
    text-align: right;
}
#topBar select {
    width: auto;
}
#topBar .toolbar ul {
    position: absolute;
    right: 125px;
    top: 5px;
}
#topBar .toolbar form {
    position: absolute;
    right: 0px;
    top: 5px;
}
.toolbar ul li {
    text-align: left;
    display: block;
    float: left;
    padding: 0;
    margin: 3px 0 0 0;
    background: url("../img/separator-topmenu.gif") no-repeat scroll right 2px transparent;
    padding: 0 10px;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
}

.toolbar ul li.last {
    background: none;
}
.toolbar ul li span {
    margin: 0;
    padding: 0;
    font-size: .86em;
}
.toolbar ul li span a {
    padding: 0;
    font-size: 100%;
    color: #fff;
}
.toolbar ul li span a img {
    vertical-align: sub;
}

.toolbar form select {
    background-color: #2b2b2b;
    color: #fff;
    border: 1px solid #666666;
}

#topBar a:hover {
    text-decoration: none;
}
#topBar .print a {
    color: #fff;
}
#topBar .print input {
    color: #fff;
    width: 18px;
}
#topBar .helpLink img {
    vertical-align: top;
}

.topMenu {
    background: url("../img/background-header-topleft.gif") no-repeat scroll 0 0 transparent;
    min-width: 225px;
    padding-top: 93px;
}
.topMenu .nav-pills {
    padding-left: 0px;
    margin-left: 5px;
}
.topMenu .nav-tabs > li > a, .topMenu .nav-pills > li > a {
    color: #FFF !important;
    padding: 7px 8px;
}
.topMenu .nav > li > a:hover, .topMenu .nav > li > a:focus {
    color: #666 !important;
}
.topMenu .nav > li.open > a {
    color: #666 !important;
}
.topMenu .nav > li.open > a:hover {
    color: #666 !important;
}
.topMenu .nav-pills .dropdown-toggle .caret {
    border-bottom-color: #FFF;
    border-top-color: #FFF;
    opacity: 0.8;
}
.topMenu .nav-pills a:hover .caret, .topMenu .nav-pills a:focus .caret {
    border-bottom-color: #002970;
    border-top-color: #002970;
    opacity: 0.8;
}

.loadingSpinner {
    left: 10px;
    position: absolute;
    top: 6px;
    width: 20px;
    z-index: 99999;
}
.dropup, .dropdown {
    position: relative
}
.dropdown-toggle {
    *margin-bottom: -3px
}
.dropdown-toggle:active, .open .dropdown-toggle {
    outline: 0
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    opacity: 0.3;
    filter: alpha(opacity=30);
    opacity: 0.3;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3
}
.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px
}
.dropdown:hover .caret, .open .caret {
    opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 4px 0;
    margin: 1px 0 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}
.dropdown-menu.pull-right {
    left: auto;
    right: 0;
}
.pull-right .dropdown-menu {
    right: 0;
    left: auto
}
.dropdown-menu .divider {
    *width: 100%;
    height: 1px;
    margin: 8px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff;
    *width: 100%;
    height: 1px;
    margin: 8px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff
}
.dropdown-menu a {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #446cb8 !important;
    white-space: nowrap;
}
.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    color: #fff !important;
    text-decoration: none !important;
    background-color: #002970 !important;
}
.open {
    *z-index: 1000
}
.open .dropdown-menu {
    display: block
}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000;
    content: "\2191"
}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}
#myListShow .myListActions .actionContent .btn, #myListImportContainer .btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    *display: inline;
    *zoom: 1;
    padding: 4px 10px 4px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
    *line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -ms-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -o-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: linear-gradient(top, #f9f9f9, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f9f9f9', GradientType=0);
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -ms-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -o-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: linear-gradient(top, #f9f9f9, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f9f9f9', GradientType=0);
    border-color: #f9f9f9 #f9f9f9 #d3d3d3;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -ms-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -o-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: linear-gradient(top, #f9f9f9, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f9f9f9', GradientType=0);
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -ms-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -o-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: linear-gradient(top, #f9f9f9, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f9f9f9', GradientType=0);
    border-color: #f9f9f9 #f9f9f9 #d3d3d3;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #f9f9f9;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -ms-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -o-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: linear-gradient(top, #f9f9f9, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f9f9f9', GradientType=0);
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -ms-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -o-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: linear-gradient(top, #f9f9f9, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f9f9f9', GradientType=0);
    border-color: #f9f9f9 #f9f9f9 #d3d3d3;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -ms-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -o-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: linear-gradient(top, #f9f9f9, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f9f9f9', GradientType=0);
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -ms-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -o-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: linear-gradient(top, #f9f9f9, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f9f9f9', GradientType=0);
    border-color: #f9f9f9 #f9f9f9 #d3d3d3;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #f9f9f9;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #ccc;
    *border: 0;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: .3em;
    *margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)
}
#myListShow .myListActions .actionContent .btn:hover, #myListImportContainer .btn:hover, #myListShow .myListActions .actionContent .btn:active, #myListImportContainer .btn:active, #myListShow .myListActions .actionContent .btn.active, #myListImportContainer .btn.active, #myListShow .myListActions .actionContent .btn.disabled, #myListImportContainer .btn.disabled, #myListShow .myListActions .actionContent .btn[disabled], #myListImportContainer .btn[disabled] {
    background-color: #f9f9f9;
    *background-color: #ececec
}
#myListShow .myListActions .actionContent .btn:active, #myListImportContainer .btn:active, #myListShow .myListActions .actionContent .btn.active, #myListImportContainer .btn.active {
    background-color: #e0e0e0 \9
}
#myListShow .myListActions .actionContent .btn:first-child {
    *margin-left: 0
}
#myListShow .myListActions .actionContent .btn:hover, #myListImportContainer .btn:hover {
    border-color: #ccc;
    text-shadow: 0 1px 1px #fff;
    color: #333;
    background-image: none;
    text-decoration: none;
    background-color: #ececec;
    -webkit-box-shadow: inset 0 2px 0 #f6f6f6, inset 0 -2px 0 #e0e0e0, 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 2px 0 #f6f6f6, inset 0 -2px 0 #e0e0e0, 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 2px 0 #f6f6f6, inset 0 -2px 0 #e0e0e0, 0 1px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0 2px 0 #f6f6f6, inset 0 -2px 0 #e0e0e0, 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 2px 0 #f6f6f6, inset 0 -2px 0 #e0e0e0, 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 2px 0 #f6f6f6, inset 0 -2px 0 #e0e0e0, 0 1px 1px rgba(0, 0, 0, 0.15);
    -webkit-transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -ms-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -ms-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear
}
#myListShow .myListActions .actionContent .btn:hover, #myListImportContainer .btn:hover {
    color: #333;
    text-decoration: none;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear
}
#myListShow .myListActions .actionContent .btn:focus, #myListImportContainer .btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}
#myListShow .myListActions .actionContent .btn.active, #myListImportContainer .btn.active, #myListShow .myListActions .actionContent .btn:active, #myListImportContainer .btn:active {
    background-color: #e6e6e6;
    background-color: #d9d9d9 \9;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)
}
#myListShow .myListActions .actionContent .btn.active, #myListImportContainer .btn.active, #myListShow .myListActions .actionContent .btn:active, #myListImportContainer .btn:active {
    border-color: #b2b2b2;
    text-shadow: 0 1px 1px #fff;
    background-color: #e0e0e0;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 0 0 #fff, 0 1px 0px rgba(255, 255, 255, 0.6);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 0 0 #fff, 0 1px 0px rgba(255, 255, 255, 0.6);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 0 0 #fff, 0 1px 0px rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 0 0 #fff, 0 1px 0px rgba(255, 255, 255, 0.6);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 0 0 #fff, 0 1px 0px rgba(255, 255, 255, 0.6);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 0 0 #fff, 0 1px 0px rgba(255, 255, 255, 0.6)
}
#myListShow .myListActions .actionContent .btn.active, #myListImportContainer .btn.active {
    border-color: #173054;
    text-shadow: 0 1px 1px #fff;
    background-color: #0d486f;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 0 0 #fff, 0 1px 0px rgba(255, 255, 255, 0.6);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 0 0 #fff, 0 1px 0px rgba(255, 255, 255, 0.6);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 0 0 #fff, 0 1px 0px rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 0 0 #fff, 0 1px 0px rgba(255, 255, 255, 0.6);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 0 0 #fff, 0 1px 0px rgba(255, 255, 255, 0.6);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 0 0 #fff, 0 1px 0px rgba(255, 255, 255, 0.6);
    color: #fff;
    text-shadow: 0 1px 1px #000
}
#myListShow .myListActions .actionContent .btn.disabled, #myListImportContainer .btn.disabled, #myListShow .myListActions .actionContent .btn[disabled], #myListImportContainer .btn[disabled] {
    cursor: default;
    background-color: #e6e6e6;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    opacity: 0.65;
    filter: alpha(opacity=65);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    opacity: 0.65;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
#myListShow .myListActions .actionContent .btn.disabled, #myListImportContainer .btn.disabled, #myListShow .myListActions .actionContent .btn.disabled:hover, #myListImportContainer .btn.disabled:hover, #myListShow .myListActions .actionContent .btn.disabled:active, #myListImportContainer .btn.disabled:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none
}
.btn-large {
    padding: 9px 14px;
    font-size: 15px;
    line-height: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}
.btn-large [class^="icon-"] {
    margin-top: 1px
}
.btn-small {
    padding: 5px 9px;
    font-size: 11px;
    line-height: 16px
}
.btn-small [class^="icon-"] {
    margin-top: -1px
}
.btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] {
    margin-top: -1px;
}
.btn-mini {
    padding: 0 6px;
    font-size: 10.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.btn-mini {
    padding: 2px 6px;
    font-size: 11px;
    line-height: 14px
}
.btn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 15px;
    font-size: 13px;
}
.btn {
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
}
.btn, .btn.disabled, .btn.disabled:hover, .btn.disabled:active {
    text-shadow: 0 1px 1px #fff;
    border-color: #ccc;
    background-color: #f9f9f9;
    color: #333;
    -webkit-box-shadow: inset 0 2px 0 #fff, inset 0 -2px 0 #e8e8e8, 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 2px 0 #fff, inset 0 -2px 0 #e8e8e8, 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 2px 0 #fff, inset 0 -2px 0 #e8e8e8, 0 1px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0 2px 0 #fff, inset 0 -2px 0 #e8e8e8, 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 2px 0 #fff, inset 0 -2px 0 #e8e8e8, 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 2px 0 #fff, inset 0 -2px 0 #e8e8e8, 0 1px 1px rgba(0, 0, 0, 0.15);
    background-image: none;
    -webkit-transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -ms-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -ms-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear
}
button.btn.btn-mini, input[type="submit"].btn.btn-mini {
    *padding-top: 1px;
    *padding-bottom: 1px;
}
.btn-mini .caret, .btn-small .caret {
    margin-top: 8px;
}
.btn-mini .label, .btn-mini .badge {
    top: 0;
}
button.btn, input[type="submit"].btn {
    *padding-top: 2px;
    *padding-bottom: 2px
}
button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner {
    padding: 0;
    border: 0
}
button.btn.btn-large, input[type="submit"].btn.btn-large {
    *padding-top: 7px;
    *padding-bottom: 7px
}
button.btn.btn-small, input[type="submit"].btn.btn-small {
    *padding-top: 3px;
    *padding-bottom: 3px
}
button.btn.btn-mini, input[type="submit"].btn.btn-mini {
    *padding-top: 1px;
    *padding-bottom: 1px
}
.btn-group {
    position: relative;
    *zoom: 1;
    *zoom: 1;
    *margin-left: .3em;
    *margin-left: .3em
}
.btn-group:before, .btn-group:after {
    display: table;
    content: ""
}
.btn-group:after {
    clear: both
}
.btn-group:before, .btn-group:after {
    display: table;
    content: ""
}
.btn-group:after {
    clear: both
}
.btn-group:first-child {
    *margin-left: 0
}
.btn-group:first-child {
    *margin-left: 0
}
.btn-group+ .btn-group {
    margin-left: 5px
}
.btn-toolbar {
    margin-top: 9px;
    margin-bottom: 9px
}
.btn-toolbar .btn-group {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    *display: inline;
    *zoom: 1
}
.btn-group > .btn {
    position: relative;
    float: left;
    margin-left: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.btn-group > .btn:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px
}
.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px
}
.btn-group > .btn.large:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px
}
.btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle {
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px
}
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active {
    z-index: 2
}
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}
.btn-group > .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
    -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    *padding-top: 4px;
    *padding-bottom: 4px
}
.btn-group > .btn-mini.dropdown-toggle {
    padding-left: 5px;
    padding-right: 5px
}
.btn-group > .btn-small.dropdown-toggle {
    *padding-top: 4px;
    *padding-bottom: 4px
}
.btn-group > .btn-large.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}
.btn-group.open .dropdown-toggle {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)
}
.btn-group.open .btn.dropdown-toggle {
    background-color: #f9f9f9
}
.btn-group > .btn-mini {
    font-size: 10.5px;
}
.btn-group > .btn-mini + .dropdown-toggle {
    *padding-top: 2px;
    padding-right: 5px;
    *padding-bottom: 2px;
    padding-left: 5px;
}
.btn-group {
    display: inline-block;
    vertical-align: middle
}
.btn-group > .btn.dropdown-toggle {
    -webkit-box-shadow: inset 0 2px 0 #fff, inset 0 -2px 0 #e8e8e8, 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 2px 0 #fff, inset 0 -2px 0 #e8e8e8, 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 2px 0 #fff, inset 0 -2px 0 #e8e8e8, 0 1px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0 2px 0 #fff, inset 0 -2px 0 #e8e8e8, 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 2px 0 #fff, inset 0 -2px 0 #e8e8e8, 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 2px 0 #fff, inset 0 -2px 0 #e8e8e8, 0 1px 1px rgba(0, 0, 0, 0.15)
}
.btn-group .btn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 15px
}
.btn-group > .btn.dropdown-toggle, .btn-group > .btn.btn-mini.dropdown-toggle {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 15px;
    padding-right: 7.5px
}
.btn-group > .btn.dropdown-toggle .caret, .btn-group > .btn.btn-mini.dropdown-toggle .caret {
    margin-left: 7.5px
}
.btn-group > .btn.btn-mini.dropdown-toggle[class*=ico] {
    padding-left: 7.5px
}
.control-group {
    margin-bottom: 9px;
}
.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    background-color: #002970
}
.dropdown-menu li {
    color: #1f52ab
}
.dropdown-menu li > p:hover, .dropdown-menu .active > p, .dropdown-menu .active > p:hover {
    background-color: #002970
}
.dropdown-menu li:hover {
    color: #fff
}

.btn-mini[class*=ico]:before {
    margin-bottom: -4px;
    margin-right: 5px;
    top: 0
}
.btn-giant {
    padding: 12px 25px;
    font-size: 16px;
    font-weight: bold;
    min-width: 120px
}
.btn .caret {
    margin-top: 7px;
    margin-left: 0
}
.btn:hover .caret, .open.btn-group .caret {
    opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
}
.btn-mini .caret {
    margin-top: 5px
}
.btn-small .caret {
    margin-top: 6px
}
.btn-large .caret {
    margin-top: 6px;
    border-left-width: 5px;
    border-right-width: 5px;
    border-top-width: 5px
}
.dropup .btn-large .caret {
    border-bottom: 5px solid #000;
    border-top: 0
}
.btn-primary, .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:active {
    background-color: #1075b7;
    background-image: none;
    border-color: #0d5788;
    box-shadow: 0 2px 0 #2683cb inset, 0 -2px 0 #0f63a6 inset, 0 1px 1px rgba(0, 0, 0, 0.15);
    color: #fff;
    text-shadow: 0 1px 1px #000;
    transition: background-color 0.1s linear 0s;
    white-space: normal !important;
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}

.auto-height-search{
    height: auto !important;
}

.fit_btn {
    padding: 2px 5px;
}

#advSearchContainer .fit_btn {
    margin-bottom: 2px;
    width: 100%;
}
.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.351063828%
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.41489361%
}

#logo {
    background: url("../img/background-header-logo.gif") no-repeat scroll right 0 #fafafa;
    height: 128px;
}
#logo img {
    display: block;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 100%;
}

#logo #legend {
    display: none !important;
    color: #666666;
    font-size: 12px;
    margin-left: 15px;
    position: absolute;
    text-shadow: 1px 1px 2px #999999;
    top: 75px;
}

#wrap_content {
    position: relative;
    min-height: 100%;
    height: auto !important;
    margin: 0px 0px -135px 0px;
    height: 100%;
    display: block;
    clear: both;
    position: relative;
}

#wrap_content > header a {
    color: inherit;
}

#wrap_content > header .header-main-row {
    background: url("../img/background-header-bluestrip.gif") repeat-x scroll 0 0 #0d5485;
    filter: none;
}

#headerWrapper {
    height: 128px;
    background: url("../img/background-header-bluestrip.gif") repeat-x scroll 0 0 #0d5485;
}

#header-content {
    margin-left: 0;
    min-height: 120px;
    position: relative;
}

.row-fluid {
    width: 100%;
    *zoom: 1;
    *zoom: 1
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: ""
}

.row-fluid:after {
    clear: both
}

.row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.127659574%;
    *margin-left: 2.074468085%
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0
}
.row-fluid .span12 {
    width: 99.99999999%;
    *width: 99.946808501%
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.436170204%
}

.row-fluid .span10 {
    width: 82.978723396%;
    *width: 82.925531907%
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.41489361%
}

.row-fluid .span8 {
    width: 65.957446802%;
    *width: 65.904255313%
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.393617016%
}

.row-fluid .span6 {
    width: 48.936170208%;
    *width: 48.882978719%
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.372340422%
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.861702125%
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.351063828%
}

.row-fluid .span2 {
    width: 13.89361702%;
    *width: 13.840425531%
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787234%
}

.row-fluid .spanOffices {
    width: 8.30%;
    *width: 8.30%
}

.span1.searchSubmit {
    width: 9.5%;
}

.searchButtonGroup {
    display: inline-block;
    float: right;
    width: 150%;
}

#topBar .toolbar ul {
    color: #dedede;
    position: absolute;
    right: 125px;
    top: 5px;
}

.small-icon {
    vertical-align: text-bottom;
    width: 18px;
}

p, li, dl, dl, dd, p, ul, ol, blockquote, address, pre, form, .normtext {
    font-family: Verdana, "PT Sans", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
}
dl {
    margin-bottom: 18px;
}
dt, dd {
    line-height: 18px;
}
.ui-widget-content {
    border: 1px solid #aaaaaa;
    color: #222222;
}
span.dynatree-checkbox {
    background-position: 0px -32px;
    margin-left: 3px;
}
span.dynatree-radio {
    background-position: 0px -48px;
    margin-left: 3px;
}
span.dynatree-icon {
    background-position: 0px 0px;
    margin-left: 3px;
}
#dynatree-drop-marker {
    background-position: 0 -128px;
    margin: 0;
    position: absolute;
    width: 24px;
}
span.dynatree-node.dynatree-active a {
    background-color: #3169c6 !important;
    color: #fefefe !important;
}

span.dynatree-node.dynatree-active a span{
    text-decoration:none !important;
}

span.dynatree-node.dynatree-active span.td.tdr{
    color: white;
}

.dynatree-expanded > span.dynatree-expander { background-position: -32px -80px !important; }

a {
    outline: none;
}
.ui-widget-header {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
}
.ui-tabs .ui-tabs-nav {
    margin-bottom: 0 !important;
}
.ui-tabs .ui-tabs-nav li a {
    padding: 0.35em 0.7em;
}
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

ul, ol {
    margin: 0 0 9px 25px;
    padding: 0;
}

.normtext {
    color: #333333;
    font-weight: normal;
}

.nav-pills > li > a {
    border-radius: 5px;
    margin-bottom: 2px;
    padding: 7px 12px;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

#wrap_footer > .bottom-footer-container {
    background-color: transparent;
    background-image: url("../img/footer_pattern.png");
}
#wrap_footer > .bottom-footer-container > .upper {
    padding-bottom: 7px;
    padding-top: 7px;
}
#wrap_footer > .bottom-footer-container > .lower > div {
    height: 60px;
}
#wrap_footer {
    height: 135px;
    position: relative;
}
#wrap_footer > .bottom-footer-container {
    padding: 0 36px;
}

.bottom-footer-container {
    min-height: 135px;
    position: relative;
    font-size: 85%;
    color: #FFFFFF;
    background: #23282C;
}

.bottom-footer-container a {
    color: #d8e5f7;
}

.bottom-footer-container a:hover {
    text-decoration: none;
}

.bottom-footer-container .upper a:hover {
    color: #666;
}

.bottom-footer-container .nav > li > a:focus {
    background-color: #23282C !important;
}

.bottom-footer-container p {
    color: #888;
    line-height: 1.4em;
    padding: 5px;
    text-align: center;
}

.bottom-footer-container p.align-center {
    text-align: center;
}

.bottom-footer-container p.align-right {
    text-align: right;
}
.bottom-footer-container .nav-pills h2 {
    margin-right: 30px;
    font-size: 14px;
    line-height: 18px;
    color: inherit;
    font-family: inherit;
    font-weight: bold;
}

#wrap_footer > .bottom-footer-container > .upper {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 7px;
    margin-bottom: 7px;
}

.borderLeft {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}

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

.align-center {
    text-align: center;
}

#wrap_content > header > div > div#header-content {
    min-height: 0 !important;
    padding: 0;
}

#contentWrapper {
    padding: 10px;
}

.searchLocarnoClasses img {
    cursor: pointer;
    margin-top: 2px;
}

.searchLocarnoClasses .add-on {
    padding: 2px 5px 5px 5px !important;
}

.input-prepend .add-on, .input-append .add-on {
    display: inline-block;
    width: auto;
    height: 28px;
    min-width: 16px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    vertical-align: middle;
    background-color: #eeeeee;
    border: 1px solid #ccc;
}

.input-append .add-on:last-child, .input-append .btn:last-child {
    border-radius: 0 3px 3px 0;
    height: 30px;
}

.input-prepend .uneditable-input, .input-append .uneditable-input {
    border-left-color: #ccc;
}
.input-append input, .input-append select, .input-append .uneditable-input {
    border-radius: 3px 0 0 3px;
    moz-border-radius: 3px 0 0 3px;
    webkit-border-radius: 3px 0 0 3px;
}
.input-append .uneditable-input {
    border-left-color: #eee;
    border-right-color: #ccc;
}
.input-prepend .uneditable-input, .input-append .uneditable-input {
    border-left-color: #ccc;
}
.input-append input, .input-append select, .input-append .uneditable-input {
    border-radius: 3px 0 0 3px;
    moz-border-radius: 3px 0 0 3px;
    webkit-border-radius: 3px 0 0 3px;
}
.input-append .uneditable-input {
    border-left-color: #eee;
    border-right-color: #ccc;
}

.contentError {
    padding: 5px;
    margin-bottom: 25px;
    background: url("../img/warning.png") no-repeat scroll 10px 10px #fefed4;
    padding-bottom: 10px;
    border: 1px solid #9c5646;
    position: relative;
}

.contentErrorModal {
    padding: 5px;
    margin-top: 60px;
    margin-bottom: 25px;
    background: url("../img/warning.png") no-repeat scroll 10px 10px #fefed4;
    padding-bottom: 10px;
    border: 1px solid #9c5646;
    position: absolute;
    width: 100%;
}

.contentError p, .contentErrorModal p {
    padding: 5px 0 10px 30px;
    max-height: 85%;
    overflow-y: auto;
}

.contentError p font, .contentErrorModal p font {
    display: block;
    width: 100%;
}

.roundBox {
    border: solid 1px #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-bottom: 10px;
}
.roundBox em, .roundBox a {
    colour: #ffffff;
}
.roundBox .helpBtn {
    width: 40px;
}
.roundBox h1 {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #e1e1e1), color-stop(100%, #f6f6f6));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
    border-radius: 4px 4px 0 0;
    color: #000000;
    height: 24px;
    padding: 0;
    width: 99.9%;
    font-size: 13px;
    border-bottom: 1px solid #888;
    line-height: 19px;
    margin: 0;
    margin-top: 5px;
}
.roundBox .helpBtn {
    text-align: right;
    float: right;
    padding: 1px 5px 0 0;
}
.roundBox small {
    float: left;
    font-size: 85%;
    margin-top: 11px;
}
.roundBox .well {
    padding: 19px;
    margin: 0;
    border: 0;
    border-radius: 0;
}

#advSearchContainer {
    padding-bottom: 0.2em;
}
#advSearchContainer .advancedSearch {
    display: none;
    margin-top: 15px;
}

#advSearchContainer .advacedSearchButton {
    bottom: 1px;
    font-size: 11px;
    position: absolute;
    right: 5px;
    width: 60%;
    vertical-align: text-bottom;
}
#advSearchContainer .advacedSearchButton p {
    text-align: right;
}
#advSearchContainer .advacedSearchButton span {
    float: right;
}
#advSearchContainer .advCriteriaBtn {
    font-size: 11px;
}
#advSearchContainer #command {
    margin-bottom: 11px !important;
}

#locarnoAjaxContent .chckAll {
    padding: 20px 0 5px 0;
}
#locarnoAjaxContent .ui-button-text-only .ui-button-text {
    padding: 0;
}
#locarnoAjaxContent label.ui-state-active, #locarnoAjaxContent .ui-widget-content label.ui-state-active, #niceAjaxContent .ui-widget-header label.ui-state-active {
    color: #fff;
    background: #457fd2;
    background: -moz-linear-gradient(top, #457fd2 0%, #2e61b8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #457fd2), color-stop(100%, #2e61b8));
    background: -webkit-linear-gradient(top, #457fd2 0%, #2e61b8 100%);
    background: -o-linear-gradient(top, #457fd2 0%, #2e61b8 100%);
    background: -ms-linear-gradient(top, #457fd2 0%, #2e61b8 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#457fd2', endColorstr='#2e61b8', GradientType=0);
    background: linear-gradient(top, #457fd2 0%, #2e61b8 100%);
}
#locarnoAjaxContent .ui-state-default, #locarnoAjaxContent.ui-widget-content .ui-state-default, #locarnoAjaxContent.ui-widget-header .ui-state-default {
    border: 1px solid #7f7f7f;
    font-weight: normal;
    color: #555;
    background: #dddddd;
    background: -moz-linear-gradient(top, #dddddd 0%, #f6f6f6 7%, #ffffff 12%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(7%, #f6f6f6), color-stop(12%, #ffffff));
    background: -webkit-linear-gradient(top, #dddddd 0%, #f6f6f6 7%, #ffffff 12%);
    background: -o-linear-gradient(top, #dddddd 0%, #f6f6f6 7%, #ffffff 12%);
    background: -ms-linear-gradient(top, #dddddd 0%, #f6f6f6 7%, #ffffff 12%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff', GradientType=0);
    background: linear-gradient(top, #dddddd 0%, #f6f6f6 7%, #ffffff 12%);
}

#locarnoAjaxContent .checkBox label {
    margin-bottom: 0px;
    font-size: 1em;
}
#locarnoAjaxContent .chckAll label {
    display: inline;
    font-weight: normal;
}
#locarnoAjaxContent .checkBox .ui-button {
    width: 35px;
}

#locarnoClassesModal .checkBox .ui-state-default {
    background: none repeat-x scroll 50% 50% #dfdfdf;
    border: 1px solid #ddd;
    color: #000;
    font-weight: normal;
}

#locarnoClassesModal .checkBox .ui-state-active {
    background: none repeat-x scroll 50% 50% #30388b !important;
    border: 1px solid #000;
    color: #fff;
    font-weight: bold;
}

#locarnoClassesModal .checkBox .ui-state-default, #locarnoClassesModal .checkBox .ui-state-active {
    border-radius: 3px;
    margin: 2px;
    text-align: center;
}

#niceAjaxContent .ui-state-default, #niceAjaxContent.ui-widget-content .ui-state-default, #niceAjaxContent.ui-widget-header .ui-state-default {
    border: 1px solid #7f7f7f;
    font-weight: normal;
    color: #555;
    background: #dddddd;
    background: -moz-linear-gradient(top, #dddddd 0%, #f6f6f6 7%, #ffffff 12%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(7%, #f6f6f6), color-stop(12%, #ffffff));
    background: -webkit-linear-gradient(top, #dddddd 0%, #f6f6f6 7%, #ffffff 12%);
    background: -o-linear-gradient(top, #dddddd 0%, #f6f6f6 7%, #ffffff 12%);
    background: -ms-linear-gradient(top, #dddddd 0%, #f6f6f6 7%, #ffffff 12%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff', GradientType=0);
    background: linear-gradient(top, #dddddd 0%, #f6f6f6 7%, #ffffff 12%);
}

#locarnoClassesModal .row-fluid {
    padding: 0 0 10px;
}

*:first-child+ html #locarnoAjaxContent .chckAll {
    padding-bottom: 27px;
    padding-top: 3px;
}
*:first-child+ html #locarnoAjaxContent .goods {
    margin-top: -10px;
}

#classDescription .content {
    display: none;
}
#classDescription .content h5 {
    text-align: center;
    margin-bottom: 0.5em;
}

.spring-component span, .spring-component .toggle-state {
    display: inline-block;
    float: left;
    line-height: 18px;
    margin-bottom: 0;
    margin-left: -18px;
    margin-right: 10px;
    min-height: 18px;
    padding-left: 18px;
    padding-top: 0;
    vertical-align: text-bottom;
}

.spring-component span label, .spring-component .toggle-state label {
    display: inline;
    margin-bottom: 0;
    padding-left: 4px;
}

#advSearchOffice span {
    margin-top: 5px;
}

#advSearchOfficeNotHarmo span {
    margin-top: 5px;
}

.searchSubmit {
    line-height: 5px;
    margin-left: 0 !important;
    text-align: center;
}

#advSearchContainer .advancedSearchButton {
    bottom: 2px;
    font-size: 11px;
    right: 5px;
    vertical-align: text-bottom;
    width: 60%;
    padding-right: 5px;
}

#advSearchContainer .advancedSearchButton p {
    text-align: right;
    margin-bottom: 0px !important;
}

#advSearchContainer .advancedSearchButton p span {
    float: right;
}

.positionRelative {
    position: relative;
}

.resetFilter {
    float: left;
    font-size: 11px !important;
    margin-bottom: -20px;
}

.advancedSearch {
    display: none;
}

#welcomeText {
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px 0;
}

#offices .map, #offices .officesRotator {
    height: 200px;
    position: absolute;
    width: 246px;
}
#offices .map {
    height: 390px;
    left: -250px;
    width: 232px;
}

#officesListContainer {
    background: url("../img/world-map.png") no-repeat scroll 246px 116px transparent;
    min-height: 500px;
}

#officesListContainer .officesListContent {
    margin-left: 230px;
}

#offices .officesRotator .rotating-item {
    display: none;
    left: 0;
    position: absolute;
    top: 160px;
}

#contentWrapper h4 {
    margin-bottom: 3px;
}
#contentWrapper h2 {
    margin-bottom: 3px;
}
#officesListContainer h2 {
    color: #000;
    font-family: inherit;
    font-size: 12px;
    margin-left: 20px;
    padding: 15px 0;
    width: 26%;
}

#officesListContainer ul {
    list-style-type: none;
    margin: 0 0 9px 1%;
    padding: 0;
    width: 100%;
}

#officesListContainer ul li.join {
    background: url("../img/bullet_green.gif") no-repeat scroll 1px 2px padding-box transparent;
    border-radius: 4px;
}
#officesListContainer li.fistOffice {
    min-height: 0.9em;
}
#officesListContainer ul li {
    background: url("../img/bullet_black.gif") no-repeat scroll 1px 2px padding-box transparent;
    border-radius: 4px;
    color: #666;
    font-size: 90%;
    line-height: 0.9em;
    padding: 3px;
    float:left;
    display:inline;
    width: 33%;
}

#officesListContainer ul li a {
    font-weight: normal;
}
#officesListContainer ul li a {
    display: inline-block;
    font-size: 0.95em;
    padding-left: 15px;
}

#officesListContainer ul li .officeName {
    display: block;
    float: left;
    font-size: 99%;
    width: 7em;
}

#officesListContainer p.small {
    color: #888;
    font-size: 80%;
    text-align: right;
    padding: 1em 3em;
}

#offices .participating span {
    background: url("../img/bullet_green.gif") no-repeat scroll -2px 30% transparent;
    padding-left: 14px;
    color: #707070;
}

#officesListContainer ul li:hover, #officesListContainer #officesListContainer ul li.active {
    background-color: #333;
}
#officesListContainer ul li:hover a, #officesListContainer #officesListContainer ul li.active a {
    color: #fff;
    text-decoration: none;
}

#offices .officeInfo {
    left: 267px;
    min-height: auto;
    position: absolute;
    top: 95px;
    width: 232px;
}

#offices .greekOffice {
    left: 267px;
    min-height: auto;
    position: absolute;
    top: 55px;
    width: 232px;
}

#offices .officeInfo ul {
    list-style: outside none none;
    margin: 5px 5px 5px;
    overflow-x: hidden;
    width: 222px;
}

#offices .greekOffice ul {
    list-style: outside none none;
    margin: 150px 5px 5px;
    overflow-x: hidden;
    width: 222px;
}

#offices .officeInfo ul li {
    color: #444444;
    font-size: 95%;
    font-weight: bold;
    margin: 14px 0;
}

#offices .officeInfo ul li span {
    font-size: 82%;
    font-weight: normal;
}

#news {
    background-color: white;
    background-image: none;
}

#news p.readall {
    font-size: 89%;
    margin-right: 10px;
    padding-bottom: 5px;
    text-align: right;
}

#news ul {
    margin: 0;
    padding-left: 0px;
}

#news ul li {
    border-bottom: 1px dotted #ccc;
    line-height: 1.5em;
    list-style: outside none none;
    margin: 10px 10px 10px 20px;
    padding-bottom: 5px;
}

#news ul li p.title {
    font-size: 90%;
    font-weight: bold;
    padding-top: 0;
    word-wrap: break-word;
}

#news ul li p.date {
    color: #30388b;
    font-size: 80%;
    margin: 20px 0 0;
    padding: 0;
}

#otherLinks {
    background-color: white;
    background-image: none;
}

#otherLinks div {
    padding: 10px;
    text-align: center;
}

#myListBox {
    background-color: #FFFFFF;
    border-color: #CECECE;
    border-image: none;
    border-radius: 5px 5px 5px 5px;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    border-bottom: 0;
    height: 26px;
    left: 75%;
    position: fixed;
    z-index: 1040;
    top: 100px;
    width: 24%;
}
#myListBox h5 {
    color: transparent;
    display: none;
    line-height: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#myListBox .content {
    background-clip: padding-box;
    background-image: url("../img/mylist.png");
    background-position: 5px 3px;
    background-repeat: no-repeat;
    font-size: 0.8em;
    line-height: 24px;
    margin: 0;
    padding: 4px 0 9px 31px;
}
#myListBox p.content {
    line-height: 15px;
}

.updateTreeLink img {
    width: 15px;
}

/*Tables*/
table {
    background-color: #fff;
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
}

table.display {
    border-collapse: collapse;
    clear: both;
    margin: 0 auto;
    width: 100%;
}
table.display thead th.w5 {
    width: 5em;
}
table.display thead th.w6 {
    width: 6em;
}
table.display thead th.w8 {
    width: 8em;
}
table.display thead th.w11 {
    width: 11em;
}
table.display thead th.w12 {
    width: 12em;
}
table.display thead th {
    background-color: #F6F6F6;
    border: 1px solid #DDD;
    font-weight: 700 !important;
    padding: 8px 8px 8px 8px;
    text-align: left;
}
table th.sorting {
    cursor: pointer;
}
table.display th, table.display th a, table.display th em, .fg-toolbar span a {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
}
table.display tbody tr.active.even:hover td.alt, table.display tbody tr.active.odd:hover td.alt {
    background-color: #FFFFBB !important;
}
table.display tr.even td.noHighlight {
    background-color: #fff !important;
}
table.display tr.odd td.noHighlight {
    background-color: #EDEDE1 !important;
}
table.display td.noHighlight, table.display td.noHighlight a {
    color: #888;
}
.sorting_asc, .sorting_desc, .sorting {
    cursor: pointer !important;
}
table.display tbody {
    border-bottom: 1px solid #dedede;
}
table.display tr.even.row_selected td {
    background-color: #B0BED9;
}
table.display tr.odd.row_selected td {
    background-color: #9FAFD1;
}
table.display tbody td {
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
}
table.display td {
    padding: 3px 10px;
    color: #555;
    font-size: 12px;
}
table.display td.align-right {
    text-align: right;
}
.paging_full_numbers span.paginate_active {
    background-color: #99B3FF;
}
table.display tbody tr.even:hover td, table.display tbody tr.odd:hover td {
    background-color: #FFB;
}
thead th {
    vertical-align: middle;
    white-space: nowrap;
}
tr.odd {
    background-color: #F6F6F6;
}
tr.odd td.sorting_2 {
    background-color: #DADCFF;
}
tr.odd td.sorting_3 {
    background-color: #E0E2FF;
}
tr.even td.sorting_2 {
    background-color: #F2F3FF;
}
tr.even td.sorting_3 {
    background-color: #F9F9FF;
}
tr.odd.gradeA td.sorting_1 {
    background-color: #c4ffc4;
}
tr.even {
    background-color: #FFF;
}
tr.even.gradeA td.sorting_1 {
    background-color: #d5ffd5;
}
tr.odd.gradeC td.sorting_1 {
    background-color: #c4c4ff;
}
tr.even.gradeC td.sorting_1 {
    background-color: #d5d5ff;
}
tr.odd.gradeX td.sorting_1 {
    background-color: #ffc4c4;
}
tr.even.gradeX td.sorting_1 {
    background-color: #ffd5d5;
}
tr.even.gradeU td.sorting_1 {
    background-color: #d5d5d5;
}
table.display tbody tr.even td.alt {
    background-color: #f3f3f3;
}
table.display tbody tr.odd td.alt {
    background-color: #d3d3d3;
}
table.display td.center {
    text-align: center;
}
table.detailsTable {
    border: 1px solid #DEDEDE;
}
table.display th.span1 {
    width: 1em;
}
table.display th.span3 {
    width: 3em;
}
table.display th.span8 {
    width: 8em;
}
table.display th.span10 {
    width: 10em;
}
table.display thead th.w1 {
    width: 1em;
}

tr:nth-child(odd) {
    background-color: #f6f6f6;
}

tr:nth-child(even) {
    background-color: white;
}

table tr:hover td {
    /*background-color: #ffd5d4;*/
    background-color: #ffe2e1;
}

table.display tr.active.even td, table.display tbody tr.active.even td.alt {
    background-color: #a9dc93;
}

table.display tr.active.odd td, table.display tbody tr.active.odd td.alt {
    background-color: #B8E2A6;
}

li {
    line-height: 18px;
}

.resultsTableSettings {
    list-style: outside none none;
    margin-left: 0;
    float: right;
    padding-top: 9px;
}

.resultsTableSettings > li {
    font-size: 11px;
    padding-right: 10px;
    float: left;
}

.resultsTableSettings > li a {
    color: #707070;
}

.pull-right {
    float: right;
}
.searchPrefs {
    padding: 10px;
    width: 230px;
}

.searchPrefs select {
    width: auto;
}
.resultsPerPage select {
    margin: 0 0 2px 5px;
    width: auto;
}

.searchPrefs .spring-component span label {
    font-size: 0.76em;
}
.spring-component span label, .spring-component .toggle-state label {
    display: inline;
    margin-bottom: 0;
    padding-left: 4px;
}

.resultsTableSettings label {
    line-height: 28px;
}

.termDetails hgl {
    background-color: #ffff00;
}

.tooltip {
    position: absolute;
    z-index: 1020;
    display: block;
    visibility: visible;
    font-size: 11px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
}
.tooltip.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}
.tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}
.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}
.tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}
.tooltip-inner {
    max-width: 200px;
    padding: 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.top, .tooltip.bottom {
    background-color: transparent;
    border: 0;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.tooltip img {
    max-width: 100%;
}

#paginationTop .fg-toolbar {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

#paginationBottom .fg-toolbar {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.fg-toolbar p {
    color: #707070;
    display: inline;
    font-size: 11px;
    padding: 0;
    vertical-align: middle;
    font-weight: 400 !important;
}

.paging_full_numbers, .displayingResults {
    height: 22px;
    line-height: 22px;
    width: 350px;
}

.dataTables_paginate {
    float: right;
    text-align: right;
    width: auto;
}

table.form-table td.select-checkbox-td select, thead th a, thead th em, .dataTables_items {
    float: left;
}

.listSource_table_paginate p {
    margin-right: 5px;
}

/**COLORBOX STYLES**/
#cboxOverlay {
    background: url("../img/cbox/overlay.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#cboxOverlay {
    height: 100%;
    position: fixed;
    width: 100%;
}
#colorbox, #cboxOverlay, #cboxWrapper {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 9999;
}
#cboxOverlay {
    height: 100%;
    position: fixed;
    width: 100%;
}
#cboxLoadedContent iframe {
    border: 0 none;
    display: block;
    height: 100%;
    width: 100%;
}
/****/

/*TAXONOMY TREE*/

a.dynatree-title:active span.td{
    text-decoration: none !important;
}

a.dynatree-title:focus span.td{
    text-decoration: underline;
}

#taxonomyContainer {
    position: relative;
}

#taxonomyContainer #treeSettingsContainer {
    float: left;
    line-height: 9px;
    width: 45px;
}

#taxonomyContainer #treeSettingsContainer .small-icon {
    padding-left: 5px;
    width: auto;
}

#taxonomyContainer #treeHeaderContainer h2 {
    font-size: 14px;
    line-height: 18px;
    display: inline;
    color: inherit;
    font-family: inherit;
    font-weight: bold;
}

#taxonomyContainer #treeResultsTitle {
    color: #707070;
    font-size: 11px;
    position: absolute;
    right: 10px;
    top: 0;
}

ul.dynatree-container {
    position: relative;
}
ul.dynatree-container {
    border: 0 none;
    overflow: inherit;
}
ul.dynatree-container {
    background-color: white;
    font-family: tahoma, arial, helvetica;
    font-size: 10pt;
    height: 100%;
    margin: 0;
    padding: 3px;
    white-space: nowrap;
}

/*ul.dynatree-container span.td:nth-child(1) {*/
    /*display: inline-table;*/
    /*position: relative;*/
    /*width: 85%;*/
/*}*/

ul.dynatree-container .nOdd {
    background-color:#F6F6F6;
}

ul {
    list-style: outside none disc;
}
ul.dynatree-container li.dynatree-lastsib {
    background-image: none;
}
/*ul.dynatree-container li {*/
    /*width: 100%;*/
/*}*/
/*ul.dynatree-container li {*/
    /*margin-right: 4%;*/
    /*padding-bottom: 2px;*/
/*}*/
ul.dynatree-no-connector > li {
    background-image: none;
}
ul.dynatree-container li {
    background-attachment: scroll;
    background-color: transparent;
    background-repeat: repeat-y;
    list-style: outside none none;
    margin: 0;
    padding: 1px 0 0;
}
ul.dynatree-container a {
    color: black;
    margin: 0 0 0 3px;
    text-decoration: none;
    vertical-align: top;
}

ul.dynatree-container span.dynatree-node a {
    display: inline-block;
    white-space: normal;
}
ul.dynatree-container .node {
    width: 100%;
}
span.dynatree-node a {
    display: inline-block;
    font-size: 10pt;
    padding-left: 3px;
    padding-right: 3px;
}
ul.dynatree-container a {
    color: black;
    margin: 0 0 0 3px;
    text-decoration: none;
    vertical-align: top;
}
ul.dynatree-container span.dynatree-node a {
    white-space: normal;
}
span.dynatree-folder a {
    font-weight: bold;
}
span.dynatree-node a {
    font-size: 10pt;
}
ul.dynatree-container a {
    color: black;
}

ul.dynatree-container span.td:nth-child(1) {
    display: inline-table;
    position: relative;
    width: 85%;
}

ul.dynatree-container span.td:nth-child(2) {
    color: #707070;
    font-size: 0.8em;
    right: 0;
    text-align: right;
    width: 15%;
}
ul.dynatree-container span.td {
    display: inline;
    overflow: hidden;
    position: absolute;
}

ul.dynatree-container .popover {
    width: 380px;
}
ul.dynatree-container .popover-content ol {
    cursor: auto;
    margin: 0 0 9px 38px;
}
ul.dynatree-container .popover-content li {
    background-attachment: inherit;
    background-color: transparent;
    background-image: none;
    background-position: inherit;
    background-repeat: inherit;
    color: #444;
    font-size: 12px;
    list-style: outside none disc;
}
ul.dynatree-container .popover-content li span {
    color: #444;
}
ul.dynatree-container .node.disabled {
    color: #888;
    cursor: text;
}
span.dynatree-empty, span.dynatree-vline, span.dynatree-connector, span.dynatree-expander, span.dynatree-icon, span.dynatree-checkbox, span.dynatree-radio, span.dynatree-drag-helper-img, #dynatree-drop-marker {
    background-image: url("../img/skin-vista/icons.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    vertical-align: top;
    width: 16px;
}
span.dynatree-expander {
    background-position: 0 -80px;
    cursor: pointer;
}
.dynatree-icon {
    display: none !important;
}

.dynatree-exp-e span.dynatree-expander, .dynatree-exp-ed span.dynatree-expander {
    background-position: -32px -80px;
}

span.dynatree-connector {
    background-position: -16px -64px;
}
/****/
/*Works in all navigator except safari*/
@media only screen and (max-width: 1024px) {
    .searchResultOptions{
        margin-top: 10px;
    }
    #myListBox {
        height: 26px;
        margin-bottom: 20px;
        padding: 0 0 10px;
        position: fixed;
        background-color: #F5F5F5;
        border: 1px solid rgba(0, 0, 0, 0.05);
        border-radius: 4px 4px 4px 4px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
        background-image: url("../img/well_pattern.png");
    }
    #myListBox h5 {
        margin: 6px;
    }
    #myListBox .items {
        position: absolute;
        /*top: 5px;*/
        right: 15px;
    }
    #myListBox .content {
        margin: 0;
    }
    #treeDisclaimerContainer {
        top: -93px !important;
    }
    #treeHeaderContainer > h5 {
        padding-right: 50px !important;
    }
}
/*Works in safari*/
@media screen and (-webkit-max-device-pixel-ratio: 1024px) {
    .searchResultOptions{
        margin-top: 10px;
    }
    #myListBox {
        height: 26px;
        margin-bottom: 20px;
        padding: 0 0 10px;
        position: fixed;
        background-color: #F5F5F5;
        border: 1px solid rgba(0, 0, 0, 0.05);
        border-radius: 4px 4px 4px 4px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
        background-image: url("../img/well_pattern.png");
        margin-left: -20px;
        width: 28%
    }
    #myListBox h5 {
        margin: 6px;
    }
    #myListBox .items {
        position: absolute;
        /*top: 5px;*/
        right: 15px;
    }
    #myListBox .content {
        margin: 0;
    }
    #treeDisclaimerContainer {
        top: -93px !important;
    }
    #treeHeaderContainer > h5 {
        padding-right: 50px !important;
    }
}
/*Works in all navigator except safari*/
@media only screen and (min-width: 1366px) {
    #myListBox {
        width: 24% !important;
        margin-left: 0 !important;
    }
    #myListBox .content {
        margin-left: 0 !important;
        padding: 5px 0 9px 31px !important;
    }
}
/*Works in safari*/
@media screen and (-webkit-min-device-pixel-ratio: 1366px) {
    #myListBox {
        width: 24% !important;
        margin-left: 0 !important;
    }
    #myListBox .content {
        margin-left: 0 !important;
        padding: 5px 0 9px 31px !important;
    }
}
/*Works in al navigator except safari*/
@media only screen and (min-width: 1024px) {
    #myListBox {
        background-color: #FFFFFF;
        border-color: #CECECE;
        border-image: none;
        border-radius: 4px 4px 4px 4px;
        border-style: solid solid none;
        border-width: 1px 1px 0;
        border-bottom: 0;
        height: 26px;
        left: 75%;
        position: fixed;
        z-index: 1040;
        top: 100px;
        width: 28%;
        margin-left: -40px;
    }
    #myListBox h5 {
        color: transparent;
        display: none;
        line-height: 0;
        transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    #myListBox .content {
        background-clip: padding-box;
        background-image: url("../img/mylist.png");
        background-position: 5px 3px;
        background-repeat: no-repeat;
        font-size: 0.8em;
        line-height: 24px;
        margin-left: 0px;
        padding: 5px 0 9px 24px;
    }
    #myListBox p.content {
        line-height: 15px;
    }
}
/*Works in safari*/
@media screen and (-webkit-min-device-pixel-ratio: 1024px) {
    #myListBox {
        background-color: #FFFFFF;
        border-color: #CECECE;
        border-image: none;
        border-radius: 4px 4px 4px 4px;
        border-style: solid solid none;
        border-width: 1px 1px 0;
        border-bottom: 0;
        height: 26px;
        left: 75%;
        position: fixed;
        z-index: 1040;
        top: 100px;
        width: 26%;
        margin-left: -20px;
    }
    #myListBox h5 {
        color: transparent;
        display: none;
        line-height: 0;
        transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    #myListBox .content {
        background-clip: padding-box;
        background-image: url("../img/mylist.png");
        background-position: 5px 3px;
        background-repeat: no-repeat;
        font-size: 0.8em;
        line-height: 24px;
        margin-left: -20px;
        padding: 5px 0 9px 24px;
    }
    #myListBox p.content {
        line-height: 15px;
    }
}

@media (max-width: 480px) {
}
@media (max-width: 850px) {
    .homeLayout {
        display: block;
        background: none;
    }
    .homeLayout #logo {
        width: 100%;
    }
    .homeLayout #contentWrapper {
        margin-left: 0;
        padding: 10px;
        display: block;
    }
    .homeLayout #leftMenu {
        background: none;
        display: none;
    }
    .homeLayout .topMenu {
        background: none no-repeat scroll 0 0 transparent;
        min-width: 225px;
        padding-top: 0;
    }
    .homeLayout div#header-content {
        padding: 0 !important;
        position: relative !important;
    }
    .homeLayout div#topBar {
        background: none transparent;
        padding: 5px 0 5px 0 !important;
    }
    .homeLayout #header-content.span9 {
        width: 100%;
        display: block;
    }
    .homeLayout #topBar .toolbar ul {
        display: none;
    }
    .homeLayout #topBar .toolbar form {
        right: 5px;
    }
    .homeLayout .topMenu {
        padding-right: 118px;
    }
    .homeLayout #logo {
        background: none;
        background-color: #fafafa;
        height: 128px;
    }
    .homeLayout #logo img {
        margin: 0 auto;
    }
    .homeLayout #header-content {
        padding: 0 !important;
    }
    .searchNiceClasses .span8 {
        width: 93% !important;
    }
    #advSearchContainer #proceed {
        margin-bottom: 0px;
        margin-right: 10px;
    }
    #welcomeText {
        padding: 0;
    }
    #niceClass {
        width: 85%;
    }
    .block:before, .block:after {
        clear: both;
        content: "";
        display: table;
    }
}
@media (max-width: 767px) {
    .languageSelectorFooter {
        display: block;
    }
    .topMenu {
        background: none no-repeat scroll 0 0 transparent;
        min-width: 225px;
        padding-top: 0;
    }
    #topBar .toolbar ul, #topBar .toolbar form {
        display: none;
    }
    #topBar .toolbar form {
        right: 5px;
    }
    .topMenu {
        padding-right: 118px;
    }
    #logo {
        background: none;
        background-color: #fafafa;
        height: 128px;
    }
    #logo img {
        margin: 0 auto;
    }
    body {
        padding: 0;
    }
    .container-fluid {
        padding: 0 5px;
    }
    #contentWrapper {
        padding: 10px;
    }
    .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid input[class*="span"] {
        width: 100%;
    }
    footer {
        height: auto;
    }
    footer p {
        text-align: center !important;
    }
    footer .align-center, footer .align-right {
        text-align: left !important;
    }
}
@media screen and (min-width: 600px) {
    td.basketLink img {
        max-width: none;
    }
}
@media screen and (max-width: 600px) {
    td.basketLink {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .topMenu {
        background: none no-repeat scroll 0 0 transparent;
        min-width: 225px;
        padding-top: 0;
    }
    #topBar .toolbar ul, #topBar .toolbar form {
        display: none;
    }
    #topBar .toolbar form {
        right: 5px;
    }
    .topMenu {
        padding-right: 118px;
    }
    #logo {
        background: none;
        background-color: #fafafa;
        height: 128px;
    }
    #logo img {
        margin: 0 auto;
    }
    body {
        padding: 0;
    }
    .container-fluid {
        padding: 0 5px;
        padding: 0;
    }
    #contentWrapper {
        padding: 10px;
    }
    .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid input[class*="span"] {
        width: 100%;
    }
    #header-content {
        min-height: 100px !important;
        padding: 10px 10px 0 !important
    }
    .row-fluid {
        width: 100%
    }
    [class*="span"], .row-fluid [class*="span"] {
        float: none;
        display: block;
        width: auto;
        margin-left: 0;
    }
    #lowerFooter {
        display: none;
    }
    .bottom-footer-container {
        min-height: 45px;
    }
    #advSearchContainer .advancedSearchButton {
        bottom: 55px;
    }
    .resetFilter {
        display: none;
    }
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-widget-content {
    background: none;
    border: 0;
}
.ui-dialog {
    background-color: #FFF;
    z-index: 103;
}
.ui-dialog button.ui-button {
    padding: 0;
}
.ui-widget-header {
    font-weight: 400;
    background: none repeat scroll 0 0 #FFFFFF;
    color: #222222;
    font-weight: bold;
    border-bottom: 1px solid #dddddd;
}

/* Layout helpers
 ----------------------------------*/
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 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:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-clearfix {
    zoom: 1;
}
.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
 ----------------------------------*/
.container-fluid {
    padding-left: 20px;
    padding-right: 20px;
    zoom: 1;
}
.container-fluid:before, .container-fluid:after {
    content: "";
    display: table;
}
.container-fluid:after {
    clear: both;
}
.dataTables_wrapper {
    clear: both;
    min-height: 0;
    position: relative;
    zoom: 1px;
}
.module {
    padding: 0 0px 15px 0px;
}
.concept-details-top .btn-group {
    float: right;
}
.concept-details-top .dropdown-menu {
    left: -70px;
}
.concept-details-top .concept_info_row {
    margin-top: 23px;
}
.concept-details-top .concept_info_row .relative {
    position: relative;
    height: 80px;
}
.concept-details-top .concept_info_row small {
    font-size: 9px;
    text-align: right;
    font-weight: bold;
    display: block;
    margin-right: 5px;
    clear: right;
}
.concept-details-top .concept_info_row .concept_info_box {
    display: block;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-radius: 0 0 12px 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.067);
    float: left;
    margin: 2px 0 2px 2px;
    padding: 2px 0 2px 5px;
    text-align: right;
    min-width: 70px;
}
.concept-details-top .concept_info_row .concept_info_box p {
    line-height: 30px;
    margin: 0 5px 0 0;
}
.concept-details-top .concept_info_row .relative .concept_info_box {
    float: right;
    min-width: 85px;
}
.concept-details-top .concept_info_taxo_path {
    background-color: #DEDEDE;
    border-bottom: 1px solid #888;
    margin: 20px 0;
}
.concept-details-top .concept_info_taxo_path p {
    font-size: 1em;
    font-weight: 700;
    color: #002970;
    padding: 5px 0 5px 10px;
    margin: 0;
}
#concept-top-details-container small {
    color: #666;
    font-size: 0.85em;
}
#concept-top-details-container:hover small {
    color: #666;
}
#concept-top-details-container strong {
    color: #666;
}
#concept-top-details-container:hover strong {
    color: #222;
}

#concept-top-details-container .concept-info-row {
    background: #eee;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #e5e5e5 #ccc;
    border-radius: 5px 5px 5px 5px;
    line-height: 25px;
    padding: 5px;
}
.row-fluid input[class*="span"] {
    min-height: 30px;
    heigth: inherit;
}
#details .dl dd {
    width: 70%;
}
dd {
    margin-left: 9px;
}
#contentWrapper p:last-child, #contentWrapper ul:last-child {
    margin-bottom: 0;
}
#contentWrapper p, #contentWrapper ol {
    margin-bottom: 18px;
}
#details .clearfix {
    margin: 1em 0;
}
#details .dl p {
    padding: .6em 0;
}
#details .dl p strong {
    font-size: 1.3em;
    color: #666;
}
#details .dl p a {
    font-size: 1em;
}
#details table.detailsTable .col1, #details table.detailsTableNoSort .col1 {
    width: 75%;
}
#details table.detailsTable .col2, #details table.detailsTableNoSort .col2 {
    width: 25%;
}
#details table.detailsTable tr.equivalent {
    border-top: 1px solid #666;
}
#details table.detailsTable tr.equivalent td {
    font-weight: bold;
}
#details .dataTables_wrapper {
    margin-bottom: 1em;
}
#details .ui-widget-header, #details .dataTables_empty {
    display: none;
}
.clear {
    clear: both;
}
.dataTables_empty {
    text-align: center;
}
.paging_full_numbers a.paginate_active {
    background-color: #99B3FF;
}
tr.even td.sorting_1 {
    background-color: ##D8D8D8;
}
tr.odd.gradeA td.sorting_3 {
    background-color: #d1ffd1;
}
tr.even.gradeA td.sorting_3 {
    background-color: #e2ffe2;
}
tr.odd.gradeC td.sorting_3 {
    background-color: #d1d1ff;
}
tr.even.gradeC td.sorting_3 {
    background-color: #e2e2ff;
}
tr.odd.gradeX td.sorting_3 {
    background-color: #ffd1d1;
}
tr.even.gradeX td.sorting_3 {
    background-color: #ffe2e2;
}
tr.odd.gradeU td.sorting_1 {
    background-color: #c4c4c4;
}
tr.odd.gradeU td.sorting_3 {
    background-color: #d1d1d1;
}
tr.even.gradeU td.sorting_3 {
    background-color: #e2e2e2;
}
#tree-path a::before {
    border-left-color: transparent;
    right: -1.1em;
    z-index: 1;
}
#tree-path-plain-show {
    background: #F6F6F6;
    border-color: #f5f5f5 #e5e5e5 #ccc;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    list-style: none;
    margin: 0 0 15px 0;
    moz-border-radius: 5px;
    overflow: hidden;
    padding: 5px 0;
    webkit-border-radius: 5px;
    width: 100%;
}
#tree-path-plain-show li {
    display: block;
    margin-left: 3px;
    padding-left: 10px;
}
#tree-path-plain-show li:first-child {
    background: none;
    padding-left: 10px;
}
.asmReasCat span:before {
    border-bottom-color: #b0b0b0;
    border-color: rgba(176, 176, 176, 0);
    border-width: 6px;
    left: 8%;
    margin-left: -6px;
}
.title-header {
    margin-top: 0;
}
.title-header h3 {
    cursor: default;
}
.concept-details-top .english_master_title {
    margin-top: 25px;
}
.concept-details-top .english_master_title p, .concept-details-top .english_master_title h2 {
    display: inline-block;
    margin-right: 10px;
}
.concept-details-top .english_master_title h2 {
    color: #002970;
    font-size: 23px;
    margin-bottom: 4px;
    text-shadow: 1px 1px 0 #CCCCCC;
}
#concept-top-details-container small {
    color: #666;
    font-size: 0.85em;
}
#concept-top-details-container:hover small {
    color: #666;
}
#concept-top-details-container strong {
    color: #666;
}
#concept-top-details-container:hover strong {
    color: #222;
}

#concept-top-details-container .concept-info-row {
    background: #eee;
    border-color: #f5f5f5 #e5e5e5 #ccc;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    line-height: 25px;
    padding: 5px;
}
.concept-info-row {
    width: auto;
}
.numberOfTerms {
    margin: 0 !important;
}
.numberOfTerms p {
    color: #666;
    text-align: right;
}
#details .clearfix {
    margin: 1em 0;
}
#details table.detailsTableNoSort .col2 {
    width: 25%;
}
#details .dataTables_wrapper {
    margin-bottom: 1em;
}
#details .ui-widget-header/**,#details .dataTables_empty**/ {
    display: none;
}
@-webkit-keyframes shake
{
    0%,100%
    {
        webkit-transform: translatex(0);
    }
    10%,30%,50%,70%,90%
    {
        webkit-transform: translatex(-10px);
    }
    20%,40%,60%,80%
    {
        webkit-transform: translatex(10px);
    }
}
@-moz-keyframes shake
{
    0%,100%
    {
        moz-transform: translatex(0);
    }
    10%,30%,50%,70%,90%
    {
        moz-transform: translatex(-10px);
    }
    20%,40%,60%,80%
    {
        moz-transform: translatex(10px);
    }
}
@-o-keyframes shake
{
    0%,100%
    {
        o-transform: translatex(0);
    }
    10%,30%,50%,70%,90%
    {
        o-transform: translatex(-10px);
    }
    20%,40%,60%,80%
    {
        o-transform: translatex(10px);
    }
}
@keyframes shake
{
    0%,100%
    {
        transform: translatex(0);
    }
    10%,30%,50%,70%,90%
    {
        transform: translatex(-10px);
    }
    20%,40%,60%,80%
    {
        transform: translatex(10px);
    }
}
/* Overlays */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}
.well {
    background-color: #f5f5f5;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}
.label, .badge, .alert {
    text-shadow: none;
}
.label {
    border-radius: 3px;
    padding: 1px 4px 2px;
}
.label, .badge {
    background-color: #002970;
    color: #fff;
    font-size: 10.998px;
    font-weight: bold;
    line-height: 14px;
    vertical-align: baseline;
    white-space: nowrap;
}
.clearfix:after {
    clear: both;
}
#contentWrapper blockquote {
    padding: 18px 18px 0;
}
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 102;
}
.ui-resizable {
    position: relative;
}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}
.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;
}
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}
.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}/* the overflow property removes extra width in IE */
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
    text-decoration: none;
}
.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 */
.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    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:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0;
}
.ui-dialog .ui-dialog-titlebar-close {
    background: none !important;
    border: none !important;
}
.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;
}
.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: 0;
    margin: 1px .2em 0 0;
    border-bottom: 0;
    padding: 0;
    white-space: nowrap;
}
.ui-state-default a:hover {
    color: #666;
}
.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em .5em;
}
.ui-tabs .ui-tabs-nav li a {
    cursor: pointer;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active 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;
}

/* Component containers
 ----------------------------------*/
.ui-widget {
    font-family: Verdana, Arial, 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: Verdana, Arial, sans-serif;
    font-size: 1em;
}
.ui-widget-content {
    border: none;
    color: #222222;
}
.ui-widget-content a {
    color: #222222;
}
.ui-widget-header a {
    color: #222222;
}

/* Interaction states
 ----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(../img/jquery-ui-custom/ui-bg_flat_75_e6e6e6_40x100.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #555555;
}

.ui-tabs-nav .ui-state-default {
    background: none repeat-x scroll 50% 50% #ffffff;
    border: 1px solid #FFF;
    color: #4A4A4A;
    font-weight: bold;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background-color: transparent;
    background-image: url("../img/well_pattern.png") !important;
    border: 1px solid #DDD;
    color: #30388B;
    font-weight: bold;
}

/* Interaction Cues
 ----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(../img/jquery-ui-custom/ui-bg_flat_55_fbf9ee_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(../img/jquery-ui-custom/ui-bg_flat_95_fef1ec_40x100.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;
}
.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
}/* For IE8 - See #6059 */

/* Icons
 ----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(../img/jquery-ui-custom/ui-icons_222222_256x240.png);
}
.ui-widget-content .ui-icon {
    background-image: url(../img/jquery-ui-custom/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
    background-image: url(../img/jquery-ui-custom/ui-icons_888888_256x240.png);
}
.ui-widget-header .ui-icon {
    background-image: url(../img/jquery-ui-custom/ui-icons_222222_256x240.png);
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(../img/jquery-ui-custom/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
    background-image: url(../img/jquery-ui-custom/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
    background-image: url(../img/jquery-ui-custom/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(../img/jquery-ui-custom/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-on {
    background-position: -96px -144px;
}
.ui-icon-radio-off {
    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;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    zoom: 1;
}
.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
    padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
    zoom: 1;
}

/* Misc visuals
 ----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* Overlays */
#modalW {
    background: url(../img/background-header-bluestrip-modal.gif) repeat-x scroll 0 -70px #ffffff;
    height: 100%;
    min-height: 100%;
}
#modalW h1 {
    color: #FFF;
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    top: 7px;
}
#modalW h2 {
    font-family: inherit;
    text-rendering: optimizelegibility;
}
#modalW h3 {
    font-size: 12px;
    line-height: 18px;
    color: #707070;
    font-size: 12px;
    text-transform: uppercase;
}
#modalW .printModal {
    position: absolute;
    right: 5%;
    top: 16px;
}
#modalW footer {
    background: linear-gradient(top, #4a494a 1%, #292829 100%);
    background: -moz-linear-gradient(top, #4a494a 1%, #292829 100%);
    background: -ms-linear-gradient(top, #4a494a 1%, #292829 100%);
    background: -o-linear-gradient(top, #4a494a 1%, #292829 100%);
    background: -webkit-linear-gradient(top, #4a494a 1%, #292829 100%);
    font-size: 85%;
    margin: 0;
}
#modalW #wrap_footer {
    height: 45px;
}
#modalW #pageContent {
    margin: 0 15px;
    padding: 55px 0 35px;
}

#modalW #locarnoClassHeadings {
    margin: 0 15px;
}

#modalW #locarnoClassHeadings label {
    display: inline;
}

#modalW footer p {
    margin: 0;
    text-align: center;
}
#modalW footer p a {
    color: #FFF;
    text-decoration: none;
}
#modalW #wrap_content {
    margin: 0 0 -35px;
}
#niceClassesModal .checkBox .ui-state-active {
    background: none repeat-x scroll 50% 50% #30388b !important;
    border: 1px solid #000;
    color: #fff;
    font-weight: bold;
}
.css_right {
    float: right;
}
button::-moz-focus-inner {
    border: 0;
}
.ui-widget-overlay {
    background: #aaaaaa url(../img/jquery-ui-custom/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(../img/jquery-ui-custom/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.ui-toolbar {
    padding: 2px 5px 5px;
}

#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}
#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}
#cboxContent {
    position: relative;
    overflow: auto;
}
#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
#cboxLoadedContent iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#cboxPrevious, #cboxNext, #customCboxClose, #cboxSlideshow {
    cursor: pointer;
}
.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
}
.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}
#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: auto;
}
#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}
#cboxContent {
    position: relative;
    overflow: auto;
}
#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
#cboxLoadedContent iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#cboxPrevious, #cboxNext, #customCboxClose, #cboxSlideshow {
    cursor: pointer;
}
#cboxContent {
    background: #fff;
    overflow: hidden;
}
#cboxOverlay {
    background: url(../img/cbox/overlay.png) repeat 0 0;
}
#cboxTopLeft {
    width: 21px;
    height: 21px;
    background: url(../img/cbox/controls.png) no-repeat -100px 0;
}
#cboxTopRight {
    width: 21px;
    height: 21px;
    background: url(../img/cbox/controls.png) no-repeat -129px 0;
}
#cboxBottomLeft {
    width: 21px;
    height: 21px;
    background: url(../img/cbox/controls.png) no-repeat -100px -29px;
}
#cboxBottomRight {
    width: 21px;
    height: 21px;
    background: url(../img/cbox/controls.png) no-repeat -129px -29px;
}
#cboxMiddleLeft {
    width: 21px;
    background: url(../img/cbox/controls.png) left top repeat-y;
}
#cboxMiddleRight {
    width: 21px;
    background: url(../img/cbox/controls.png) right top repeat-y;
}
#cboxTopCenter {
    height: 21px;
    background: url(../img/cbox/border.png) 0 0 repeat-x;
}
#cboxBottomCenter {
    height: 21px;
    background: url(../img/cbox/border.png) 0 -29px repeat-x;
}
#cboxContent {
    background: #fff;
}
#cboxTitle {
    display: none !important;
}
#customCboxTitle {
    margin-left: 52em;
    color: #949494;
    position: fixed;
    left: 0;
    text-align: center;
    bottom: 7px;
}

#customCboxTitle span {
    padding: 0.3em;
    background-image: none;
    background: transparent;
    border: 1px solid #012B71;
    color: #FFFFFF !important;
    background: #5177b8;
    background: -moz-linear-gradient(top, #5177b8 0%, #002970 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5177b8), color-stop(100%, #002970));
    background: -webkit-linear-gradient(top, #5177b8 0%, #002970 100%);
    background: -o-linear-gradient(top, #5177b8 0%, #002970 100%);
    background: -ms-linear-gradient(top, #5177b8 0%, #002970 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5177b8', endColorstr='#002970', GradientType=0);
    background: linear-gradient(top, #5177b8 0%, #002970 100%);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
#customCboxTitle span a {
    font-size: .85em;
    color: #FFF;
    padding: 0 10px;
}
#customCboxTitle span a img {
    padding: 0 5px;
}
#customCboxTitle i {
    font-style: normal;
}
#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494;
}
#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef;
}
#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../img/cbox/controls.png) no-repeat -75px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}
#cboxPrevious:hover {
    background-position: -75px -25px;
}
#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(../img/cbox/controls.png) no-repeat -50px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}
#cboxNext:hover {
    background-position: -50px -25px;
}
#cboxLoadingOverlay {
    background: url(../img/cbox/loading_background.png) no-repeat center center;
}
#cboxLoadingGraphic {
    background: url(../img/cbox/loading.gif) no-repeat center center;
}
#customCboxClose {
    position: fixed;
    bottom: 0;
    right: 0;
    background: url(../img/cbox/controls.png) no-repeat -25px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}
#customCboxClose:hover {
    background-position: -25px -25px;
}
#customCboxClose {
    right: 25px;
    text-indent: -9999px;
    top: 14px;
    width: 25px;
    border: none;
}
#customCboxClose.hover {
    background-position: -25px -25px;
}
.select2-container .select2-search input {
    background: #ffffff url('../js/lib/select2/select2.png') no-repeat 100% -22px;
    background: url('../js/lib/select2/select2.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url('../js/lib/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
    background: url('../js/lib/select2/select2.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url('../js/lib/select2/select2.png') no-repeat 100% -22px, -o-linear-gradient(bottom, #ffffff 85%, #eeeeee 99%);
    background: url('../js/lib/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee));
    background: url('../js/lib/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
    border: 1px solid #aaa;
    border-radius: 0;
    box-shadow: none;
    font-family: sans-serif;
    font-size: 1em;
    height: auto !important;
    margin: 0;
    min-height: 26px;
    moz-border-radius: 0;
    moz-box-shadow: none;
    outline: 0;
    padding: 4px 20px 4px 5px;
    webkit-border-radius: 0;
    webkit-box-shadow: none;
    width: 100%;
}
.img_flag {
    padding-right: 5px;
}
#concept_screen_image_gallery {
    overflow: hidden;
    float: right;
    width: 38%;
    margin-top: 22px;
}
#concept_screen_image_gallery ul li {
    float: left;
    list-style: none;
    width: 48%;
    margin-right: 1%;
    height: 177px;
    border: 1px solid #ccc;
}
#concept_screen_image_gallery ul li div {
    background-size: 100%;
    margin: 5% auto;
    width: 90%;
    height: 89%;
}

#concept-top-details-container .concept-info-container {
    margin: 0 0px 20px 0;
}

.concept-info-container .label.status-label  {
	text-transform: capitalize;
	vertical-align: text-bottom;
	color: #fff;
	background-color: #999;
}

/*AUTOCOMPLETE*/
.ui-autocomplete {
    border: 1px solid #aaa;
    width: 180px;
}
tr.even, .ui-autocomplete {
    background-color: #fff;
    z-index: 1000;
}
.ui-autocomplete-category {
    color: blue;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.5;
    list-style: outside none none;
    margin: 5px 5px 0 0;
    padding: 0;
    text-align: right;
}
.ui-autocomplete li:not(.ui-autocomplete-category) {
    cursor: pointer;
}
.ui-menu-item {
    font-size: 11px;
    list-style: outside none none;
    padding: 2px 3px;
    word-wrap: break-word;
}
.clearHistory {
    cursor: pointer;
}
/**/

.dataTables_filter {
    width: 50%;
    float: right;
    text-align: right;
}

.dataTables_filter input[type="text"] {
    height: 30px;
    border-radius: 4px;
}
.locarno-list .span1, .locarno-list .span8 {
    margin-top: -15px;
}

/*
 .bt_modal, .modal {
 top: 5%;
 }
 .bt_modal {
 position: fixed;
 top: 10%;
 left: 50%;
 z-index: 1050;
 width: 560px;
 margin-left: -280px;
 background-color: #FFF;
 border: 1px solid rgba(0, 0, 0, 0.3);
 border-radius: 6px;
 box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
 background-clip: padding-box;
 outline: medium none;
 }*/

.bt_modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #EEE;
}
.bt_modal-header .close {
    margin-top: 2px;
}

.close:hover,
.close:focus {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}


.bt_modal-body {
    position: relative;
    overflow-y: auto;
    padding: 15px;
}
/*
 .bt_modal-footer {
 padding: 14px 15px 15px;
 margin-bottom: 0px;
 text-align: right;
 background-color: #F5F5F5;
 border-top: 1px solid #DDD;
 border-radius: 0px 0px 6px 6px;
 box-shadow: 0px 1px 0px #FFF inset;
 }

 .locarnodt, .locarnodd {
 display: inline;
 margin: 0px 10px;
 }

 .locarnodd:after {
 content: '\A';
 white-space: pre;
 }
 */
#locarnoDescripcion {
    position: static !important;
}

#modalW .printModalLocarno {
    right: 5%;
    top: 16px;
}
.locarno-list .span1, .locarno-list .span8 {
    margin-top: -15px;
}
.ui-state-disabled {
    cursor: default !important;
}
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
.ui-state-default a:hover {
    color: #666;
}

.dl dt {
    clear: left;
    float: left;
    width: 25%;
    border-top: 1px solid #999;
    font-weight: 700;
    margin: 0;
    padding: 5px;
}
.dl dd {
    float: left;
    width: 58%;
    margin: 0;
    padding: 5px;
}
.dl .first {
    border-top: medium none;
}

#accordion .dl dt {
    width: 90%;
}
#accordion .dl dd {
    width: 90%;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image: none;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 1px solid #eee;
    margin: 18px 0;
}

.translateSubmit {
    padding-top: 16px;
    margin-top: 2px;
}

.thumbnail {
    position: relative;
}

.thumbnail img {
    visibility: visible;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

@media print {
    .thumbnail img {
        position: relative;
    }
    .
    .thumbnail img:before {
        visibility: visible;
        width: 98% content :url('../img/milk_pattern.png');
    }
    a[href]:after {
        content: none !important;
    }

    .toolbar form select {
        background-color: #fff;
        color: #2b2b2b;
        border: 1px solid #666666;
    }

    #wrap_content > header a {
        color: black;
    }

}

[class*="span"] {
    float: left;
    margin-left: 10px;
}

.btnChange {
    text-shadow: 0 1px 1px #fff;
    border-color: #ccc;
    background-color: #f9f9f9;
    color: #333;
    -webkit-box-shadow: inset 0 2px 0 #fff, inset 0 -2px 0 #e8e8e8, 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 2px 0 #fff, inset 0 -2px 0 #e8e8e8, 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 2px 0 #fff, inset 0 -2px 0 #e8e8e8, 0 1px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0 2px 0 #fff, inset 0 -2px 0 #e8e8e8, 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 2px 0 #fff, inset 0 -2px 0 #e8e8e8, 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 2px 0 #fff, inset 0 -2px 0 #e8e8e8, 0 1px 1px rgba(0, 0, 0, 0.15);
    background-image: none;
    -webkit-transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -ms-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -ms-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
    border-radius: 3px;
    padding: 8px 15px;
    vertical-align: -2px;
    margin-left: 1.5em;
}

#advTranslateContainer .advancedSearchButton {
    bottom: 1px;
    font-size: 11px;
    position: absolute;
    right: 5px;
    vertical-align: text-bottom;
    width: 60%;
    padding-right: 5px;
}

#advTranslateContainer .advancedSearchButton p {
    text-align: right;
    margin-bottom: 0px !important;
}

#advTranslateContainer .advancedSearchButton p span {
    float: right;
}

#advTranslateContainer .fit_btn {
    margin-bottom: 2px;
    width: 100%;

}

#advTranslateContainer {
    padding-bottom: 0.2em;
}
#advTranslateContainer .advancedSearch {
    display: none;
    margin-top: 15px;
}

#advTranslateContainer .advCriteriaBtn {
    font-size: 11px;
}
#advTranslateContainer #command {
    margin-bottom: 11px !important;
}

.select2-search-choice {
    font-size: 0.85em;
}

.select2-input {
    height: 2em;
}

.displayNone {
    display: none;
}

#tree-path-plain {
    background: none repeat scroll 0 0 #f6f6f6;
    border-color: #f5f5f5 #e5e5e5 #ccc;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    list-style: outside none none;
    margin: 0 0 15px;
    overflow: hidden;
    padding: 5px 0;
    width: 100%;
}

#tree-path-plain li:first-child {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding-left: 10px;
}
#tree-path-plain li {
    background: url("../img/path-separator.png") no-repeat scroll left 65% rgba(0, 0, 0, 0);
    display: block;
    float: left;
    padding-left: 12px;
    padding-right: 5px;
}

/* MY LIST */
#myListShow .dataTables_wrapper {
    padding: 20px;
}
#myListShow li.ui-tabs-active {
    padding-bottom: 2px;
}
#myListShow #langTabs {
    border-bottom: 1px solid #DDDDDD;
}
#myListShow #exportform {
    display: block;
    text-align: center;
    margin-bottom: 0 !important;
}
#myListShow #exportform span {
    margin: 0 auto;
}
#myListShow #myListDetails ul.listDetails {
    margin: 0;
    list-style: none outside none;
}
#myListShow #myListDetails ul.listDetails li {
    background-clip: padding-box;
    background-image: url("../img/mylist.png");
    background-position: 5px 15px;
    background-repeat: no-repeat;
    background-color: #3974ac;
    border: 1px solid #3974ac;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 0.88em;
    margin: 2px;
    padding: 0.9em 0 0.9em 27px;
    width: 16em;
}
#myListShow #myListDetails ul.listDetails li:hover {
    border: 1px solid #CCCCCC;
    cursor: pointer;
}
#myListShow #myListDetails ul.listDetails li.active {
    background-color: #245F97;
}
#myListShow #myListDetails ul.listDetails li strong {
    color: #FFFFFF;
    font-size: 1.15em;
    width: 2em;
}
#myListShow .tabs .locarnoList {
    padding: 20px 20px 0 20px;
    margin: 0;
}
#myListShow .tabs .locarnoList ul {
    margin: 0;
    padding: 0 0 25px;
}
#myListShow .tabs .locarnoList ul li {
    display: inline;
    float: left;
    margin: 0 2px;
    padding: 0 4px;
}
#myListShow .tabs .locarnoList ul li a {
    color: #30388B;
    font-size: 1em;
    text-decoration: none;
}
#myListShow .tabs .locarnoList ul li.active {
    background-clip: padding-box;
    background-color: #626262;
    border-radius: 2px 2px 2px 2px;
    color: #30388B;
}
#myListShow .tabs .locarnoList ul li.active a {
    color: #FFFFFF;
}
#myListShow .clearfix {
    padding: 0;
}
#myListShow #selectLang {
    text-align: right;
}
#myListShow #selectLang h3 {
    display: inline;
    margin-right: 10px;
}
#myListShow #selectLang form {
    display: inline;
}
#myListShow .locarnoList ul li {
    color: #626262;
    font-size: 90%;
}
#myListShow .locarnoList ul li a {
    font-size: 100%;
}
#myListShow .myListActions {
    width: auto;
    float: right;
}
#myListShow .myListActions .actionContent {
    float: left;
    padding-left: 10px;
}
#myListShow .myListActions .actionContent .btn-group .btn {
    padding: 5px 15px;
}
#myListShow .myListActions .actionContent img {
    width: 12px;
}
#myListShow #id_advancedsearch li {
    padding: 5px;
}
#myListShow #id_advancedsearch form {
    display: inline;
    padding: 5px;
}
#myListShow .roundBox .niceSelect {
    float: left;
    width: 85px;
}
#myListShow .roundBox .niceText {
    display: inline;
    width: 200px;
}
#myListShow .roundBox .niceText input {
    margin-bottom: 20px;
    margin-left: 10px;
}
#myListShow .ui-tabs-nav {
    background-clip: padding-box;
    border-radius: 4px 4px 0 0;
}
#myListShow .ui-tabs-panel {
    background-clip: padding-box;
    border-color: -moz-use-text-color #cccccc #cccccc;
    border-radius: 0 0 4px 4px;
    border-style: none solid solid;
    border-width: 0 1px 1px;
}
#myListShow .myListActions .actionContent .clear-my-list {
    margin-top: 0px;
}
.tabs .locarnoList {
    margin-left: 60px;
}
.tabs .locarnoList ul {
    height: 30px;
    margin: 0;
    padding: 0 0 25px;
}
.tabs .locarnoList ul li {
    display: inline;
    float: left;
    margin: 0 2px;
    padding: 0 4px;
}
.tabs .locarnoList ul li a {
    color: #777777;
    font-size: 0.9em;
    text-decoration: none;
}
.tabs .locarnoList ul li span {
    color: #999999;
    font-size: 0.75em;
    padding: 0 2px;
}
.tabs .locarnoList ul li.active {
    background-clip: padding-box;
    background-color: #30388B;
    border-radius: 2px 2px 2px 2px;
    color: #30388B;
}
.tabs .locarnoList ul li.active a {
    color: #FFFFFF;
}
.tabs .locarnoList ul li.bold {
    color: #30388B;
    font-weight: bold;
}
.tabs .locarnoList ul li.bold a {
    color: #30388B;
}
.tabs .locarnoList ul li.active.bold a {
    color: #FFFFFF;
}
.tabs .locarnoList ul li#allClasses a {
    color: #626262;
    font-size: 0.85em;
    margin: 0.2em 0;
    text-decoration: underline;
}
.tabs .locarnoList ul li#allClasses.active a {
    color: #FFFFFF;
    font-size: 0.85em;
    margin: 0.2em 0;
    text-decoration: underline;
}
.nosize {
    position: absolute;
    width: 0px;
    height: 0px;
    overflow: hidden;
}
.goBack {
    text-align: center;
}
::-webkit-input-placeholder {/* WebKit browsers */
    color: #626262;
}
:-moz-placeholder {/* Mozilla Firefox 4 to 18 */
    color: #626262;
    opacity: 1;
}
::-moz-placeholder {/* Mozilla Firefox 19+ */
    color: #626262;
    opacity: 1;
}
:-ms-input-placeholder {/* Internet Explorer 10+ */
    color: #626262;
}
.moveLeft {
    margin-left: 28em;
}

span.placeholder {
    position: absolute;
    color: #999;
    padding: 4px 3px;
    z-index: 1;
    cursor: text;
    font-size: 13px;
    font-weight: normal;
}

span.placeholder-hide-except-screenreader {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

span.placeholder-hide {
    display: none;
}

/* overwrite for the HTML5 Boilerplate way to hide labels */
label.visuallyhidden-with-placeholder {
    /*clip: auto !important;*/
    height: auto !important;
    overflow: visible !important;
    position: absolute !important;
    left: -999em;
}

.underline a:focus {
    text-decoration: underline;
}

.divScroll {
    overflow-x: auto;
    overflow-y: hidden;
}

.divScrollSearch {
    overflow-x: hidden;
    overflow-y: hidden;
}

.divNoScrollX {
    overflow-x: hidden;
}

.required {
    color: #ff0000;
    padding-left: 6px;
}

.required-black {
    padding-left: 6px;
}

input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid {
    color: #b94a48;
    border-color: #ee5f5b;
}

input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7;
}

.myList-li-focus li:focus {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}

.myList-a-focus a:focus {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}

.myList-input-focus input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}

input.button-add {
    background-image: url(../img/icon-list-select.png); /* 16px x 16px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat; /* make the background image appear only once */
    background-position: 0px 0px; /* equivalent to 'top left' */
    border: none; /* assuming we don't want any borders */
    cursor: pointer; /* make the cursor like hovering over an <a> element */
    height: 16px; /* make this the size of your image */
    padding-left: 12px; /* make text start to the right of the image */
    vertical-align: -8px; /* align the text vertically centered */
}

.ui-state-hover span, .ui-state-focus span {
    text-decoration: underline;
}


#contactList .ui-state-focus.ui-state-hover span {
    text-decoration: underline;
}

.newsList .heading {
    margin: 10px 0 !important;
}
.newsList > ul {
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 0 #D4D4D4;
    color: #5a5959;
    font-size: 12px;
    list-style: none outside none;
    margin: 0;
    text-shadow: 1px 1px 0 #FFFFFF;
}
.newsList ul ul {
    list-style: disc outside none;
    box-shadow: none;
}
.newsList > li {
    background-color: #FFFFFF;
    border-bottom: 1px solid #E4E4E4;
    border-left: 1px solid #E4E4E4;
    border-top: 1px solid #FFFFFF;
    box-shadow: 0 0 20px #EFEFEF inset;
    padding: 25px 20px;
}
.newsList ul ul li {
    border: 0px !important;
    box-shadow: none;
}
.newsList li:last-child {
    border-bottom: medium none;
    border-radius: 0 0 4px 4px;
}
.newsList li:first-child {
    border-radius: 4px 4px 0 0;
    border-top: 1px solid #E4E4E4;
}
.newsList li > span {
    font-size: 11px;
    text-shadow: 1px 1px 0 #F4F4F4;
}
.newsList ol, .newsList ul, .newsList p {
    margin-bottom: 0px !important;
}
.newsList li > span a {
    color: #AAAAAA !important;
}
.newsList li > span > span {
    cursor: help;
    font-size: 10px;
}
.newsList li .date {
    color: #333333;
    float: right;
    font-size: 12px;
}
.newsList p {
    color: #333333;
}
.newsList a {
    border: medium none !important;
    text-decoration: none !important;
}
.newsList h2 {
    font-size: 18px;
    line-height: 18px;
    color: inherit;
}

.contact-list .span1, .contact-list .span12 {
    margin-top: -15px;
}

.contact-list .office-image {
    position: absolute;
    right: 25px;
}

#contact {
    padding: 0 0 135px;
}

#modalW #contact {
    margin: 0 15px;
}

#modalW #contact label {
    display: inline;
}

#contactResult .dl dt {
    border-top: 1px solid #999;
    width: 12%;
}

#contactResult .dl dd {
    border-top: 1px solid #999;
    width: 60%;
}

#contactResult .dl .first {
    border-top: none;
}

#contactDescripcion {
    position: static !important;
}

#about {
    padding: 0 0 135px;
}

#modalW #about {
    margin: 0 15px;
}

#aboutDescripcion {
    position: static !important;
}

#aboutDetail h3 {
    top: initial;
    position: initial;
    color: #000;
}

/* Index */
#index {
    color: #999;
    line-height: 2;
    margin: -10px 0 15px;
    list-style-type: none
}
#index li.h1 {
    border-bottom: 1px dotted;
    font-weight: bold;
    list-style-type: none;
    margin: 20px -10px 10px;
    padding: 3px 5px 5px;
}
#index li.h2 {
    margin-left: 5px;
}
#index li.h4 {
    margin-left: 25px;
}

#index li.h5 {
    margin-left: 35px;
}
#index li.h3 {
    margin-left: 15px;
}
#index li:hover {
    background-color: #FEFEFE
}

/* box */
.box {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 20px;
    background-color: #fff;
}
.box, .box_notice {
    background: #fff;
    border: 1px solid;
    box-shadow: #ccc 0 1px 3px;
    -moz-box-shadow: #ccc 0 1px 3px;
    -webkit-box-shadow: #ccc 0 1px 3px;
    border-color: #ddd #ccc #999;
    margin: 0 0 20px;
    padding: 20px 20px 0.01em;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}
.box_notice {
    background: #fefefe;
}
.box_title {
    color: #000000;
    font-size: 13px;
    font-weight: 700;
    margin: -19px -19px 20px;
    padding: 5px 10px;
    border-bottom: 1px dotted #ccc
}

.one_percent_width{
    width: 1%;
}


.grid_16 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    width: 100%;
}

#faq {
    padding: 0 0 135px;
}

#modalW #faq {
    margin: 0 15px;
}

#faqDescripcion {
    position: static !important;
}

#faqDetail ol {
    font-size: 13px;
    line-height: 18px;
    list-style: decimal;
}

#faqDetail ol li {
    margin-bottom: 1.3em;
    line-height: 18px;
    font-size: 13px;
}

.question {
    margin: 5px;
    padding: 10px;
    background-color: #DEDEDE;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0, 0.1);
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0, 0.1);
    box-shadow: 0px 0px 2px rgba(0,0,0, 0.1);
    font-size: 1.1em;
}
.answer {
    margin-left: 20px;
    font-style: italic;
    color: #222;
}

#help {
    padding: 0 0 135px;
}

#modalW #help {
    margin: 0 15px;
}

#helpDescripcion {
    position: static !important;
}

#helpDetail h3 {
    top: initial;
    position: initial;
    color: #000;
}

#helpDetail table tr:hover td {
    background-color: inherit;
}

.figureDetail {
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}

.hyphenList li {
    list-style-type: none;
}

.hyphenList li:before {
    content: "- ";
}

.translateSearchResults {
    margin-left: 0px!important;
}

.harmonisedDiv {
    margin-right: 2%;
}

#harmonisedDiv {
    display: none;
}

#otherDiv {
    display: none;
}

/* RFC-1326 */
#harmonisedEFTADiv {
    display: none;
}



input[type="text"].securityAccomplishment {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

label.securityAccomplishment {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.color-href a{
    color: #002970;
}

#overlay {
    z-index: 9999998;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    filter: alpha(opacity=0);
}

#colorbox, #cboxOverlay, #cboxWrapper {
    z-index: 9999999;
}

#changeLang {
    box-shadow: 0 2px 0 #fff inset, 0 -2px 0 #C4C3C3 inset, 0 1px 1px rgba(0, 0, 0, 0.15);
}

.file-input-wrapper {
    width: 119px;
    height: 28px;
    overflow: hidden;
    position: relative;
}
.file-input-wrapper > input[type="file"] {
    font-size: 119px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    width: auto;
    cursor: pointer;
}
.file-input-wrapper > .btn-file-input {
    width: 119px;
    height: 28px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    *display: inline;
    *zoom: 1;
    padding: 4px 10px 4px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
    *line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -ms-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -o-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: linear-gradient(top, #f9f9f9, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f9f9f9', GradientType=0);
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -ms-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -o-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: linear-gradient(top, #f9f9f9, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f9f9f9', GradientType=0);
    border-color: #f9f9f9 #f9f9f9 #d3d3d3;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -ms-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -o-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: linear-gradient(top, #f9f9f9, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f9f9f9', GradientType=0);
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -ms-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -o-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: linear-gradient(top, #f9f9f9, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f9f9f9', GradientType=0);
    border-color: #f9f9f9 #f9f9f9 #d3d3d3;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #f9f9f9;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -ms-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -o-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: linear-gradient(top, #f9f9f9, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f9f9f9', GradientType=0);
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -ms-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -o-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: linear-gradient(top, #f9f9f9, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f9f9f9', GradientType=0);
    border-color: #f9f9f9 #f9f9f9 #d3d3d3;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -ms-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -o-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: linear-gradient(top, #f9f9f9, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f9f9f9', GradientType=0);
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -ms-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: -o-linear-gradient(top, #f9f9f9, #f9f9f9);
    background-image: linear-gradient(top, #f9f9f9, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f9f9f9', GradientType=0);
    border-color: #f9f9f9 #f9f9f9 #d3d3d3;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #f9f9f9;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #ccc;
    *border: 0;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: .3em;
    *margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)
}

.file-input-wrapper:hover > .btn-file-input {
    border-color: #ccc;
    text-shadow: 0 1px 1px #fff;
    color: #333;
    background-image: none;
    text-decoration: none;
    background-color: #f9f9f9;
    *background-color: #ececec;
    -webkit-box-shadow: inset 0 2px 0 #f6f6f6, inset 0 -2px 0 #e0e0e0, 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 2px 0 #f6f6f6, inset 0 -2px 0 #e0e0e0, 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 2px 0 #f6f6f6, inset 0 -2px 0 #e0e0e0, 0 1px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0 2px 0 #f6f6f6, inset 0 -2px 0 #e0e0e0, 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 2px 0 #f6f6f6, inset 0 -2px 0 #e0e0e0, 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 2px 0 #f6f6f6, inset 0 -2px 0 #e0e0e0, 0 1px 1px rgba(0, 0, 0, 0.15);
    -webkit-transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -ms-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -ms-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.file-input-wrapper:focus > .btn-file-input {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.file-input-wrapper:hover > input[type="file"] {
    border-color: #ccc;
    text-shadow: 0 1px 1px #fff;
    color: #333;
    background-image: none;
    text-decoration: none;
    background-color: #f9f9f9;
    *background-color: #ececec;
    -webkit-box-shadow: inset 0 2px 0 #f6f6f6, inset 0 -2px 0 #e0e0e0, 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 2px 0 #f6f6f6, inset 0 -2px 0 #e0e0e0, 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 2px 0 #f6f6f6, inset 0 -2px 0 #e0e0e0, 0 1px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0 2px 0 #f6f6f6, inset 0 -2px 0 #e0e0e0, 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 2px 0 #f6f6f6, inset 0 -2px 0 #e0e0e0, 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 2px 0 #f6f6f6, inset 0 -2px 0 #e0e0e0, 0 1px 1px rgba(0, 0, 0, 0.15);
    -webkit-transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -ms-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -ms-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.file-input-wrapper:focus > input[type="file"] {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.error {
    font-weight: bold;
    color: red;
}
.popover{
    max-width: 100%;
}