/* --------------------------------------------
    BASIC PAGE STRUCTURE
    Defines the overal page layout for body,
    header, main, left-nav, content, and footer
   --------------------------------------------*/
body {
    background: #f3f3f3;
    }
body.basic, body.blank {
    background: #ffffff;
}

a {
    color: #c42233;
    text-decoration: none;
    }

a:hover {
    text-decoration: underline;
    }

.contain {
    margin: 0 auto;
    width: 950px;
    text-align: left;
}

.aright  { text-align: right; }
.aleft   { text-align: left; }
.acenter { text-align: center; }

.nowrap  { white-space: nowrap; }

#loading {

    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/images/bkg_tran_stripe.png);
    opacity: .5;
    z-index: 5000;
    }

#loading_indicator {
    background: #000000 url(/images/ajax-loader.gif) no-repeat center center;
    width: 100px;
    height: 100px;
    margin: auto auto;
    position: absolute;
    left: 50%;
    top: 50%;
    }

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

.eip-icon {
    padding-right: 5px;
    vertical-align: middle;
    cursor: pointer;
}

#header-container {
    background: url(../images/header_bkg.gif) repeat-x;
    height: 65px;
    }

#header {
    height: 65px;
    position: relative;
    background: url(../images/header_logo_agentis.gif) no-repeat right top;
    z-index: 1;
    }

#header h1.logo {
    text-indent: -9999px;
    height: 33px;
    width: 300px;
    margin: 0;
    padding: 0;
    background: url(../images/header_logo.gif) no-repeat 0 5px;
    }

#nav-client {
    float: right;
    line-height: 11px;
    margin: 0;
    padding: 6px 0;
    font-size: 11px;
    list-style: none;
    }

.leftnav-box {
    margin-bottom: 10px;
    }

.leftnav-box h3 {
    margin-bottom: .3em;
    padding: 0;
    }

#nav-client, #nav-client a {
    color: #c42233;
    text-decoration: none;
    }

#nav-client a:hover {
    text-decoration: underline;
    }

#nav-client li {
    display: inline;
    padding: 0 10px;
    border-left: 1px solid #c42233;
    }

#nav-client li:first-child {
    border: none;
    }

#main {
    }

#content .main {
    min-height: 450px;
    position: relative;
    }

#footer {
    color: #666;
    font-size: 10px;
    margin-bottom: 70px;
    margin-top: 15px;
    }




/* --------------------------------------------
    LOGIN LAYOUT
   --------------------------------------------*/
body.controller-login, body.controller-reset {
    text-align: center;
    background: #eeeeee;
    }

#login-box {
    text-align: left;
    width: 550px;
    margin: 150px auto 10px;
    line-height: 2em;
}

#login-box-top {
    background: transparent url(/images/login_bkg.gif) no-repeat;
    padding: 75px 50px 1px;

    }

#login-box-bottom {
    background: transparent url(/images/login_bkg.gif) no-repeat left -725px;
    height: 10px;
    padding: 45px 10px;
    text-align: right;
    font-size: 9px;
    color: #999;
    line-height: 12px;

    }

#login-box .hint {
    padding: 0 0 0 155px;
    color: #cc0000;
    font-weight: bold;
    }

#login-box input {
    border: 1px solid #999;
    padding: 3px;
    }

#login-box .field {
    width: 200px;
    }

#login-box dt {
    clear: both;
    float:left;
    width: 150px;
    padding: 4px 0 2px 0;
    text-align: right;
    }

#login-box dd {
    float: left;
    width: 200px;
    margin: 0 0 8px 0;
    padding-left: 6px;
    }

/* --------------------------------------------
    ROUNDED BORDERS
    Sets styles for content boxes with rounded
    borders. i.e. white foreground on light grey
    (#eeeeee) background with grey border
   --------------------------------------------*/
