/* defaults {{{ */
html, body {
    background-color: white;
}
body {
    background: url(../graphics/wrapper-top-bg.jpg) top left repeat-x;
    min-width: 1242px;
}
html {
    min-height: 100%;
    *height: 100%;
}
/* }}} */
/* wrappers {{{ */
/**** WRAPPER OUTER ****/
#wrapper-outer {
}

/**** WRAPPER ALIGN MIDDLE ****/
.wrapper-align-middle {
    width: 1242px;
    margin-left: auto;
    margin-right: auto;
}

/**** WRAPPER TOP ****/
#wrapper-top {
    position: relative;
}

/**** WRAPPER TOP INNER ****/
#wrapper-top-inner {
    height: 116px;
/**    background: url(../graphics/wrapper-top-inner-bg.jpg) bottom right no-repeat; **/
}

/**** WRAPPER MIDDLE ****/
#wrapper-middle {
    background: url(../graphics/dots-bg.jpg) 0px 0px repeat;
}
#wrapper-middle-inner {
    background: url(../graphics/wrapper-middle-bg.jpg) 0px 0px repeat-y;
    min-height: 600px;
    *height: 600px;
}

/**** WRAPPER BOTTOM ****/
#wrapper-bottom {
    background: url(../graphics/wrapper-bottom-top-bg.jpg) top left repeat-x;
}
#wrapper-bottom-inner {
    padding-left: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 13px;
}
/* }}} */
/* logo {{{ */
#logo {
    position: absolute;
    top: 0px;
    left: 0px;
}
/* }}} */
/* search-form {{{ */
#search-form {
    display: none;
    position: absolute;
    right: 0px;
    top: 49px;
    background-color: #373238;
    padding: 5px;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}
#search-form input {
    padding: 2px;
}
/* }}} */
/* wrapper top stuff {{{ */
/**** COMMON ****/
#menu-topleft,
#menu-topright,
#menu-header-bottom {
    overflow: hidden;
}
#menu-topleft li,
#menu-topright li,
#menu-header-bottom li {
    display: block;
    float: left;
}

/**** TOPLEFT ****/
#menu-topleft {
    position: absolute;
    left: 289px;
    top: 17px;
}
#menu-topleft li {
    padding-left: 38px;
}
#menu-topleft li.first {
    padding-left: 0px;
}
#menu-topleft li.selected {
    font-weight: bold;
}
#menu-topleft a {
    color: white;
}

/**** TOPRIGHT ****/
#menu-topright {
    position: absolute;
    right: 53px;
    top: 17px;
}
#menu-topright li {
    padding-left: 20px;
    font-weight: bold;
}
#menu-topright li.first {
    padding-left: 0px;
}
#menu-topright a {
    color: white;
    font-weight: bold;
}

/**** SEARCH ICON ****/
#search-icon {
    position: absolute;
    top: 14px;
    right: 19px;
}

/**** HEADER BOTTOM ****/
#header-bottom {
    position: absolute;
    overflow: hidden;
    top: 77px;
    left: 289px;
}

#header-text {
    float: left;
    background: url(../graphics/header-text-icon.jpg) top left no-repeat;
    color: black;
    padding-left: 28px;
}
#header-text a {
    color: black;
}
#header-text a:hover {
    text-decoration: underline;
}

/**** MENU HEADER BOTTOM ****/
#menu-header-bottom {
    float: left;
    padding-left: 30px;
}
#menu-header-bottom li {
    padding-left: 13px;
    padding-right: 9px;
    border-left: 1px solid black;
}
#menu-header-bottom li.first {
    padding-left: 0px;
    border-left: none;
}
#menu-header-bottom a {
    color: black;
}
/* }}} */
/* leftpane {{{ */
#leftpane {
    width: 270px;
    float: left;
    padding-top: 52px;
}

/**** MENU MAIN ****/
#menu-main {
    width: 251px;
    margin-left: auto;
    margin-right: auto;
}
#menu-main li.one {
    background: url(../graphics/menu-main-one.jpg) top left no-repeat;
}
#menu-main li.selected {
    background: url(../graphics/menu-main-one-selected.jpg) top left no-repeat;
}
#menu-main a.one {
    outline: 0;
    display: block;
    height: 43px;
    line-height: 43px;
    padding-left: 51px;
    color: #000000;
}
#menu-main ul.two {
    background: url(../graphics/menu-main-submenu-bg.jpg) top left repeat-y;
    display: none;
}
#menu-main ul.two li.first {
    background: url(../graphics/menu-main-submenu-first.jpg) top left no-repeat;
}
#menu-main ul.two li.last {
    height: 35px;
    line-height: 35px;
}
#menu-main li.two {
    height: 37px;
    width: 122px;
    padding-left: 34px;
    margin-left: auto;
    margin-right: auto;
    line-height: 37px;
}
#menu-main a.two {
    color: black;
}
/* }}} */
/* rightpane {{{ */
#rightpane {
    width: 972px;
    float: left;
}
/* }}} */
/* breadcrumbs {{{ */
.breadcrumbs {
    background: url(../graphics/breadcrumbs-bg.jpg) top left repeat-x;
    height: 37px;
    padding-top: 8px;
    padding-left: 19px;
}

