/*
 * =================================================================
 * Gossamer Mail - enhanced email management system
 *
 *   Website  : http://gossamer-threads.com/
 *   Support  : http://gossamer-threads.com/scripts/support/
 *   Revision : $Id: luna_core.css,v 1.37 2008/11/26 20:38:28 brewt Exp $
 *
 * Copyright (c) 2005 Gossamer Threads Inc.  All Rights Reserved.
 * Redistribution in part or in whole strictly prohibited. Please
 * see LICENSE file for full details.
 * =================================================================
 */

/*
Do not make changes to this file.  Any changes will be overwritten the next
time you upgrade Gossamer Mail.  You can override any css in this file by
defining overriding styles in luna.css.
*/

/*
There are a few CSS filters/hacks used in this file to fix bugs in various
browsers.  Here is a list of them:

- Star html selector bug (css rule only applies to ie/win)
    http://www.info.com.ph/~etan/w3pantheon/style/starhtmlbug.html
    eg. * html <selector> {}
- Simplified box model hack (hide css from ie5-5.5/win)
    http://www.doxdesk.com/personal/posts/css/20020212-bmh.html
    eg. w\idth: 100px;
- Commented backslash (hide css from ie5/mac)
    http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html
*/

/*------------------*\
|* global interface *|
\*------------------*/
body {
  margin: 0px;
  padding: 0px;
  color: #33332e;
  background: #ffffff;
  font: normal 11px tahoma, geneva, verdana, sans-serif;
  overflow: hidden;
}
img {
  border: none;
}

/* forms */
form {
  margin: 0px;
}
input, textarea, select {
  font: normal 13px tahoma, geneva, verdana, sans-serif;
}
input.text, input.password, textarea {
  padding: 1px 0px 1px 2px;
  border: 1px solid #57594b;
}
input.checkbox {
  margin: 4px 4px 4px 0px;
}
select {
  border: 1px solid #57594b;
}

/* links */
a, a:visited {
  color: #212126;
}
a:hover {
  color: #5c5b66;
  text-decoration: none;
}

/* headings */
h1.header {
  font-size: 16px;
}
h2.header {
  font-size: 15px;
}
h3.header {
  font-size: 13px;
  text-align: right;
  padding: 0px 5px 10px 0px;
  margin: 0px 0px 1px 0px;
}
h4.header {
  font-size: 12px;
}
h5.header {
  font-weight: normal;
  font-size: 11px;
}
#wrapper {
  margin: 0px;
}
.noauth #wrapper {
  text-align: center;
}
/*-----------*\
|* home page *|
\*-----------*/
#home {
  overflow: hidden;
}
/*--------*\
|* header *|
\*--------*/
#logo {
  width: 205px;
  height: 50px;
  background: transparent url(images/logo.gif) top left no-repeat;
  text-indent: -9999px;
}
#logo h1, #logo a {
  margin: 0px;
  width: 100%;
  height: 100%;
}
#logo a {
  text-decoration: none;
  display: block;
}
#header {
  background: transparent url(images/swirls.gif) bottom right no-repeat;
  margin: 3px 0px;
}
#loginbar {
  float: right;
  text-align: right;
  margin-right: 10px;
}
#loginbar a {
  margin-top: 8px;
  padding: 10px 30px 10px 0px;
  color: #212126;
  background: transparent url(images/logout.gif) center right no-repeat;
  font-weight: bold;
  display: block;
}
#loginbar a:hover {
  color: #5c5b66;
}
.noauth #header {
  background: transparent url(images/larger_swirls.gif) top right no-repeat;
  border-bottom: 3px solid #383741;
  text-align: left;
}
.noauth #logo {
  width: 260px;
  height: 80px;
  background: transparent url(images/logo_large.gif) top left no-repeat;
}
/*------------*\
|* navigation *|
\*------------*/
.navbar {
  position: relative;
  margin-bottom: 1px;
  height: 22px;
  background: url(images/betweennav_hor.gif) #5c5b66 bottom left repeat-x;
}

