/*  ###########################################################################
    company:    http://42.nl/
    date:       November 2009
    ########################################################################### */

/*  HTML ---------------------------------------------------------------------- */

body {
    color: #444;
    background: #f7f7f7 url(../images/backgrounds/body.png) repeat-y 0 0;
}

body > header {
    border-bottom: 3px solid #444;
    padding: 0 0;
    width: 100%;
    min-width: 990px;
    max-width: 1024px;
    height: 100px;
    overflow: hidden;
    /* background: white url(../images/identity/cbg-logo.png) no-repeat right bottom; */
}

footer {
    position: relative;
    float: left;
    width: 100%;
    min-width: 990px;
    max-width: 1024px;
    padding: 0 0 0 0;
    height: 50px;
    background: transparent url(../images/backgrounds/footer-back.png) repeat-x 0 -40px;
    overflow: hidden;
}

/*  Layout ------------------------------------------------------------------ */

.application {
    position: relative;
    float: left;
    padding: 0;
    max-width: 1024px;
    min-width: 990px;
    width: 100%;
    background: url("../images/backgrounds/sidebar-back.png") no-repeat scroll right bottom #F2F2F2;
    overflow: visible;
}

.application h1 {
    position: absolute;
    top: 0;
    z-index: 24;
    padding-left: 75px;
    height: 60px;
    letter-spacing: 0.5px;
    font-style: italic;
    line-height: 3.3;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-shadow: #eee 0 1px 0;
    color: black;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 35px 20px;
}

.application > h1:first-child + nav {
    border-bottom: 1px solid white;
    padding: 0;
    height: 65px;
    background: transparent url(../images/backgrounds/list-back.png) repeat 0 0;
    overflow: hidden;
}

.application nav + nav {
    margin-top: -20px;
    height: 20px;
}

.content {
    background: url("../images/backgrounds/bottom-bar.png") repeat-x scroll 0 bottom transparent;
    min-height: 341px;
    overflow: hidden;
    padding: 2em 35px 40px;
}

.datagrid_info {
    bottom: 10px;
    left: 35px;
    position: absolute;
    z-index: 42;
}

.utilities {
    padding-left: 35px;
    height: 20px;
    text-transform: uppercase;
    font-size: 0.8em;
    line-height: 1;
    color: #888;
    background: transparent url(../images/backgrounds/utilities-back.png) repeat-x 0 0;
}

.sidebar {
    position: relative;
    float: right;
    overflow: hidden;
    padding: 1em 0;
    position: relative;
    width: 260px;
}

.sidebar h4 {
    padding: 0 15px 1em;
}

.sidebar p {
    clear: both;
    padding: 1em 35px 1em 15px;
}

.sidebar ul {
    margin: 0;
    padding: 0 15px;
    display: block;
    list-style: none;
}

/*  h1 icons -------------------------------------------------------------------- */

.dashboard h1 {
    background-image: url(../images/icons/32/home.png);
}

.general h1 {
    background-image: url(../images/icons/32/full_page.png);
}

.facts h1 {
    background-image: url(../images/icons/32/puzzle.png);

}

.sources h1 {
    background-image: url(../images/icons/32/package.png);
}

.persons h1 {
    background-image: url(../images/icons/32/male_female_users.png);
}

.viewer h1 {
    background-image: url(../images/icons/32/users.png);
}

.support h1 {
    background-image: url(../images/icons/32/support.png);
}

.project h1 {
    background-image: url(../images/icons/32/office_folders.png);
}

.profile h1 {
    background-image: url(../images/icons/32/id_card.png);
}

.todo h1 {
    background-image: url(../images/icons/32/accept.png);
}

.diary h1 {
    background-image: url(../images/icons/32/book.png);
}

.contact h1 {
    background-image: url(../images/icons/32/email.png);
}

.search h1 {
    background-image: url(../images/icons/32/search.png);
}

/*  TABELS --------------------------------------------------------------------- */

table {
    width: 100%;
}

th, td {
    padding: 0 4px;
    line-height: 1.8;
}

thead a,
thead a:visited {
    color: #fff;
}

/* thead th:hover a, */
thead a:hover {
    text-decoration: underline;
}

caption {
    height: 30px;
    text-align: right;
}

caption .button {
    float: right;
    white-space: nowrap;
    font-size: 0.78em;
}

.application thead th {
    border-right: 1px solid #444;
    border-left: 1px solid #777;
    padding: 0.5em 4px;
    font-size: 0.9em;
    line-height: 1;
    font-family: "Arial Narrow", Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    text-shadow: #333 0 -1px 0;
    text-transform: uppercase;
    color: #fff;
    background: #3E3E3E url(../images/backgrounds/th-back.png) repeat-x left top;
    cursor: default;
    width: 10px;
    white-space: nowrap;
}

thead .button {
    float: right;
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: #66ccff;
    background: none;
    cursor: pointer;
}

