@import url("uitheme/jquery-ui-1.10.0.min.css");
/* @import url("plugins/tipsy.css"); */
/* @import url("plugins/jquery.jgrowl.css"); */
/* @import url("plugins/uniform.default.css"); */
/* @import url("plugins/ui.multiselect.css"); */
/* @import url("../js/plugins/fancybox/jquery.fancybox-1.3.4.css"); */
/* @import url("plugins/BreadCrumb.css"); */
/* @import url("plugins/datatables.css"); */
/* @import url("plugins/jquery.dataTables.css"); */
/* @import url("plugins/jquery.dataTables_themeroller.css"); */

/* @import url("plugins/jquery.alerts.css"); */
/* @import url("plugins/jquery.miniColors.css"); */
/* @import url("plugins/validationEngine.jquery.css"); */
/* @import url("plugins/slidernav.css"); */
/* Better load some of these style only on the pages that need them. There all here now for the demo. */


.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('../../img/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

div.checker span, div.radio span{ background-image:url(../img/main_uniformsprite.png);  background-repeat:no-repeat;  -webkit-font-smoothing:antialiased}
.selector, .radio, .checker, .uploader, .selector *, .radio *, .checker *, .uploader *{ margin:0;  padding:0}
div.selector span{ background-image:url('../img/main_dropdown.png'); background-repeat:no-repeat; background-position:96% 17px; line-height:normal; width:89%}
div.selector select{top:0px; left:0px}
div.checker{width:16px; height:16px}
div.checker input{width:16px; height:16px}
div.checker span{background-position:0px -32px; height:16px; width:16px}
div.checker:active span, div.checker.active span{background-position:-16px -32px}
div.checker span.checked{background-position:-32px -32px}
div.checker.focus:active span.checked, div.checker:hover:active span.checked, div.checker.active:hover span.checked, div.checker.active.focus span.checked{background-position:-48px -32px}
div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span{background-position:-64px -32px}
div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked{background-position:-80px -32px}
div.radio{width:16px; height:16px}
div.radio input{width:16px; height:16px}
div.radio span{height:16px; width:16px; background-position:0px -16px}
div.radio span.checked{background-position:-32px -16px}
div.radio:active span.checked, div.radio.active span.checked{background-position:-32px -16px}
div.radio.focus span.checked, div.radio:hover span.checked{background-position:-48px -16px}
div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span{background-position:-64px -16px}
div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked{background-position:-80px -16px}
div.uploader{background-position:0px -297px}
div.uploader span.action{background-position:right -409px; line-height:normal}
div.uploader span.filename{line-height:normal}
div.checker{margin-right:5px}
div.radio{margin-right:3px}
div.uploader{width:100%; cursor:pointer}
div.uploader span.action{width:36%; text-align:center; text-shadow:#fff 0px 1px 0px; background-color:#fff; font-size:14px; margin-left:-1px; font-size:1.4rem; font-weight:bold}
div.uploader span.filename{color:#777; width:57%; border-right:solid 1px #bbb; font-size:14px; font-size:1.4rem}
div.uploader input{width:100%}
div.uploader.disabled span.action{color:#aaa}
div.uploader.disabled span.filename{border-color:#ddd; color:#aaa}
.selector, .checker, .button, .radio, .uploader{display:-moz-inline-box; display:inline-block; vertical-align:middle; zoom:1; *display:inline}
.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus{outline:0}
div.selector{position:relative; overflow:hidden; max-width:270px}
.selector.hover{cursor:pointer}
div.selector span{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
div.selector select{position:absolute; opacity:0; filter:alpha(opacity:0); height:38px; width:100%; border:none; background:none; cursor:pointer}
div.checker{position:relative}
div.checker span{display:-moz-inline-box; display:inline-block; text-align:center}
div.checker input{opacity:0; filter:alpha(opacity:0); display:inline-block; background:none}
div.radio{position:relative}
div.radio span{display:-moz-inline-box; display:inline-block; text-align:center}
div.radio input{opacity:0; filter:alpha(opacity:0); text-align:center; display:inline-block; background:none}
div.uploader{position:relative; overflow:hidden; cursor:pointer; max-width:450px}
div.uploader span.action{float:left; display:inline; padding:2px 0px; overflow:hidden}
div.uploader span.filename{float:left; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer}
div.uploader input{opacity:0; filter:alpha(opacity:0); position:absolute; top:0; right:0; bottom:0; float:right; height:39px; border:none; cursor:pointer}


/*
 * Table
 */
table.dataTable {
    margin: 0 auto;
    clear: both;
    width: 100%;
}

table.dataTable thead th {
    padding: 3px 18px 3px 10px;
    border-bottom: 1px solid black;
    font-weight: bold;
    cursor: pointer;
    *cursor: hand;
}

table.dataTable tfoot th {
    padding: 3px 18px 3px 10px;
    border-top: 1px solid black;
    font-weight: bold;
}

table.dataTable td {
    padding: 3px 10px;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
    text-align: center;
}

table.dataTable tr.odd { background-color: #E2E4FF; }
table.dataTable tr.even { background-color: white; }

table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; }
table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }
table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }


/*
 * Table wrapper
 */
.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
}


/*
 * Page length menu
 */
.dataTables_length {
    float: left;
}


/*
 * Filter
 */
.dataTables_filter {
    float: right;
    text-align: right;
}


/*
 * Table information
 */
.dataTables_info {
    clear: both;
    float: left;
}


/*
 * Pagination
 */
.dataTables_paginate {
    float: right;
    text-align: right;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
    text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
    outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
    color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
    padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
    padding-right: 23px;
    margin-left: 10px;
}

.paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }

.paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }

/* Full number pagination */
.paging_full_numbers {
    height: 22px;
    line-height: 22px;
}
.paging_full_numbers a:active {
    outline: none
}
.paging_full_numbers a:hover {
    text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
}

.paging_full_numbers a.paginate_button {
    background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
    background-color: #ccc;
    text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
    background-color: #99B3FF;
}


/*
 * Processing indicator
 */
.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
}


/*
 * Sorting
 */
.sorting { background: url('../images/sort_both.png') no-repeat center right; }
.sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
.sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }

.sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }
.sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }

table.dataTable thead th:active,
table.dataTable thead td:active {
    outline: none;
}


/*
 * Scrolling
 */
.dataTables_scroll {
    clear: both;
}

.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
}

/* DataTables End */

/* DataTables Themeroller */


/*
 * Table
 */
table.dataTable {
    margin: 0 auto;
    clear: both;
    width: 100%;
    border-collapse: collapse;
}