ul.primarynav {
  position: absolute;
  margin: 0px;
  padding: 0px;
  width: 100%;
  list-style: none;
}
ul.primarynav li.navitem {
  position: relative;
  float: left;
  list-style: none;
  display: block;
}
ul.primarynav li.navitem a {
  margin-right: 1px;
  font-size: 11px;
  padding: 4px 0;
}
ul.primarynav input.submit {
  background: #5c5b66;
  border: 0px;
  color: #ffffff;
  font-size: 11px;
  margin-right: 1px;
  padding: 2px 5px;
  cursor: pointer;
  cursor: hand;
}
ul.primarynav input.submit:hover {
  background: #737180;  
}
ul.primarynav input.selected {
  background: #383741;
}
#primarynav li.navitem a {
  color: #ffffff;
  padding: 3px 8px;
  display: block;
  text-decoration: none;
}
#primarynav li.navitem a:visited {
  color: #ffffff;
}
#primarynav li.navitem a.navlink:hover {
  color: #ffffff;
  background: #737180;
}
#primarynav li.navitem a.sublink:hover {
  padding-bottom: 6px;
}
#primarynav li.selected a {
  background: #383741;
}
#primarynav {
  top: 57px;
  left: 0px;
}
#primarynav li.navitem {
  background: transparent url(images/betweennav.gif) bottom right no-repeat;
}
#breadcrumbsnav {
  top: 84px;
  left: 10px;
  width: 90%
}
#breadcrumbsnav li.navitem ul {
  top: 13px;
}
#breadcrumbsnav li.navitem ul li a, #breadcrumbsnav li.nav-item ul li a:visited {
  padding-left: 5px;
  color: #fff;
  text-decoration: none;
}
#breadcrumbsnav li.navitem img {
  margin: 2px 2px 0 0;
}
#breadcrumbsnav img, #breadcrumbsnav span {
  vertical-align: middle;
}
a.root {
  font-weight: bold;
}
/*--------------*\
|* Toolbar menu *|
\*--------------*/
ul.primarynav ul {
  position: absolute;
  top: 20px;
  left: 0px;
  width: 200px;
  display: none;
  background: #737180;
  margin: 0px;
  padding: 0px;
  border: 1px solid #ccc;
  z-index: 1000;
}
ul.primarynav iframe {
  position: absolute;
  width: 190px;
  border: 0;
  top: 20px;
  left: 0px;
  z-index: 500;
}

ul.primarynav li.navitem:hover ul, ul.primarynav li.sfhover ul, ul.primarynav li.navitem:hover ul, ul.primarynav li.sfhover iframe {
  display: block;  
  list-style: none;
}
ul.primarynav li.sfhover ul li {
  padding: 0px;
}
ul.primarynav li.navitem:hover ul li hr, ul.primarynav li.sfhover ul li hr {
  margin: 0px;
  padding: 0px;
  height: 1px;
}
ul.primarynav li.navitem:hover ul li a, ul.primarynav li.sfhover ul li a {
  display: block;
}
ul.primarynav li.navitem:hover ul li a:hover, ul.primarynav li.sfhover ul li a:hover {
  background: #a09fac;
}
/*-----------*\
|* searchbar *|
\*-----------*/
#cdbar {
  position: relative;
  margin-bottom: 3px;
  padding: 3px 10px;
  border-bottom: 1px solid #57594b;
  background: #edf2cb;
  height: 16px;
}
#cdbar #cdform {
  position: absolute;
  top: 3px;
  right: 3px;
  z-index: 100;
}
#cdbar input.text, #cdbar input.submit {
  margin-right: 5px;
  font-size: 10px;
}
#cdbar input.submit {
  padding: 0px 3px;
  height: 19px;
  line-height: 1em;
}
/* these colours are the same as defined by 'a', but we unset a:visited */
#cdbar {
  padding: 5px 3px 5px 8px;
}
#cdbar a {
  color: #212126;
  font-size: 10px;
}
#cdbar a:hover {
  color: #5c5b66;
}
#cdbar .username {
  padding-top: 4px;
  float: right;
}
/*--------*\
|* footer *|
\*--------*/
#footer {
  margin-top: 3px;
  padding: 5px;
  border-top: 1px solid #57594b;
  background: #edf2cb;
}
#footer img {
  float: right;
}
#footer p {
  margin: 0px;
  padding: 10px 0px;
  color: #8a8d77;
  font-size: 9px;
  text-align: left;
}

