/**
  * From /NoAuth/css/3.5-default/main.css: @import "misc.css";
  */

body {
    font-family: Verdana, sans-serif;
    font-size: 76%;
    margin: 0;
    background-color: white;
}

.hide, .hidden { display: none !important; }

#body.calpopup {
    margin-left: 2em;
}

.calendar {
    text-align: center;
    margin: 2em 0 0 0;
}

.calendar td, .calendar th { padding: 0.1em 0.25em 0.1em 0.25em; }

.calendar caption .month {
    padding: 0 1em 0 1em;
    font-size: 1.5em;
}

.evenline { background-color: white; }
.oddline { background-color: #ddd; }

td {
    padding: 0.1em 0.5em 0.1em 0.5em;
}

.clear { clear: both; }

ul.action-results {
    margin-top: 0;
    margin-bottom: 0;
}

#comp-Search-Build .titlebox-content {
    padding-left: 0.7em;
    padding-right: 0.3em;
}


/** End of misc.css */


/**
  * From /NoAuth/css/3.5-default/main.css: @import "login.css";
  */

#login-box {
    width: 50%;
    margin: 0 auto 4em auto;
}

* html #login-box {
    text-align: center;
}

* html #login-box .titlebox {
    text-align: left;
}

#login-box .input-row {
    padding: 0.5em;
}

#login-box .input-row .label {
    width: 8em;
    float: left;
    text-align: right;
    padding: 0.2em 1em 0 0;
}

#login-box .input-row .input {
    float: left;
}

#login-box .button-row {
    clear: both;
    padding: 0.5em;
    float: right;
}

/** End of login.css */


/**
  * From /NoAuth/css/3.5-default/main.css: @import "logo.css";
  */

#logo {
    float: left;
    clear: left;

    margin: 0.5em 0 0.5em 10px;
}

#logo img { border: none; }
#logo div.rtname {
    text-align: center;
    font-weight: bold;
}


/** End of logo.css */


/**
  * From /NoAuth/css/3.5-default/main.css: @import "quickbar.css";
  */

#quickbar #quick-personal {
    display: inline;
    color: #888;
    padding: 0.5em 1em 0 0;
    float: right;
}

#quickbar #quick-personal span {
    font-weight: bold;
}

#quickbar #quick-personal :link,
#quickbar #quick-personal :visited
{
    color: #888;
    font-weight: bold;
}

#quickbar #quick-personal :link:hover,
#quickbar #quick-personal :visited:hover
{
    color: black;
}

#quickbar #topactions {
    float: right;
    clear: right;

    font-size: 0.9em;
    padding: 1em;
}

#quickbar #topactions form {
    display: inline;
    margin-left: 1em;
}

#quickbar #topactions form .button {
    padding: 0 2px 0 2px;
    font-size: 1em;
    margin: 0;
}

#quickbar #topactions form .field {
    padding: 1px;
    font-size: 0.9em;
}

#quickbar #topactions form input.field {
    padding: 3px;
}

/** End of quickbar.css */


/**
  * From /NoAuth/css/3.5-default/main.css: @import "body.css";
  */

#body {
    clear: both;
    margin: 0 0.75em 0 2em;
    padding-top: 0.5em;
}

#body h1 {
    border-bottom: 1px dotted #069;
    padding-left: 0.5em;
}

#body h1 { font-size: 1.5em; }
#body h2 { font-size: 1.3em; }
#body h3 { font-size: 1.1em; }
#body h4 { font-size: 1em; }
#body h5 { font-size: 0.9em; }
#body h6 { font-size: 0.8em; }

#body h1, #body h2, #body h3, #body h4, #body h5, #body h6 {
    color: #930;
    font-weight: bold;
}

#body :link { color: #069; }

#body :link, #body :visited {
    font-weight: bold;
    text-decoration: none;
}

#body :link:hover, #body :visited:hover {
    text-decoration: underline;
}


/** End of body.css */