.rounded-border-content {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    background: #fff;
    padding: 0 10px;
    height: 1%;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.rounded-border-top, .rounded-border-bottom {
    border-top: 1px solid #dddddd;
    background: #fff;
    height: 5px;
    position: relative;
    }

.rounded-border-top b {
    position: absolute;
    display: block;
    height: 6px;
    width: 6px;
    top: -1px;
    }

.rounded-border-top b:first-child {
    left: 0px;
    background: #fff url(../images/rounded_border.gif) no-repeat left top;
}

.rounded-border-top b {
    right: 0px;
    background: #fff url(../images/rounded_border.gif) no-repeat right top;
}

.rounded-border-bottom {
    border: none;
    border-bottom: 1px solid #dddddd;
    }

.rounded-border-bottom b {
    position: absolute;
    display: block;
    height: 7px;
    width: 7px;
    top: -1px;
    }

.rounded-border-bottom b:first-child {
    left: 0px;
    background: #fff url(../images/rounded_border.gif) no-repeat left bottom;
    }

.rounded-border-bottom b {
    background: #fff url(../images/rounded_border.gif) no-repeat right bottom;
    right: 0px;
    }



/* --------------------------------------------
    WIDGET BORDERS
   --------------------------------------------*/
.widget-content {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    background: #fff;
    padding: 5px 10px 0;
    height: 175px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    }


.widget-head {
    padding: 0 10px 4px;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    background: #fff url(../images/rounded_border_white_bkg_head.gif) no-repeat center -7px;

    }

.widget-top, .widget-bottom {
    border-top: 1px solid #dddddd;
    background: #fff;
    height: 5px;
    position: relative;
    }

.widget-top {
    background: #fff url(../images/rounded_border_white_bkg_head.gif) no-repeat center -1px;
    }

.widget-top b {
    position: absolute;
    display: block;
    height: 6px;
    width: 6px;
    top: -1px;
    }

.widget-top b:first-child {
    left: 0px;
    background: #fff url(../images/rounded_border_white_bkg_head.gif) no-repeat left top;
}

.widget-top b {
    right: 0px;
    background: #fff url(../images/rounded_border_white_bkg_head.gif) no-repeat right top;
}

.widget-bottom {
    border: none;
    border-bottom: 1px solid #dddddd;
    }

.widget-bottom b {
    position: absolute;
    display: block;
    height: 7px;
    width: 7px;
    top: -1px;
    }

.widget-bottom b:first-child {
    left: 0px;
    background: #fff url(../images/rounded_border_white_bkg.gif) no-repeat left bottom;
    }

.widget-bottom b {
    background: #fff url(../images/rounded_border_white_bkg.gif) no-repeat right bottom;
    right: 0px;
    }




/* --------------------------------------------
    CONTROL BAR
   --------------------------------------------*/

.control-bar {
    margin-bottom: 15px;
    }

.control-bar-content {
    background: #f1f1f1;
    padding: 0 0px;
    position: relative;
    float: left;
    width: 100%;
    }

.control-bar-top, .control-bar-bottom {
    position: relative;
    height: 6px;
    background: #f1f1f1;
    clear: both;
    }

.control-bar-top b, .control-bar-bottom b {
    position: absolute;
    display: block;
    height: 6px;
    width: 6px;
    }

.control-bar-top b:first-child {
    left: 0px;
    background: url(../images/control_bar_bkg.gif) no-repeat left top;
    }

.control-bar-top b {
    right: 0px;
    background: url(../images/control_bar_bkg.gif) no-repeat right top;
    }

.control-bar-bottom b:first-child {
    left: 0px;
    background: url(../images/control_bar_bkg.gif) no-repeat left bottom;
    }

.control-bar-bottom b {
    right: 0px;
    background: url(../images/control_bar_bkg.gif) no-repeat right bottom;
    }


#report-control-open {
    display: none;
    position:absolute;
    z-index:1000;
    background:transparent url(/images/parameter_form_open.png) no-repeat;
    width:25px;
    height:100px;
    left:-26px;
    top:0;
    overflow:hidden;
    cursor: pointer;
    }

#report-control-close {
    float: right;
    display: block;
    height: 16px;
    width: 16px;
    background: transparent url(/images/icons/16x16/actions/no.png) no-repeat;
    cursor: pointer;
    }

.report-control dl, .report-control dd, .report-control dt {
    padding: 0;
    margin: 0;
    }

.report-control ul {
    margin: 0;
    }

.report-control .hasDatepicker {
    width: 75px;
    margin-right: .5em;
    }

.report-control .assets label {
    font-weight: normal;
    }

.report-control .note {
    color: #333;
    font-size: .95em;
    line-height: 1.2;
    padding: .65em 0;
    }

#report-control-asset-selection {
    display: none;
    }

.report-control .submit {
    padding-top: 5px;
    margin-top: 5px;
    border-top: 1px solid #ccc;
    text-align: right;
    }

/*
 * Reset report control jquery ui
 * Mainly for tabs
 */