/*---------------*\
|* contentheader *|
\*---------------*/
#wrapper-content {
  position: relative;
  background: #e2e1eb;
  width: 100%;
}
#contentheader {
  position: absolute;
  padding: 7px 10px;
  background: #e2e1eb;
  height: 54px;
  display: none;
}
#contentheader input, #contentheader select, #contentheader label {
  vertical-align: middle;
}
#contentheader input, #contentheader select {
  vertical-align: middle;
}
#contentheader .row {
  padding: 0px;
}
#contentheader .row .value {
  padding: 1px 0;
}
#contentheader .row label.name {
  width: 50px;
  padding: 2px 0px;
}
#contentheader .row .value select {
  width: auto;
  margin: 1px 0;
}
#contentheader .row .value label {
  padding-right: 5px;
}
#contentheader .switch-mode {
  float: right;
  font-weight: bold;
  display: none;
}
#contentheader .longrun {
  padding-left: 25%;
}
#contentheader input.longtext {
  width: 40%;
}
#cmd-upload input.file {
  font-size: 11px;
  border: 1px solid #828284;
}
.contentframe {
  overflow-y: scroll;
}
.contentframe .preview-image {
  padding: 5px 0;
}

/*--------------------\
|* Error and message *|
\*-------------------*/
#contentmessage {
  margin: 2px 8px 0 8px;
  padding: 2px 2px 0 2px;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 12px;
  height: 16px;
}
.error {
  background: #8c3030;
}
.message {
  background: #3a5841;
  vertical-align: middle;
}
.error *, .message * {
  margin: 0px;
  padding: 0px;
}
.noauth #contentmessage {
  border: 0px;
  margin: 0px auto;
  padding: 0px;
  width: 690px;
  widt\h: 685px;
}
.noauth #contentmessage .error, .noauth #contentmessage .message {
  border: 1px solid #fff;
  margin: 0;
}
#reset_password .row label.name {
  width: 60px;
}
/*---------------*\
|* contentfooter *|
\*---------------*/
#contentfooter {
  background: #e2e1eb;
  padding: 0px 10px 4px 10px;
  font-size: 10px;
}
#contentfooter div.summary {
  float: right;
}
#contentfooter span {
  font-weight: bold;
}

/*---------*\
|* content *|
\*---------*/
#ocwrapper {
  position: absolute;
  width: 100%;
  left: 0;
/* background colour of left sidebar */
  border-left: 0px solid #e2e1eb;
/* background colour of right sidebar */
  border-right: 0px solid #e2e1eb;
  background: #e2e1eb;
}
#contentwrapper {
  width: 100%;
  float: left;
  position: relative;
}
#content {
  margin: 0px 10px;
  padding: 10px;
  background: #ffffff;
  text-align: left;
}
#content h1, #content h2 {
  margin: 0px;
  padding: 0px;
}
.noauth #content h2 {
  color: #ffffff;
  background: #383741;
  text-transform: uppercase;
  font-size: 11px;
  padding: 3px 4px;
  margin-top: 0px;
}
.noauth #content h3 {
  font-size: 13px;
  text-align: right;
  padding-bottom: 5px;
  margin: 10px 0px 1px 0px;
  background: transparent url(images/row-separator.gif) repeat-x bottom left;
}
.noauth #content h4 {
  font-size: 12px;
}
.noauth #content h5 {
  font-weight: normal;
  font-size: 11px;
}
.noauth #ocwrapper {
  border: none;
  position: relative;
}
.noauth #contentwrapper {
  margin: 0px auto;
  width: 700px;
  float: none;
}
.noauth .lostpasswd {
  float: right;
  padding-top: 5px;
}

/* hack for ie/win's guillotine bug */
/* start non ie/mac css \*/
* html #content {
  height: 1%;
}
/* end non ie/mac css */

