/*
-----------------------------------------------------------------------------
BASIC INLINE/TEXT STYLING

Background-Colors: #D0CEC3
Text-Colors: #3F3F3F, #B2B2B2
Link-Colors: #009FE3
Line-Colors: #B4B4B4
Error-colors: #009FE3

-----------------------------------------------------------------------------
General
-----------------------------------------------------------------------------*/
html {
    height: 100%;
}
body {

    font: 13px/14px Verdana, Helvetica, sans-serif;
    *line-height:13px;
    color: #3F3F3F;
}
strong {
    font-weight: bold;
}
hr {
    display: none;
}
button {
    cursor:pointer;
    display:block;
    padding:0;
    border:none;
}
sup {
    vertical-align:super;
    font-size:smaller;
}

a, a:visited {
    color:#009FE3;
    text-decoration:none;
    outline:none;
}
a.label {
    color:#3F3F3F;
}
a:hover {
    text-decoration: underline;
}

a.img,
a.img:hover {
    text-decoration: underline;
}

a.cancel {
    float:right;
}

.tab a,
.tab a:visited {
    text-decoration: underline;
}

.script .hidden {
    display: none;
}

.error {
    color:#009FE3;
}

div.editable .error {
    display:block;
    margin-bottom: 5px;
}

.clr {
    clear: both;
}

.last {
    margin:0 !important;
}

.rowDotted {
    height: 1px;
    background: url(../images/dotted-h.gif) repeat-x;
    border: none;
}
div.dotted {
    width:100%;
    display:block;
    overflow:hidden;
    height:1px;
    background:url(../images/dotted-h.gif) repeat-x;
}

/*
-----------------------------------------------------------------------------
GRID
-----------------------------------------------------------------------------*/
#header,
#main,
#footer {
    width:992px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
}

.info,
#dataset {
    padding:0 10px;
}

.c-1,
.c-2 {
    float:left;
}


/*
-----------------------------------------------------------------------------
HEADER
-----------------------------------------------------------------------------*/
#header .lang {
    float: right;
}
#header .lang li {
    float:right;
    width: 24px;
    height: 18px;
    margin-left:2px;
    background:url(../images/shadow-flag.gif) no-repeat;
}
#header .lang li a {
    position: relative;
    display: block;
    width: 20px;
    height: 14px;
    margin: 1px 0 0 1px;
    text-indent: -9999em;
    overflow: hidden;
    white-space: nowrap;
}
#header .lang #de a {background: url(../images/flags.gif) 0 0 no-repeat;}
#header .lang #uk a {background: url(../images/flags.gif) -20px 0 no-repeat;}
#header .lang #fr a {background: url(../images/flags.gif) -40px 0 no-repeat;}
#header .lang #nl a {background: url(../images/flags.gif) -60px 0 no-repeat;}
#header .lang #pl a {background: url(../images/flags.gif) -80px 0 no-repeat;}

#header .lang {
    float: right;
    margin:14px 0 7px;
}

.info {
    border-top:solid 1px #B4B4B4;
    height:70px;
}

#header .info { border: none;}

#logo {
    /* NOTE - See lang-css for image and width */
    float: left;
    margin: 10px 0;
    width: 160px;
    height: 130px;
}

#logo a {
    position: relative;
    display: block;
    width: 222px;
    height: 130px;
    text-indent: -9999em;
    overflow: hidden;
    white-space: nowrap;    
}

#userNav {
    float: right;
    margin: 14px 10px 12px 0;
    text-align: right;
    line-height: 20px;
}
#userNav a {
    text-decoration: none;
}
#userNav a:hover {
    text-decoration: underline;
}

#userNav a.shoppingCart {
    float: left;
}

#userNav a.shoppingCart,
#userNav a.help {
    font-size:12px;
    font-weight: bold;
}


.page-header {
    height:22px;
    padding:10px 0 0 19px;
    background: #dedcd6 url(../images/bg-page-header.gif) center top repeat-x;
    border-bottom:1px solid #b4b4b4;
    /* margin:0 0 20px 0; */
    margin:0;
}

/*
-----------------------------------------------------------------------------
MAIN
-----------------------------------------------------------------------------*/
.main {    
    background: #fff;
}