.breadcrumbs ul {
    background: url(../graphics/breadcrumbs-ul-bg.jpg) top left repeat-x;
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: 26px;
    overflow: hidden;
}
.breadcrumbs li {
    float: left;
    height: 26px;
    line-height: 26px;
    background: url(../graphics/breadcrumbs-li-bg.jpg) top left no-repeat;
    padding-right: 5px;
    padding-left: 17px;
}
.breadcrumbs li.first {
    background: none;
    padding-left: 0px;
}
.breadcrumbs li.last {
    padding-right: 0px;
}
.breadcrumbs li.gfx-first {
    width: 7px;
    background: url(../graphics/breadcrumbs-gfx-first.jpg) top left no-repeat;
    padding: 0px;
}
.breadcrumbs li.gfx-last {
    width: 7px;
    background: url(../graphics/breadcrumbs-gfx-last.jpg) top left no-repeat;
    padding: 0px;
}
.breadcrumbs {
    font-size: 13px;
}
.breadcrumbs a {
    color: #44494d;
    font-size: 13px;
    font-weight: bold;
}
.breadcrumbs li.selected a {
    color: black;
}

/* }}} */

/* tabs {{{ */
.tabs-wrapper {
    position: relative;
    padding-top: 40px;
    width: 930px;
}

/**** SELVE TABSA ****/
.tabs {
    position: absolute;
    top: 4px;
    left: 0px;
    height: 40px;
}
.tabs li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    float: left;
    margin-right: 5px;
}
.tabs a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    outline: 0;
    height: 33px;
    line-height: 33px;
    margin-top: 7px;
    padding-left: 14px;
    padding-right: 14px;
    color: white;
    background-color: #009784;
}
.tabs .first a {
    margin-left: 5px;
    padding-left: 16px;
    padding-right: 15px;
}
.tabs .simpletabs-selected a {
    margin-left: 0px;
}
.simpletabs-selected {
    background-color: #f8f8f8;
    font-weight: bold;
}
.simpletabs-selected a {
    height: 36px;
    padding-top: 4px;
    color: black;
    background-color: transparent;
    margin-top: 1px;
}

/**** CONTENTS ****/
.tabs-wrapper .tab {
    display: none;
}
.tabs-wrapper .simpletabs-open {
    display: block;
}
.tabs-contents {
    background-color: white;
}
.tabs-contents .inner {
    padding: 20px;
}

/**** ROUND FUCKING CORNERS ****/
.tabcts-l {
    background: url(../graphics/tabs-left.jpg) top left repeat-y;
}
.tabcts-t {
    background: url(../graphics/tabs-top.jpg) top left repeat-x;
}
.tabcts-r {
    background: url(../graphics/tabs-right.jpg) top right repeat-y;
}
.tabcts-b {
    background: url(../graphics/tabs-bottom.jpg) bottom left repeat-x;
}
.tabcts-tl {
    background: url(../graphics/tabs-top-left.jpg) top left no-repeat;
}
.tabcts-tr {
    background: url(../graphics/tabs-top-right.jpg) top right no-repeat;
}
.tabcts-bl {
    background: url(../graphics/tabs-bottom-left.jpg) bottom left no-repeat;
}
.tabcts-br {
    background: url(../graphics/tabs-bottom-right.jpg) bottom right no-repeat;
}

.simpletabs-selected .tab-l {
    background: url(../graphics/tabs-left.jpg) top left repeat-y white;
}
.simpletabs-selected .tab-t {
    background: url(../graphics/tabs-selected-top.jpg) top left repeat-x;
}
.simpletabs-selected .tab-r {
    background: url(../graphics/tabs-right.jpg) top right repeat-y;
}
.simpletabs-selected .tab-tl {
    background: url(../graphics/tabs-selected-top-left.jpg) top left no-repeat;
}
.simpletabs-selected .tab-tr {
    background: url(../graphics/tabs-top-right.jpg) top right no-repeat;
}
.simpletabs-selected .tab-bl {
    background: url(../graphics/tabs-selected-bottom-left.jpg) bottom left no-repeat;
}
.simpletabs-selected .tab-br {
    background: url(../graphics/tabs-selected-bottom-right.jpg) bottom right no-repeat;
}
.tabs .first .tab-bl {
    background: none;
}
/* }}} */
/* fieldset {{{ */
fieldset ul.one {
    overflow: hidden;
}
fieldset label.one {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
    color: #666;
}
fieldset a.icon-tooltip {
    float: right;
    cursor: pointer;
}