/*------------------------------*\
|* actions and paging           *|
\*------------------------------*/
.toolbar {
  padding: 5px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  background: #cac9d1;
}
.toolbar input.text {
  width: 300px;
}
.toolbar input.short-text {
  width: 100px;
}
.toolbar input, .toolbar select {
  vertical-align: middle;
}
.toolbar select.action {
  float: left;
  margin-right: 15px;
}
.toolbar .action-form {
  float: left;
}
.toolbar input.submit, .modal-dialog input.submit {
  padding: 0px 5px;
  font-size: 11px;
  font-weight: bold;
}
#group div {
  float: left;
}
#group span, #group label, #group input {
  vertical-align: middle;
}
#group .label {
  margin: 0 3px 0 10px;
  line-height: 10px;
  text-align: center;
}
#group .label span {
  font-size: 9px;
}
#group input.text {
  width: 35px;
}
.toolbar .group {
  border: 1px solid #85817a;
  padding: 0px 3px 3px 3px;
  margin: 0px 1px 0 0;
}
.toolbar .group span {
  background: #cac9d1;
  font-size: 9px;
  font-weight: bold;
}
.toolbar .group input.checkbox {
  margin: 0px;
  padding: 0px;
  font-size: 9px;
  line-height: 1px;
  text-indent: 0px;
}
.paging {
  float: right;
}
.paging img, .paging select {
  vertical-align: middle;
}
/* paging style 3 rules */
.paging a:visited {
  color: #212126;
}
.paging span {
  font-weight: bold;
}
.noauth .loginactions {
  margin-top: -25px;
  text-align: right;
}
.toolbar h3.header {
  float: right;
  margin: 0px;
  padding: 0px;
}

/*-----------------*\
|* global elements *|
\*-----------------*/
.shadowtop, .shadowbottom {
  height: 10px;
  font-size: 1px;
  display: inline-block;
/* ie/mac fix \*/
  display: block;
/* end fix */
}
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: 15px;
  height: 10px;
  font-size: 1px;
}
.shadowtop {
  background: transparent url(images/shadow-top.gif) bottom repeat-x;
}
.shadowbottom {
  background: url(images/shadow-bottom.gif) top left repeat-x;
}
.shadowleft {
  background: url(images/shadow-left.gif) left repeat-y;
}
.shadowright {
  background: url(images/shadow-right.gif) right repeat-y;
}
.shadowtopleft {
  float: left;
  background: url(images/shadow-topleft.gif) bottom left no-repeat;
}
.shadowtopright {
  float: right;
  background: url(images/shadow-topright.gif) bottom right no-repeat;
}
.shadowbottomleft {
  float: left;
  background: url(images/shadow-bottomleft.gif) top left no-repeat;
}
.shadowbottomright {
  float: right;
  background: url(images/shadow-bottomright.gif) top right no-repeat;
}
.spacer {
  background: transparent url(images/row-separator.gif) repeat-x bottom left;
}
.top-spacer {
  background: transparent url(images/row-separator.gif) repeat-x top left;
}

/* This is unfortunately needed because setting a background on a <tr> does
 * *not* actually affect the tr in IE - instead it just puts that background on
 * each <td>, which means the image from one <td> may not have the right
 * horizontal offset as the next <td>.  To get around this, each spacer row
 * contains just one, empty, <td colspan="..">.  This sucks.  Patches welcome.
 */
tr.spacer {
  height: 3px;
  background-position: center left;
}

/* forms */
.row .description {
  background: #e4e4e8;
  color: #212126;
  padding: 4px 2px;
}
.row .description .warning {
  color: #8c3030;
}
.row label.name {
  margin: 0px;
  padding: 4px 5px 4px 25px;
  border: none;
  width: 130px;
  float: left;
  vertical-align: middle;
}
.row label.name span {
  color: #8c3030;
}
.row label.name small {
  font-size: 9px;
}
.row .value {
  float: left;
  padding: 4px;
}
.row .value input.text, .row .value input.password {
  width: 150px;
  font-size: 11px;
}
#cmd-search input.longtext, .row .value input.longtext {
  width: 300px;
}
.row .value select.wide {
  width: 300px;
}
.row .value textarea {
  width: 325px;
  font-size: 11px;
}
.row .value input.text.shorttext {
  width: 100px;
}
.row .value input.text.tinytext {
  width: 30px;
}
.row .value input, .row .value label {
  vertical-align: middle;
}
.row .value textarea.user-access {
  width: 400px;
  height: 60px;
}
.button, .submit {
  font-size: 11px;
}

