@font-face {
    font-family: 'thesansomniregular';
    src: url('fonts/thesansregularomni-webfont.eot');
    src: url('fonts/thesansregularomni-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/thesansregularomni-webfont.woff') format('woff'),
         url('fonts/thesansregularomni-webfont.ttf') format('truetype'),
         url('fonts/thesansregularomni-webfont.svg#thesansomniregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'thesansomniregular';
        src: url('fonts/thesansregularomni-webfont.svg') format('svg');
    }
}

/* reset */

html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1.35;background:white;}
table {border-collapse:collapse;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus,:active {outline:0;}
html {font-size:100.01%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body {font-size:75%;background:#f2f2f2;color:#333333;font-family:Arial, Helvetica, sans-serif;}
h1 {font-weight:normal;color:#1a1a1a;}
h2, h3, h4, h5, h6 {font-weight:normal;color:#333333;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
p {margin:0 0 1.5em;}
a:focus, a:hover {color:#1a1a1a;}
a {color:#1a1a1a;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:normal;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre-wrap;word-wrap:break-word;font-weight: bold !important;}
pre div {font-weight: normal; margin-left: 50px !important;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
th, td, caption {padding: 6px 10px;}
tfoot {font-style:italic;}
caption {background:#eee;}

audio, canvas, video {display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]) {display:none;height:0;}
[hidden] {display:none;}
img {vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
svg:not(:root) {overflow:hidden;}
button, input, select, textarea {font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
button, input {line-height:normal;}
button, select {text-transform:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button;cursor:pointer;*overflow:visible;}
button[disabled], html input[disabled] {cursor:default;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box;*height:12px;*width:13px;}
textarea {overflow:auto;vertical-align:top;resize:vertical;}
input::-ms-clear {display: none;}

.clearfix:before, .clearfix:after, .container:before, .container:after, .row:before, .row:after {content:" ";display: table;}
.clearfix:after, .container:after, .row:after {clear:both;}
.clearfix, .container, .row {*zoom:1;}
.clear {clear:both;}
.hidden {display:none !important;visibility:hidden;}
.left {float:left;}
.right {float:right;}
.t-left {text-align:left;}
.t-right {text-align:right;}
.t-center {text-align:center;}
.v-top, .v-top th, .v-top td {vertical-align:top;}
.v-bottom, .v-bottom th, .v-bottom td {vertical-align:bottom;}
.v-middle, .v-middle th, .v-middle td {vertical-align:middle;}
.bottom {margin-bottom:0 !important; padding-top:4px;}
.bottom-back {margin-bottom:20px !important;}
.first {margin-left:0 !important;}
.last {margin-right:0 !important; margin:0 !important;}
.push-bottom{margin-bottom:25px;}
.push-top{margin-top:25px;}
.push-left{margin-left:15px;}
.push-right{margin-right:15px;}
.no-push{margin-right: 0; margin-left: 0;}
.transform-none{text-transform:none;}
.transform-uppercase{text-transform:uppercase;}
.red,.red:hover{color:#c1272d;}
.font-small{font-size:11px;}
.font-normal{font-size:12px;}
label .font-normal{line-height:14px;}

.subcheckbox select {margin-bottom:16px;}

/* layout */

html, body {
    height: 100%;
    overflow:inherit;
}

body, input, textarea, button, select {
    font-family: Arial, Helvetica, sans-serif;
}

.container {
    width: 980px;
    margin: 0 auto;
}

#wrapper {
    height: auto !important;
    min-height: 100%;
}

/* header */

header {
    height: 40px;
    box-shadow: 0 1px 2px 0 #aaa;
    -moz-box-shadow: 0 1px 2px 0 #aaa;
    -webkit-box-shadow: 0 1px 2px 0 #aaa;
    color: #fff;
    text-shadow: 0 -1px 0 #2e2e2e;
    background: url(../img/sprite.navigation.png) repeat-x 0 0;
}

header a {
    color: #e6e6e6;
}
header a:hover,
header a:focus {
    color: #ffffff;
}

#additional {
    display: inline-block;
    float: left;
    margin: 0;
    font-size: 14px;
    border-right: 1px solid #1a1a1a;
}

#additional a {
    float: left;
    display: inline-block;
    height: 30px;
    padding: 10px 14px 0;
    border-left: 1px solid #1a1a1a;
    text-decoration: none;
    cursor: pointer;
    background: url(../img/sprite.navigation.png) repeat-x 0 0;
}

#additional a:hover {
    background-position: 0 -40px;
}

#additional a.active {
    color: #ffffff;
    background-position: 0 -80px;
    box-shadow: 0 0 5px 0 #1a1a1a inset;
    -moz-box-shadow: 0 0 5px 0 #1a1a1a inset;
    -webkit-box-shadow: 0 0 5px 0 #1a1a1a inset;
}

#last-login {
    display: inline-block;
    float: right;
    height: 35px;
    padding: 5px 12px 0;
    border-right: 1px solid #1a1a1a;
    color: #b3b3b3;
    font-size: 11px;
}

#user-wrapper {
    display: inline-block;
    float: right;
    margin: 0 0 0 7px;
    border-left: 1px solid #1a1a1a;
}

#user {
    float: left;
    height: 30px;
    padding: 10px 8px 0 15px;
    border-right: 1px solid #1a1a1a;
}

#languages {
    display: inline-block;
    float: right;
    margin: 5px 0 0;
}

.switch {
    display: inline-block;
    float: right;
    margin: 5px 0 0;
}

.switch a {
    float: left;
    margin-left: -1px;
    border: 1px solid #1e1e1e;
    text-decoration: none;
    box-shadow: 0 0 0 1px #4e4e4e;
    -moz-box-shadow: 0 0 0 1px #4e4e4e;
    -webkit-box-shadow: 0 0 0 1px #4e4e4e;
    background: url(../img/sprite.switch.png) repeat-x top;
    cursor: pointer;
    color: #fff;
}

.switch a:hover {
    background-position: 0 -26px;
}

.switch .active {
    background-position: 0 -52px !important;
    text-shadow: 0 1px 0 #94161b;
}

.switch a:first-child {
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
}

.switch a:last-child {
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
}

.switch span {
    display: inline-block;
    float: left;
    width: 30px;
    height: 21px;
    padding: 5px 0 0;
    text-align: center;
}

.switch .active span {
    box-shadow: 0 0 5px 0 #5b1215 inset;
    -moz-box-shadow: 0 0 5px 0 #5b1215 inset;
    -webkit-box-shadow: 0 0 5px 0 #5b1215 inset;
}

/* navigation */

#navigation-wrapper {
    margin: 0 0 25px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 1px 2px 0 #aaa;
    -moz-box-shadow: 0 1px 2px 0 #aaa;
    -webkit-box-shadow: 0 1px 2px 0 #aaa;
    background: url(../img/sprite.navigation.png) repeat-x 0 0;
}
*+ html #navigation-wrapper {
    position: relative;
    z-index: 100;
}