tbody .tools a {
    position: relative;
    top: 0.3em;
    display: block;
    margin: 0;
    width: 16px;
    height: 16px;
    text-indent: -3000px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center bottom;
    cursor: pointer;
}

.rgba tr:nth-child(odd),
.odd td {
    background-color: #e8e8e8;
}

tbody td a {
    color: #444;
}

tbody td a:visited {
    color: #444;
}

tbody td:hover a {
    /* color: #FFF; */
}

tbody td.tools a {
    margin: 0 0 -0.3em 0;
    color: #444;
    background-position: 0 0;
}

tr.active td {
    font-weight: bold;
}

tbody .selected td {
    color: #fff;
    background-color: #A6CE39;
    background-image: none;
    cursor: pointer;
}

.application tbody .detail td:not(.empty):hover,
.application tbody td:not(.empty):hover {
    color: #fff;
    background-color: #639efc;
    cursor: pointer;

}

tbody label {
    cursor: pointer;
}

.application .datagrid tbody .detail tr td.hover,
.application tbody tr:hover td,
.application tbody tr td.hover {
    background-image: url(../images/backgrounds/column-back.png);

}

tfoot td {
    position: relative;
    height: auto;
    line-height: 1.7;
    color: #fff;
    background: #3E3E3E url(../images/backgrounds/th-back.png) repeat-x left top;
    cursor: default;
}

tfoot .selected-text {
    padding: 0 0 0 20px;
    color: #fff;
    background: transparent url(../images/icons/16/target.png) no-repeat 0 0;
    cursor: pointer;
    font-family: "Arial Narrow", Arial, sans-serif;
    letter-spacing: 1px;
    white-space: nowrap;
    line-height: 1.5;
}

tfoot .selected-text:hover {
    background-image: url(../images/icons/16/delete.png);
}

table.detail {
    margin-bottom: 1em;
    width: 100%;
}

.detail tbody th {
    width: 25%;
}

.detail tbody td .bron {
    color: #0080ff;
}

/* OVERRIDE */
.detail tbody tr:hover td,
.detail tbody tr td:hover {
    color: #444;
    background: white;
    cursor: text;
}

/*  MESSAGES --------------------------------------------------------------------- */

ul.feedbackPanel {
    margin: 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 0.5em 24px;
    color: red;
    width: 460px;

}

ul.feedbackPanel li {
    margin: 0;
    color: #990000;
}

ul.feedbackPanel li span {
    color: #990000;
}

.feedback ul.feedbackPanel {
    padding: 0 14px;
    background: transparent;
}

.feedback ul.feedbackPanel li {
    color: #fc0;
}

.feedback ul.feedbackPanel li span {
    color: #900;
}

/*  MISCELLANEOUS  --------------------------------------------------------------------- */

.skyscraper {
    position: absolute;
    top: 100px;
    float: none;
    left: 1045px;
    width: 150px;
}

/*  Viewer -------------------------------------------------------------------- */

.viewer {
    width: 100%;
    height: 490px;
    min-width: 990px;
    max-width: 1024px;
    background-image: none;
}

.content .tree {
    position: absolute;
    top: 66px;
    left: 0;
    width: 100%;
    height: 427px;
    overflow: hidden;
}

.viewer .content {
    background: none;
}

/* slider jQuery UI */
.ui-corner-all {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.ui-widget {
    font-family: Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #aaa;
    background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222
}

.ui-widget-header {
    border: 1px solid #aaa;
    background: #ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222;
    font-weight: 700
}

.ui-state-default, .ui-widget-content .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #555;
    outline: none
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #555;
    text-decoration: none;
    outline: none
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
    border: 1px solid #999;
    background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #212121;
    outline: none
}

.ui-state-hover a, .ui-state-hover a:hover {
    color: #212121;
    text-decoration: none;
    outline: none
}

.ui-state-active, .ui-widget-content .ui-state-active {
    border: 1px solid #aaa;
    background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #212121;
    outline: none
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #212121;
    outline: none;
    text-decoration: none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a {
    color: #363636
}

.ui-state-error, .ui-widget-content .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled {
    background-image: none
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary {
    font-weight: 400
}

.ui-slider {
    position: relative;
    top: 1em;
    left: 35px;
    text-align: left;
    width: 120px;
    z-index: 4242
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider .amount {
    display: block;
    width: 120px;
    text-align: center;
    line-height: 4
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-widget-content a, .ui-widget-header a {
    color: #222
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error-text {
    color: #cd0a0a
}

/*  SEARCH  --------------------------------------------------------------------- */

.results .blurb {
    padding: 0;
}

.results h5 {
    color: green;
    padding: 0 0 1em;
}

.results h4 {
    font-size: 1.3em;
    padding: 0;
}

.results {
    min-height: 365px;
    width: 100%;
    overflow: hidden;
    padding: 2em 0px 40px;
}