.clear:after {
  height: 0px;
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
}
.clear {
  display: inline-block;
}
/* start non ie/mac css \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}
/* end non ie/mac css */
.hide {
  display: none;
}
/* Define the widths for the folder table - with table-layout: fixed, only the
 * first row's widths are taken into account, NOT the table contents. */
/* clearing class */
.foldertab {
  border-collapse: collapse;
  width: 100%;
  font-size: 11px;
  table-layout: fixed;
}
.foldertab pre {
  padding: 0px;
  margin: 0px;
}
.readme {
  margin: 10px 0;
}
.readme h1 {
  font-size: 12px;
  padding: 0;
  margin: 0px;
}
* html .foldertab {
  top: 0px; left: 0px; right: 0px; bottom: 0px;
  width: auto;
}
.foldertab th {
  padding: 3px 2px;
  color: white;
  background: #383741;
  font-size: 11px;
  text-transform: uppercase;
  text-align: left;
}
.foldertab th a, .foldertab th a:hover, .foldertab th a:visited {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
}
.foldertab .empty {
  text-align: center;
  vertical-align: middle;
  height: 50px;
}
.foldertab .icon, .foldertab .selectbox {
  width: 18px;
  text-align: center;
}
.foldertab .scrollbar  {
  width: 12px;
}
.foldertab .name { }
.foldertab .size, .foldertab .owner {
  width: 80px;
}
.foldertab .type {
  width: 120px;
}
.foldertab .modified {
  width: 140px;
}
.foldertab .permission, .foldertab .action {
  width: 110px;
}
.foldertab .username {
  width: 150px;
}
.foldertab .email {
  width: 300px;
}
.foldertab td {
  padding: 1px 2px 0px 2px;
  text-align: left;
}
.foldertab tr.spacer {
  height: 3px;
}
.foldertab tr.symlink td, .foldertab tr.symlink a {
  color: #2c9490;
}
.command pre {
  margin: 5px 0 10px 0;
}
.command .prompt {
  font-weight: bold;
}
.command .error {
  background: #fff;
  color: #bd0000;
}
#command-dialog .error {
  background: none;
  color: #bd0000;
}
#command-dialog .message {
  background: none;
  color: #2e8b57;
}
#cmd-protect input.text {
  width: 80px;
}
#cmd-protect .row label.name {
  width: 120px;
  padding-top: 3px;
}

/* generic modal dialog style */
.modal-dialog {
  display: none;
  position: fixed;
  top: 17%;
  left: 50%;
  border: 3px solid #3e3d45;


/* ie6 - doesn't support fixed positioning */
  _position: absolute;
  _top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
.jqmOverlay {
  background: #ddd;
}

/* ie6 - prevent ActiveX bleed-through (<select> elements, etc) */
* iframe.jqm {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: expression(this.parentNode.offsetWidth + 'px');
  height: expression(this.parentNode.offsetHeight + 'px');
}
.modal-dialog .modal-content {
  padding: 10px;
}

.modal-dialog h1 {
  margin: 0px;
  padding: 2px 5px;
  background: #5d5b66; 
  color: #fff;
  font-size: 13px;
}

.modal-dialog .error {
  background: none;
  color: #bd0000;
  padding: 2px;
  margin: 0px;
}

.modal-dialog h1 img.close {
  float: right;
}

.modal-dialog-form, .upload-dialog {
  background: #edf2cb;
}

.modal-confirm .modal-content {
  text-align: center;
}

.modal-dialog .contentframe {
  background: #fff;
  margin-bottom: 10px;
  height: 300px;
  padding-bottom: 5px;
  border: 1px solid #3e3d45;
}

.modal-dialog .currentpath {
  margin: 5px 0;
}
.modal-dialog .rootpath {
  text-align: right;
}
.modal-dialog .rootpath label, .modal-dialog .rootpath input {
  vertical-align: middle;
}
.modal-about {
    width: 420px;
    height: 214px;
    background: url(images/about_bg.jpg) no-repeat top left;
    border: 3px solid #3e3d45;
}
.modal-about .aboutcontent {
    margin: 100px 10px 20px 18px;
}
.modal-about .copyright {
  margin: 20px 0;
}
.modal-about .close {
    text-transform: uppercase;
    text-align: right;
    font-weight: bold;
}
.modal-dialog .foldertab .icon {
  padding-left: 5px;
}
.modal-dialog .longtext {
  width: 300px;
}
.modal-dialog .buttonbar .shorttext {
  width: 100px;
}
.modal-dialog .buttonbar span {
  float: right;
}
.modal-dialog .foldertab td {
  padding: 2px 2px 2px 2px;
}
.modal-waiting {
    border: 0px;
}
.modal-dialog .row .description {
    background: none;
}
.note {
  font-size: 9px;
  font-weight: bold;
  font-style: italic;
}
#command-dialog .foldertab th {
  padding: 3px 2px;
}
#logs td {  
  padding: 2px;
}