.lnkPoser {
    height:34px;
}
.lnkLeft {
    float:left;
    right: 10px;
    padding: 10px 20px;
}
.lnkRight {
    float:right;
    right: 10px;
    padding: 10px 20px;
}
.tabPanel {
    width: 100%;
    height: 24px;
    font-size: 16px;
    font-weight: bold;
    padding: 48px 0px 0px 0px;
}
.tabLeft {
    float: right;
    right: 10px;
    height: 18px;
    border: 0px solid;
    padding: 4px 6px 0px 6px;
    text-decoration: none !important;
    text-transform: uppercase;
}

.tabLeft a {
    text-decoration: none;
}

.tabLeftActive a {
    text-decoration: none;
    color: #555555;        
}

.tabLeft2 a {
    text-decoration: none;    
}

.tabLeftActive2 a {
    text-decoration: none;
    color: #555555;        
}

.tabLeft:hover {
    /*text-decoration: underline;*/
    background: #EEECE6;
}
.tabLeftActive {    
    float: right;
    right: 10px;
    height: 18px;
    border: 0px solid;
    color: #000000; 
    padding: 4px 6px 0px 6px;
    text-transform: uppercase;
    text-decoration:none;
}

.tabLeftActive  a:hover {
    /*text-decoration: underline;*/
}

.tabEnd {
    clear: both;
    float: left;
}

/* tabControl2 */

.tabPanel2 {
    clear: both;
    width: 100%;
    height: 24px;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 0px 0px 14px;
    margin:0;
}
.tabLeft2 {
    float: left;
    right: 10px;
    height: 18px;

    border-right: 1px solid #B4B4B4;
    border-left: 1px solid #ffffff;
    border-bottom:  1px solid #B4B4B4;
    padding: 4px 6px 0px 6px;
    text-decoration: none !important;
}

.tabLeft2 a:hover {
    background-color: #EEECE6;
}

.tabLeftActive2 {
    float: left;
    right: 10px;
    height: 18px;
    border-right: 1px solid #B4B4B4;
    border-bottom:  1px solid #EEECE6;
    color: #000000;
    padding: 4px 6px 0px 6px;
}

.tabEnd2 {
    clear: both;
    float: left;
}

.cTab2 { display:none;}
.cTabActive2 { display:block;}

.replaced {
    text-indent:-9999em;
    text-align:left;
    display:block;
    overflow:hidden;
    background-repeat:no-repeat;
    background-position:0 0;
}

.message {
    clear:both;
    width:100%;
    background:transparent url(../images/dotted-h.gif) 0 0 repeat-x;
}
.message p {
    padding:50px 19px;
    background:transparent url(../images/dotted-h.gif) 0 100% repeat-x;
    margin-bottom:20px;
}
#success-page .message {
    margin-top:20px;
}

.subtracknr {
    font-style:italic;
}

/*
-----------------------------------------------------------------------------
TABLE STYLES
-----------------------------------------------------------------------------*/
div.tableWrap {
    background:url(../images/bg-table-wrap.gif) 0 0;
    padding:1px 0;
}
table.dataTable {
    width:100%;
    clear: both;
    background-color:#fff;
    overflow:hidden;

    border-spacing:0;
    border-collapse:separate;
}
table.dataTable .nestedDiffTable {
    width: 90%;
    float: right;    
    table-layout: fixed;
}
table.dataTable table.nestedDiffTable th {
    font-weight:bold;
    padding:3px 0;
}
table.dataTable table.nestedDiffTable td {
    border-bottom:1px solid #ccc;
    padding:0;
    vertical-align: middle;
    word-wrap: break-word;
}
table.dataTable th {
    border-bottom:1px solid #ccc;
    font-weight:bold;
    padding:3px 0;
}
table.dataTable td {
    border-bottom:1px solid #ccc;
    padding:11px 4px 10px;
    vertical-align: middle;
}
table.dataTable tr .first {
    padding-left:19px;
}
table.dataTable tr.last td {
    border:none;
}
table.dataTable em {
    font-size:10px;
    font-style:normal;
}

/* striped tables */
table.stripedTable tr.hover {
    background-color:#F0EFEB;
}
table.stripedTable tbody tr td a {
    color:#3F3F3F;    
}