#navigation {
    float: left;
}

#navigation > ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    border-right: 1px solid #1a1a1a;
    font-size: 14px;
}

#navigation > ul > li {
    float: left;
    display: inline-block;
    margin: 0;
    padding: 0;
    background: url(../img/sprite.navigation.png) repeat-x 0 0;
    cursor: pointer;
}

#navigation > ul > li:hover {
    color: #ffffff;
    background-position: 0 -40px;
}

#navigation > ul > li.active {
    background-position: 0 -80px;
    box-shadow: 0 0 5px 0 #1a1a1a inset;
    -moz-box-shadow: 0 0 5px 0 #1a1a1a inset;
    -webkit-box-shadow: 0 0 5px 0 #1a1a1a inset;
}

#navigation > ul > li:first-child {
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
}

#navigation > ul > li > a {
    float: left;
    height: 30px;
    padding: 10px 14px 0;
    color: #e6e6e6;
    text-shadow: 0 -1px 0 #2f2f2f;
    text-decoration: none;
    border-left: 1px solid #1a1a1a;
    cursor: pointer;
}

#navigation > ul > li > a:hover,
#navigation > ul > li > a:active {
    color: #ffffff;
}

#navigation > ul > li.expand {
    position: relative;
}

#navigation > ul > li.expand > a span {
    display: inline-block;
    padding-right: 17px;
    background: url(../img/bg.navigation_expand.png) no-repeat 100% 5px;
}

#navigation > ul > li:first-child > a {
    border-left: 0;
}

#navigation .ico-home {
    float: left;
    display: inline-block;
    width: 14px;
    height: 11px;
    margin-top: 3px;
    background: url(../img/ico.home.png) no-repeat 0 0;
}

#navigation .dropdown-holder {
    display: none;
    position: absolute;
    top: 39px;
    left: 0;
    padding-top: 5px;
    cursor: default;
}

#navigation > ul > li:hover > .dropdown-holder {
    display: block;
}

#navigation .dropdown {
    float: left;
    position: relative;
    padding: 4px 0;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #fff;
    box-shadow: 0 1px 5px 0 #d1d1d1;
    -moz-box-shadow: 0 1px 5px 0 #d1d1d1;
    -webkit-box-shadow: 0 1px 5px 0 #d1d1d1;
    font-size: 12px;
    z-index: 99;
}

#navigation .dropdown-peak {
    display: none;
    position: absolute;
    top: 34px;
    left: 7px;
    width: 23px;
    height: 11px;
    background: url(../img/bg.navigation_dropdown_peak.png);
    z-index: 100;
}

#navigation > ul > li:hover > .dropdown-peak {
    display: block;
}

#navigation .expand-right .dropdown-holder {
    left: auto;
    right: 0;
}

#navigation .expand-right .dropdown-peak {
    left: auto;
    right: 7px;
}

#navigation .dropdown a {
    text-decoration: none;
}

#navigation .dropdown a:hover,
#navigation .dropdown a:focus {
    text-decoration: underline;
}

#navigation .dropdown ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#navigation .dropdown > ul {
    float: left;
    width: 225px;
    margin: 0 14px;
}

#navigation .dropdown > ul > li {
    border-top: 1px solid #e6e6e6;
}

#navigation .dropdown li:first-child {
    border-top: 0;
}

#navigation .dropdown > ul > li > a {
    display: inline-block;
    padding: 5px 0 7px;
    color: #333;
    font-weight: bold;
}

#navigation .dropdown > ul > li > a span {
    padding-right: 12px;
    background: url(../img/ico.navigation_dropdown_link.gif) no-repeat 100% 4px;
}

#navigation .dropdown li > ul {
    margin: 0 0 0 15px;
    padding: 0 0 5px;
}

#navigation .dropdown li > ul> li > a {
    display: inline-block;
    padding: 3px 0 5px;
    color: #c1272d;
}

/* navigation multiple */

#navigation-wrapper.multiple {
    background-image: url(../img/sprite.navigation_multiple.png);
}

.multiple #navigation > ul > li {
    background-image: url(../img/sprite.navigation_multiple.png);
}

.multiple #navigation > ul > li:hover {
    background-position: 0 -50px;
}

.multiple #navigation > ul > li.active {
    background-position: 0 -100px;
}

.multiple #navigation > ul > li > a {
    height: 41px;
    padding: 9px 10px 0;
    line-height: 16px;
}

.multiple #navigation .ico-home {
    margin-top: 8px;
}

.multiple #navigation > ul > li > a em {
    display: inline-block;
    font-size: 11px;
    font-style: normal;
    color: #b3b3b3;
    line-height: 14px;
}

.multiple #navigation .dropdown-holder {
    top: 49px;
}

.multiple #navigation .dropdown-peak {
    top: 44px;
}

#nav-switch {
    margin: 6px 7px 0 0;
}

#nav-switch span {
    width: 47px;
    height: 21px;
}

/* footer */

footer {
    position: relative;
    width: 100%;
    height: 40px;
    margin-top: -20px;
    border-top: 1px solid #ddd;
    color: #ddd;
}

footer .container {
    padding-top: 12px;
}

footer a {
    margin: 0 10px;
    color: #999;
}

footer a:hover,
footer a:focus {
    color: #808080;
}

/* content */

#main {
    padding: 30px 0 50px;
}

h1 {
    font-size: 24px;
    line-height: 32px;
    font-family: 'thesansomniregular';
}

h2 {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
    line-height: 21px;
}

h3 {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}

.heading {
    height: 32px;
    margin: 0 0 25px;
}

.heading .logo {
    float: left;
    width: 140px;
    height: 64px;
    margin: -18px 0;
    background-image: url(../img/logo.rimi.png);
    background-position: 0 center;
    background-repeat: no-repeat;
}

