body {
    font: 12px 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
    min-width: 780px;
}

body.login-page {
    background: none repeat scroll 0 0 #444444;
}

hr {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
}

.login-box {
    margin-top: 200px;
    margin-left: 32%;
    width: 350px;
}

.login-box > .ui-widget-header {
    text-align: center;
    padding: 4px;
}

.login-box .ui-widget-content {
    font-size: 14px;
    padding: 8px;
}

.textinput {
    background-color: #FFFFFF !important;
    color: #555555 !important;
    background-image: none !important;
    font-weight: normal !important;
}

.textdisplay {
    background-color: #E0E0E0 !important;
    color: #383838 !important;
    background-image: none !important;
    font-weight: normal !important;
}

.zend_form dt {
    clear: left;
    float: left;
    width: 60px;
    padding: 4px 0;
    text-align: right
}

.zend_form dd {
    float: left;
    padding: 4px;
}

.zend_form ul.ui-state-error {
    list-style: none;
    padding: 4px;
}

.zend_form select {
    float: none !important;
}

.zend_form .description {
    padding: 0;
    margin: 0;
    color: #327E04;
    clear: left;
}

.header #logo {
    float:left;
    margin-left: 20px;
}

a#logo {
    text-decoration: none;
    color: #327E04;
}

#logo img {
    border: none;
}

.header .shortcut {
    float:right;
    padding-top: 25px;
    margin-right: 100px;
}

.header .shortcut a {
    color: #383838;
}

div.navigation {
    float:left;
    width: 20%;
}

.navigation .ui-widget {
    margin: 10px 6px;
}

.navigation .ui-widget-header {
    text-align: center;
    padding: 4px;
}

.navigation ul {
    list-style: none outside none;
    padding: 4px;
}

.navigation li {
    border-bottom: 1px dotted #CCCCCC;
    padding: 0;
    margin: 0;
}

.navigation a {
    text-decoration: none;
    display: block;
    font-size: 14px;
    padding: 4px 0 2px 6px;
}

.link a {
    font-size: 10px;
    text-decoration: none;
    border-bottom: 1px dotted #CCCCCC;
}

.ui-widget-header {
    font-size: 16px;
}

div.footer {

}

div.main {
    float:left;
}

.main {
    width: 75%;
    padding: 4px 8px;
}

.main > .ui-widget {
    padding-bottom: 10px;
}

.main div.ui-widget-header {
    padding: 4px 0 4px 10px;
}

.main div.ui-widget-content {
    padding: 4px 6px;
}

.block-footer {
    text-align: right;
    border-top: 1px solid #CCCCCC;
    margin: 8px 0 0 0;
    padding: 4px 20px 8px 0;
}

.data-table div.ui-widget-content {
    padding: 16px 8px;
}

table.data-table {
    width: 100%;
    border-collapse: collapse;
}

.data-table th {
    text-align: center;
    padding: 6px 2px;
    font-weight: bolder;
    font-size: 14px;
}

.data-table td {
    text-align: left;
    padding: 6px 4px;
    font-weight: normal;
    font-size: 12px;
}

.data-table td.ui-state-hover {
    font-weight: normal;
}

.data-table td.ui-state-highlight {
    font-weight: bold;
}

div.table-buttons {
    padding: 4px 8px;
}

div.table-operations {
    padding: 4px 8px;
}

.table-operations .ui-button {
    margin-left: 8px;
}

a.ui-button {
    padding: .4em 1em;
}

.pagination-element a.ui-button {
    padding: 0 !important;
}

.data-table .select-column {
    width: 24px;
}

.table-footer .pagination {
    text-align: center;
}

table.list-table {
    border-collapse: collapse;
}

.list-table td {
    font-size: 14px;
    padding: 2px 4px;
}

.list-table td.ui-widget-content {
    min-width: 100px;
}

div.error-message-block {
    margin-bottom: 8px;
    padding-left: 8px;
}

.error-message-block > p > span.ui-icon-alert {
    float:left;
    margin-right: 4px;
}

.error-message-block > p > strong {
    margin-right: 4px;
}

div.info-message-block {
    margin-bottom: 8px;
    padding-left: 8px;
}

.info-message-block > p > span.ui-icon-info {
    float:left;
    margin-right: 4px;
}

.info-message-block > p > strong {
    margin-right: 4px;
}