.report-control .ui-tabs { padding: 0; }
.report-control .ui-corner-all { -moz-border-radius: 0; -webkit-border-radius: 0; }
.report-control .ui-widget-content { background: none; border: none; color: #000; }
.report-control .ui-widget { font-family: inherit; font-size: inherit; }
.report-control .ui-widget-header { background: none; border: none; border-bottom: 1px solid #AAAAAA; }
.report-control .ui-tabs .ui-tabs-nav li a { padding: .1em .5em; }
.report-control .ui-tabs .ui-tabs-panel { padding: .25em 0; }

/* Acuity horizontal sliders 00AFFF */

.acuity-slider-horizontal .ui-slider {
    height: 2em;
    font-size: 12px;
    text-align: right;
    line-height: 2em;
    overflow: hidden;
    font-weight: bold;
    border: 1px solid #ccc;
    }

.acuity-slider-horizontal .ui-slider .ui-slider-range {
    font-size: 12px;
    overflow: hidden;
    text-align: left;
    text-indent: 10px;
    background: url("/images/bkg_trans_grad_black_25_top.png") repeat-x scroll top left #efefef;
    }

.acuity-slider-horizontal .ui-slider .ui-slider-handle {
    height: 2em;
    }

.acuity-slider-horizontal .ui-slider-horizontal .ui-slider-handle {
    top: -1px;
    }

.stacked-slider .top {
    -moz-border-radius:4px 4px 0px 0px;
    border-bottom-left-radius: 0px 0px;
    border-bottom-right-radius: 0px 0px;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    }

.stacked-slider .bottom {
    -moz-border-radius:0px 0px 4px 4px;
    border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-top-left-radius: 0px 0px;
    border-top-right-radius: 0px 0px;
    }

.stacked-slider .bottom .ui-slider-range {
    background: url("/images/bkg_trans_grad_black_25_bottom.png") repeat-x scroll bottom left #efefef;
    }

/* Usage shift slider */
.usage-shift-slider .ui-slider {
    border: 1px solid #008ccc;
    background: #16C7FF;
    }

.usage-shift-slider .ui-slider .ui-slider-range {
    background: url("/images/bkg_trans_grad_black_25_top.png") repeat-x scroll top left #00AFFF;
    }

.usage-shift-slider .bottom .ui-slider-range {
    background: url("/images/bkg_trans_grad_black_25_bottom.png") repeat-x scroll bottom left #00AFFF;
    }



/* --------------------------------------------
    RANGE CONTROL
    Range control bar with hour, day and month
    views.  Should be contained within a
    control bar
   --------------------------------------------*/

.range-control-bar {
    float: right;
    margin-right: 6px;
    line-height: 20px;
    font-size: 11px;
    height: 22px;
    }

.range-control-bar a {
    text-decoration: none;
    color: #333;
    }

.range-control-bar li.active a {
    font-weight: bold;
    color: #000;
    }

.range-control-bar span {
    float: left;
    padding: 1px 10px;
    }

.range-control-bar div {
    display: inline-block;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    }

.range-control-bar ul {
    list-style: none;
    margin: 0 -1px;
    padding: 0;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
    height: 20px;
    }

.range-control-bar li {
    float: left;
    height: 20px;
    border-left: 1px solid #999;
    background: #000 url(../images/range_bar_bkg.gif) repeat-x;
    }

.range-control-bar li:first-child {
    border: none;
    }

.range-control-bar li a {
    display: block;
    padding: 0px 10px;
    margin: 0;
    }

.range-control-bar li.active  {
    background: #000 url(../images/range_bar_bkg.gif) repeat-x left bottom;
    }



/* Report export options */
#report-export {
    position: absolute;
    top: 12px;
    right: 10px;
    }



/* date picker */
#report-datepicker-container {
    padding: 15px 6px 5px;
    }
#report-datepicker-container .close {
    float: right;
    }

#report-datepicker-container .active {
    border: 2px solid #c42233;
    }

#report-datepicker-container .inactive {
    border: 2px solid #cccccc;
    }

#report-datepicker {
    float: left;
    }

#report-date {
    float: right;
    clear: right;
    text-align: right;
    padding-top: 70px;
    }

#report-date input {
    width: 90px;
    }

#report-date dt, #report-date dd {
    line-height: 30px;
    min-height: 30px;
    }

#report-date dt {
    float: left;
    clear: left;
    text-align: right;
    }
#report-date dt label.required { font-weight: 600; }
#report-date dd {
    float: right;
    clear: right;
    padding-left: 5px;
}