/*
-----------------------------------------------------------------------------
BASIC FORM STYLES
-----------------------------------------------------------------------------*/
select, input, textarea {
    font-family:arial,helvetica,clean,sans-serif;
}
input,
textarea {
    padding: 3px 3px 2px;
}
select {
    padding:2px 0 1px;
    height: 28px;
}
fieldset {
    border: none;
    overflow: hidden;
}
label {
    font-weight: bold;
}

input.text,
input.date,
input.password {
    display: block;
    border-style: solid;
    border-width: 1px;
    border-color: #444 #ccc #ccc #444;
    border-style: solid;
    border-color: #ddd;
    border-width: 1px;
    border-radius: 4px;
    height: 20px;
}

select {
    display: block;
    border-style: solid;
    border-width: 1px;
    border-color: #444 #ccc #ccc #444;
    border-style: solid;
    border-color: #ddd;
    border-width: 1px;
    border-radius: 4px;
    height: 26px;
}

.lnkButton {
    background:transparent !important;
    border:none;
    display:block !important;
    _display:inline !important;
    _overflow:visible !important;
    margin:0;
    padding:0 !important;
    text-decoration:none;
    cursor:pointer;

    *position:relative;
    *width:0;
    *overflow:visible;
}
.lnkButton:hover {
    text-decoration:underline;
}

/* Firefox and others */
.submitBtn {
    /* NOTE - See lang-css for image and width */
    border:none;
    height: 25px;
    display: block;
    padding:0;
    -moz-padding-start: 0;
    -webkit-padding-start: 0;
    cursor:pointer;
    background-color:#009FE3;
    color: white;
    text-transform: uppercase;
    border-style: solid;
    border-color: #ddd;
    border-width: 1px;
    border-radius: 4px;
    width: 116px;
}

/* IE6, IE7 */
.submitBtn {
    /*border:1px solid red;*/

}

/* Safari */
.submitBtn[class$="submitBtn"]:not([id="xxx"]) {
    /*border:1px solid orange;*/
    padding:0;
}

/* Opera */
@media all and (min-width:0px) {
    .submitBtn[class$="submitBtn"] {
        /*border:1px solid blue;*/
        padding-top:100px;
    }
}

.submitBtn:hover,
input.hover {
    background-color: #0081B7;
}

.submitBtn:disabled {
    background-color: #8c8c8c;
}

/*
-----------------------------------------------------------------------------
FOOTER
-----------------------------------------------------------------------------*/
#footer {
    padding:12px 0 10px;
}
#dataset {
    float:left;
}

#meta a {
    text-decoration:none;
    color: #3F3F3F;
}
#meta a:hover {
    color: #009FE3;
}


/* content */
div.c-0 {
    margin:10px 20px;
}

.content p {
    line-height:15px;
    *line-height:14px;
    margin:0 0 17px 0;
}
.content p strong {
    font-weight:bold;
}
.content p em {
    color:#666;
    font-weight:bold;
}

.head  {
    color: #3F3F3F;
    font-weight:bold;
}

div.editable {
    /*    float:left;*/
}

div.editorBlock {
    /*    float:left;
        width:50%;*/
}

div.editor h1 {
    font-size:1.3em;
    margin-top:1em;
    margin-bottom:1em;
    margin-left:1em;
}

div.editor h2 {
    font-size:1em;
    margin-top:1em;
    margin-bottom:1em;
    margin-left:1em;
}

div.editorBlock h3 {
    font-size:1.2em;
    margin-top:1em;
    margin-bottom:1em;
    margin-left:1em;
}

div.reportText {
    max-height: 400px;
    overflow: auto;
    border:1px solid #ccc;
    /*
        border:1px solid #ccc;    
        padding: 5px;
        margin-left:5px;
        margin-bottom:5px;
    */
}

.backendReportSummary {
    color: #3F3F3F;
    font-weight:bold;
    font-size:16px;
    line-height:32px;
}
.backendReport {
    white-space: pre-wrap;
    word-wrap: break-word;    
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;        
}

.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
}

.ui-slider .ui-slider-handle {
    z-index: 1 !important;
}