table.dataTable thead th {
    padding: 3px 0px 3px 10px;
    cursor: pointer;
    *cursor: hand;
}

table.dataTable tfoot th {
    padding: 3px 10px;
}

table.dataTable td {
    padding: 3px 10px;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
    text-align: center;
}

table.dataTable tr.odd { background-color: #E2E4FF; }
table.dataTable tr.even { background-color: white; }

table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; }
table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }
table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }


/*
 * Table wrapper
 */
.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
}
.dataTables_wrapper .ui-widget-header {
    font-weight: normal;
}
.dataTables_wrapper .ui-toolbar {
    padding: 5px;
}


/*
 * Page length menu
 */
.dataTables_length {
    float: left;
}


/*
 * Filter
 */
.dataTables_filter {
    float: right;
    text-align: right;
}

.dataTables_filter label {
    display: flex;
    align-items: center;
    gap: 5px; /* Abstand zwischen Label und Input-Feld */
  }


/*
 * Table information
 */
.dataTables_info {
    padding-top: 3px;
    clear: both;
    float: left;
}


/*
 * Pagination
 */
.dataTables_paginate {
    float: right;
    text-align: right;
}

.dataTables_paginate .ui-button {
    margin-right: -0.1em !important;
}

.paging_two_button .ui-button {
    float: left;
    cursor: pointer;
    * cursor: hand;
}

.paging_full_numbers .ui-button {
    padding: 2px 6px;
    margin: 0;
    cursor: pointer;
    * cursor: hand;
    color: #333 !important;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
    text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
    outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
    color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
    padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
    padding-right: 23px;
    margin-left: 10px;
}

.paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }

.paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }

/* Full number pagination */
.paging_full_numbers a:active {
    outline: none
}
.paging_full_numbers a:hover {
    text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
}

.paging_full_numbers a.paginate_button {
    background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
    background-color: #ccc;
    text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
    background-color: #99B3FF;
}


/*
 * Processing indicator
 */
.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
}


/*
 * Sorting
 */
table.dataTable thead th div.DataTables_sort_wrapper {
    position: relative;
    padding-right: 20px;
}

table.dataTable thead th div.DataTables_sort_wrapper span {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 0;
}

table.dataTable th:active {
    outline: none;
}


/*
 * Scrolling
 */
.dataTables_scroll {
    clear: both;
}

.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
}

/* DataTables Themeroller End */

/* Validatino Engine */
.inputContainer {
    position: relative;
    float: left;
}

.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    z-index: 5000;
    cursor: pointer;
}

.ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 1px solid #999;
    display: none
}

.formError .formErrorContent {
    width: 100%;
    background: #000000;
    position:relative;
    z-index:5001;
    color: #fff;
    width: 150px;
    font-family: tahoma;
    font-size: 11px;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.greenPopup .formErrorContent {
    background: #33be40;
}

.blackPopup .formErrorContent {
    background: #393939;
    color: #FFF;
}

.formError .formErrorArrow {
    width: 15px;
    margin: -2px 0 0 13px;
    position:relative;
    z-index: 5006;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
    margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0px 0 0 12px;
    top:2px;
}

.formError .formErrorArrow div {
    font-size: 0px;
    height: 1px;
    background: #000000;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block;
}

.formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
    background: #33be40;
}

.blackPopup .formErrorArrow div {
    background: #393939;
    color: #FFF;
}

.formError .formErrorArrow .line10 {
    width: 15px;
    border: none;
}

.formError .formErrorArrow .line9 {
    width: 13px;
    border: none;
}

.formError .formErrorArrow .line8 {
    width: 11px;
}

.formError .formErrorArrow .line7 {
    width: 9px;
}

.formError .formErrorArrow .line6 {
    width: 7px;
}

.formError .formErrorArrow .line5 {
    width: 5px;
}

.formError .formErrorArrow .line4 {
    width: 3px;
}

.formError .formErrorArrow .line3 {
    width: 1px;
}

.formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd;
}

.formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd;
}
/* ValidationEngine End */

/* _________________________________________________

320 and Up boilerplate extension
Andy Clarke http://about.me/malarkey
Version: 2
URL: http://stuffandnonsense.co.uk/projects/320andup/
License: http://creativecommons.org/licenses/MIT/
_____________________________________________________

*/
html {font-size: 62.5%;}
html, body {
    margin: 0;
    padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    line-height: 1;
    font-family: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}
audio[controls], canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.sans-serif {
    font-family: Helvetica, Arial, sans-serif;
}
.serif {
    font-family: Verdana, "Times New Roman";
}
.monospace {
    font-family: Courier New, monospace;
}
.clearfix {
    zoom: 1;
}
.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}
.clearfix:after {
    clear: both;
}
html {
    font-size: 62.5%;
}
body {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: Helvetica, Arial, sans-serif;
    color: #282828;
    background-color: transparent;
}
button,
input,
select,
textarea {
    font-family: Helvetica, Arial, sans-serif;
    color: #404040;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Verdana, "Times New Roman";
    font-weight: bold;
}
h1 {
    margin-bottom: 0.5em;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.2;
}
h2 {
    margin-bottom: 0.5em;
    font-size: 30px;
    font-size: 3.0rem;
    line-height: 1.2;
}
h3 {
    margin-bottom: 0.5em;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.3;
}
h4 {
    margin-bottom: 0.75em;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.25;
}
h5 {
    margin-bottom: 0.75em;
    font-size: 16px;
    font-size: 1.6rem;
}
h6 {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    margin-bottom: 0.5em;
}
p,
ol,
ul,
dl,
address {
    margin-bottom: 1em;
    line-height: 1.5;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: bold; color: grey; background: url(../img/main_ahover.png) repeat-x left bottom;}