#report-datedd ul.errors {
    list-style: none;
    padding: 0;
    margin: 0;
}

#report-date dd ul.errors li {
    float: left;
    margin: 0 0.15em;
    font-size: 12px;
    color: #666666;
}


/**
 * REPORT CHART
 */

.chart, #report-chart {
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #ccc;
    padding: 10px;
    }

/**
 * REPORT SENSOR SELECTOR
 *
 * @TODO: Check for unused styles
 */

#report-sensor-selector {
    text-align: left;
    line-height: 30px;
    font-size: 12px;
    position: relative;
    }


#report-sensor-selector-font {
    text-align: left;
    line-height: 20px;
    font-size: 16px;
    margin: 0 6px;
    }

#report-sensor-group-selector-font {
    text-align: left;
    line-height: 20px;
    font-size: 16px;
    }

#report-sensor-selector h3 {
    float: left;
    line-height: 10px;
    }

#report-sensor-selector form {
    display: inline-block;
    }

#sensor-group-container {
    padding: 0px 0px 5px;
    }
#sensor-group-container .close {
    position: absolute;
    top: -5px;
    right: 6px;

    }

#sensor-group-container .active {
    border: 2px solid #c42233;
    }

#sensor-group-container .inactive {
    border: 2px solid #cccccc;
    }

#sensor-group {
    float: left;
    padding-bottom: 0px;
      }

#sensor-group-group {
    float: left;
    padding-bottom: 0px;
      }

#sensor-list-table {

    line-height: 0;
    margin-bottom: 0;

}

#sensor-group-list-table {

    line-height: 0;
    margin-bottom: 0;

}


/* --------------------------------------------
    HEADER NAV MENUS
    Defines the header nav menu structure and
    styles.
   --------------------------------------------*/

.header-menu, .header-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    }

.header-menu {
    background: transparent url(/images/nav-spacer.jpg) no-repeat scroll left top;
    height: 23px;
    }

.header-menu li {
    position: relative;
    line-height: 16px;
    margin: 0;
    padding: 3px 0;
    }

.header-menu > li {
    float: left;
    height: 22px;
    border-top: 1px solid #990000;
    background: #990000 url(/images/nav-spacer.jpg) no-repeat scroll right top;
    padding: 0 1px 0 0;
    }

.header-menu > li > a {
    display: inline-block;
    padding: 0px 24px;
    font-size: 12px;
    height: 22px;
    line-height: 20px;
    text-transform: lowercase;
    background: transparent url(/images/nav-hover.jpg) repeat-x left -22px;
    color: #fff;
    text-decoration: none;
    }

.header-menu > li.active > a, .header-menu > li > a:hover {
    background: transparent url(/images/nav-hover.jpg) repeat-x 0 0;
    color: #990000;
    }

.header-menu li:hover {
    background-color: #ccc;
    }

.header-menu li:hover > ul {
    display: block;
    }

.header-menu ul {
    display: none;
    width: 155px;
    position: absolute;
    top: 22px;
    left: -1px;
    background: #efefef;
    border: 1px solid #666;
    z-index: 2;
    }

.header-menu ul ul {
    display: none;
    width: 155px;
    position: absolute;
    top: 5px;
    left: 150px;
    background: #efefef;
    border: 1px solid #666;
    z-index: 3;
    }

.header-menu ul li {
    color: #C42233;
    padding: 5px;
    border-top:1px solid #CCCCCC;
    }

.header-menu ul li a {
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    }

.header-menu li.more {
    background-image: url(/images/nav-more.png);
    background-position: right center;
    background-repeat:  no-repeat;
}

/* --------------------------------------------
    LEFT NAV MENUS
    Defines the left nav menu structure and
    styles. Includes standard and active states
   --------------------------------------------*/

.left-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    }

.left-menu a {
    color: #333;
    }

.left-menu ul {
    list-style: none;
    margin: 4px 0 0 15px;
    padding: 0;
    }

.left-menu b {
    font-weight: normal;
    }

.left-menu a {
    text-decoration: none;
    }

.left-menu > li {
    margin-bottom: 4px;
    }

.left-menu > li:last-child {
    margin-bottom: 0px;
    }

.left-menu > li > a {
    display: block;
    padding: 1px 0;
    }

.left-menu > li > a b {
    display: block;
    padding: 1px 5px;
    margin: 0 -1px;
    font-weight: bold;
    }

.left-menu > li.active > a  {
    background: #c42233;
    color: #efefef;
    }