.heading .logo-supperneto-lv {
    float: left;
    width: 140px;
    height: 64px;
    margin: -16px 0;
    background-image: url(../img/super_netto_logo_lv_small.png);
    background-position: 0 center;
    background-repeat: no-repeat;
}

.heading .logo-supperneto-ee {
    float: left;
    width: 140px;
    height: 64px;
    margin: -16px 0;
    background-image: url(../img/super_netto_logo_ee_small.png);
    background-position: 0 center;
    background-repeat: no-repeat;
}

.heading h1 {
    margin: 0;
}

#search-form {
    position: relative;
    float: left;
}

#search-form .input input {
    width: 560px;
    color: #b3b3b3;
}

#search-form button {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    border: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
    background: none;
    white-space: nowrap;
    cursor: pointer;
    z-index: 4;
}

#search-form button span {
    display: inline-block;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    background: url(../img/ico.search.png) no-repeat center center;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

#content {
    float: left;
    width: 625px;
    margin: 0 25px 0 0;
}

#sidebar {
    float: left;
    width: 330px;
}

.welcome {
    height: 80px;
    margin: 0 0 25px;
    padding: 0 0 0 20px;
    background: url(../img/bg.illustration.jpg) no-repeat 0 0;
    font-size: 23px;
    line-height: 76px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 1px #666;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 1px 2px 0 #ddd;
    -moz-box-shadow: 0 1px 2px 0 #ddd;
    -webkit-box-shadow: 0 1px 2px 0 #ddd;
}

.box {
    margin: 0 0 25px;
    padding: 22px 26px 26px 26px;
    background: #fafafa;
    border: 1px solid #ddd;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 1px 3px 0 #ddd;
    -moz-box-shadow: 0 1px 3px 0 #ddd;
    -webkit-box-shadow: 0 1px 3px 0 #ddd;
}

.box-dark {
    background: #fafafa;
}

table {
    margin-bottom: 0;
    border-collapse: separate;
}

th, td {
    border: 1px solid #e6e6e6;
    border-left: 0;
    border-top: 0;
    background: #fff;
}

tr th:first-child,
tr td:first-child {
    border-left: 1px solid #d8d8d8;
}

tr th:last-child,
tr td:last-child {
    border-right: 1px solid #d8d8d8;
}

thead th,
thead td {
    background: #f2f2f2;
    border: 1px solid #d8d8d8;
    border-left: 0;
    border-top: 0;
}

tbody .even th,
tbody .even td {
    background: #fafafa;
}

tbody .changed th,
tbody .changed td {
    background: #FBD2D3;
}

.row-first th,
.row-first td {
    border-top: 1px solid #d8d8d8;
}

.row-first th:first-child,
.row-first td:first-child {
    border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
}

.row-first th:last-child,
.row-first td:last-child {
    border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
}

.row-last th:first-child,
.row-last td:first-child {
    border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    -webkit-border-radius: 0 0 0 4px;
}

.row-last th:last-child,
.row-last td:last-child {
    border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    -webkit-border-radius: 0 0 4px 0;
}

tbody tr:not(.comments):hover th,
tbody tr:not(.comments):hover td,
tr.highlight th,
tr.highlight td {
    background: #fef8e2;
}