/**
  * From /NoAuth/css/3.5-default/main.css: @import "approvals.css";
  */

.approval {
    margin-bottom: 3em;
    padding: 0 0 1em 0;
    border: 1px solid #069;
}

.approval .name {
    background: #069;
    color: white;
    font-size: 1.1em;
    padding: 0.2em 0 0.4em 0.2em;
}

#body .approval .name :link, #body .approval .name :visited {
    color: white;
}

.approval .originating-ticket {
    margin: 0.5em;
    border: 1px solid #aaa;
}

.approval .originating-ticket .link {
    display: block;
    background: #aaa;
    padding: 0.2em 0 0.4em 0.2em;
}

.approval .originating-ticket .info {
    padding: 0.5em;
}

#body .approval .originating-ticket .link :link,
#body .approval .originating-ticket .link :visited {
    color: black;
}

.approval .form {
    margin: 1em 0.5em 0.5em 0.5em;
}

.approval .form .action, .approval .form .notes {
    float: left;
    margin-left: 1em;
}

.approval .form .action { padding-top: 1em; }

.approval .form .action label { font-weight: normal; }
.approval .form .notes label  { display: block; }

/** End of approvals.css */


/**
  * From /NoAuth/css/3.5-default/main.css: @import "titlebox.css";
  */

.titlebox {
    margin-bottom: 1em;
}

.titlebox .titlebox-content {
    margin-top: -1px;
    padding: 1em 2em 0.5em 2em;
    margin: 0;
    /*margin: 1em 2em 0.5em 2em;*/
}

.titlebox th { font-size: 0.8em; }


#comp-index .titlebox .titlebox-content,
#comp-Search-Build .titlebox .titlebox-content,
#comp-User-Prefs .titlebox .titlebox-content,
#comp-Approvals .titlebox .titlebox-content,
#comp-Admin-Users-Modify .titlebox .titlebox-content,
#comp-SelfService .titlebox .titlebox-content,
#comp-SelfService-Closed .titlebox .titlebox-content,
.titlebox .titlebox .titlebox-content
{
    background: #eee;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 0.5em solid #069;
}

#login-box .titlebox .titlebox-content
{
    background: none;
    border: none;
}

.titlebox .titlebox-title {
    position: relative;
    font-weight: bold;
    color: #930;
    font-size: 1.2em;
    padding: 0.2em 0 0.2em 4em;
    border-bottom: 1px solid #069;
}

.titlebox .titlebox-title .right {
    position: absolute;
    top: 0.5em;
    right: 1.5em;
    font-size: 0.9em;
    color: #888;
}

.titlebox .titlebox-title .right .selected { color: #930; }

#body .titlebox .titlebox-title .right :link,
#body .titlebox .titlebox-title .right :visited {
    color: #888;
}

#body .titlebox .titlebox-title .right :link:hover,
#body .titlebox .titlebox-title .right :visited:hover {
    color: #930;
}

