/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, 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 {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

/* WTF? Firefox input box is large by default.. (and doesn't respect auto width :-/ )
 * Doesn't matter though. We want them wider anyway. */
textarea, input[type=text], input[type=number], input[type=password] { width: 400px; }
select { width: 408px; }
/* .. except for the search box. */
input[accesskey=s] { width: 150px; }
/* .. and fieldset get to shrink a bit. We make it as big as the other pages that
 * have a right sidebar. */
fieldset, .buttonHolder { width: 716px /* 744-2*14 */; padding: 14px 18px 14px 14px; }

/* Make form input sizes for FF and Chrome equal. */
form input { font-size: 110%; }

/* Exceptions for special forms */
fieldset.inline input { width: auto; }

body {
    line-height: 1.5;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th {
    text-align: left;
    font-weight: normal;
}
table {
    vertical-align: middle;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a img {
    border: none;
}
/* typography.css */
html {
    font-size: 100.01%;
}
body {
    font-size: 75%;
    color: #222;
    background: white;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    color: #111;
}
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;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
    margin: 0;
}
p {
    margin: 0 0 1.5em;
}
p img.left {
    float: left;
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0;
}
p img.right {
    float: right;
    margin: 1.5em 0 1.5em 1.5em;
}
a:focus, a:hover {
    color: black;
}
a {
    color: #009;
    text-decoration: underline;
}
blockquote {
    margin: 1.5em;
    color: #666;
    font-style: italic;
}
strong {
    font-weight: bold;
}
em, dfn {
    font-style: italic;
}
dfn {
    font-weight: bold;
}
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;
}
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: 3.333em;
}
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;
}
thead th {
    background: #c3d9ff;
}
caption {
    padding: 4px 10px 4px 5px;
}
tr.even td {
    background: #e5ecf9;
}
tfoot {
    font-style: italic;
}
caption {
    background: #eee;
}
.small {
    font-size: .8em;
    margin-bottom: 1.875em;
    line-height: 1.875em;
}
.large {
    font-size: 1.2em;
    line-height: 2.5em;
    margin-bottom: 1.25em;
}
.hide {
    display: none;
}
.quiet {
    color: #666;
}
.loud {
    color: black;
}
.highlight {
    background: #ff0;
}
.nowrap {
    white-space: nowrap;
}
/* For some reason, nowrap does not work properly on table cells.
   We use these mixin-classes instead. */