.expandableLabel {
    padding: 0 0 0 12px;
    background: url(../img/ico.arrow-right-grey.png) no-repeat 0 4px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.expanded .expandableLabel {
    background: url(../img/ico.arrow-down-grey.png) no-repeat 0 4px !important;
}

.expandableLabel a {
    text-decoration: none;
    border-bottom: 1px #000 dotted;
}

.submissionItems {
    display: none;
}

.submissionItem {
    border-top: 1px solid #ddd;
    padding: 7px 0 0 0;
    height: 39px;
}

.submissionItem:last-of-type {
    border-bottom: 1px solid #ddd;
    margin-bottom: 32px;
}

.submissionItem label {
    float: left;
    padding: 0;
    text-transform: uppercase;
    color: #808080;
    font-size: 11px;
}

.submissionItem .span-1 {
    float: right !important;
    margin: -16px 0 0 0 !important;
}

*+ html .submissionItem input {
    width: 140px !important;
}

.lastRow { margin-bottom: 25px !important; }

/* sso */

.span-2 .checkboxes { position: relative; }
.applicationVersions {
    display: none;
    margin: 5px 0 0 20px;
}
.applicationVersions label { line-height: 22px; }
.applicationVersions input { margin-top: 5px !important; }

.rolePanel .span-5 { border-bottom: 1px solid #ddd;}
.rolePanel .span-6 { border-bottom: 1px solid #ddd;}
.rolePanel .firstRow { border-top: 1px solid #ddd; }
.rolePanelMain {
    line-height: 52px;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}
.rolePanel .checkbox {
    margin: 0;
}

.rolePanel .role { display: none; }
.rolePanel .checkbox input { margin: 18px 0 0 -20px !important; }
.rolePanel .checkbox span { margin-left: 0px; }
.role .select { margin: 15px 0 0 0px; }

.rolePanel .subLevel {
    display: none;
    margin: -10px 0 20px 0;
}
.rolePanel .subLevel label {
    font-size: 12px;
    font-weight: normal;
    line-height: 24px;
    margin-left: 0px;
}
.rolePanel .subLevel input { margin: 5px 8px 0 0 !important; }
.rolePanel .subLevel .select label { margin-left: 0; }

.rolePanel .subLevel label.shift-right {
    margin-left: 10px;
}


.rolePanel .subLevel .subSubLevel {
    display: none;
    margin: 0 0 10px 20px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 10px 0;
}
.subLevel .lastItem { border: none !important; padding: 0 !important; }
.rolePanel .subLevel .subSubLevel input {  margin: 5px 8px 0 -20px !important; }
.rolePanel .subLevel .subSubLevel label { margin-left: 10px; }
.subSubLevel .subSubSubLevel {
    /*display: none;*/
    margin: 0 0 0 20px;
}
.separate div.row {
    margin: 10px 0 0 20px;
    width: 910px;
}
.separate .input label { margin: 0 0 0 -20px; }
.rolePanel .separate .span-5:first-child {
    border-top: 1px solid #ddd;
    padding-top: 10px;
}
.rolePanel .separate .span-5:last-child { border: none; }
.rolePanel .contentRoles {
    display: none;
    padding: 4px 0 0 9px;
}

.contentRoles .checkbox input { margin: 3px 8px 0 0 !important; }
.contentRoles .checkbox label {
    line-height: 18px;
    font-size: 12px;
    text-transform: none;
    color: #000;
}

.error-message {
    margin-bottom: 1.5em;
    padding: 8px 13px;
    color: #C1272D;
    border: 1px solid #efd0d1;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #f9e9e9;
}

.description {
    color: #808080;
    font-style: italic;
    line-height: 24px;
}

/* IE7 fixes */
*+ html .rolePanel .subLevel input { margin-top: 10px !important; }
*+ html .rolePanel .separate .span-3 input {margin-top: 5px !important; }
*+ html .rolePanel .subLevel .subSubLevel input { margin-top: 10px !important; }
*+ html .contentRoles .checkbox input { margin-top: 3px !important; }
*+ html .contentRoles { margin-bottom: 10px !important; }

/* forms */

input[type="text"],
input[type="password"],
select,
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="text"],
input[type="password"],
select,
textarea {
    width: 222px;
    padding: 7px 10px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #1a1a1a;
    font-size: 14px;
    box-shadow: 0 1px 3px 0 #ddd inset;
    -moz-box-shadow: 0 1px 3px 0 #ddd inset;
    -webkit-box-shadow: 0 1px 3px 0 #ddd inset;
}

.datepicker {
    background: #fff url(../img/ico.datepicker.png) no-repeat right center !important;
}

textarea {
    height: 80px;
}

input::-webkit-input-placeholder {
    color: #b3b3b3;
}

input:-moz-placeholder {
    color: #b3b3b3;
}

input:-ms-input-placeholder {
    color: #b3b3b3;
}

.input {
    margin-bottom: 20px;
}

.checkboxes .input {
    margin: 0;
}

.checkboxes .checkbox {
    padding: 0 0 3px;
}

.checkbox input[type="checkbox"] {
    float: left;
    margin: 1px 0 0 -20px;
    float: none;
}

.checkbox label {
    display: block;
    padding-left: 20px;
}

.align-middle {
    margin-top: 26px;
}

.filters {
    margin: 0;
}

.radio label {
    display: block;
    padding-left: 20px;
}

.radio input[type="radio"] {
    float: left;
    margin: 1px 0 0 -20px;
}

.text label,
.file label,
.password label,
.select label,
.textarea label,
.label {
    display: block;
    padding: 0 0 5px;
    text-transform: uppercase;
    color: #808080;
    font-size: 11px;
}

.file {
    position: relative;
}

.file input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 90px;
    height: 33px;
    opacity: 0;
    filter:alpha(opacity=0);
    -ms-filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
    cursor: pointer;
}

.file.push-right {
    margin-right: 5px;
}

.file-container {
    float: left;
    padding: 3px !important;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 1px 3px 0 #ddd inset;
    -moz-box-shadow: 0 1px 3px 0 #ddd inset;
    -webkit-box-shadow: 0 1px 3px 0 #ddd inset;
    vertical-align: baseline;
    text-transform: none !important;
    cursor: pointer;
}

.file-choose {
    float: left;
    display: inline-block;
    height: 19px;
    margin-right: 8px;
    padding: 3px 8px 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e1e1e1 #d3d3d3 #c5c5c5 #d3d3d3;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 1px 2px 0 #ddd;
    -moz-box-shadow: 0 1px 2px 0 #ddd;
    -webkit-box-shadow: 0 1px 2px 0 #ddd;
    background: url(../img/btn.grey.small.png) repeat-x top;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: #333;
    text-shadow: 0 1px 0 #fff;
    text-decoration: none;
}

.file-choose:hover {
    background-position: 0 -22px;
}

.file-choose:focus {
    border-color: #cbcbcb;
    background-position: 0 -44px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.file-name {
    float: left;
    width: 120px;
    height: 16px;
    padding-top: 4px;
    font-size: 12px;
    line-height: 16px;
    color: #999;
    font-weight: normal;
    font-style: italic;
    overflow: hidden;
}

.push {
    display: block;
    padding: 0 0 5px;
    font-size: 11px;
}

.submit {
    margin: 0 0 25px;
}

.placeholder {
    position: relative;
    z-index: 3;
}

.placeholder label {
    position: absolute;
    top: 8px;
    left: 12px;
    padding: 0;
    font-size: 14px;
    color: #b3b3b3;
    cursor: text;
    z-index: 2;
    text-transform: none;
}

.placeholder input { z-index: 1; }

.input-prepend {
    height: 40px;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.input-prepend .add-on {
    float: left;
    width: 37px;
    height: 100%;
    border-right: 1px solid #ddd;
    background: #fff url(../img/bg.input_prepend.png) repeat-x left bottom;
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    text-align: center;
}

.input-prepend .input {
    float: left;
    margin: 0;
    width: 300px;
    height: 100%;
}

.input-prepend input[type="text"],
.input-prepend input[type="password"],
.input-prepend select,
.input-prepend textarea {
    width: 100%;
    padding: 11px 10px;
    border: 0;
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    box-shadow: 0 1px 3px -1px #ddd inset;
    -moz-box-shadow:  0 1px 3px -1px #ddd inset;
    -webkit-box-shadow:  0 1px 3px -1px #ddd inset;
}

.input-prepend .placeholder label {
    top: 10px;
}

.lt-ie8 .input-prepend input[type="text"],
.lt-ie8 .input-prepend input[type="password"],
.lt-ie8 .input-prepend select,
.lt-ie8 .input-prepend textarea {
    padding: 10px 10px 10px;
}

.lt-ie8 body {
    position: relative;
}

.required-title {
    color: #808080;
}

.required,
.required-title span {
    color: #C1272D;
    font-style: normal;
}

.error-note {
    display: inline-block;
    height: 18px;
    margin-left: 10px;
    padding: 0 7px 0 12px;
    background: url(../img/bg.error_note.png) no-repeat 0 0;
    border-right: 1px solid #c41f25;
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    color: #fff;
    font-size: 11px;
    line-height: 18px;
    font-weight: normal;
}

.error-message {
    margin-bottom: 1.5em;
    padding: 8px 13px;
    color: #C1272D;
    border: 1px solid #efd0d1;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #f9e9e9;
}

/* button default red  */

button {
    display: inline-block;
    margin: 0 15px 0 0;
    padding: 0;
    width: auto;
    border: 0;
    background: none;
    overflow: visible;
    white-space: nowrap;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 -1px 0 #aa181e;
}

button span {
    display: inline-block;
    height: 24px;
    padding: 6px 12px 0;
    border-width: 1px;
    border-style: solid;
    border-color: #d51e24 #c31f25 #af2126 #c31f25;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: url(../img/btn.red.png) repeat-x top;
}

button em {
    display: inline-block;
    font-style: normal;
}

button:hover span {
    background-position: 0 -30px;
}

button:focus span {
    border-color: #a62127;
    background-position: 0 -60px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.lt-ie8 button {
    margin-top: -3px;
}

/* button grey  */

button.btn-grey {
    font-weight: normal;
    color: #333;
    text-shadow: none;
}

button.btn-grey span {
    border-color: #e1e1e1 #d3d3d3 #c5c5c5 #d3d3d3;
    background: url(../img/btn.grey.png) repeat-x top;
}

button.btn-grey:hover span {
    background-position: 0 -30px;
}

button.btn-grey:focus span {
    border-color: #cbcbcb;
    background-position: 0 -60px;
}

/* button grey small  */

button.btn-grey-small {
    margin-right: 2px;
    margin-bottom: 2px;
    margin-top:2px;
    font-size: 12px;
    font-weight: normal;
    color: #333;
    text-shadow: none;
}

button.btn-grey-small span {
    height: 19px;
    padding: 3px 8px 0;
    border-color: #e1e1e1 #d3d3d3 #c5c5c5 #d3d3d3;
    background: url(../img/btn.grey.small.png) repeat-x top;
}

button.btn-grey-small:hover span {
    background-position: 0 -22px;
}

button.btn-grey-small:focus span {
    border-color: #cbcbcb;
    background-position: 0 -44px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/* button dark small  */

button.btn-dark-small {
    margin-right: 5px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    /*text-shadow: 0 -1px 0 #333;*/
}

button.btn-dark-small span {
    height: 19px;
    padding: 3px 8px 0;
    border-color: #1e1e1e;
    background: url(../img/btn.dark.small.png) repeat-x top;
}

button.btn-dark-small:hover span {
    background-position: 0 -22px;
}

button.btn-dark-small:focus span {
    border-color: #1e1e1e;
    background-position: 0 -44px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/* button red small  */

button.btn-red-small {
    margin-right: 5px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    text-shadow: 0 -1px 0 #c61b23;
}

button.btn-red-small span {
    height: 19px;
    padding: 3px 8px 0;
    background: url(../img/btn.red.small.png) repeat-x top;
}

button.btn-red-small:hover span {
    background-position: 0 -22px;
}

button.btn-red-small:focus span {
    background-position: 0 -44px;
}

/* button red big  */

button.btn-red-big {
    font-size: 16px;
    line-height: 22px;
}

button.btn-red-big span {
    height: 31px;
    padding: 9px 30px 0;
    background: url(../img/btn.red.big.png) repeat-x top;
}

button.btn-red-big:hover span {
    background-position: 0 -40px;
}

button.btn-red-big:focus span {
    background-position: 0 -80px;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-color: #d51e24 #c31f25 #af2126 #c31f25;
    background: url(../img/btn.red.png) repeat-x top;
}

.ui-datepicker .ui-datepicker-buttonpane button:hover {
    background: #af2126;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    background: url(../img/btn.grey.png) repeat-x top;
    color: #333;
    border-width: 1px;
    border-style: solid;
    border-color: #e1e1e1 #d3d3d3 #c5c5c5 #d3d3d3;
    text-shadow: none;
}

/* link red  */

a.btn-red {
    display: inline-block;
    height: 24px;
    padding: 6px 12px 0;
    border-width: 1px;
    border-style: solid;
    border-color: #d51e24 #c31f25 #af2126 #c31f25;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 1px 2px 0 #ddd;
    -moz-box-shadow: 0 1px 2px 0 #ddd;
    -webkit-box-shadow: 0 1px 2px 0 #ddd;
    background: url(../img/btn.red.png) repeat-x top;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 -1px 0 #aa181e;
    text-decoration: none;
    cursor: pointer;
}

a.btn-red:hover {
    background-position: 0 -30px;
}

a.btn-red:focus {
    border-color: #a62127;
    background-position: 0 -60px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/* link red small */

a.btn-red-small {
    display: inline-block;
    height: 19px;
    margin-right: 5px;
    padding: 3px 8px 0;
    border-width: 1px;
    border-style: solid;
    border-color: #d51e24 #c31f25 #af2126 #c31f25;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 1px 2px 0 #ddd;
    -moz-box-shadow: 0 1px 2px 0 #ddd;
    -webkit-box-shadow: 0 1px 2px 0 #ddd;
    background: url(../img/btn.red.small.png) repeat-x top;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: #fff;
    text-shadow: 0 -1px 0 #aa181e;
    text-decoration: none;
    cursor: pointer;
}

a.btn-red-small:hover {
    background-position: 0 -22px;
}

a.btn-red-small:focus {
    border-color: #a62127;
    background-position: 0 -44px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/* link green small */

a.btn-green-small {
    display: inline-block;
    height: 19px;
    margin-right: 5px;
    padding: 3px 8px 0;
    border-width: 1px;
    border-style: solid;
    border-color: #57ad4e #4c9344 #417f36 #4c9344;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 1px 2px 0 #ddd;
    -moz-box-shadow: 0 1px 2px 0 #ddd;
    -webkit-box-shadow: 0 1px 2px 0 #ddd;
    background: url(../img/btn.green.small.png) repeat-x top;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: #fff;
    text-shadow: 0 -1px 0 #468b3f;
    text-decoration: none;
    cursor: pointer;
}

a.btn-green-small:hover {
    background-position: 0 -22px;
}

a.btn-green-small:focus {
    border-color: #417f36;
    background-position: 0 -44px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/* link grey  */

a.btn-grey {
    display: inline-block;
    height: 24px;
    padding: 6px 12px 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e1e1e1 #d3d3d3 #c5c5c5 #d3d3d3;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: none;
    background: url(../img/btn.grey.png) repeat-x top;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    color: #333;
    text-shadow: none;
    text-decoration: none;
    cursor: pointer;
}

a.btn-grey:hover {
    background-position: 0 -30px;
}

a.btn-grey:focus {
    border-color: #cbcbcb;
    background-position: 0 -60px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/* link grey big  */

a.btn-grey-big {
    display: inline-block;
    height: 31px;
    padding: 9px 30px 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e1e1e1 #d3d3d3 #c5c5c5 #d3d3d3;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 1px 2px 0 #ddd;
    -moz-box-shadow: 0 1px 2px 0 #ddd;
    -webkit-box-shadow: 0 1px 2px 0 #ddd;
    background: url(../img/btn.grey.big.png) repeat-x top;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: #808080;
    text-shadow: 0 1px 0 #fff;
    text-decoration: none;
    cursor: pointer;
}

a.btn-grey-big:hover {
    background-position: 0 -40px;
}

a.btn-grey-big:focus {
    border-color: #cbcbcb;
    background-position: 0 -80px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/* link grey small  */

a.btn-grey-small {
    display: inline-block;
    height: 19px;
    margin-right: 2px;
    margin-bottom: 2px;
    margin-top:2px;
    padding: 3px 8px 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e1e1e1 #d3d3d3 #c5c5c5 #d3d3d3;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: none;
    background: url(../img/btn.grey.small.png) repeat-x top;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: #333;
    text-shadow: none;
    text-decoration: none;
    cursor: pointer;
}

a.btn-grey-small:hover {
    background-position: 0 -22px;
}

a.btn-grey-small:focus {
    border-color: #cbcbcb;
    background-position: 0 -44px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/* link back  */

a.btn-back {
    display: inline-block;
    height: 32px;
    padding-left: 14px;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    color: #333;
    text-shadow: 0 1px 0 #fff;
    text-decoration: none;
    background: url(../img/btn.back.png) no-repeat 0 0;
    cursor: pointer;
}

a.btn-back span {
    display: inline-block;
    width: 34px;
    height: 24px;
    padding: 6px 12px 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e1e1e1 #d3d3d3 #c5c5c5 #fff;
    border-left-width: 0;
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    box-shadow: 1px 1px 2px 0 #ddd;
    -moz-box-shadow: 1px 1px 2px 0 #ddd;
    -webkit-box-shadow: 1px 1px 2px 0 #ddd;
    background: url(../img/btn.back.png) repeat-x 0 -96px;
    text-align: center;
}

a.btn-back:hover {
    background-position: 0 -32px;
}

a.btn-back:hover span {
    background-position: 0 -126px;
}

a.btn-back:focus {
    background-position: 0 -64px;
}

a.btn-back:focus span {
    border-color: #cbcbcb;
    background-position: 0 -156px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/* link next  */

a.btn-next {
    display: inline-block;
    height: 32px;
    padding-right: 14px;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 -1px 0 #aa181e;
    text-decoration: none;
    background: url(../img/btn.next.png) no-repeat 100% 0;
    cursor: pointer;
}

a.btn-next span {
    display: inline-block;
    width: 34px;
    height: 24px;
    padding: 6px 12px 0;
    border-width: 1px;
    border-style: solid;
    border-color: #d51e24 #c31f25 #af2126 #c31f25;
    border-right-width: 0;
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    box-shadow: -2px 1px 2px 0 #ddd;
    -moz-box-shadow: -2px 1px 2px 0 #ddd;
    -webkit-box-shadow: -2px 1px 2px 0 #ddd;
    background: url(../img/btn.next.png) repeat-x 0 -96px;
    text-align: center;
}

a.btn-next:hover {
    background-position: 100% -32px;
}

a.btn-next:hover span {
    background-position: 0 -126px;
}

a.btn-next:focus {
    background-position: 100% -64px;
}

a.btn-next:focus span {
    border-color: #a62127;
    background-position: 0 -156px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/* btn icon  */

.btn-ico {
    float: left;
    display: inline-block;
    width: 20px;
    height: 19px;
    margin-right: 5px;
    padding: 3px 0 0 1px;
    border-width: 1px;
    border-style: solid;
    border-color: #e1e1e1 #d3d3d3 #c5c5c5 #d3d3d3;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 1px 2px 0 #ddd;
    -moz-box-shadow: 0 1px 2px 0 #ddd;
    -webkit-box-shadow: 0 1px 2px 0 #ddd;
    background: url(../img/btn.grey.small.png) repeat-x top;
    font-size: 1px;
    line-height: 1px;
    text-decoration: none;
    text-align: center;
}

a.btn-ico {
    cursor: pointer;
}

.btn-ico:hover {
    background-position: 0 -22px;
}

.btn-ico:focus {
    border-color: #cbcbcb;
    background-position: 0 -44px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/* btn icon red */

.btn-ico-red {
    float: left;
    display: inline-block;
    width: 20px;
    height: 19px;
    margin-right: 5px;
    padding: 3px 0 0 1px;
    border-width: 1px;
    border-style: solid;
    border-color: #d51e24 #c31f25 #af2126 #c31f25;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 1px 2px 0 #ddd;
    -moz-box-shadow: 0 1px 2px 0 #ddd;
    -webkit-box-shadow: 0 1px 2px 0 #ddd;
    background: url(../img/btn.red.small.png) repeat-x top;
    font-size: 1px;
    line-height: 1px;
    text-decoration: none;
    text-align: center;
}

a.btn-ico-red {
    cursor: pointer;
}

.btn-ico-red:hover {
    background-position: 0 -22px;
}

.btn-ico-red:focus {
    border-color: #a62127;
    background-position: 0 -44px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
/* grid-6 */

.grid-6 { width: 926px;}

.grid-6 .span-0,
.grid-6 .span-1,
.grid-6 .span-2,
.grid-6 .span-3,
.grid-6 .span-4,
.grid-6 .span-5,
.grid-6 .span-6 { float:left; margin-right: 25px; }

.grid-6 .span-0 { width: 50px; margin-right: 44px; }
.grid-6 .span-1 { width: 133px;}
.grid-6 .span-2 { width: 292px;}
.grid-6 .span-3 { width: 450px;}
.grid-6 .span-4 { width: 609px;}
.grid-6 .span-5 { width: 768px;}
.grid-6 .span-6 { width: 926px; margin: 0;}

.grid-6 .append-1 { padding-right: 128px;}
.grid-6 .append-2 { padding-right: 267px;}
.grid-6 .append-3 { padding-right: 475px;}
.grid-6 .append-4 { padding-right: 634px;}
.grid-6 .append-5 { padding-right: 793px;}

.grid-6 .prepend-1 { padding-left: 128px;}
.grid-6 .prepend-2 { padding-left: 267px;}
.grid-6 .prepend-3 { padding-left: 475px;}
.grid-6 .prepend-4 { padding-left: 634px;}
.grid-6 .prepend-5 { padding-left: 793px;}


/* grid-5 */

.grid-5 { width: 926px;}


.grid-5 .span-0,
.grid-5 .span-1,
.grid-5 .span-2,
.grid-5 .span-3,
.grid-5 .span-4,
.grid-5 .span-5 { float:left; margin-right: 25px;}

.grid-5 .span-0 { width: 50px; margin-right: 40px; }
.grid-5 .span-1 { width: 165px;}
.grid-5 .span-2 { width: 356px;}
.grid-5 .span-3 { width: 546px;}
.grid-5 .span-4 { width: 737px;}
.grid-5 .span-5 { width: 926px; margin: 0; }

.grid-5 .append-1 { padding-right: 191px;}
.grid-5 .append-2 { padding-right: 382px;}
.grid-5 .append-3 { padding-right: 573px;}
.grid-5 .append-4 { padding-right: 764px;}

.grid-5 .prepend-1 { padding-left: 191px;}
.grid-5 .prepend-2 { padding-left: 382px;}
.grid-5 .prepend-3 { padding-left: 573px;}
.grid-5 .prepend-4 { padding-left: 764px;}

/* grid-4 */

.grid-4 { width: 926px;}

.grid-4 .span-1,
.grid-4 .span-2,
.grid-4 .span-3,
.grid-4 .span-4 { float: left; margin-right: 26px;}

.grid-4 .span-1 { width: 212px; }
.grid-4 .span-2 { width: 450px; }
.grid-4 .span-3 { width: 688px; }
.grid-4 .span-4 { width: 926px; margin: 0; }

.grid-4 .append-1 { padding-right: 239px; }
.grid-4 .append-2 { padding-right: 478px; }
.grid-4 .append-3 { padding-right: 717px; }

.grid-4 .prepend-1 { padding-left: 239px; }
.grid-4 .prepend-2 { padding-left: 478px; }
.grid-4 .prepend-3 { padding-left: 717px; }

/* custom-grid-4 */

.custom-grid-4 { width: 926px;}

.custom-grid-4 .span-1,
.custom-grid-4 .span-2,
.custom-grid-4 .span-3,
.custom-grid-4 .span-4 { float:left; margin-right: 25px; }

.custom-grid-4 .span-1 { width: 162px; }
.custom-grid-4 .span-2 { width: 362px; }
.custom-grid-4 .span-3 { width: 538px; margin-top: -72px; }
.custom-grid-4 .span-4 { width: 538px; }

/* grid-3 */

.grid-3 { width: 926px;}

.grid-3 .span-1,
.grid-3 .span-2,
.grid-3 .span-3 { float: left; margin-right: 25px; }

.grid-3 .span-1 { width: 292px;}
.grid-3 .span-2 { width: 609px;}
.grid-3 .span-3 { width: 926px; margin: 0; }

.grid-3 .append-1  { padding-right: 318px;}
.grid-3 .append-2  { padding-right: 636px;}

.grid-3 .prepend-1  { padding-left: 318px;}
.grid-3 .prepend-2  { padding-left: 636px;}

.grid-6 input[type="text"],
.grid-6 input[type="password"],
.grid-6 select,
.grid-6 textarea,
.grid-5 input[type="text"],
.grid-5 input[type="password"],
.grid-5 select,
.grid-5 textarea,
.grid-4 input[type="text"],
.grid-4 input[type="password"],
.grid-4 select,
.grid-4 textarea,
.custom-grid-4 input[type="text"],
.custom-grid-4 input[type="password"],
.custom-grid-4 select,
.custom-grid-4 textarea,
.grid-3 input[type="text"],
.grid-3 input[type="password"],
.grid-3 select,
.grid-3 textarea,
.full input[type="text"],
.full input[type="password"],
.full select,
.full textarea {
    width: 100%;
}

.grid-5 .span-0 label { padding: 0 0 0 20px; }

.custom-grid-4 textarea {
    height: 103px;
    resize: none;
}

.hr,
hr {
    clear: both;
    height: 0;
    margin: 0 0 20px;
    padding: 0;
    border: 0;
    border-top: 1px solid #ddd;
}

/* paginator */

.paginator {
    margin-top: 26px; 
    margin-bottom: 0;
    text-align: center;
    overflow: hidden;
}

.paginator .counter {
    float: left;
    margin-top: 7px;
}

.paginator .counter span {
    color: #808080;
    text-transform: uppercase;
    font-size: 11px;
    text-shadow: 0 1px 0 #fff;
    line-height: 16px;
}

.paginator .number-items {
    float: right;
}

.paginator .number-items span {
    color: #808080;
    text-transform: uppercase;
    font-size: 11px;
    text-shadow: 0 1px 0 #fff;
}

.paginator .number-items input {
    margin: 0;
    padding: 0 0 0 10px;
    width: 55px;
    height: 32px;
    line-height: 30px;
}

.paginator .number-items label {
    font-size: 11px;
    margin: 0 10px 0 10px;
    width: 55px;
    color: rgb(128, 128, 128);
    text-shadow: 0 1px 0 #fff;
    text-transform: uppercase;
    line-height: 16px;
}

.number-items .number-input {
    position: relative;
}

.number-input .arrow-up {
    position: absolute;
    top: -2px;
    left: 40px;
}

.number-input .arrow-down {
    position: absolute;
    top: 6px;
    left: 40px;
}
/* IE7 fixes */
*+ html .paginator .number-items {
    align: right;
    margin-top: -34px;
}

*+ html .number-input .arrow-up {
    position: absolute;
    top: 10px;
    left: 45px;
}

*+ html .number-input .arrow-down {
    position: absolute;
    top: 18px;
    left: 45px;
}

.pages a,
.pages em {
    color: #333333;
    display: inline-block;
    margin-left: -4px;
    border: 1px solid #d3d3d3;
    border-top-color: #e1e1e1;
    text-decoration: none;
    background: #fafafa;
    text-align: center;
}

.pages a {
    cursor: pointer;
}

.pages em {
    cursor: default;
    font-style: normal;
}

.pages a:hover {
    background: #f0f0f0;
    border-color: #cbcbcb;
}

.pages .current {
    background: #ed1c24;
    color: #fff;

}

.pages .current :hover {
    background: #ed1c24;
    color: #fff;
}

.pages .prev {
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
}

.pages .next {
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
}

.pages .disabled {
    background-position: 0 -30px;
    border-color: #cbcbcb;
}

.pages span {
    display: inline-block;
    min-width: 32px;
    height: 24px;
    padding: 6px 0 0;
    text-align: center;
    line-height: 16px;
}

.pages .current {
    border: none;
}

.pages .current span {
    border: 1px solid #b12126;
    border-top-color: #b12126;
    box-shadow: 0 0 5px 0 #b12126 inset;
    -moz-box-shadow: 0 0 5px 0 #b12126 inset;
    -webkit-box-shadow: 0 0 5px 0 #b12126 inset;
}

/* sorting */

.sort {
    position: relative;
    display: block;
    padding-right: 15px;
    text-decoration: none;
}

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

.sort span {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 8px;
    height: 20px;
    margin-top: -9px;
    background: url(../img/sprite.sorting.png) no-repeat 100% 0;
}

.sort.asc span {
    background-position: 100% -40px;
}

.sort.desc span {
    background-position: 100% -20px;
}

/* icons */

.ico-user {
    float: left;
    display: inline-block;
    margin-right: 8px;
    padding: 0 0 0 19px;
    background: url(../img/ico.user.png) no-repeat -1px 1px;
}

.ico-logout {
    float: left;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../img/ico.logout.png) no-repeat center 0;
}

.ico-logout:hover {
    background-position: center -19px;
}

.ico-upload {
    display: inline-block;
    margin-left: -3px;
    padding-left: 20px;
    background: url(../img/ico.upload.png) no-repeat 0 1px;
}

.ico-download {
    display: inline-block;
    margin-left: -3px;
    padding-left: 20px;
    background: url(../img/ico.download.png) no-repeat 0 1px;
}

.ico-filter {
    display: inline-block;
    margin-left: -3px;
    padding-left: 20px;
    background: url(../img/ico.filter.png) no-repeat 0 0;
}

.ico-add {
    display: inline-block;
    margin-left: -3px;
    padding-left: 20px;
    background: url(../img/ico.add.png) no-repeat 0 1px;
}

.ico-add-dark {
    display: inline-block;
    margin-left: -3px;
    padding-left: 20px;
    background: url(../img/ico.plus.png) no-repeat 0 1px;
}

.ico-accept {
    display: inline-block;
    margin-left: -3px;
    padding-left: 20px;
    background: url(../img/ico.submit.png) no-repeat 0 1px;
}

.ico-clear {
    display: inline-block;
    margin-left: -3px;
    padding-left: 18px;
    background: url(../img/ico.clear.png) no-repeat 0 1px;
}

.ico-clear-white {
    display: inline-block;
    margin-left: -3px;
    padding-left: 18px;
    background: url(../img/ico.clear.white.png) no-repeat 0 0;
}

.ico-edit {
    display: inline-block;
    margin-left: -3px;
    padding-left: 20px;
    background: url(../img/ico.edit.png) no-repeat 0 1px;
}

.ico-forward {
    display: inline-block;
    margin-left: -1px;
    padding-left: 19px;
    background: url(../img/ico.forward.png) no-repeat 0 1px;
}

.ico-update {
    display: inline-block;
    margin-left: -3px;
    padding-left: 20px;
    background: url(../img/ico.update.png) no-repeat 0 2px;
}

.ico-delete {
    display: inline-block;
    margin-left: -3px;
    padding-left: 20px;
    background: url(../img/ico.delete.png) no-repeat 0 1px;
}

.ico-username {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 11px;
    background: url(../img/ico.login-username.png) no-repeat 0 0;
}

.ico-password {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 11px;
    background: url(../img/ico.login-password.png) no-repeat 0 0;
}

.ico-more {
    padding-right: 8px;
    background: url(../img/ico.arrow.right.red.png) no-repeat 100% 4px;
    text-decoration: none;
    color: #c1272d;
}

.ico-more:hover,
.ico-more:focus {
    text-decoration: underline;
    color: #c1272d;
}

.ico-arrow-white {
    padding-right: 14px;
    background: url(../img/ico.arrow.right.white.png) no-repeat 100% 3px;
}

.ico-subscribe {
    margin-left: -2px;
    padding-left: 22px;
    background: url(../img/ico.subscribe.png) no-repeat left 1px;
}

.ico-back {
    display: inline-block;
    margin-left: -3px;
    padding-left: 20px;
    background: url(../img/ico.back.png) no-repeat 0 1px;
}

.ico-text {
	display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 10px;
    font-size: 14px;
    color: #AAA;
}

.ico-add-multiple {
    display: inline-block;
    margin: 0 0 0 -2px;
    padding: 0 0 0 24px;
    background: url(../img/ico.add-multiple.png) no-repeat 0 2px;
}

.ico-comments {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 -7px -5px;
    background: url(../img/ico.comment.png) no-repeat center center;
}

.ico-comments-red {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 -7px -5px;
    background: url(../img/ico.comment-red.png) no-repeat center center;
}

/* rounded corners */

.rounded-top-right {
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -khtml-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

.rounded-top-left {
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -khtml-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
}

.scrollable {
    overflow: auto;
    overflow-x: scroll;
}

.center{
    text-align: center;
}

.display-inline {
    display: inline-block;
    width: 23%;
    text-align: center;
    margin-left: 5px;
    height: 100px;
    padding: 5px;
}

div.counter div.title {
    font-weight: bold;
    margin: 10px 0;
}

div.counter div.l {
    padding-left: 10px;
    padding-bottom: 5px;
}

.clear {
    clear: both;
}

.datepicker {
    background: #fff url(../img/ico.datepicker.png) no-repeat right center !important;
}

.success-message {
    background: #ebf5e9;
    border: 1px solid #c2d9be;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #417F36;
    margin-bottom: 1.5em;
    padding: 8px 13px;
}

.success-message a {
    color: #417F36;
}