@CHARSET "UTF-8";

@import "addUI_IE.css";

body {
    font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

body {
    margin: 8px;
    background-color: #F6F6F6;
    color: black;

}

th {
    font-weight: normal;
}

a, a:active, a:visited {
    color: black;
}
a.active {
    color: #c33;
}

hr {
    height: 1px;
    background-color: #666;
    border-style: none;
}

form {
    margin: 0;
    padding: 0
}

fieldset {
    border: 1px solid #333;
}

/**
---------THE LOGO
*/

#logo {
    /*
    height: 40px;
    width: 170px;
    */
    position: absolute;
    top: 10px;
    left: 20px;

    z-index: 100;
}

/**
---------LEFTFRAME
*/

#leftFrameHead {
    position: absolute;
    top: 85px;
    left: 20px;
    width: 160px;
    height: 13px;

    padding: 3px 10px 2px 10px;
    background-color: #EBEBEB;
    background-image: url( img/listheader_aqua.png );
    border: 1px solid #ccc;
    color: #333;
    font-size: 11px;
    font-weight: bold;
}

#leftFrame {
    position: absolute;
    top: 105px;
    left: 20px;
    width: 180px;
    bottom: 40px;
    border: 1px solid #ccc;
    background-color: #F9F9F9;
    overflow: auto;
}

#leftFrame UL {
    overflow: hidden;
    width: 100%;
    height: auto;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    list-style: none outside none;

}

#leftFrame li {
    font-size: 11px;
    height: 16px;
    background: url( img/icon/C.png ) no-repeat 10px 1px;
    border-bottom: 1px solid #EBEBEB;
}

#leftFrame li a {
    display: block;
    padding-left: 32px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-decoration: none;
}

#leftFrame li.selected {
    background-color: #929292;
    border-bottom: 1px solid #898989;
}

#leftFrame li.selected a {
    color: white;
    font-weight: bold;
}

#leftFrameControls {
    position: absolute;
    left: 20px;
    width: 180px;
    bottom: 20px;
    height: 16px;
    overflow: hidden;
    font-size: 11px;
}

#leftFrameControls a,
    #foldersControls a:active,
    #foldersControls a:visited {
    color: #999999;
    font-size: 11px;
    text-decoration: none;
}

#leftFrameControls a.active,
    #foldersControls a.active:active,
    #foldersControls a.active:visited {
    color: #CC0000;
}

#leftFrameControls a.active:hover {
    text-decoration: underline;
}

/**
---------RIGHTFRAME
*/

#rightFrame {
    position: absolute;
    top: 85px;
    left: 220px;
    right: 40px;
    bottom: 40px;
    border: 1px solid #999;
    background-color: #F9F9F9;
    overflow: auto;
    font-size: 11px;
    z-index: 20;
    white-space: normal;
}

#rightFrame.moded {
    top: 105px !important;
}

#rightFrame.tabbed {
/*    top: 117px;*/
}

#rightFrame.modedtabbed {
    top: 137px;
}

#rightFrame label {
    font-weight: bold;
}

/**
---------OUTERDIV/ONMODE
*/

#modeOuterDiv {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    opacity: 0.8;
    z-index: 10;
}

#modeTitle {
    position: absolute;
    top: 85px;
    left: 220px;
    right: 40px;
    border: 1px solid #999;

    padding: 3px 5px;
    margin-bottom: 10px;
    background: #F0F0F0 url( img/bgBtn.png ) repeat-x;
    z-index: 20;

    font-size: 11px;
    font-weight: bold;
}

#modeTitle .ttl {
    float: left;
}

#modeTitle a {
    display: block;
    float: right;
    width: 14px;
    height: 13px;
    white-space: nowrap;
}

#modeTitle #closeButton {
    border: 0;
    width: 14px;
    height: 13px;
    background: url( img/closeBtn.png ) no-repeat 0 0;
}

#modeTitle a:hover #closeButton {
    background: url( img/closeBtn.on.png ) no-repeat 0 0;
}

/*TABS*/

#tabsContainer {
    position: absolute;
    left: 220px;
    right: 40px;
    top: 53px;

    border: 0;


    z-index: 21;
}

#tabsContainer.moded {
    top: 105px;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
}

#tabsContainer #tabsBar {
    margin-top: 10px;
    height: 32px;
    /*border-bottom: 1px solid #999;*/

    font-size: 12px;
}

#tabsBar span.tabspace {
    float: left;
    width: 10px;
}

#tabsBar span.tablink, #tabsBar span.tablink-selected {
    float: left;
    width: 80px;
    height: 24px;
    background: url( 'img/tab_pas.gif' ) top left no-repeat;
}

#tabsBar span.tablink-selected {
    background: url( 'img/tab_act.gif' ) top left no-repeat;
}

#tabsBar span.tablink a,
    span.tablink-selected a {
    display: block;
    padding-left: 6px;
    padding-top: 5px;
    color: #555555;
    text-decoration: none;
}