.three-small-icons {
    width: 100px;
}
.four-small-icons {
    width: 140px;
}
.added {
    background: #060;
    color: white;
}
.removed {
    background: #900;
    color: white;
}
.first {
    margin-left: 0;
    padding-left: 0;
}
.last {
    margin-right: 0;
    padding-right: 0;
}
.top {
    margin-top: 0;
    padding-top: 0;
}
.bottom {
    margin-bottom: 0;
    padding-bottom: 0;
}
/* forms.css */
label {
    font-weight: bold;
}
fieldset, .buttonHolder {
    background: #f7f7f7 url('../img/bas/bg_caption.png') repeat-x bottom;
    /*padding: 1.4em;*/
    margin: 0 0 1.5em 0;
    border: 1px solid #ccc;
}
legend {
    font-weight: bold;
    font-size: 1.2em;
}
input[type="text"], input[type=number], input[type="password"], input.text, input.title, textarea, select {
    background-color: white;
    border: 1px solid #bbb;
    margin: 0.5em 0;
}
input[type="text"]:focus, input[type=number]:focus,  input[type="password"]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
    border-color: #666;
}
input.text, input.title, textarea {
}
/* Make a couple of fields smaller again */
input.vDateField, input[name="username"], input[name="password"], input[name="confirm_password"],
input[name="old_password"], input[name="new_password1"], input[name="new_password2"] {
    width: 100px;
}
select[name="period_size"] {
    width: 108px;
}
input.title {
    font-size: 1.5em;
}
input[type="checkbox"], input[type="radio"], input.checkbox, input.radio {
    position: relative;
    top: 0.15em;
}
form.inline {
    line-height: 3;
}
form.inline p {
    margin-bottom: 0;
}
.invalid-feedback {
    display: block;
}
.alert-danger ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.alert-danger, .error, .warning, .notice, .success {
    padding: .8em;
    margin-bottom: 1em;
    border: 2px solid #ddd;
    clear: left;
}
td .error, td .warning, td .notice, td .success {
    display: block;
    clear: both;
    border: none;
    margin: 0;
    padding: .1em .4em;
}
.alert-danger, .error {
    background: #FBE3E4;
    color: #8a1f11;
    border-color: #FBC2C4;
}
.warning, .notice {
    background: #FFF6BF;
    font-weight: bold;
    color: #514721;
    border-color: #FFD324;
}
.warning {
    background-image: url('../img/icons/32x32/actions/process-stop.png');
    background-position: 4px 4px;
    background-repeat: no-repeat;
    min-height: 20px;
    padding-left: 40px;
}
.success {
    background: #E6EFC2;
    color: #264409;
    border-color: #C6D880;
}
.error a, .alert-danger a {
    color: #8a1f11;
}
.notice a {
    color: #514721;
}
.success a {
    color: #264409;
}
.text-muted {
    color: #6c757d!important;
}
/* grid.css */
.container {
    width: 950px;
    margin: 0 auto 16px auto;
}
.showgrid {
    background: url(src/grid.png);
}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
    float: left;
    margin-right: 10px;
}
.last, div.last {
    margin-right: 0;
}
.span-1 {
    width: 30px;
}
.span-2 {
    width: 70px;
}
.span-3 {
    width: 110px;
}
.span-4 {
    width: 150px;
}
.span-5 {
    width: 190px;
}
.span-6 {
    width: 230px;
}
.span-7 {
    width: 270px;
}
.span-8 {
    width: 310px;
}
.span-9 {
    width: 350px;
}
.span-10 {
    width: 390px;
}
.span-11 {
    width: 430px;
}
.span-12 {
    width: 470px;
}
.span-13 {
    width: 510px;
}
.span-14 {
    width: 550px;
}
.span-15 {
    width: 590px;
}
.span-16 {
    width: 630px;
}
.span-17 {
    width: 670px;
}
.span-18 {
    width: 710px;
}
.span-19 {
    width: 750px;
}
.span-20 {
    width: 790px;
}
.span-21 {
    width: 830px;
}
.span-22 {
    width: 870px;
}
.span-23 {
    width: 910px;
}
.span-24, div.span-24 {
    width: 950px;
    margin-right: 0;
}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {
    border-left-width: 1px!important;
    border-right-width: 1px!important;
    padding-left: 5px!important;
    padding-right: 5px!important;
}
input.span-1, textarea.span-1 {
    width: 18px!important;
}
input.span-2, textarea.span-2 {
    width: 58px!important;
}
input.span-3, textarea.span-3 {
    width: 98px!important;
}
input.span-4, textarea.span-4 {
    width: 138px!important;
}
input.span-5, textarea.span-5 {
    width: 178px!important;
}
input.span-6, textarea.span-6 {
    width: 218px!important;
}
input.span-7, textarea.span-7 {
    width: 258px!important;
}
input.span-8, textarea.span-8 {
    width: 298px!important;
}
input.span-9, textarea.span-9 {
    width: 338px!important;
}
input.span-10, textarea.span-10 {
    width: 378px!important;
}
input.span-11, textarea.span-11 {
    width: 418px!important;
}
input.span-12, textarea.span-12 {
    width: 458px!important;
}
input.span-13, textarea.span-13 {
    width: 498px!important;
}
input.span-14, textarea.span-14 {
    width: 538px!important;
}
input.span-15, textarea.span-15 {
    width: 578px!important;
}
input.span-16, textarea.span-16 {
    width: 618px!important;
}
input.span-17, textarea.span-17 {
    width: 658px!important;
}
input.span-18, textarea.span-18 {
    width: 698px!important;
}
input.span-19, textarea.span-19 {
    width: 738px!important;
}
input.span-20, textarea.span-20 {
    width: 778px!important;
}
input.span-21, textarea.span-21 {
    width: 818px!important;
}
input.span-22, textarea.span-22 {
    width: 858px!important;
}
input.span-23, textarea.span-23 {
    width: 898px!important;
}
input.span-24, textarea.span-24 {
    width: 938px!important;
}
.append-1 {
    padding-right: 40px;
}
.append-2 {
    padding-right: 80px;
}
.append-3 {
    padding-right: 120px;
}
.append-4 {
    padding-right: 160px;
}
.append-5 {
    padding-right: 200px;
}
.append-6 {
    padding-right: 240px;
}
.append-7 {
    padding-right: 280px;
}
.append-8 {
    padding-right: 320px;
}
.append-9 {
    padding-right: 360px;
}
.append-10 {
    padding-right: 400px;
}
.append-11 {
    padding-right: 440px;
}
.append-12 {
    padding-right: 480px;
}
.append-13 {
    padding-right: 520px;
}
.append-14 {
    padding-right: 560px;
}
.append-15 {
    padding-right: 600px;
}
.append-16 {
    padding-right: 640px;
}
.append-17 {
    padding-right: 680px;
}
.append-18 {
    padding-right: 720px;
}
.append-19 {
    padding-right: 760px;
}
.append-20 {
    padding-right: 800px;
}
.append-21 {
    padding-right: 840px;
}
.append-22 {
    padding-right: 880px;
}
.append-23 {
    padding-right: 920px;
}
.prepend-1 {
    padding-left: 40px;
}
.prepend-2 {
    padding-left: 80px;
}
.prepend-3 {
    padding-left: 120px;
}
.prepend-4 {
    padding-left: 160px;
}
.prepend-5 {
    padding-left: 200px;
}
.prepend-6 {
    padding-left: 240px;
}
.prepend-7 {
    padding-left: 280px;
}
.prepend-8 {
    padding-left: 320px;
}
.prepend-9 {
    padding-left: 360px;
}
.prepend-10 {
    padding-left: 400px;
}
.prepend-11 {
    padding-left: 440px;
}
.prepend-12 {
    padding-left: 480px;
}
.prepend-13 {
    padding-left: 520px;
}
.prepend-14 {
    padding-left: 560px;
}
.prepend-15 {
    padding-left: 600px;
}
.prepend-16 {
    padding-left: 640px;
}
.prepend-17 {
    padding-left: 680px;
}
.prepend-18 {
    padding-left: 720px;
}
.prepend-19 {
    padding-left: 760px;
}
.prepend-20 {
    padding-left: 800px;
}
.prepend-21 {
    padding-left: 840px;
}
.prepend-22 {
    padding-left: 880px;
}
.prepend-23 {
    padding-left: 920px;
}
div.border {
    padding-right: 4px;
    margin-right: 5px;
    border-right: 1px solid #eee;
}
div.colborder {
    padding-right: 24px;
    margin-right: 25px;
    border-right: 1px solid #eee;
}
.pull-1 {
    margin-left: -40px;
}
.pull-2 {
    margin-left: -80px;
}
.pull-3 {
    margin-left: -120px;
}
.pull-4 {
    margin-left: -160px;
}
.pull-5 {
    margin-left: -200px;
}
.pull-6 {
    margin-left: -240px;
}
.pull-7 {
    margin-left: -280px;
}
.pull-8 {
    margin-left: -320px;
}
.pull-9 {
    margin-left: -360px;
}
.pull-10 {
    margin-left: -400px;
}
.pull-11 {
    margin-left: -440px;
}
.pull-12 {
    margin-left: -480px;
}
.pull-13 {
    margin-left: -520px;
}
.pull-14 {
    margin-left: -560px;
}
.pull-15 {
    margin-left: -600px;
}
.pull-16 {
    margin-left: -640px;
}
.pull-17 {
    margin-left: -680px;
}
.pull-18 {
    margin-left: -720px;
}
.pull-19 {
    margin-left: -760px;
}
.pull-20 {
    margin-left: -800px;
}
.pull-21 {
    margin-left: -840px;
}
.pull-22 {
    margin-left: -880px;
}
.pull-23 {
    margin-left: -920px;
}
.pull-24 {
    margin-left: -960px;
}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {
    float: left;
    position: relative;
}
.push-1 {
    margin: 0 -40px 1.5em 40px;
}
.push-2 {
    margin: 0 -80px 1.5em 80px;
}
.push-3 {
    margin: 0 -120px 1.5em 120px;
}
.push-4 {
    margin: 0 -160px 1.5em 160px;
}
.push-5 {
    margin: 0 -200px 1.5em 200px;
}
.push-6 {
    margin: 0 -240px 1.5em 240px;
}
.push-7 {
    margin: 0 -280px 1.5em 280px;
}
.push-8 {
    margin: 0 -320px 1.5em 320px;
}
.push-9 {
    margin: 0 -360px 1.5em 360px;
}
.push-10 {
    margin: 0 -400px 1.5em 400px;
}
.push-11 {
    margin: 0 -440px 1.5em 440px;
}
.push-12 {
    margin: 0 -480px 1.5em 480px;
}
.push-13 {
    margin: 0 -520px 1.5em 520px;
}
.push-14 {
    margin: 0 -560px 1.5em 560px;
}
.push-15 {
    margin: 0 -600px 1.5em 600px;
}
.push-16 {
    margin: 0 -640px 1.5em 640px;
}
.push-17 {
    margin: 0 -680px 1.5em 680px;
}
.push-18 {
    margin: 0 -720px 1.5em 720px;
}
.push-19 {
    margin: 0 -760px 1.5em 760px;
}
.push-20 {
    margin: 0 -800px 1.5em 800px;
}
.push-21 {
    margin: 0 -840px 1.5em 840px;
}
.push-22 {
    margin: 0 -880px 1.5em 880px;
}
.push-23 {
    margin: 0 -920px 1.5em 920px;
}
.push-24 {
    margin: 0 -960px 1.5em 960px;
}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {
    float: right;
    position: relative;
}
.prepend-top {
    margin-top: 1.5em;
}
.append-bottom {
    margin-bottom: 1.5em;
}
.box {
    padding: 1.5em;
    margin-bottom: 1.5em;
    background: #E5ECF9;
}
hr {
    background: #ddd;
    color: #ddd;
    clear: both;
    float: none;
    width: 100%;
    height: .1em;
    margin: 0 0 1.45em;
    border: none;
}
hr.space {
    background: white;
    color: white;
    visibility: hidden;
}
.clearfix:after, .container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}
.clearfix, .container {
    display: block;
}
.clear {
    clear: both;
}
/* Global */
body {
    background: url('../img/bas/bg_body.png') repeat-x;
}
a:link, a:visited {
    color: #4b3c1c;
    text-decoration: none;
}
a:hover {
    color: #0d0a04;
}
table {
    margin: 0;
    padding: 0;
}
td, th {
    font-size: 11px;
    line-height: 20px;
    border-bottom: 1px solid #ddd;
    vertical-align: top;
    padding: 5px;
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}
td.iconic {
    text-align: center;
}
td.numeric {
    text-align: right;
}
th {
    text-align: left;
    font-size: 12px;
    font-weight: bold;
}
h1 {
    font-size: 150%;
}
h2 {
    font-size: 130%;
}
h3 {
    font-size: 110%
}
button, input {
    background: white url(../img/admin/nav-bg.gif) bottom repeat-x;
    padding: 3px;
    color: black;
    border: 1px solid #bbb;
    border-color: #ddd #aaa #aaa #ddd;
}
input.text, input.title {
    /*width: 200px;*/
    padding: 5px;
}
select {
    /*width: 210px;*/
    height: 23px;
    padding: 3px 0;
}
select.selectmultiple, select[multiple], select[multiple="multiple"] {
    height: 100px;
}
textarea {
    background: white url(../img/admin/nav-bg.gif) bottom repeat-x;
/*  width: 204px;*/
/*  height: 100px;*/
    padding: 3px;
    color: black;
    border: 1px solid #bbb;
}
/* Remove backgrounds for in-fieldset elements. */
fieldset button, fieldset input, fieldset textarea {
    background-image: none;
}
form p {
    padding: 0;
    margin: 0;
}
/* Global ext */
.right {
    float: right;
    text-align: right;
}
.left {
    float: left;
}
.h-90 {
    height: 90px;
}
.m-top-20 {
    margin-top: 20px;
}
.h-43 {
    height: 43px;
}
.p-right-5 {
    padding-right: 5px;
}
/* Navigation */
div.navigation {
    overflow: visible;
    height: 90px;
}
div.navigation ul {
    padding: 0;
    margin: 0;
}
div.navigation ul:hover li.active ul {
    display: none;
}
div.navigation ul:hover li.active ul:hover {
    display: block;
}
div.navigation ul li {
    float: left;
    width: 142px;
    height: 39px;
    padding: 0;
    margin: 0;
    list-style: none;
    margin-left: -1px;
}
div.navigation ul li a {
    display: block;
    width: 142px;
    height: 39px;
    line-height: 44px;
    padding: 0;
    margin: 0;
    background: transparent url('../img/bas/bg_tab-inactive.png') no-repeat;
    color: black;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
div.navigation ul li a:hover {
    background-image: url('../img/bas/bg_tab-active.png');
    color: white;
}
div.navigation ul li.active a {
    background-image: url('../img/bas/bg_tab-active.png');
    color: white;
}
div.navigation ul li ul {
    display: none;
    width: 500px;
    height: 40px;
    padding: 0 200px 0 0;
}
div.navigation ul li ul li:first-child {
    padding-left: 20px;
}
div.navigation ul li + ul:hover {
    border: 1px solid red !important;
}
div.navigation ul li:hover ul {
    display: block;
}
div.navigation ul li.active ul {
    display: block;
}
div.navigation ul li.active:hover ul {
    display: block;
}
div.navigation ul li ul li {
    width: auto;
}
div.navigation ul li.active ul li a, div.navigation ul li:hover ul li a {
    background: transparent;
    width: auto;
    padding: 0 8px 0 10px;
    color: white;
    font-size: 12px;
    font-weight: normal;
}
div.navigation ul li ul li a:hover {
    background: transparent;
    text-decoration: underline;
}
div.navigation ul li ul li.selected a {
    background: transparent;
    font-weight: bold;
    text-decoration: none;
}
/* Module */
.module {
    border: 1px solid #ccc;
    background: white;
    border-bottom: 0px;
}
.module p, .module ul, .module h3, .module h4, .module dl, .module pre {
    padding: 0 10px 0 10px;
}
.module ul, .module ol {
    margin-left: 1.5em;
}
.module h3 {
    margin-top: .6em;
}
.module h2, .module caption, .inline-group h2, .selector .selector-available h2, .selector .selector-chosen h2 {
    margin: 0;
    padding: 0 0 0 5px;
    color: #333333;
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #d7d7d7;
    font-weight: bold;
    background: #f7f7f7 url('../img/bas/bg_caption.png') repeat-x bottom;
    font-size: 100%;
}
.module caption {
    margin: 1px 0 1px 0;
}

/* Buttons */
a.addlink, a.minlink, a.uplink, a.downlink, a.changelink, a.downloadlink, a.emaillink, a.detailslink,
a.deletelink, a.reactivatelink, a.backwardlink, a.forwardlink, a.trashlink, a.undeletelink {
    display: block;
    float: left;
    background: none no-repeat 0 0;
    height: 16px;
    line-height: 16px;
    padding: 1px 4px 1px 0;
}

a.forwardlink, a.backwardlink { display: inline; float: none; }

a.addlink:hover, a.minlink:hover, a.uplink:hover, a.downlink:hover, a.changelink:hover, a.downloadlink:hover,
a.emaillink:hover, a.detailslink:hover, a.deletelink:hover, a.reactivatelink:hover,
a.backwardlink:hover, a.forwardlink:hover, a.trashlink {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

a.addlink { background-image: url('../img/icons/16x16/actions/list-add.png'); }
a.minlink { background-image: url('../img/icons/16x16/actions/list-remove.png'); }
a.uplink { background-image: url('../img/icons/16x16/actions/go-up.png'); }
a.downlink { background-image: url('../img/icons/16x16/actions/go-down.png'); }
a.changelink { background-image: url('../img/icons/16x16/apps/accessories-text-editor.png'); padding-left: 20px; }
a.downloadlink { background-image: url('../img/icons/16x16/mimetypes/x-office-document.png'); padding-left: 20px; }
a.emaillink { background-image: url('../img/icons/16x16/actions/mail-message-new.png'); padding-left: 20px; }
a.simulatelink { background-image: url('../img/icons/16x16/actions/edit-find.png'); padding-left: 20px; }
a.detailslink { background-image: url('../img/icons/16x16/mimetypes/text-x-generic.png'); }
a.deletelink { background-image: url('../img/icons/16x16/emblems/emblem-unreadable.png'); padding-left: 20px; }
a.reactivatelink { background-image: url('../img/icons/16x16/actions/edit-redo.png'); padding-left: 20px; }
a.backwardlink { background-image: url('../img/icons/16x16/actions/media-seek-backward.png'); padding-left: 20px; }
a.forwardlink { background-image: url('../img/icons/16x16/actions/media-seek-forward.png'); padding-left: 20px; margin-left: 8px; }
a.trashlink { background-image: url('../img/icons/16x16/places/user-trash.png'); padding-left: 20px; }
a.undeletelink { background-image: url('../img/icons/16x16/actions/edit-redo.png'); padding-left: 20px; } /* or undo? */

a.bigbutton, input[type="button"].bigbutton {
    height: 34px;
    line-height: 33px;
    padding: 0 5px;
    margin: 0;
    background: transparent url('../img/bas/icons/big/button.png') no-repeat left center;
    text-align: center;
    display: block;
    font-family: arial;
    font-size: 12px;
    color: white;
    font-weight: bold;
}
a.bigbutton {
    width: 180px;
}
input[type="button"].bigbutton {
    width: 190px;
}
form a.bigbutton, form input[type="button"].bigbutton {
    display: inline-block;
    /* float: left; // we could float to the left, but that conflicts with .save{text-align:center;} layout */
}
a.bigbutton:hover, input[type="button"].bigbutton:hover {
    background: transparent url('../img/bas/icons/big/buttonhover.png') no-repeat center center;
}
input[type="button"].disabled, input[type="submit"].disabled, a.bigbutton.disabled {
    background: transparent url('../img/bas/icons/big/buttondisabled.png') no-repeat left center !important;
}
a.bigbutton.warning {
    background: transparent url('../img/bas/icons/big/buttonwarning.png') no-repeat left center;
}

a.addresseslink { background: url('../img/icons/32x32/actions/address-book-new.png') no-repeat center 14px; }
/*a.assignmentslink { background: url('../img/icons/32x32/other/evolution-tasklist32.png') no-repeat center 14px; }*/
a.attachmentslink { background: url('../img/icons/32x32/actions/edit-copy.png') no-repeat center 14px; }
a.billingsourcelink { background: url('../img/icons/32x32/other/database-2.png') no-repeat center 14px; }
a.billingsourceslink { background: url('../img/icons/32x32/categories/preferences-system.png') no-repeat center 14px; }
a.contactslink { background: url('../img/icons/32x32/actions/contact-new.png') no-repeat center 14px; }
a.domainlink { background: url('../img/icons/32x32/status/network-transmit.png') no-repeat center 14px; }
a.gdprlink { background: url('../img/icons/32x32/mimetypes/text-html.png') no-repeat center 14px; }
a.generationlink { background: url('../img/icons/32x32/apps/accessories-calculator.png') no-repeat center 14px; }
a.financedashboard { background: url('../img/icons/32x32/apps/utilities-system-monitor.png') no-repeat center 14px; }
a.internetmaillink { background: url('../img/icons/32x32/apps/internet-mail.png') no-repeat center 14px; }
a.invoiceslink { background: url('../img/icons/32x32/mimetypes/text-x-generic.png') no-repeat center 14px; }
a.invoicetrashlink { background: url('../img/icons/32x32/places/user-trash.png') no-repeat center 14px; }
a.journalslink { background: url('../img/icons/32x32/apps/accessories-text-editor.png') no-repeat center 14px; }
a.importlink { background: url('../img/icons/32x32/mimetypes/text-html.png') no-repeat center 14px; /* or other/gftp.png */ }
a.mailingsentlink { background: url('../img/icons/32x32/actions/mail-send-receive.png') no-repeat center 14px; }
a.planninglink { background: url('../img/icons/32x32/mimetypes/x-office-calendar.png') no-repeat center 14px; }
a.priceplanslink { background: url('../img/icons/32x32/mimetypes/x-office-spreadsheet-template.png') no-repeat center 14px; }
a.productslink { background: url('../img/icons/32x32/categories/applications-system.png') no-repeat center 14px; }
a.profilelink { background: url('../img/icons/32x32/apps/preferences-desktop-theme.png') no-repeat center 14px; }
a.projectslink { background: url('../img/icons/32x32/other/labyrinth.png') no-repeat center 14px; }
a.relationslink { background: url('../img/icons/32x32/apps/system-users.png') no-repeat center 14px; }
a.renderedinvoiceslink { background: url('../img/icons/32x32/devices/printer.png') no-repeat center 14px; }
/*a.securitylink { background: url('../img/icons/32x32/other/gnome-keyring-manager.png') no-repeat center 14px; }*/
a.sendmailinglink { background: url('../img/icons/32x32/actions/mail-reply-all.png') no-repeat center 14px; }
/*a.singleuserlink { background: url('../img/icons/32x32/other/gajim.png') no-repeat center 14px; }*/
a.templateslink { background: url('../img/icons/32x32/mimetypes/x-office-document-template.png') no-repeat center 14px; }
a.wbsoapplicationslink { background: url('../img/icons/32x32/other/evolution-tasklist32.png') no-repeat center 14px; }

/* Tables */
.row1 {
    background: #EDF3FE;
}
.row2 {
    background: white;
}

/* Nice try. Not useful in the real world though...
   <script type="text/javascript">//<![CDATA[
     $(document).ready(function() {
       $('tr.row1').children().wrapInner('<div class="collapsable"></div>');
       $('tr.row2').children().wrapInner('<div class="collapsable"></div>');
     });
  //]]></script>
  .row1 div.collapsable, .row2 div.collapsable {
    height: 20px;
    overflow: hidden;
  }
  .row1:hover div.collapsable, .row2:hover div.collapsable {
    height: auto;
  }
*/

.missing-data.row1 {
    background: #ffdddd;
}
.missing-data.row2 {
    background: #ffddcc;
}
.row1.paid {
    background: #D3FFDE;
}
.row2.paid {
    background: #C3FFCE;
}
.row1.paid.late {
    background: #FFEEDD;
}
.row2.paid.late {
    background: #FFDDCC;
}
.row1.late {
    background: #FFC3CE;
}
.row2.late {
    background: #FFB3BE;
}
.row1.defaulted {
    background: #AF939E;
}
.row2.defaulted {
    background: #AF838E;
}
tr.disabled td, tr.disabled a {
    color: gray;
    font-style: italic;
}
thead th, tfoot td {
    color: #666;
    padding: 2px 5px;
    font-size: 11px;
    background: #e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x;
    border-left: 1px solid #ddd;
}
thead th:first-child {
    border-left: 0px;
}
/* Sortable tables */
thead th a:link, thead th a:visited {
    color: #666;
    display: block;
}
table thead th.sorted {
    background-position: bottom left !important;
}
table thead th.sorted a {
    padding-right: 13px;
}
table thead th.ascending a {
    background: url(../img/admin/arrow-down.gif) right .4em no-repeat;
}
table thead th.descending a {
    background: url(../img/admin/arrow-up.gif) right .4em no-repeat;
}
/* Orderable tables */
table.orderable tbody tr td:hover {
    cursor: move;
}
table.orderable tbody tr td:first-child {
    padding-left: 14px;
    background-image: url(../img/admin/nav-bg-grabber.gif);
    background-repeat: repeat-y;
}
table.orderable-initalized .order-cell, body>tr>td.order-cell {
    display: none;
}
/* Flat list */
.flat-list table th {
    width: 100%;
}
.flat-list table td a {
    display: block;
    padding-right: 0.6em;
}
/* Filter */
.filter div {
    background: #F3F3F3;
    border: 1px solid #d7d7d7;
}
.filter h2, .top-search, div.paginator {
    background: #f7f7f7 url('../img/bas/bg_caption.png') repeat-x bottom;
    color: #333333;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding: 6px;
}
.filter h3 {
    background: #e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    color: #666;
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
    font-size: 90%;
    font-weight: bold;
    margin: 0 0 6px 0;
    padding: 6px;
}
.filter select, .filter input {
    border-left-width: 0;
    border-right-width: 0;
    margin: 0 0 4px -6px;
    padding: 3px;
    width: calc(100% + 6px);
}
.filter select {
    padding: 0 3px;
    margin: 0 0 4px -3px;
}
.filter input[type=checkbox] {
    width: auto;
    border: none;
    margin: 3px;
}
.filter input.vDateField {
    width: 50%; /* to the left of the helper js text */
    border-right-width: 1px;
}
.filter label {
    color: inherit;
}
.filter p {
    padding: 3px;
}
.filter ul {
    margin: 0px 0px 8px 12px;
    padding: 3px;
}
.filter a.bigbutton {
    margin: 0 0 0 -3px; /* offset for the padding on the p elements */
}

/* Top search */
.top-search {
    border: 1px solid #d7d7d7;
    border-bottom: 0px;
}
/* Action */
.action {
    border: 1px solid #d7d7d7;
}
/* Paginator */
div.paginator {
    border: 1px solid #d7d7d7;
    border-bottom: 0px;
}
/* Flexlist */
.flex-list td {
    border-left: 1px solid #CCC;
}
.flex-list td:first-child {
    border-left: 0px;
}
/* Form large */
.form-large label {
    width: 200px;
    display: block;
    float: left;
    margin: 8px 0;
    clear: left;
}
.form-large span.block {
    width: 198px;
    float: left;
    margin: 6px 0 6px 0;
    border: 1px solid #bbb;
    padding: 3px 8px 7px 3px;
    background: white url(../img/admin/nav-bg.gif) bottom repeat-x;
}
.form-large input[type="button"], .form-large input[type="submit"] {
    margin: 0 0 0 0;
    padding: 3px 5px 3px 1px;
    background: transparent url('../img/bas/icons/big/button.png') no-repeat left center;
    border: 0;
    font-size: 12px;
    color: white;
    font-weight: bold;
    width: 190px;
    height: 31px;
    font-family: arial;
}
.form-large input[type="submit"]:active, .form-large input[type="submit"]:hover {
    background-image: url('../img/bas/icons/big/buttonhover.png');
}
.form-large input[type="button"] {
    background-image: url('../img/bas/icons/big/buttoncancel.png');
}
.form-large input[type="button"]:active, .form-large input[type="button"]:hover {
    background-image: url('../img/bas/icons/big/buttoncancelhover.png');
}
.form-large label + div {
    display: inline-block;
}
.form-large .form-group small.text-muted {
    display: block;
    max-width: 500px;
}
.requiredField label, label.requiredField {
    font-weight: bold !important;
    color: #333 !important;
}
.buttonHolder {
    text-align: right;
}
.custom-checkbox {
    margin-left: 200px;
}
.custom-checkbox label {
    float: none;
    display: inline-block;
}
/* iconblock */
.iconblock {
    height: 100px;
}
.iconblock h2 {
    font-size: 120%;
    color: #333;
    border-bottom: 1px solid #eee;
    font-variant: small-caps;
    margin-bottom: 0;
}
.iconblock a {
    margin: 0 10px 0 0;
    padding: 46px 0 0 0; /* room for the icon */
    text-align: center;
    color: #111111;
    font-size: 95%;
    display: block;
    width: 80px;
    float: left;
}
.iconblock a:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    text-decoration: underline;
}
a.newwindowlink {
    background: url('../img/icons/32x32/actions/window-new.png') no-repeat center;
}
a.genericlink {
    background: url('../img/icons/32x32/mimetypes/text-x-generic.png') no-repeat center;
}
/* Breadcrumbs */
.breadcrumbs {
    font-size: 90%;
    color: #ddd;
    height: 30px;
}
input[readonly] {
    background: #999999 url(../img/admin/nav-bg-disabled.gif) repeat-x;
    border-color: #e1e1e1;
    color: #757575;
}
form fieldset div {
    clear: both;
}
form fieldset div ul {
    list-style: none;
    float: left;
}
form fieldset p {
    margin-bottom: 1em;
    clear: both;
}
/*.save { padding: 1.4em 1.4em 1.4em 215px; }*/
.save {
    text-align: center;
}
/* Tablesorter */
table.tablesorter thead tr th.tablesorter-headerDesc {
    background: url(../img/admin/arrow-down.gif) right 1.2em no-repeat;
}
table.tablesorter thead tr th.tablesorter-headerAsc {
    background: url(../img/admin/arrow-up.gif) right .4em no-repeat;
}
/* multi field select */
form .selector select.multiple, form .selector select[multiple="multiple"] {
    width: 100%;
    height: 125px;
    border: 1px solid #CCC;
}
form .selector label {
    clear: both;
    color: black;
    display: block;
    float: left;
    font-size: 120%;
    font-weight: bolder;
    margin-top: 7px;
    width: 100%;
}
form .selector div {
    clear: none;
}

#filterform ul {
    list-style-type: none;
    margin: 8px;
    padding: 0px;
}