fieldset li.one {
    margin-bottom: 20px;
    width: 890px;
    clear: both;
    overflow: hidden;
    border: 1px solid #cdcdcd;
    border-radius: 8px 8px 8px 8px;
    background-color: #f6f6f6;
}
fieldset li.error {
    background-color: #fdd;
}
fieldset li.last {
    margin-bottom: 10px;
}
fieldset li.half {
    width: 430px;
}
fieldset li.half-1 {
    float: left;
    clear: left;
}
fieldset li.half-2 {
    float: right;
    clear: right;
}

fieldset li input,
fieldset select,
fieldset textarea {
    padding: 4px;
}

fieldset li.one input,
fieldset li.one textarea {
    width: 856px;
}
fieldset li.one input[type=checkbox],
fieldset li.one input[type=radio] {
    width: auto;
}
fieldset li.one select {
    width: 870px;
}
fieldset li.one textarea {
    height: 100px;
}

fieldset li.half input,
fieldset li.half textarea {
    width: 396px;
}
fieldset li.half input[type=checkbox],
fieldset li.half input[type=radio] {
    width: auto;
}
fieldset li.half select {
    width: 410px;
}
fieldset li.half textarea {
    height: 50px;
}

.field-inner {
    padding: 10px;
}

fieldset .tooltip {
    display: none;
    z-index: 99999;

    opacity: 0.9;
    filter: alpha(opacity = 90);

    background-image: -moz-linear-gradient(#666, #000);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#000));
    background-image: -webkit-linear-gradient(#666, #000); 
    background-image: -o-linear-gradient(#666, #000);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#666666, endColorstr=#000000);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#666666, endColorstr=#000000);

    border: 3px solid white;
    border-radius: 8px 8px 8px 8px;
    
    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;

    padding: 15px;
    min-width: 200px;
    max-width: 600px;
    font-size: 13px;

    color: white;
}
fieldset .tooltip .label {
    color: yellow;
    width: 35px;
}
fieldset .tooltip a {
    color: #ad4;
    font-size: 11px;
    font-weight: bold;
}
#wizard .tooltip .closer {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 35px;
    height: 35px;
    display: block;
    text-indent: -9999px;
    outline: 0;
    background: url(/media/graphics/close.png) top left no-repeat;
}
fieldset .tooltip h2 {
    font-size: 13px;
    text-transform: uppercase;
    padding-bottom: 0px;
}
fieldset .tooltip p {
    padding-top: 0px;
}

fieldset .fielderrors {
    font-weight: bold;
    padding: 5px;
}

fieldset .errors li {
    background: url(/media/graphics/delete.png) 0px 5px no-repeat;
    padding: 5px;
    padding-left: 30px;
}

fieldset .examples {
    width: 600px;
}
fieldset .examples li {
    overflow: hidden;
}

fieldset .examples .expand,
fieldset .examples .contract {
    display: block;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    float: left;
}

fieldset .examples .expand {
    background: url(/media/graphics/expand.gif) 0px 2px no-repeat;
}
fieldset .examples .contract {
    background: url(/media/graphics/contract.gif) 0px 2px no-repeat;
}

fieldset .examples .use {
    display: block;
    float: left;
    clear: right;
}

fieldset .examples .example {
    display: none;
    clear: both;
    padding-top: 6px;
    padding-bottom: 12px;
    cursor: pointer;
}

/* }}} */
/* wizard {{{ */
.module_wizards {
	margin-top: 10px;
}

.module_wizards li {
	padding-top: 10px;
}

#wizard {
    display: none;
    width: 932px;
    background: url(../graphics/dots-bg.jpg) top left repeat;
    padding: 25px;
    border: 4px solid #686868;

    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
}
#wizard .inner {
    border: 1px solid #d6d6d6;
}

#wizard .closer {
    position: absolute;
    right: 38px;
    top: 37px;
}

#wizard .helper{
    position: absolute;
    right: 100px;
    top: 45px;
}

/**** HEADER ****/
#wizard h1 {
    background-color: black;
    color: white;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
}

/**** BREADCRUMBS ****/
#wizard .breadcrumbs {
    background-image: none;
    background-color: #edecf1;
    height: 30px;
    padding-top: 4px;
}
#wizard .breadcrumbs a {
    color: #9f9d9e;
}
#wizard .breadcrumbs .done a {
    color: #44494d;
}
#wizard .breadcrumbs .selected {
    color: black;
    font-weight: bold;
}