#tabsBar span.tablink-selected a {
    color: black;
}

/* MESSAGES*/

#message {
    position: absolute;
    display: none;
    top: -1px;
    left: 200px;
    right: 200px;
    z-index: 200;
    opacity: 0.85;
}

#message div {
    width: 400px;
    margin: 0 auto;
    height: 23px;
    padding: 17px 10px 8px 46px;
    font-size: 12px;
}

#message div.notice,
    #remote-objects-message {
    background: #b9def5 url( img/message/info.png ) 10px 10px no-repeat; /*border: 1px solid #0298f5;*/
}

#message div.error,
    #message div.warning {
    background: #ff9999 url( img/message/warning.png ) 10px 10px no-repeat; /*border: 1px solid #ff9902;*/
}

#message div.confirmation {
    background: #A6EF7B url( img/message/confirm.png ) 10px 10px no-repeat; /*border: 1px solid #76C83F;*/
}

#message div.loading {
    background: url( img/message/loading.gif ) 6px 3px no-repeat #EBEBEB;
    border: 1px solid #ccc;
}

/* LISTS */

.listTable {
    width: 100%;
    display:table;
    table-layout: fixed; /* css hack for IE */
}

.listTable * {
    font-size: 11px;
}

.listTable a {
    text-decoration: none;
}

.listTable tr td.header, .listTable tr td.orderHeader, .listTable thead tr td,.listTable th {
    height: 20px;
    padding: 0 8px;
    vertical-align: middle;
    border-bottom: 1px solid #999;
    color: #333;
    background-color: #EBEBEB;
    background-image: url( img/listheader_aqua.png );
    font-size: 11px;
    font-weight: bold;   
}

.listTable tbody tr td {
    height: 16px;
    padding: 2px 8px;
    font-size: 11px;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 1px solid #EBEBEB;
    cursor: pointer;
    background-color: #FFFFFF;
}

.listTable tr:hover td, .listTable tr.over td {
    background-color: #eee;
}

/** newsFooter **/

#footerFrame {
    position: absolute;

    left: 220px;
    bottom: 20px;
    height: 16px;
    right: 40px;

    overflow: hidden;
    font-size: 11px;
    text-align: right;
    z-index:21;
}

#footerFrame p {
    /*height:11px;
    line-height:11px;*/
    padding: 0;
    margin: 0;
}

/* FILELIST*/
#fileList {
    margin: 0;
    padding: 0;
    list-style-image: none;
    list-style-type: none;
    overflow: hidden;
    white-space: nowrap;
}

#fileList LI {
    font-size: 11px;
    background: url( img/attachment.png ) no-repeat 10px 1px;
    border-bottom: 1px solid #EBEBEB; /* IE 5.5  margin-left: -16px; */
    padding-left: 32px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-decoration: none;
}

#uploadProgress {
    width: 80%;
    border: 1px solid #333;
    background-color: #ccc;
}

#uploadBar {
    background-color: #1c1;
    height: 5px;
    display: block;
}

/* TASKBAR */
#taskbar {
    position: absolute;
    top: 0;
    right: 0;
    width: 600px;
    height: 37px;
    padding: 10px 24px 0 0;
    text-align: right;
    white-space: nowrap;   
    z-index: 2;

}

#taskbar a,
    #taskbar a:active,
    #taskbar a:visited {
    font-size: 11px;
    color: #666;
    text-decoration: none;
    padding: 1px 20px 3px 20px;
    background-repeat: no-repeat;
}

#taskbar a:hover {
    color: #333;
}

/* BUTTONS */

a.button-logout {
    background-image: url( img/logout.png );
}

a.button-settings {
    background-image: url( img/settings.png );
}

a.button-settings-off {
    background-image: url( img/settings.off.png );
    color: #ccc !important;
}

input.button {
    background: #F0F0F0 url( img/bgBtn.png ) repeat-x scroll 0;
    border: 1px solid #A4A4A4;
    color: #333;
    font-size: 12px !important;
    height: 20px;
    padding: 1px 8px;
}

input.button:hover {
    color: black;
}

.failureDesc {
    color: #e33;
    padding-left: 5px;
}

/*-- searchForm  --*/
.searchForm {
    margin: 0;
    padding: 5px;
    border-bottom: 1px solid #999;
}

.searchForm input[type="text"], .searchForm select {
    font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}


/*-- content  --*/

.content {
    margin: 0;
    padding: 10px;
}

.content input, .content textarea, .content select {
    font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}





@media
print
{
#leftFrame, #message, #footerFrame, #taskbar, #modeOuterDiv, #modeTitle, #tabsContainer, .searchForm {
    display: none;
}

#logo {
    position: static;
    margin-bottom: 20px;
}

#rightFrame {
    overflow: visible;
    position: static;
    top: auto;
    left: auto;
    width: auto;
    background-color: transparent;
    border: none;
}

body {
    background-color: transparent;
}

}