p {
    hyphens: auto;
}
ul, ol {
    margin: 0 0 1.5em 0;
    padding: 0 0 0 24px;
    list-style: none;
}
ol {list-style: decimal outside;}
li ul, li ol {
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem;
}
dl, dd {
    margin-bottom: 1.5em;
}
dt {
    font-weight: normal;
}
blockquote {
    margin: 0 0 1.5em -24px;
    padding-left: 24px;
    border-left: 1px solid #bfbfbf;
    font-style: italic;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
abbr[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
b, strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
hr {
    display: block;
    margin: 1em 0;
    padding: 0;
    height: 1px;
    border: 0;
    border-top: 1px solid #bfbfbf;
}
ins {
    background-color: #c3d9e6;
    color: #000000;
    text-decoration: none;
}
mark {
    background-color: #c3d9e6;
    color: #000000;
    font-style: italic;
    font-weight: bold;
}
pre,
code,
kbd,
samp {
    font-family: "Monaco", Courier New, monospace;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5em;
}
code {background: #eee; padding: 5px; display: block;}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
q {
    quotes: none;
}
q:before, q:after {
    content: "";
    content: none;
}
small {
    font-size: 12px;
    font-size: 1.2rem;
}
sub, sup {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
a {
    text-decoration: none;
    outline: 0;
}
a:hover {
    color: #d5d5d5;
}
a:hover, a:active {
    outline: 0;
}
figure {
    margin:0;
}
figure img, figure object, figure embed {
    max-width: 100%;
    height: auto;
}
figcaption {
    display: block;
    font-weight: normal;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1.5em;
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
}
th, td, caption {
    padding: 0.1875em 10px 0.1875em 5px;
}
tfoot {
    font-style: italic;
}
caption {
    background-color: transparent;
}
tbody tr:nth-child(odd) td {
    background-color: #f9f9f9;
}
form {
    margin: 0;
}
fieldset {
    margin-bottom: 1.5em;
    padding: 0;
    border-width: 0;
}
legend {
    *margin-left: -7px;
    padding: 0;
    border-width: 0;
}
label {
    font-weight: normal;
    cursor: pointer;
}
button,
input,
select,
textarea {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}
button, input {
    line-height: normal;
    *overflow: visible;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
}
input[type="search"] {
    box-sizing: content-box;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
html {
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: #c3d9e6;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
::-webkit-selection {
    background: #e6e6e6;
    color: #fafafa;
    text-shadow: none;
}
::-moz-selection {
    background: #7bacc8;
    color: #c8977b;
    text-shadow: none;
}
::selection {
    background: #7bacc8;
    color: #c8977b;
    text-shadow: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
}
::-webkit-input-placeholder {
    font-size: 14px;
    font-size: 1.4rem;
}
input, textarea { color: #000; }
.placeholder { color: #8a2200; }
input:-moz-placeholder {
    font-size: 14px;
    font-size: 1.4rem;
}
.dialog_text:placeholder{
    color: #8a2200;
}

.ie7 img, .iem7 img {
    -ms-interpolation-mode: bicubic;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
}
input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
p {
    -webkit-hyphens: auto;
    -webkit-hyphenate-character: "\2010";
    -webkit-hyphenate-limit-after: 1;
    -webkit-hyphenate-limit-before: 3;
    -moz-hyphens: auto;
}
.ir {
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: left;
    text-indent: -999em;
    direction: ltr;
}
.ir br {
    display: none;
}
.hidden {
    display: none;
    visibility: hidden;
}
.visuallyhidden {
    position: absolute;
    margin: -1px;
    padding: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0);
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    position: static;
    margin: 0;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
}
.invisible {
    visibility: hidden;
}
p.last, ul.last, ol.last, dl.last {margin: 0; padding: 0;}
.ptb10 {padding: 10px 0;} .pt15 {padding-top: 15px;}
.mt15 {margin-top: 15px!important;} .mt20 {margin-top: 20px;} .mt10 {margin-top: 10px;}
.mr5 {margin-right: 5px;} .mrb5 {margin: 0 5px 5px 0;}
.mr15 {margin-right: 15px;} .mrb15{margin: 0 15px 15px 0;}
.mb15 {margin-bottom: 15px;}
.bt {border-top: 1px solid #ccc;}
.nom {margin: 0!important;padding: 0!important;}
.smallest, a.top {font-size: 10px; font-size: 1rem;}
a.top {text-transform: uppercase; background: url(../img/ftr_top.png) no-repeat 0 0; padding-left: 30px; margin-top: 25px;}
.middle {text-align: middle;}
.center {text-align: center;}

/* ========= Global floats ========= */
body .r, footer a.top{float: right!important;}
body .l {float: left!important;}

/* ========= Global margins and paddings ========= */
/* Margin-top 10px */
header .search {margin-top: 10px;}

/* Margin-top 15px */
footer, nav.mainnav,header .usermenu {margin-top: 3px;}

/* Margin-bottom 15px */
footer .lower {margin-bottom: 15px;}

/* Margin-right 15px */
a.prev {margin-right: 15px;}

/* Margin-left 15px */
a.next {margin-left: 15px;}

/* Padding-top 15px */
header, footer .lower {padding-top: 15px;}

/* Border-radius 4px */
code, ul.sf_menu ul, header .search, .box-placeholder, .tabs ul li a, .acc_heading, .coll_heading, .btn_icon, .box input, .box textarea, .btn, button, .box .selector, .box select.multiple, .notification, .dialog_text, .slider-content li a, .square, .box.menu ul li span {border-radius: 4px;}
.br4 {border-radius: 4px;}
.box.br4 ul li.first {border-radius: 4px 4px 0 0;}

/* Box shadow inner */
.box .boxheading, .btn, button, body input[type=submit], body input[type=reset], body input[type=button], div.uploader span.action, .notification, .slider-content li.selected .title, .box.menu ul li.act a {box-shadow: 0px 1px 1px white inset;}

/* Box shadow on hover */
.btn_icon:hover, .btn:hover, button:hover, input:focus, textarea:focus, .box .selector:hover, .box .uploader:hover, body #main .btn.small:hover, .template-download:hover, .template-upload:hover, .dialog_text:focus, body input[type=submit]:hover, body input[type=reset]:hover, body input[type=button]:hover, .square:hover, .user .r a:hover {box-shadow: 0 0 5px #b8b8b8;outline: 0;}

/* ========= Global font-size ========= */
/* Font-size 1.2rem */
ul.lang li a {font-size: 12px; font-size: 1.2rem;}

/* Font-size 1.4rem */
.tabs ul li a, .acc_heading, .coll_heading {font-size: 14px; font-size: 1.4rem;}

/* Font-size 1.6rem */
header input {font-size: 16px; font-size: 1.6rem;}

/* ========= Global colors ========= */
/* White text/links on dark background */
header a, footer a, header, footer, #main .gallery .controls a {color: white;}

/* Pale white */
.smallest {color: #808080;}

/* General widths */
body #main .narrow, body .box .row.line.narrow label {width: 30%;}
body .box .row.line.narrow .r {width: 70%;}
body #main .wide, body .box .row.line.wide label {width: 50%;}
body .box .row.line.wide .r {width: 50%;}
body #main .ultrawide, body .box .row.line.ultrawide label {width: 70%;}
body .box .row.line.ultrawide .r {width: 30%;}

/* General heights */
body #main .short {height: 70px;}
body #main .long {height: 150px;}
body #main .ultralong {height: 250px;}

/* Positions */
.relative {position: relative;}
.absolute {position: absolute;}

/* Opacity */
.gallery .controls a {opacity: 0.6;}
nav.mainnav ul li a img, ul.sf_menu li a img, a.prev, a.next, .btn, button, body input[type=submit], body input[type=reset], body input[type=button],.gallery .thumb {opacity: 0.9;}
nav.mainnav ul li a:hover img, ul.sf_menu li a:hover img, .gallery .controls a:hover, a.prev:hover, a.next:hover, .btn:hover, button:hover, .gallery .thumb:hover, body input[type=submit]:hover, body input[type=reset]:hover, body input[type=button]:hover {opacity: 1;}

/* No border */
ul.lang li.last, ul.lang ul li, header .usermenu ul li ul li {border: none;}

/* Display none */
.gallery .thumb.medium .controls a span {display: none;}

/* No background */
.ui-spinner-list, .ui-spinner-listitem {background: none!important;}

/* Text/links on light background */
#main a, ul.sf_menu ul li a {color: #5c5c5c;} 
#main p a, a.black {color: black;} #main p a:hover, a.black:hover, a.red:hover {text-decoration: underline;}
#main a.red, .red {color: red;} #main a.green, .green {color: green;} #main a.blue, .blue {color: blue;} #main a.orange, .orange {color: orange;} #main a.yellow, .yellow {color: #f3c800;} 
#main a:hover, ul.sf_menu ul li a:hover {color: black;}

/* General others */
body #main .box .inline {display: inline;}
body #main .box .str {font-weight: bold;}

/* Buttons with icons */
a.btn_icon {display: inline-block; border: 1px solid #c7c7c7;cursor: pointer;background: -moz-linear-gradient(#ffffff, #f6f6f6); background: -webkit-gradient(linear,left top, left bottom, from(#ffffff), to(#f6f6f6));}
a.btn_icon img {padding: 5px 7px;}
a.btn_icon:hover {background: #f5f5f5;}
a.btn_icon:active, body #main .btn.small:active, .square:active {box-shadow: 0 0 5px #b8b8b8 inset;}

a.btn_icon.textright img {padding: 7px 9px;float: left;}
a.btn_icon span {font-size: 14px; font-size: 1.4rem;}
a.btn_icon span.l {padding: 10px 10px;float: left;border-left: 1px solid #d8d8d8;}
a.btn_icon span.title {display: block; font-weight: bold; line-height: 0.8;font-size: 14px; font-size: 1.4rem;}
a.btn_icon span.subtitle{margin-top:4px;display:block;}

a.btn_icon.square {text-align: center; padding: 5px 15px 10px 15px;font-weight: bold;}
a.btn_icon.square img {margin: 0 auto;}
a.btn_icon.square span {display: block;font-size: 14px; font-size: 1.4rem;} 

/* Other buttons */
body #main .btn, body .btn, div.uploader span.action, button, body input[type=submit], body input[type=reset], body input[type=button] {padding: 7px 13px; background: none; border: 1px solid #434343;  font-size: 16px; font-size: 1.6rem; line-height: 1.1;font-family: Verdana;cursor: pointer;outline: 0;} 
body #main button.btn, body #main button {*line-height: 1;*padding: 5px 7px 6px 7px;}
body #main .btn.middle, body .btn.middle, body button.middle, body input[type=submit].middle, body input[type=reset].middle, body input[type=button].middle {font-size: 14px; font-size: 1.4rem; padding: 5px 10px;}
body #main .btn.small, body .btn.small, body button.small, body input[type=submit].small, body input[type=reset].small, body input[type=button].small {float: left; padding: 4px 5px;border: 1px solid #c7c7c7; font-size: 12px; font-size: 1.2rem; font-weight: bold; cursor: pointer;background: none;text-shadow: none; font-family: Helvetica, Arial, sans-serif;color: #525252;}
body #main .btn.green, body .btn.green, div.uploader span.action {background-color: #518500;color: white; border-color: #284200;text-shadow: 0 0 2px black;}
body #main .btn.grey, body .btn.grey {background-color: #757575;color: white; border-color: #434343;text-shadow: 0 0 2px black;}
body #main .btn.red, body .btn.red{background-color: #cc3300;color: white;border-color: #8a2200;text-shadow: 0 0 2px black;}
body #main .btn.blue, body .btn.blue {background-color: #0066cc;color: white;border-color: #003a73;text-shadow: 0 0 2px black;}
body #main .btn.yellow, body .btn.yellow{background-color: #ffcc00; border-color: #cc9900; color: #695106;text-shadow: 0 0 2px white;  }
body #main .btn.orange, body .btn.orange{background-color: #ff9900; border-color: #cc6600;color: white;text-shadow: 0 0 2px black;}



body #main .btn.clear, body .btn.clear {padding: 0; margin:0; background: none;border: 0; font-family: Helvetica, Arial;text-shadow: none; font-size: 14px; font-size: 1.4rem; color: #535353;}
body #main .box input.clearest {background: none; border: none;width: auto;}

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

/* Header */
header {height: 179px;}
section.container_12 {margin: 0 auto;}

header a.logo {display: block;}
header .r {width: 30%;}

/* Header main navigation */
nav.mainnav {float: left;width: 77%; height: 35px;}
nav.mainnav ul li {float: left;margin-right: 3%;}
nav.mainnav ul li a {display: block;}
nav.mainnav ul li ul li{margin-right:0px !important;}
nav.mainnav ul li a img {vertical-align: middle; margin-right: 5px;}

/* Language dropdown */
ul.lang {float: right;}
ul.lang li {border-right: 1px solid #484848;padding: 0 15px;}
/* Suckerfish styles */
ul.sf_menu {margin: 0; padding: 0;}
ul.sf_menu li {float: right;position: relative; padding-right: 20px;z-index: 1000;}
ul.sf_menu li ul {display: none;position: absolute; z-index: 9999!important; width: 150px;  left: 0!important;top: 30px;margin: 5px 0 0 0; padding: 1.3em 0 0.2em 0 ;  background: url(../img/dropdown.png) no-repeat top left;box-shadow: 0 7px 6px #808080;}
ul.sf_menu li ul li ul {position: absolute; left: 150px!important;top: -5px;background: white;padding-top: 0.4em;margin-top: 0;}
ul.sf_menu.lang ul {top: 15px;width: auto;box-shadow: none;}
ul.sf_menu ul li a {border-bottom: 1px solid #ddd; padding: 8px 15px;}

ul.sf_menu ul li  {float: none; padding: 0;display: block;} ul.sf_menu ul li a {display: block;}
ul.sf_menu li a img {vertical-align: middle;}
ul.sf_menu ul li.last a{border:0;}
ul.sf_menu ul li.last ul li a{border-bottom: 1px solid #ddd;}
ul.sf_menu ul li.last ul li.last a{border:0;}

.sf-sub-indicator {display: block; position: absolute; right: 0; top:5px; width: 12px; margin: 0; height: 8px; background: url(../img/hdr_dropdown.png) no-repeat 0 0; text-indent: -999em;padding-right:4px;} /* This one styles the Suckerfish dropdown indicator */
.usermenu .sf-sub-indicator, nav.mainnav .sf-sub-indicator {top: 14px;} /* The larger text of the usermenu requires additional tweaking ot the top position */
ul.sf_menu ul li .sf-sub-indicator {background-image: url(../img/hdr_dropright.png); height: 12px; top: 10px;}
ul.lang li .sf-sub-indicator {right: 6px;padding-right:0px;}

/* Search input in header */
header .search {float: right; height: 35px; width: 98%; padding: 3px 2% 3px 1%; margin-bottom: 15px; box-shadow: 0 0 5px #141414 inset;}
header input {width: 70%; height: 25px; padding: 5px 10px 5px 15px;float: left; background: none; border: 0; font-family: Helvetica; color: #a2a2a2; font-style: italic;}
header input:focus {color: white;outline: 0;}
header button {background: url(../img/icons/search.png) no-repeat 0 0; border: 0; box-shadow: none; float: right; width: 34px; height: 33px;opacity: 0.5;} body header button:hover {box-shadow: none;}
header button:hover {opacity: 1;}

/* Usermenu */
header .usermenu {width: 23%;}
header .usermenu ul li {border-left: 1px solid #363636; padding: 0 20px 0 1%;}
header .usermenu ul li.last {padding-right: 0;margin-left: 5%;}
header .usermenu ul li ul li.last {margin:0px;}
header .usermenu .messages sup {left: -15px;font-size: 10px; font-size: 1rem; background: #cc0000; border-radius: 2px; padding: 0 4px}

/* Content area */
/* #main .box {display: inline;float: left; margin: 10px 1%;} */
#main .box {display: inline;float: left;}

.box .boxheading {display: block; padding: 15px; font-size: 18px; font-size: 1.8rem; border-radius: 4px 4px 0 0; position: relative;min-width: 0;z-index: 1;}
.box .boxheading h3 {color: white;font-size: 1em; margin: 0; width: 70%;float: left;font-weight: normal;position: relative;}
.box .boxheading h3 img {margin-right: 1%;vertical-align: middle;}
.box section {background: white;border: 1px solid #d7dbe0; padding: 15px; color: #656565; border-radius: 0 0 4px 4px;}
.box .boxheading a.move {background: url(../img/main_grip.png) no-repeat 0 0; width: 22px; min-width: 22px; height: 19px; position: absolute; right: 2%; top: 35%; display: block; cursor: move;float: right; }
.box.onethird .boxheading h3 img {margin-right: 4%;}
.box.twothirds .boxheading h3 img {margin-right: 2%;}
.box.onethird .boxheading a.move {right: 5%;}
.box.twothirds .boxheading a.move {right: 2.5%;}

.box-placeholder {background: #c1c1c1; box-shadow: 0 0 5px grey inset; opacity: 0.5; float: left;}

img.l {margin: 0 3% 10px 0;} img.r {margin: 0 0 10px 3%;}
img.border {padding: 1%; border: 1px solid lightgrey;}
.window {width: 100%;}

.box ol li {margin-bottom: 10px; margin-left: 20px;}

/* General content elements */
.box ul li, body .ui-accordion-content ul li, body .ui-tabs-content ul li, body #main .forceul li, .tabs .tab ul li, .tabsjqui ul li, .accjqui ul li, .coll ul li, .acc ul li  {padding-left: 20px; background: url(../img/main_bullet.png) no-repeat 0 4px;line-height: 1.3;margin-bottom: 5px;}
body .ui-accordion-content ul li, body .ui-tabs-content ul li {line-height: 1.3;}

.tabs .tab ul li, .tabsjqui ul li, .accjqui ul li, .coll ul li, .acc ul li {float: none;}

/* Form elements */
.box .row {padding: 10px 0; border-bottom: 1px solid #ddd;}
.box .row label {display: block; width: 100%;padding-bottom: 10px;line-height: 1.4;}
.box .row.line, body #main .box .row.line.narrow, body #main .box .row.line.wide, body #main .box .row.line.ultrawide {width: 100%;}
.box .row.line label {float: left; padding: 10px 0;}
.box .row.line .r {float: left;}
.box input, .box textarea, .box .selector, .dialog_text {width: 94%; padding: 5px; color: #7f7f7f;line-height: 1.1;}

.box input, .box textarea, .box .selector, .ui-spinner, .dialog_text, .square, .user a.userimg, .box.menu ul li a {background: #f2f2f2; background: -moz-linear-gradient(#f9f9f9, #f2f2f2); background: -webkit-gradient(linear,left top, left bottom, from(#f9f9f9), to(#f2f2f2)); border: 1px solid #a2a2a2; outline: 0;}
.dialog_text {width: 400px; padding: 10px 2%;}
body input.colors {max-width: 100px;}

.box input.btn {color: white;width: auto; padding: 8px 14px;}
.box input:focus, .box textarea:focus {background: #f7f7f7;}
.box input.readonly {color: #c9c9c9;} .disabled {color: #9c9c9c;}
.box .selector {padding: 0;width: 100%;cursor: pointer;} .box .selector span {padding: 10px;}
.box .selector:hover, .box .uploader:hover span.filename {background-color: #f6f6f6;}
.box .uploader span.filename {background: #f2f2f2;border: 1px solid #7f7f7f; border-radius: 4px 0 0 4px; padding: 10px 3%;line-height: 1.1;}
.box .uploader span.action {padding: 10px 0; height: 15px; border-radius: 0 4px 4px 0;font-weight: normal;display: block;float: left;}
.box select.multiple {width: 100%;background: #f2f2f2;border: 1px solid #7f7f7f; padding: 2% 0;}
.box select.multiple optgroup {text-indent: 2%;}
.box select.multiple option {padding: 2% 4%;}
.box select.multiple option:hover{background: #ddd;}

.datafields ul li {float: left;padding: 0;margin-bottom: 10px;}
.datafields ul li {width: 122px;} 
.datafields ul li input {float: left;width: 80px;margin-bottom: 5px;}
.datafields ul li span {float: left;width: 20px;text-align: center;margin-top: 8px;}

.ui-spinner input {border: 0; background: none; padding: 10px; }
.ui-spinner{display:block; position:relative; overflow:hidden; max-width: 190px; border-radius: 4px;}
.ui-spinner-disabled{background:#F4F4F4; color:#CCC}
.ui-spinner-box{width:90%!important; height:100%; float:left; border:none; background:none; padding:0}
body #main .ui-spinner-up, body #main .ui-spinner-down{width:14%; height:50%; font-size:0.6em; padding:0; margin:0; z-index:100; text-align:center; vertical-align:middle; position:absolute; right:0; cursor:default; border-width: 0 0 0 1px; border-style:solid ;border-color: #999;border-radius: 0 4px 0 0;background: #f3f3f3;text-shadow: none; box-shadow: none; color: #404040;}
body #main .ui-spinner-up:hover, body #main .ui-spinner-down:hover {background: white;cursor: pointer;}
body #main .ui-spinner-up:active {box-shadow: 1px -1px 5px #a9a9a9 inset;}
body #main .ui-spinner-down:active {box-shadow: 1px 1px 5px #a9a9a9 inset;}
body #main .ui-spinner-down{bottom:0; border-top: 1px solid #999;border-radius: 0 0 4px 0;}
body #main .ui-spinner-pressed{background:#FEFEFE}
body #main .ui-spinner-list, .ui-spinner-listitem, .ui-spinner .ui-spinner-dyn a{margin:0; padding:0;line-height: 1;}
body #main .ui-spinner ul li, .ui-spinner .ui-spinner-data, .ui-spinner .ui-spinner-dyn, .ui-spinner .ui-spinner-dyn a  {line-height: 38px;padding-left: 12px;margin-bottom: 0;}
.ui-spinner .ui-spinner-dyn a {display: block;padding-left: 0;}
body #main .ui-spinner-box a {font-weight: bold;}

.fade{-webkit-transition:opacity 0.15s linear;-moz-transition:opacity 0.15s linear;-ms-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear;opacity:0;}.fade.in{opacity:1;}

#eq span {height:120px; float:left; margin:15px 2%;}

/* Side menu */
.box.menu {font-family: Helvetica, Arial;}
.box.menu section {border-radius: 4px 4px 0 0; border-width: 1px 1px 0 1px;border-color: #a9a9a9;}
.box.menu ul {padding: 0; margin: 0;}
.box.menu ul li {background: none; padding: 0;margin: 0;position: relative;} .box.menu.br4 ul li.first a {border-radius: 4px 4px 0 0;} .box.menu ul li.last a {border-radius: 0 0 4px 4px;border-width: 1px;}
.box.menu ul li.first ul li a, .box.menu ul li.last ul li a {border-radius: 0;}
.box.menu ul li.opened.first > a {border-radius: 4px 4px 0 0;}
.box.menu ul li.opened.last > a {border-radius: 0;}
.box.menu ul li.last ul li a {border-width: 0 1px 1px 1px;}
.box.menu ul li a {display: block; padding: 15px 5%; border-width: 1px 1px 0 1px;}
.box.menu ul li span {display: block; position: absolute; width: 14px; height: 16px; right: 8%; top: 16px; background:  url(../img/icons/menuicons.png) no-repeat center 3px; display: block;cursor: pointer;padding: 3px 4px;}
.box.menu ul li span.opened {background-position: center -84px;}
.box.menu ul li ul li span {top: 8px;}
body #main .box.menu ul li.act a {color: white;}

.box.menu ul li ul {font-size: 0.9em;display: none;}
.box.menu ul li ul li a, body #main .box.menu ul li.act ul li a {padding: 10px 7%; background: white;border-color: #a9a9a9;color: #424242;border-width: 1px 1px 0 1px;}
body #main .box.menu ul li ul li:nth-child(even) a {background: #fbfbfb;}
body #main .box.menu ul li ul li.act a {background: #e5e5e5; color: #424242; border-color: #a9a9a9; border-width: 1px 1px 0 1px;}
.box.menu ul li img {vertical-align: middle;margin-right: 2%;} 

.box.menu ul li a:hover, .box.menu ul li ul li a:hover, body #main .box.menu ul li ul li a:hover, body #main .box.menu ul li.act ul li a:hover {background: #eee;}

/* Clear UL styling */
.tabs ul li, .datafields ul li, .ui-widget ul li {background: none; padding: 0;margin: 0;}
.datafields ul, .tabs ul {padding: 0;margin: 0;}

/* Gallery */
.gallery .thumb {border: 1px solid #d4d4d4; float: left;} .gallery .thumb:hover {border-color: #ccc;}
.gallery .thumb .inner {position: relative;}
.gallery .thumb a {display: block; margin: 0; padding: 0;font-size: 0;}

.gallery .controls {width: 100%; position: absolute;background: url(../img/main_controls.png) repeat-x top center; display: none;overflow: hidden;}
.gallery .thumb:hover .controls {display: block;}
.gallery .controls a {font-size: 14px; font-size: 1.4rem; display: block; width: 50%; height: 20px; padding: 4% 0;text-align: center; float: left;text-shadow: 1px 1px 1px #3f3f3f; text-transform: uppercase; font-weight: bold;}
body #main .gallery .controls a img {width: auto;vertical-align: middle; margin-right: 5%;}
.controls a.edit {}
.gallery .thumb .controls {bottom: 0;}

/* Square boxes */
body #main .square {display: inline-block; padding: 15px 3%; width: 15%; max-width: 100px; min-width: 95px; color: #212121;text-align: center;}
.square .title, .square .subtitle  {font-family: Verdana, serif; font-weight: bold; font-size: 24px; font-size: 2.4rem; text-align: center; display: block;line-height: 1.2; margin: 3px 0;}
.square .title img {margin: 0 5px 5px 0;}
.square .regular {font-size: 12px; font-size: 1.2rem; text-transform: uppercase; display: block; margin: 3px 0;}
.square .subtitle {color: #999; font-size: 18px; font-size: 1.8rem; margin: 3px 0;}
.square .subtitle.green {color: #39a546;} .square .subtitle.red {color: #fb3333;}

body #main .circle {border-radius: 300px; padding: 30px 15px; width: 105px;}

/* Regular table */
table {width: 100%;}
table caption {height: 25px; font-size: 18px;font-size: 1.8rem; font-family: Verdana, serif;font-weight: bold; margin: 10px 0;}
table td {padding: 10px 1%; vertical-align: middle; border-right: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;}
table th {font-weight: bold; background-color: #efefef; padding: 10px 1%; vertical-align: middle; border-right: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;}
table th {font-family: Verdana, serif;font-weight: bold;}
table tbody tr:hover td {background: #fff6c6;}


#tabled tr {border: 0;}
#tabled td, #tabled th, .fc-header-left, .fc-header-center {border: 0;}

/* Paging */
.paging {margin: 10px 0;}
.paging .l {width: 75%;} .paging .r {width: 24%;margin-right: 1%;}
.paging .l a {margin: 0 3px;}
.paging .l a.active {background: #9d9d9d; padding: 3px; border-radius: 2px; color: white!important;}
a.prev {display: block; float: right; width: 11px; height: 19px; background: url(../img/icons/prev.png) no-repeat 0 0;}
a.next {display: block; float: right; width: 11px; height: 19px; background: url(../img/icons/next.png) no-repeat 0 0;}


/* User account and menu */
.user {font-family: Helvetica, Arial;}
.user .l p {margin: 3px 0;} .user .l p img {vertical-align: text-top;margin-right: 3px;}
.user .l a.userimg {border: 1px solid #aaa; display: block; padding: 10px; border-radius: 4px;margin-right: 15px;}

/* Error pages */
.errorbox {width: 305px; margin: 10px auto 70px auto;}
.errorbox h1 {border-width: 1px 0; border-style: solid; border-color: #919497; font-size: 143px; font-size: 14.3rem; position: relative; color: #bc2020; padding: 30px 0 10px; margin: 10px 0;line-height:1;text-align: center;}
.errorbox h1 sup {font-size: 34px; font-size: 3.4rem; position: absolute; top: 31px; left: 13px; display: block;font-weight: bold;}
.errorbox h3, .errorbox h4 {font-family: Helvetica, Arial, sans-serif; text-align: center;line-height: 1;}
.errorbox h3, .errorbox h4 {color: #919497; font-size: 18px; font-size: 1.8rem;}
.errorbox h4 {color: #363636; line-height: 1.3;}
.errorbox a.btn {margin-left: 80px;}

/* Footer */
footer {min-height: 168px;}
footer .lower {padding-bottom: 15px; border-bottom: 1px solid #393939;}

/* jQueryUI additionals */
.tabs ul {margin: 0 0 10px 0;padding: 0;}
.tabs ul li {float: left;}
.tabs ul li a, .acc_heading, .coll_heading  {font-family: Arial, sans-serif; font-weight: bold; display: block; padding: 0.5em 1em; margin-right: 5px; outline: 0; cursor: pointer;} .tabs ul li a:hover, .acc_heading:hover, .coll_heading:hover {background-color: #f1f1f1;}
.tabs ul li.active a, .acc .active, .coll .collapse-open {background-color: #eaeaea; box-shadow: 0 0 10px #bfbfbf inset;}


/* Notification boxes */
.notification {padding: 10px 20% 10px 3%; text-align: left;background: #dcdcdc; border: 1px solid #8c8c8c;color: #212121;position: relative;} .notification p {margin: 0;}
a.close {display: block; position: absolute; right: 15px; top: 25%; background: url(../img/icons/close.png) no-repeat 3px 3px; width: 22px; height: 21px;cursor: pointer;border-radius: 3px;}
a.close:hover {background-color: rgba(0,0,0,0.15);}
.notification img {vertical-align: middle;margin-right: 10px;}
.notification.yellow {background: #ecd78e;}
.notification.blue {background: #85b9e1;}
.notification.red {background: #eca18f;}
.notification.green {background: #9dd396;}

/* Charts basic */
.flot_chart table {width: auto;}

/* Backgrounded UI elements on non-hover state */
.acc_heading, .coll_heading {background: #f6f6f6;}

/* Negative top indent */
.tabs.upper {margin-top: -16px;} .tabs.upper ul li a {border-radius: 0 0 4px 4px;}

/* Margin-bottomed UI elements */
.acc_heading, .coll_heading {margin-bottom: 3px;}

/* Collapsible and accordion styles */
.acc, .coll {margin-bottom: 1em;}
.acc_heading, .coll_heading {border-bottom: 1px solid #ddd;}
.acc_content, .coll_content {padding: 10px 0; display: none;}
.coll_heading {background-image: url(../img/main_collapsible.png); background-repeat: no-repeat; background-position: 96% -25%;}
.coll_heading.open {background-position: 96% 130%;} 

/* Login page styles */
body.login {background-color: #ECF3F9;text-align: center;}
body.login a {color: white;} body.login a:hover {color: grey;}
body.login .header {width: 100%; height: 88px; padding: 30px 0 0;}
body.login .header a.logo {display: block; width: 210px; height: 61px;margin: 0 auto;}
body.login .loginform {padding-top: 25px;}
body.login .loginform ul.lang {width: 140px; margin: 0 auto;float: none;}
.loginform .form_container {width: 290px; margin: 0 auto;}
.loginform input {background: #6c6c6c;border-radius: 4px; padding: 15px; margin-top: 10px; width: 260px; height: 15px; border: none; display: block;font-size: 16px; font-family: Verdana, serif; font-style: italic;color: black;}
.loginform input:focus {background: #bbb;}
.loginform input.loginbtn {background: white; background-image: linear-gradient(bottom, rgb(214,214,214) 45%, rgb(194,194,194) 73%);
                           background-image: -o-linear-gradient(bottom, rgb(214,214,214) 45%, rgb(194,194,194) 73%);
                           background-image: -moz-linear-gradient(bottom, rgb(214,214,214) 45%, rgb(194,194,194) 73%);
                           background-image: -webkit-linear-gradient(bottom, rgb(214,214,214) 45%, rgb(194,194,194) 73%);
                           background-image: -ms-linear-gradient(bottom, rgb(214,214,214) 45%, rgb(194,194,194) 73%);
                           width: 150px; height: 45px; padding: 14px; margin: 0 auto; margin-top: 40px;display: block;font-family: Helvetica, Arial; font-style: normal; font-weight: bold; color: #464545;
}
.loginform input.loginbtn:hover {background: #ebebeb;}
.loginform .form_container a {font-size: 1.2rem; font-size: 12px; display: block; margin-top: 10px;}

/* Clearix final after elements */
.tabs ul:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*
        960 Grid System ~ Core CSS.
        Learn more ~ http://960.gs/

        Licensed under GPL and MIT.
*/

/* =Containers
--------------------------------------------------------------------------------*/

.container_12,
.container_16
{
    width: 92%;
    margin-left: 4%;
    margin-right: 4%;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
    display: inline;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}

.container_12 .grid_3,
.container_16 .grid_4
{
    width: 23%;
}

.container_12 .grid_6,
.container_16 .grid_8
{
    width: 48%;
}

.container_12 .grid_9,
.container_16 .grid_12
{
    width: 73%;
}

.container_12 .grid_12,
.container_16 .grid_16
{
    width: 98%;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
    margin-left: 0;
}

.omega
{
    margin-right: 0;
}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1
{
    width: 6.333%;
}

.container_12 .grid_2
{
    width: 14.666%;
}

.container_12 .grid_4
{
    width: 31.333%;
}

.container_12 .grid_5
{
    width: 39.666%;
}

.container_12 .grid_7
{
    width: 56.333%;
}

.container_12 .grid_8
{
    width: 64.666%;
}

.container_12 .grid_10
{
    width: 81.333%;
}

.container_12 .grid_11
{
    width: 89.666%;
}

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .grid_1
{
    width: 4.25%;
}

.container_16 .grid_2
{
    width: 10.5%;
}

.container_16 .grid_3
{
    width: 16.75%;
}

.container_16 .grid_5
{
    width: 29.25%;
}

.container_16 .grid_6
{
    width: 35.5%;
}

.container_16 .grid_7
{
    width: 41.75%;
}

.container_16 .grid_9
{
    width: 54.25%;
}

.container_16 .grid_10
{
    width: 60.5%;
}

.container_16 .grid_11
{
    width: 66.75%;
}

.container_16 .grid_13
{
    width: 79.25%;
}

.container_16 .grid_14
{
    width: 85.5%;
}

.container_16 .grid_15
{
    width: 91.75%;
}

/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4
{
    padding-left: 25%;
}

.container_12 .prefix_6,
.container_16 .prefix_8
{
    padding-left: 50%;
}

.container_12 .prefix_9,
.container_16 .prefix_12
{
    padding-left: 75%;
}

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .prefix_1
{
    padding-left: 8.333%;
}

.container_12 .prefix_2
{
    padding-left: 16.666%;
}

.container_12 .prefix_4
{
    padding-left: 33.333%;
}

.container_12 .prefix_5
{
    padding-left: 41.666%;
}

.container_12 .prefix_7
{
    padding-left: 58.333%;
}

.container_12 .prefix_8
{
    padding-left: 66.666%;
}

.container_12 .prefix_10
{
    padding-left: 83.333%;
}

.container_12 .prefix_11
{
    padding-left: 91.666%;
}

/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .prefix_1
{
    padding-left: 6.25%;
}

.container_16 .prefix_2
{
    padding-left: 12.5%;
}

.container_16 .prefix_3
{
    padding-left: 18.75%;
}

.container_16 .prefix_5
{
    padding-left: 31.25%;
}

.container_16 .prefix_6
{
    padding-left: 37.5%;
}

.container_16 .prefix_7
{
    padding-left: 43.75%;
}

.container_16 .prefix_9
{
    padding-left: 56.25%;
}

.container_16 .prefix_10
{
    padding-left: 62.5%;
}

.container_16 .prefix_11
{
    padding-left: 68.75%;
}

.container_16 .prefix_13
{
    padding-left: 81.25%;
}

.container_16 .prefix_14
{
    padding-left: 87.5%;
}

.container_16 .prefix_15
{
    padding-left: 93.75%;
}

/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4
{
    padding-right: 25%;
}

.container_12 .suffix_6,
.container_16 .suffix_8
{
    padding-right: 50%;
}

.container_12 .suffix_9,
.container_16 .suffix_12
{
    padding-right: 75%;
}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .suffix_1
{
    padding-right: 8.333%;
}

.container_12 .suffix_2
{
    padding-right: 16.666%;
}

.container_12 .suffix_4
{
    padding-right: 33.333%;
}

.container_12 .suffix_5
{
    padding-right: 41.666%;
}

.container_12 .suffix_7
{
    padding-right: 58.333%;
}

.container_12 .suffix_8
{
    padding-right: 66.666%;
}

.container_12 .suffix_10
{
    padding-right: 83.333%;
}

.container_12 .suffix_11
{
    padding-right: 91.666%;
}

/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .suffix_1
{
    padding-right: 6.25%;
}

.container_16 .suffix_2
{
    padding-right: 16.5%;
}

.container_16 .suffix_3
{
    padding-right: 18.75%;
}

.container_16 .suffix_5
{
    padding-right: 31.25%;
}

.container_16 .suffix_6
{
    padding-right: 37.5%;
}

.container_16 .suffix_7
{
    padding-right: 43.75%;
}

.container_16 .suffix_9
{
    padding-right: 56.25%;
}

.container_16 .suffix_10
{
    padding-right: 62.5%;
}

.container_16 .suffix_11
{
    padding-right: 68.75%;
}

.container_16 .suffix_13
{
    padding-right: 81.25%;
}

.container_16 .suffix_14
{
    padding-right: 87.5%;
}

.container_16 .suffix_15
{
    padding-right: 93.75%;
}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

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

.clearfix
{
    display: inline-block;
}

* html .clearfix
{
    height: 1%;
}

.clearfix
{
    display: block;
}

/* Theme specific */

#main {margin: 0 auto;}

/* Fixed */
#main {width: 960px;} section.container_12 {width: 940px;}
body #main .breadCrumb {margin: auto 1%;}

/* Header */
header a.logo {max-width: 600px;float: left;}

/* Search input */
header .search { max-width: 300px; min-width: 220px;}

/* One third becomes one fourth, two thirds - two fourths, there is no 3/4 widget for compatibility */

/* Content area */
#main .onethird {width: 31.333%;}
#main .twothirds {width: 64.666%;}
#main .threethirds {width: 98%;}

/* Gallery */
.gallery .thumb.large { width: 21%;padding: 0.7%;margin: 0 1.1% 15px 1.1%;}
.gallery .thumb.medium { width: 14%;padding: 0.5%;margin: 0 0.7% 15px 0.7%;}
.gallery .thumb.small { width: 9.2%;padding: 0.3%;margin: 0 0.5% 15px 0.5%;}


/* Color Config */
/* General body styles */
body {background: #ecf3f9;}

/* Header backgrounds */
header {background: url(../img/headerbgr_V.png) no-repeat center 0;}
header.mobile {background: #285188;}


/* Search input */
header .search {background: #285188; background: rgba(0,0,0, 0.2);}

/* Content colors */
.box .boxheading, .slider-content li.selected .title, .box.menu ul li.act a  {background: #285188; background-image: url(../img/gradient2.png); background-repeat: repeat-x; background-position: 50% 50%;border: 1px solid #212121;color: white;}
.box .boxheading a, body #main .slider-content li.selected a.title{color: white;}

/* Footer */
footer {background: url(../img/footerbgr.png) no-repeat center 0;}
/* Color Config End */