/**** FIELDSET ****/
#wizard fieldset {
    padding: 20px;
    background-color: white;
    overflow: hidden;
}
#wizcontents {
    background-color: white;
    min-height: 400px;
    *height: 400px;
}

#exposeMask {
    /*bottom: 0px;*/
}
/* }}} */

/* ansatt {{{ */
#employee-general_info td {
    padding-left: 4px;
    padding-right: 4px;
}
/* }}} */
/* module_buttons {{{ */
#module_buttons {
    padding-bottom: 20px;
    overflow: hidden;
}
/* }}} */

/* table-list {{{ */
.table-list td,
.table-list th,
.table-details .table-list td,
.table-details .table-list th {
    border-bottom: 1px solid #9f9f9f;
    padding: 7px 7px 8px;
}
.table-list th {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
}
.table-list td {
    font-size: 11px;
}
.table-list {
    border-top: 1px solid #9f9f9f;
    border-left: 1px solid #9f9f9f;
    border-right: 1px solid #9f9f9f;
}

.table-list .row1 td {
    background-color: #eee;
}
.table-list .row2 td {
    background-color: #fefefe;
}
/* }}} */
/* table-details {{{ */
.table-details td,
.table-details th {
    padding-bottom: 10px;
}
.table-details th {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    padding-right: 15px;
}
.table-details td {
    padding-left: 15px;
}
.table-details {
    border: 1px solid #ccc;
    background-color: #f4f4f4;
    display: inline-block;
    *display: inline;
    padding: 15px;

    border-radius: 10px 10px 10px 10px;

    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#cccccc')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#cccccc');
}

/* }}} */
/* table-inline {{{ */
.table-inline {
    border-left: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
}

.table-inline th {
    background-color: #e8e8e8;
    font-weight: bold;
}
.table-inline th {
    border-top: 1px solid #e8e8e8;
}
.table-inline td,
.table-inline th {
    text-align: center;
    vertical-align: top;
    width: 1px;
    padding: 4px;
}
.table-inline tfoot td {
    border-top: 1px solid #a8a8a8;
    text-align: right;
}

fieldset li.one .table-inline .add {
    background: url(/media/graphics/buttons-create-icon.png) 2px 3px no-repeat;
    padding: 2px;
    width: auto;
    padding-left: 18px;
}

fieldset li.one .table-inline input {
    width: 130px;
}
fieldset li.one .table-inline input[type=checkbox],
fieldset li.one .table-inline input[type=radio] {
    width: auto;
}
fieldset li.one .table-inline select {
    width: auto;
}

/* }}} */

/* buttons {{{ */
fieldset .buttons,
#wizard .buttons {
    position: relative;
    height: 16px;
    line-height: 16px;
}

fieldset .buttons .left,
#wizard .buttons .left {
    position: absolute;
    top: 0px;
    left: 15px;
}

fieldset .buttons .right,
#wizard .buttons .right {
    position: absolute;
    top: 0px;
    right: 15px;
}

#wizard .buttons {
    background-color: #dae4e3;
    height: 65px;
}
#wizard .buttons .left,
#wizard .buttons .right {
    top: 15px;
}
#wizard .buttons input {
    font-size: 20px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px;
    overflow: visible;
}
#wizard .submit {
    background-color: white;
    color: #525c5b;
    font-weight: bold;
    font-size: 14px;
}

/* }}} */
/* frontpage {{{ */
.start-wizard {
    background: url(/media/graphics/icons/wizard.png) no-repeat 12px 4px #FDA400;
    color: white;
    text-align: center;
    padding: 8px;
    padding-left: 50px;
    padding-right: 14px;
    font-size: 16px;
    border-radius: 4px 4px 4px 4px;
    display: inline-block;
    font-weight: bold;
}
.start-wizard:hover {
    background-color: #FEB511;
}
/* }}} */
/* messages {{{ */
.messages .hide td .container {
    display: none;
}
/* }}} */

.folder-view {
    font-size: 1.25em;
}

.folder-view li.folder {
    margin-bottom: 6px;
}

.folder-view ul {
    padding-left: 16px;
}

.folder-view .hover .context-menu {
    display: none;

    border: 1px solid #999;
    background: #aaa;
    border-radius: 4px;

    font-size: 12px;
    margin-left: 2px;
}

.folder-view .context-menu a:hover {
    opacity: 0.7;
}

.folder-view .hover:hover .context-menu {
    display: inline-block;
}

.tooltip {
    background: rgba(0, 0, 0, 0.6);
    padding: 3px;
    font-size: 12px;
    color: white;
}