.upload-dialog {
  padding: 0px 5px;
}
.upload-dialog .meter-bar {
  position: relative;
  border: 1px inset;
  background: #eee;
  height: 15px;
}
.upload-dialog .done {
  position: absolute;
  border-right: 1px solid #444;
  background: #3a5841;
  left: 0px;
  top: 0px;
  height: 15px;
}
.upload-dialog .meter-filename, .upload-dialog .meter-info {
  color: #000;
  font-size: 10px;
  margin: 0px;
}
.upload-dialog .meter-filename {
  padding-bottom: 2px;
}
.upload-dialog .meter-info {
  padding-top: 2px;
}
.modal-dialog .row input.file {
  font-size: 11px;
  margin: 2px 0;
}
.modal-dialog .row input, .modal-dialog .row img, .modal-dialog .row select {
  vertical-align: middle;
}
.modal-dialog .row label.name {
  width: 100px;
  padding-top: 8px;
  font-weight: bold;
}
.modal-dialog .upload-more {
    padding-left: 23px;
    color: #828282;
}
.modal-dialog .upload-more .addfile {
    background: url(images/icons/plus.gif) no-repeat left 2px;
    font-weight: bold;
    height: 24px;
    padding: 4px 0 4px 20px;
    text-decoration: none;
    color: #828282;
}
.modal-dialog .upload-more #overwrite {
  margin-left: 260px;
}
.modal-dialog .plusfile {
  margin-left: 5px;
}
.modal-dialog .buttons {
    text-align: center;
    margin: 10px 0 0 0;
}
.modal-dialog .buttons input.submit, .modal-dialog .buttonbar input.submit, .modal-dialog .buttonbar input.button {
    background: #5c5b66;
    border: 1px solid #afafaf;
    color: #fff;
    padding: 3px 8px; 
    text-transform: uppercase;
    font-weight: bold;
}
.modal-dialog .buttonbar input.button {
    text-transform: none;
}

/* Editor */
#command-dialog {
  height: 100%;
  width: 100%;
  display: none;
}
#editor textarea {
  width: 99.8%;
  widt\h: 99.6%;
  height: 95%;
  heigh\t: 95.8%;
}