.label {
    display: inline-block;
    font-weight: bolder;
}

.value {
    display: inline-block;   
}

.action a {
    margin-left: 8px;
    text-decoration: none;
    border-bottom: 1px dotted #333;
}

.defination {
    color: #a45b13;
}

.section-title {
    border-bottom: 1px dotted #327E04;
    padding: 0 ;
}


.section-title span.ui-state-default {
    display: inline-block;
    padding: 2px 8px;
}

.remark {
    
}

div.chart-legend {
    width: 600px;
    text-align: center;
    line-height: 16px;
}

.chart-legend .legend-label {
    display:inline-block;
    vertical-align: top;
    font-weight: bolder;
    padding-top: 2px;
    margin-right: 8px;
}

.chart-legend table {
    display: inline-block;
}

.chart-legend td {
    padding: 2px 4px;
}

div.chart-data {
    margin: 8px 2px;
}

.unordered-list li {
    padding: 2px 0;
}

.print-widget {
    float: right;
    padding-bottom: 4px;
}

.ui-tabs-nav {
    font-size: 12px;
}

.negative-currency {
    color: red;
}

div.net-graph {
    padding: 10px;
    text-align: center;
}

.net-graph h5 {
    font-size: 16px;
}

a.action-link {
    text-decoration: none;
    display: inline-block;
    border-style: none none dotted none;
    border-width: 1px;
}

a.prev-page {
    text-decoration: none;
    display: inline-block;
    border-style: none none dotted none;
    border-width: 1px;
    color: #555555;
}

select .ui-widget-content {
    background-image: none !important;
}

select.ui-state-default {
    color: #555555 !important;
}

ul.notes {
    list-style-image: url('../img/bullet.gif');
}

ul.use-for {
    list-style-image: url('../img/bullet.gif');
}

.use-for h4 {
    text-transform: capitalize;
}


ol.category {
    list-style-image: none;
    list-style-type: none;
    padding-left: 0;
}

.use-for h4 a {
    margin-left: 6px;
    font-size: 10px;
    color: #666;
    text-decoration: none;
    border-bottom: 1px dotted #666;
}

li.upgrade-item {
    margin-bottom: 4px;
}

li.upgrade-item input.selCtl {
    margin-right: 4px;
}

li.upgrade-item .install-fee {
    color: #327E04;
}

li.upgrade-item .unit {
    margin-left: 8px;
    margin-right: 4px;
}

.selected input.unitCtl {
    opacity: 1;
}

.not-selected input.unitCtl {
    opacity: 0.25;
}

.page-title-button {
    float: right;
    padding-right: 8px;
}

.ui-tooltip-yesup h3 {
    font-size: 20px;
    font-weight: bolder;
}

.ui-tooltip-yesup dt {
    font-size: 14px;
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 2px;
}

.ui-tooltip-yesup dd {
    font-size: 1em;
}

.ui-tooltip-yesup .ui-tooltip-content {
    max-height: 600px;
    overflow: auto;
}

.v6ip {
    font-family: monospace;
}

.page-description {
    background-image: url(../img/icons/icons-support.png);
    background-repeat: no-repeat;
    background-position: center left;
    min-height: 60px;
    padding-left: 80px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.2em;
    color:#327E04;
}

.page-description a {
    text-decoration: underline;
    color:#666;
}

.page-warn {
    background-image: url(../img/exclaim_mark.png);
    background-repeat: no-repeat;
    background-position: center left;
    min-height: 40px;
    margin-left: 20px;
    padding-left: 80px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 1.2em;
    color:#327E04;
}

.my-icon {
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.my-icon-help {
    background-image: url(../img/help_icon.png);
}

.cloud-icon-state {
    display: block;
    background-repeat: no-repeat;
    padding-left: 32px;
    font-weight: bolder;
    min-height: 20px;
}
.cloud-icon-state-pending {
    background-image: url(../img/ajax-loader-small.gif);
    background-position: 9px 1px;
    color: #e3a345;
}

.cloud-icon-state-running {
    background-image: url(../img/sprites.png);
    background-position: 1px -460px;
    color: #008000;
}

.cloud-icon-state-destroyed {
    background-image: url(../img/sprites.png);
    background-position: 1px -496px;
    color: #959FA9;
}

.cloud-icon-state-stopped {
    background-image: url(../img/sprites.png);
    background-position: 1px -496px;
    color: #B90606;
}