.selector .selector-chosen .selector-filter {
    height: 36px;
    line-height: 36px;
}
/* CheckboxMultipleSelectWithJS 3-column layout */
.large-multiple-choice-quickselect { display: block; padding-top: 8px; }
.large-multiple-choice { clear: both; display: block; }
.large-multiple-choice .column { clear: none; float: left; width: 230px; margin-left: 4px; }
.large-multiple-choice .column label { margin: 0; padding: 2px 0; margin-left: 16px; width: auto; }
.large-multiple-choice .column input { margin: 0; padding: 0; margin-left: -20px; width: 16px; border: 0; }

#flexlist th { cursor: pointer; }

.inactive {
    font-style: italic;
    color: gray;
}

/* highlight warnings in tables */
.value-warning {
    font-weight: bold;
    color: red !important;
}
/* a bit of color to a not-today-date in the timesheet */
input.highlight {
    color: white;
    background: purple;
}

/* custom styles */

/* this textarea needs more room */
.invoicetemplate-invoicetemplate #id_content {
    display: block;
    clear: both;
    width: 95%;
    font-size: 10px;
}
/* blegh. fix "clear" button near template editing */
.invoicetemplate-invoicetemplate #logo-clear_id {
    margin-top: 8px;
    display: inline;
}
.invoicetemplate-invoicetemplate label[for=logo-clear_id] {
    clear: right;
    display: inline;
    float: right;
}

#statusform select {
    width: auto;
}
#statusform a.reactivatelink {
    float: none;
    display: inline;
}

table.finance-dashboard a {
    display: block;
    background: #ffe;
}
select.duration {
    width: 50px;
}