.left-menu > li.active > a b  {
    background: #c42233;
    }

.left-menu ul li a b {
    display: block;
    padding: 5px 0px;
    font-size: 11px;
    }

.left-menu ul li.active  b {
    font-weight: bold;
    color: #c42233;
    }

.left-sub-menu {
    margin: 0 0 0 1.25em;
    padding: 0;
    }

.left-sub-menu ul {
    margin: 0 0 0 .5em;
    padding: 0;
    list-style: none;
    font-size: 90%;
    }

.left-sub-menu a {
    color: #333;
    }

.left-sub-menu {
    color: #333333;
    }

.left-sub-menu li.active, .left-sub-menu li.active a {
    font-weight: bold;
    color: #990000;
    }

.left-sub-menu li.active li, .left-sub-menu li.active li a {
    font-weight: normal;
    color: #333333;
    }

.left-sub-menu li.active li.active, .left-sub-menu li.active li.active a {
    font-weight: bold;
    color: #990000;
    }

/* --------------------------------------------
    ZEND FORMS
   --------------------------------------------*/

dl.zend_form dd ul.errors li {
    margin: 0 0.15em;
    font-size: 12px;
    font-weight: bold;
    color: #cc0000;
    }

.form-hint {
    color: #339900;
    padding: 1em;
    border: 1px solid #339900;
    background: #dfffcf;
    }

.form-errors {
    color: #cc0000;
    border: 1px solid #cc0000;
    background: #ffdddd;
    margin: 0 0 1em;
    }

.form-errors li {
    margin: 0 0 0 2em;
    padding: .75em 0;
    }

button.button {
    background-color: #ccc;
    background-image: url(/images/button/button_bkg_grey.gif);
    background-position: center bottom;
    background-repeat: repeat-x;
    border-width: 1px;
    border-style: solid;
    /* border-color: #f9912a #bf6102 #bf6102 #f9912a; */
    border-color: #999 #333 #333 #999;
    color: #fff;
    font-weight: bold;
    }

button.button span {
    padding: 1px 8px 2px;
    display: block;
    background-repeat: no-repeat;
    background-position: left center;
    }

button.button:hover {
    background-position: center top;
    }

#button-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background: url(/images/bkg_trans_orange_40.png);
    border-bottom: 1px solid #cc9900;
    }

#button-overlay .button-container {
    width: 928px;
    margin: 0 auto;
    border-width: 0;
    padding: 10px 11px;
    }

.button-container {
    padding: 5px 0;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 0;
    margin-bottom: 15px;
    }

.button-container:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    }

.button-container div {
    float: right;
    }

.button-container .button {
    margin-left: 10px;
    }


button.save {
    background-image: url(/images/button/button_bkg_orange.gif);
    border-color: #E2780B #A76118 #A76118 #E2780B;
}
button.save span {
    background-image: url(/images/icons/16x16/actions/apply_bw.png);
    padding-left: 24px;
    }

button.back {
    background-image: url(/images/button/button_bkg_grey.gif);
    border-color: #999 #333 #333 #999;
}
button.back span {
    background-image: url(/images/icons/16x16/actions/back_bw.png);
    padding-left: 24px;
    }

button.task {
    background-image: url(/images/button/button_bkg_orange.gif);
    border-color: #E2780B #A76118 #A76118 #E2780B;
}
button.task span {
    }

button.cancel{
    background-image: url(/images/button/button_bkg_red.gif);
    border-color: #ff3333 #981616 #981616 #ff3333;
}

button.cancel span {
    background-image: url(/images/icons/16x16/actions/messagebox_critical.png);
    padding-left: 24px;
    }


.messages {
    margin: 0 0 1em;
}

.messages li {
    margin: 0 0 0 1em;
}

.agentis_form .errors  {
    margin: 0;
    }

.agentis_form .errors li {
    color: #c00;
    font-weight: bold;
    font-size: .9em;
    margin: 0 0 0 1em;
}
/* --------------------------------------------
    CONTENT STYLES
    Defines typography styles for main content
   --------------------------------------------*/

/* reset for jquery UI */
div.ui-widget {
    font-size: 11px;
    }

div.ui-widget thead th {
    background: none;
    }

h2.head {
    font-weight: bold;
    color: #333;
    margin: 0 0 10px;
    }

.report-date {
    float: left;
    margin-left: 6px;
    font-size: 16px;
    line-height: 20px;
    color: #666;
    }