.titlebox .titlebox-title .widget a {
  display: block;
  padding-top: 1em;
  width: 20px;

  background: url(/NoAuth/images//css/rollup-arrow.gif) no-repeat center center;
  
  margin: 0;
  text-indent: -9999px;

  position: absolute;
  top: 0.4em;
  left: 0.75em;
  float: left;

  /* WIN IE5 hack */
  height: 7px;
  voice-family: "\"}\"";
  voice-family: inherit;
  height: 0;
  overflow: hidden;
}

html>body .titlebox .titlebox-title .widget a {
    height: 0;
    overflow: hidden;
}

* html .titlebox .titlebox-title .widget a {
    background-position: center 0.3em;
    left: -3.5em;
}

.titlebox.rolled-up .titlebox-title .widget a {
    background-image: url(/NoAuth/images//css/rolldown-arrow.gif);
}

#body .titlebox .titlebox-title :link,
#body .titlebox .titlebox-title :visited
{
    color: #930;
    text-decoration: none;
}

#body .titlebox .titlebox-title :link:hover,
#body .titlebox .titlebox-title :visited:hover
{
    text-decoration: underline;
}

.titlebox .titlebox-content hr.clear {
    visibility: hidden;
}

/** End of titlebox.css */


/**
  * From /NoAuth/css/3.5-default/main.css: @import "forms.css";
  */

form input.button {
    border: 3px double #069;
    border-top-color: #08c;
    border-left-color: #08c;
    padding: 0.25em;
    background: white;
    font-weight: bold;
    font-size: 1em;
    margin: 0.5em 0.5em 0 0.5em;
}

form input.button:active {
    border: 3px double #08c;
    border-top-color: #069;
    border-left-color: #069;
}

form select {
    border: 1px solid #069;
    padding: 1px;
}

form input.field, form input, form textarea {
    border: 1px solid #069;
    padding: 3px;
}

form input.checkbox, form input.radio {
    border: none;
    padding: 0;
}

/* form .entry input, form .value input */

.label, form label, .labeltop {
    font-weight: bold;
}

.labeltop {
    vertical-align: top;
}

.submit {
    font-weight: bold;
    color: #a00;
    font-size: 1.1em;
    padding: 0.3em 1.5em 0 1.5em;
    border-top: 1px solid #930;
    margin: 1.5em 0 2.5em 0;
}

.submit .buttons { float: right; }
.submit .extra-buttons { float: left; }
.submit .button { font-size: 0.9em; }
.submit .submit-clear { display: none; }

.input-row {
    clear: both;
    padding: 0.25em;
}

.combobox {
    border: 1px solid #069;
    padding: 4px;
}

.combobox .combo-button {
    padding: 0 2px 0 2px;
    margin: 0;
    background: ButtonFace;
    color: ButtonText;
    border: 2px outset ButtonHighlight;
    cursor: default;
    font-size: 8pt;
}

.combobox .combo-text {
    border: none;
    margin: 0;
    padding: 1px;
}

.combobox .combo-list {
    border: 1px outset;
    z-index: 200;
}


/** End of forms.css */


/**
  * From /NoAuth/css/3.5-default/main.css: @import "ticket.css";
  */

.ticket-info-cfs .label {
    vertical-align: top;
}

.ticket-info-cfs ul {
    margin: 0;
    padding: 0;
    margin-left: 0.5em;
    list-style: none;
}

/** End of ticket.css */


/**
  * From /NoAuth/css/3.5-default/main.css: @import "transactions.css";
  */

.ticket-transaction {
    border-bottom: 1px solid #ddd;
    border-right: 3px solid #069;
}

#ticket-history .ticket-transaction {
    border-bottom-color: #ccc;
}

.ticket-transaction.even {
    background: #eee;
}

.ticket-transaction .date {
    font-size: 0.9em;
    width: 10em;
}

.ticket-transaction .description {
    font-weight: bold;
    font-size: 0.9em;
    text-align: left;
}

.ticket-transaction .actions {
    text-align: right;
    font-weight: bold;
}

.ticket-transaction .type {
    background: #888;
    width: 1.2em;
    color: white;
    text-align: center;
    font-size: 1em;
}

#body .ticket-transaction .type :link,
#body .ticket-transaction .type :visited
{
    color: white;
    font-weight: normal;
}

.ticket-transaction.basics { border-color: #b32; }
.ticket-transaction.basics .type { background: #b32; }
.ticket-summary .ticket-info-basics .titlebox-content { border-left: 0.5em solid #b32; }

.ticket-transaction.people { border-color: #48c; }
.ticket-transaction.people .type { background: #48c; }
.ticket-summary .ticket-info-people .titlebox-content { border-left: 0.5em solid #48c; }

.ticket-transaction.links { border-color: #316531; }
.ticket-transaction.links .type { background: #316531; }
.ticket-summary .ticket-info-links .titlebox-content  { border-left: 0.5em solid #316531; }

.ticket-transaction.dates { border-color: #633063; }
.ticket-transaction.dates .type { background: #633063; }
.ticket-summary .ticket-info-dates .titlebox-content  { border-left: 0.5em solid #633063; }

.ticket-transaction.message { border-color: #069; }
.ticket-transaction.message .type { background: #069; }

.ticket-transaction.other { border-color: #888; }

.ticket-transaction td .message-header-value {
    padding: 0;
}

.ticket-transaction td .message-header-key {
    padding: 0 1em 0 1.5em;
    font-weight: bold;
}

.ticket-transaction .downloadattachment {
    float: right;
    font-size: 0.9em;
    text-align: right;
}

.ticket-transaction .messagebody {
    clear: both;
    padding-left: 3em;
    padding-bottom: 1em;
}

.message-stanza-depth-0 { color: #000; }
.message-stanza-depth-1 { color: #600; }
.message-stanza-depth-2 { color: #060; }
.message-stanza-depth-3 { color: #006; }
.message-stanza-depth-4 { color: #c00; }
.message-stanza-depth-5 { color: #0c0; }
.message-stanza-depth-6 { color: #00c; }
.message-stanza-depth-7 { color: #f00; }
.message-stanza-depth-8 { color: #0f0; }
.message-stanza-depth-9 { color: #00f; }

/** End of transactions.css */


/**
  * From /NoAuth/css/3.5-default/main.css: @import "nav.css";
  */

#nav {
    clear: both;
    font-size: 1.1em;
}

#nav #system-menu,
#nav ul
{
    min-width: 85%;
}

* html #nav #system-menu {
    width: expression(document.body.clientWidth*0.85 < document.getElementById('page-menu').clientWidth ? "auto" : "85%");
    overflow: visible;
}

#nav ul {
    float: left;
    clear: left;
    
    color: #eee;
    font-weight: bold;
    
    margin: 0;
    padding: 0;
    
    list-style: none;
}

#nav li ul {
    margin-top: 0.75em;
}

/*
*/
* html #nav li ul {
    margin-top: 0.25em;
}

#nav li {
    display: inline;
    margin-bottom: 1em;
    padding: 0.2em 0 0.4em 0;
}

#nav li.first { padding-left: 1em; }

#nav ul div div.wrapper {
    text-align: left;
    padding: 0.2em 1em 0.4em 0;
}

/****/

#nav :link,
#nav :visited
{
    color: #ececec;
    text-decoration: none;
}

#nav :link.selected,
#nav :visited.selected,
#nav :link:hover,
#nav :visited:hover
{
    color: #fc6; /*#ff6;*/
}

#nav :link.selected,
#nav :visited.selected
{
    text-decoration: underline;
}

html>body #nav :link.selected,
html>body #nav :visited.selected
{
    padding-bottom: 0.8em;
    background: transparent url(/NoAuth/images//css/dark-arrow.png) no-repeat bottom center;
}

html>body #nav :link.selected.odd,
html>body #nav :visited.selected.odd
{
    padding-bottom: 0.8em;
    background: transparent url(/NoAuth/images//css/light-arrow.png) no-repeat bottom center;
}

/*
#nav ul { background: #069 url(/NoAuth/images//css/ctr.gif) no-repeat top right; }
#nav ul div { background: transparent url(/NoAuth/images//css/cbr.gif) no-repeat bottom right; }
#nav ul.odd { background: #08c url(/NoAuth/images//css/ctr.gif) no-repeat top right; }
#nav ul.odd div { background: transparent url(/NoAuth/images//css/cbr.gif) no-repeat bottom right; }
*/


#nav ul div.wrapper { background: transparent url(/NoAuth/images//css/ctr.gif) no-repeat top right; }
#nav ul div { background: #069 url(/NoAuth/images//css/cbr.gif) no-repeat bottom right; }
#nav ul.odd div.wrapper { background: transparent url(/NoAuth/images//css/ctr.gif) no-repeat top right; }
#nav ul div.odd { background: #08c url(/NoAuth/images//css/cbr.gif) no-repeat bottom right; }


/** End of nav.css */


/**
  * From /NoAuth/css/3.5-default/main.css: @import "header.css";
  */

#header {
    clear: both;
    margin: 0 0.75em 0 0.75em;
    padding-top: 1em;
}

#header h1 {
    margin: 0;
    padding: 0;
    color: #930;
    position: relative;
    font-size: 2em;
    font-weight: bold;
    left: 1.3em;
    top: 0.15em;
    z-index: 3;
    width: 95%;
}

#header ul {
    margin: 0;
    padding: 0;
    color: #eee;
    float: left;
}

#header #page-menu {
    position: relative;
    z-index: 2;
    background: #069 url(/NoAuth/images//css/ct.gif) no-repeat top left;
    min-width: 65%;
}

* html #header ul#page-menu {
    width: expression(document.body.clientWidth*0.65 < document.getElementById('page-menu').clientWidth ? "auto" : "65%");
    overflow: visible;
}

#page-menu div {
    position: relative;
    z-index: 3;
}

#page-menu div { background: url(/NoAuth/images//css/cb.gif) no-repeat bottom left; }
#page-menu div div { background: url(/NoAuth/images//css/cbr.gif) no-repeat bottom right; }
#page-menu div div div {
    background: url(/NoAuth/images//css/ctr.gif) no-repeat top right;
    padding: 0.2em 1em 0.4em 1em;
}

#page-menu.actions-present div div { background: url(/NoAuth/images//css/cbr-b2lb.gif) no-repeat bottom right; }
#page-menu.actions-present div div div { background: url(/NoAuth/images//css/ctr-b2lb.gif) no-repeat top right; }

#header ul li {
    display: inline;
}

#header #actions-menu {
    position: relative;
    background: #08c;
}

#actions-menu div {
    position: relative;
    z-index: 2;
}

/*#actions-menu div { background: url(/NoAuth/images//css/cb.gif) no-repeat bottom left; }*/
#actions-menu div div { background: url(/NoAuth/images//css/cbr.gif) no-repeat bottom right; }
#actions-menu div div div {
    background: url(/NoAuth/images//css/ctr.gif) no-repeat top right;
    padding: 0.2em 1em 0.4em 1em;
}

#header :link,
#header :visited
{
    color: white;
    text-decoration: none;
}

#header :link.selected,
#header :visited.selected,
#header :link:hover,
#header :visited:hover
{
    color: #fc6; /*#ff6;*/
}

#header :link.selected,
#header :visited.selected
{
    font-weight: bold;
    text-decoration: underline;
}


/** End of header.css */


/**
  * From /NoAuth/css/3.5-default/main.css: @import "footer.css";
  */

#footer {
    clear: both;
    font-size: 0.8em;
    margin-top: 5em;
    padding-bottom: 3em;
}

#footer p { float: left; }

#footer #time {
    color: white;
    background: #069 url(/NoAuth/images//css/ctr-b2g.gif) no-repeat top right;
    padding: 0.2em 0 0.3em 0;
    margin: 0;
    position: relative;
    z-index: 2;
}

#footer #time span {
    padding: 0.2em 2em 0.3em 3em;
    background: url(/NoAuth/images//css/cbr-b2g.gif) no-repeat bottom right;
}

#footer #bpscredits {
    background: #ccc url(/NoAuth/images//css/ctr-gray.gif) no-repeat top right;
    padding: 0.2em 0 0.3em 0;
    margin: 0;
    position: relative;
    left: -10px;
    z-index: 1;
}

#footer #bpscredits span {
    padding: 0.2em 2em 0.3em 3em;
    background: url(/NoAuth/images//css/cbr-gray.gif) no-repeat bottom right;
}

#footer #legal {
    float: none;
    color: #888;
    padding: 1em 0 0 2em;
    clear: both;
}


/** End of footer.css */