/* Icons */
.icon-txt, .icon-html, .icon-uplevel, .icon-unknown, .icon-pdf, .icon-image, .icon-doc, .icon-xls, .icon-audio, .icon-compressed, .icon-folder, .icon-symlink, .icon-exe, .icon-perl {
  width: 16px;
  height: 16px;
}
.icon-perl {
  background: url(images/icons/cgi.gif) top left no-repeat;
}
.icon-exe {
  background: url(images/icons/exe.gif) top left no-repeat;
}
.icon-folder {
  background: url(images/icons/folder.gif) top left no-repeat;
}
.icon-symlink {
  background: url(images/icons/symlink.gif) top left no-repeat;
}
.icon-compressed {
  background: url(images/icons/compressed.gif) top left no-repeat;
}
.icon-audio {
  background: url(images/icons/audio.gif) top left no-repeat;
}
.icon-image {
  background: url(images/icons/image.gif) top left no-repeat;
}
.icon-pdf {
  background: url(images/icons/pdf.gif) top left no-repeat;
}
.icon-doc {
  background: url(images/icons/doc.gif) top left no-repeat;
}
.icon-xls {
  background: url(images/icons/xls.gif) top left no-repeat;
}
.icon-uplevel {
  background: url(images/icons/back.gif) top left no-repeat;
}
.icon-txt {
  background: url(images/icons/text.gif) top left no-repeat;
}
.icon-html {
  background: url(images/icons/html.gif) top left no-repeat;
}
.icon-unknown {
  background: url(images/icons/unknown.gif) top left no-repeat;
}
a.icon-linkable {
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px;
  outline: none;
}
#cluetip-inner {
  padding: 0px;
  margin: 0px;
}
#cluetip-inner p {
  padding: 0;
  margin: 4px;
}
#cluetip-inner ul {
  margin: 0 0 0 15px;
  padding: 0px;
}
#cluetip-inner ul li {
  padding: 4px 0;
}
.accessnav {
  position: absolute;
  list-style: none;
  display: none;
  border: 1px outset #ccc;
  margin: 0px;
  padding: 0;
}
.accessnav li {
  padding: 0;
}
.accessnav li a {
  background: #383741;
  display: block;
  padding: 3px 15px 3px 4px;
  color: #fff;
  text-decoration: none;
}
.accessnav li a:visited {
  color: #fff;
}
.accessnav li a:hover {
  color: #ffffff;
  background: #737180;
}

/* Date picker */
a.dp-choose-date {
  float: left;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 1px 3px 0;
  display: block;
  text-indent: -2000px;
  overflow: hidden;
  background: url(images/icons/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
  background-position: 0 -20px;
  cursor: default;
}
.date-range {
  margin: 2px 15px;
}
.row .value input.dp-applied {
  float: left;
  width: 100px;
}
.row .value label.fromdate, .row .value label.todate {
  float: left;
  width: 50px;
  padding: 2px 0 0 5px;
}
.help img {
  vertical-align: middle;
}
.
/*-----------*\
|* usage bar *|
\*-----------*/
#usage {
  float: right;
  width: 80px;
  height: 8px;
  margin: 2px 0 0 10px;
}
#usage label {
  font-size: x-small;
}
#usage div.bar{
  border: 1px solid #000000;
  height: 100%;
}
#usage div.used {
  background: #FF0000;
  height: 100%;
}
#usage div.waring {
  background: #FFE349;
  height: 100%;
}

/*---------------*\
|* Help pages    *|
\*---------------*/
#help h1 {
  font-size: 16px;
}
#help h3 {
  margin-bottom: 0px;
}
#help #ocwrapper {
  border-left: 185px solid #e2e1eb;
  width: auto;
}
#helpbar {
  height: 590px;
  overflow-y: auto;
}
#helpbar .header {
  margin: 0px 0 5px 0;
  padding: 0px;
  text-align: left;
}
#help #leftsidebar {
  margin-left: -185px;
  padding: 10px 0px 10px 5px;
  width: 175px;
  float: left;  
  position: relative;
}
#help #content {
  height: 560px;
  overflow-y: auto;
}
ul.helpnav {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
ul.helpnav ul {
  margin: 3px 12px 10px 12px;
  padding: 0px;
  list-style: none;
}
ul.helpnav li a {
  text-decoration: none;
  padding: 0px 0px 0 2px;
}
ul.helpnav a.plus {
  background: transparent url(images/plus.gif) no-repeat left 2px;
}
ul.helpnav a.minus {
  background: transparent url(images/minus.gif) no-repeat left 2px;
}
ul.helpnav ul li a {
  padding-left: 16px;
}
ul.helpnav ul li a.subnav {
    padding-left: 4px;
}
ul.helpnav ul li {
  padding-top: 3px;
  background: transparent url(images/connect.gif) 4px top no-repeat;
}
ul.helpnav ul li.end {
  background: transparent url(images/end.gif) 4px top no-repeat;
}