.glossary p {
    margin: 1em 20px;
    }

/*
.dash-widget {
    width: 339px;
    margin-right: 10px;
    margin-bottom: 15px;
    float: left;
    color: #333;
    }

.dash-widget.full {
    width: 100%;
    float: none;
    clear: both;
    }

.dash-widget.full .widget-content {
    height: 1%;
    }

.dash-widget .peak {
    color: #820024;
    }

.dash-widget .off-peak {
    color: #6699cc;
    }

.dash-widget.last {
    margin: 0;
    }

.dash-widget h3, .dash-widget-full h3 {
    margin: 0;
    padding: 0 0 2px;
    font-weight: bold;
    font-size: 1.125em;
    }

.dash-widget h5, .dash-widget-full h5 {
    font-size: small;
    font-weight: normal;
    margin: 0;
    padding: 0;
    line-height: 1.1em;
    color: #333;
    }

.dash-widget p, .dash-widget-full p {
    font-size: 1.5em;
    font-weight:bold;
    margin:0;
    }

.dash-widget small, .dash-widget-full small {
    font-size: .7em;
    font-weight: normal;
    }

.dash-widget .dash-pie-left {
    float: left;
    }

.dash-widget .data {
    float: left;
    line-height: 1.75em;
    width: 160px;
    padding-top: 20px;
    }

.dash-widget .center, .dash-widget-full .center {
    text-align: center;
    line-height: 144px;
    width: 214px;
    font-size: 2em;
    }

.dash-widget .over {
    color: #cc0000;
    }

.dash-widget .under {
    color: #5cb72e;
    }

.dash-widget h4 {
    margin: 0;
    font-size: 1em;
    }

.dash-widget .line {
    margin-bottom: 10px;
    }

.budget-bar {
    float: left;
    width: 55px;
    margin: 0 50px;
    height: 175px;
    font-size: 10px;
    line-height: 1em;
    }

.budget-bar b {
    position: absolute;
    right: 57px;
    font-weight: normal;
    top: -.65em;
    white-space: nowrap;
    }

.budget-bar .top, .budget-bar .bottom {
    line-height: 20px;
    height: 20px;
    text-align: center;
    font-weight: bold;
    }

.budget-bar .bar {
    border: 1px solid #dddddd;
    height: 133px;
    position: relative;
    }

.budget-bar .budg, .budget-bar .proj  {
    border-top: 1px dotted #333;
    position: absolute;
    bottom: 0;
    width: 53px;
    }

.budget-bar .proj {
    background: #d7ec82;
    }

.budget-bar .curr {
    background: #bce02e;
    position: absolute;
    bottom: 0;
    width: 53px;
    }

.budget-bar .curr.curr-under-proj-over {
    background: #e0642e;
    }

.budget-bar .curr.curr-over-proj-over {
    background: #cc0000;
    }

.budget-bar .curr b {
    left: 57px;
    }

*/




.controller-login .agentis_table_form tr td {
    border-width: 0;
    }

.controller-login .agentis_table_form td.label {
    background: none;
    }

.controller-login .agentis_table_form td.value {
    background: none;
    }

/* FIELDSET */
.recordset h3.title {
    float: left;
    margin: 0;
    }

.recordset h3.title small {
    font-size: 85%;
    font-weight: normal;
    color: #666;
    }

.recordset table {
    clear: both;
    }

/* INLINE MENU */
.inlineMenu {
    position: relative;
    float: right;
    border-width: 1px 0 1px 1px;
    border-color: #ccc;
    border-style: solid;
    margin: 0;
    padding: 0;
    list-style: none;
    }

.inlineMenu li {
    float: left;
    border-right: 1px solid #ccc;
    margin: 0;

    }

.inlineMenu li a {
    display: block;
    height: 20px;
    font-size: 10px;
    padding: 2px 4px 2px 22px;
    line-height: 20px;

    background-repeat: no-repeat;
    background-position: 3px center;

}

.inlineMenu li a:hover {
    background-color: #ccc;
}

.inlineMenu li.edit a {
    background-image: url(/images/silk/page_white_edit.png);
}

.inlineMenu li.add a {
    background-image: url(/images/silk/add.png);
}

.inlineMenu li.copy a {
    background-image: url(/images/silk/page_white_copy.png);
}

.inlineMenu li.delete a {
    background-image: url(/images/silk/delete.png);
}

.inlineMenu li.favorite a {
    background-image: url(/images/silk/star.png);
}