/* Buttons 
===================== */

.tundra .menu .dijitButton,
.tundra .menu .dijitDropDownButton {
    float: left;
}

BODY.tundra .dijitDropDownButtonHover .dijitButtonContents,
BODY.tundra .dijitDropDownButtonFocused .dijitButtonContents,
BODY.tundra .dijitDropDownButtonActive .dijitButtonContents {
    background: none
}

.tundra .dojoxGrid .dijitButton .dijitButtonNode,
.tundra .dojoxGrid .dijitDropDownButton .dijitButtonNode {
    height: auto;
}

.tundra .menu .dijitDisabled .dijitButtonText {
    color: #d1dae4;
}

.search .dijitTextBox {
    border: 0 !important;
    background: none !important;
}

.tundra .buttons .dijitButton,
.tundra .buttons .dijitDropDownButton {
    float: right;
}

.tundra .buttons .dijitDisabled .dijitButtonText {
    color: #E3E3E3;
}

.dj_opera .tundra .dijitButton .dijitButtonText,
.dj_opera .tundra .dijitDropDownButton .dijitButtonText,
.dj_ie8 .tundra .dijitButton .dijitButtonText,
.dj_ie8 .tundra .dijitDropDownButton .dijitButtonText {
    line-height: 30px;
}

.dj_opera .tundra .dijitComboBox .dijitArrowButton {
    height: 1.2em;
}

.dj_opera .tundra .dijitComboBox .dijitArrowButton .dijitArrowButtonInner {
    height: 100%;
}

/* / Buttons */

/* Filter box
===================== */
.tundra .panel .dijitSelect {
    color: #555555;
    font-size: 9pt;
    margin: 6px 0 2px;
}

.tundra .panel .dijitComboBox {
    background: none;
    border: 1px solid #b3b3b3;
    line-height: 100%;
    margin: 0 0 6px;
    padding-left: 12px;
}

.tundra .panel .dijitComboBox .dijitValidationIcon {
    display: none;
}

.tundra .panel .dijitComboBox .dijitButtonNode {
    background: none;
    border: 0 none;
}

.tundra .panel .dijitComboBox input {
    color: #0158BB;
    font: normal 9pt/9pt Trebuchet MS, Helvetica, Arial, sans-serif;
}

.tundra .panel .dojoxScrollPane {
    padding: 1px 0;
    font-size: 9pt;
}

/* / Filter box */

.tundra .message .activeLink {
    display: inline;
    vertical-align: baseline;
}

.tundra .disabledActiveLink {
    cursor: default;
}

/* data table
===================== */
.tundra .dojoxGrid .dojoxGridRowbarTable,
.tundra .dojoxGrid .dojoxGridHeader TABLE,
.tundra .dojoxGrid .dojoxGridRowTable {
    border-collapse: separate;
    border-bottom: 0 none !important;
}

.dijitTooltipContainer.dijitTooltipContents .sizeLimitedTooltip,
.dijitTooltipDialog.sizeLimitedTooltip {
    word-wrap: break-word;
    max-width: 400px;
}

/* #1927 
.tundra .dojoxGrid .dojoxGridScrollbox {
	overflow-x: hidden;
}*/
.tundra .block .dojoxGrid {
    width: 100%;
    background-color: #fff;
}

.tundra .dojoxGrid .dojoxGridCell,
.tundra .dojoxGrid th,
.tundra .dojoxGrid td {
    height: 18px;
    line-height: 12pt;

    padding: 7px 2px 7px 7px;
    border-top: 0 none !important;
    border-bottom: 0 none !important;
    background: url('/public/images/bg_table.png') repeat-x 0 1px #FFF;
    text-align: left;
    white-space: nowrap;

    font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
    font-size: 9pt;
}

.tundra .dojoxGrid .dojoxGridRowOdd,
.tundra .dojoxGrid .dojoxGridRowSelected,
.tundra .dojoxGrid .dojoxGridRowOver {
    background: none repeat scroll 0 0 #FFFFFF !important
}

.tundra .dojoxGrid .dojoxGridRowOver .dojoxGridCell {
    background: transparent !important
}

.tundra .dojoxGrid .dojoxGridCell,
.tundra .dojoxGrid .dojoxGridCellFocus {
    border: 0 none !important;
    outline: 0 none !important;
    color: #555 !important;
}

.tundra .dojoxGrid .dojoxGridRowOver .dojoxGridCell,
.tundra .dojoxGrid .dojoxGridRowbarTable .dojoxGridRowbarInner,
.tundra .dojoxGrid .dojoxGridRowTable .dojoxGridCell {
    border-top: 1px solid #BEC5CD !important;
    border-right: 1px dotted transparent !important;
}

.tundra .dojoxGrid .dojoxGridRowOver .tHeader .dojoxGridCell,
.tundra .dojoxGrid .dojoxGridRow .tHeader .dojoxGridCell,
.tundra .dojoxGrid .dojoxGridRowTable th.dojoxGridCell,
.tundra .dojoxGrid .tTitle .dojoxGridCell {
    background: none repeat scroll 0 0 #DBDDE6;
    border-top: 0 none !important;
}

.tundra .dojoxGrid table {
    border-bottom: 1px solid #bec5cd !important;
}

.tundra .dojoxGrid .dojoxGridCell a {
    font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
    font-size: 9pt;
}

.tundra .dojoxGrid .dojoxGridMasterHeader th,
.tundra .dojoxGrid .dojoxGridMasterHeader .dojoxGridCell {
    background: #dbdde6;
    padding-top: 3px;
    padding-bottom: 3px;
}

.tundra .dojoxGrid .dojoxGridMasterHeader th,
.tundra .dojoxGrid .dojoxGridMasterHeader .dojoxGridCell,
.tundra .dojoxGrid .dojoxGridMasterHeader div {
    font-weight: normal;
    color: #525457;
    color: #525457;
}

.tundra .dojoxGrid .dojoxGridRowOver {
    border: 0 none;
}

.tundra .dojoxGridHeader .dojoxGridRowTable .dojoxGridCell {
    border-right: 1px dashed #efefef !important;
}

.tundra .dojoxGrid .dojoxGridRowbarSelected td,
.tundra .dojoxGrid .dojoxGridRowSelected .dojoxGridCell,
.tundra .dojoxGrid .dojoxGridRowbarOver td,
.tundra .dojoxGrid .dojoxGridRowOver .dojoxGridCell {
    background: #faf5be none !important;
    color: #525457;
}

.tundra .dojoxGrid .disabled td {
    color: #79828b;
}

.tundra .dojoxGrid .new td {
    color: #00244d;
}

.tundra .dojoxGrid .new .w33 {
    padding-left: 2px;
}

.tundra .loginContainer .dijitTextBox {
    margin-bottom: 15px;
}

.tundra .dojoxGrid .dojoxGridCell img {
    vertical-align: middle;
}

.tundra .dojoxGrid .dojoxGridCellFocus {
    border-color: transparent !important;
}

/* / Data table */

/* Forms
===================== */
.Content FORM .label,
.Content FORM .field {
    display: block;
    float: left;
    margin: .3em 0;
    font-size: 1.1em;
    line-height: 150%;
}

.Content FORM .label {
    clear: left;
    width: 48%;
    margin-right: 1%;
    text-align: right;
}

.Content FORM .label.action {
    color: #0158bb;
    width: 74%;
}

.Content FORM .label.action:hover {
    cursor: pointer;
}

.Content FORM .field {
    width: 18em;
}

.Content FORM .field SELECT,
.Content FORM .field .dijit {
    width: 95%;
}

.Content FORM .field TEXTAREA {
    width: 90%;
}

.Content FORM TABLE {
    width: 95%;
}

.Content FORM TD {
    width: 50%;
    padding: .4em 0;
    vertical-align: top;
}

.Content FORM TD SELECT,
.Content FORM TD .dijit {
    width: 98% !important;
}

.Content FORM TD TEXTAREA {
    width: 96% !important;
}

.Content FORM .extlabel {
    display: block;
    line-height: 1.4em;
    margin: 0 !important;
    padding-right: .5em;
    text-align: right;
}

.Content FORM.wide .label {
    width: 38%;
}

.Content FORM.wide .field {
    width: 18em;
}

.Content FORM.wide .field .dijit,
.Content FORM.wide .field .dijitTextArea {
    width: 50%;
}

.Content FORM.wide .field A.dijit {
    width: auto;
}

.Content FORM .dijitReadOnly {
    background: none repeat scroll 0 0 #F1F2F6 !important;
    border-color: #DFDFE3 !important;
    color: #515455 !important;
}

/* / Forms */

/* Unit General Form
===================== */
FORM#unitgeneralform.wide .fieldRow {
    display: inline-block;
    width: 500px;
    float: left;
    height: 30px;
}

FORM#unitgeneralform.wide .label {
    width: 200px;
}

FORM#unitgeneralform.wide .field .dijit,
FORM#unitgeneralform.wide .field .dijitTextArea {
    width: auto;
}

FORM#unitgeneralform.wide {
    width: 500px;
    height: 508px;
    float: right;
}

/* Unit addition/management form
===================== */
#unitcreationform {
    height: 514px;
}
#unitcreationform {
    width: 100%;
}

.tundra #unitcreationform .dojoxMultiSelect {
    width: 100% !important;
}
.tundra #unitcreationform .dijitButtonNode {
    background: #fff url("../images/buttonEnabled.png") repeat-x scroll left bottom;
    border-color: #9b9b9b;
    border-style: solid;
    border-width: 0 0 0 1px;
}
.tundra #unitcreationform .dijitButtonNode .dijitArrowButtonInner {
    background: rgba(0, 0, 0, 0) url("/js/library/dijit/themes/tundra/images/spriteArrows.png") no-repeat scroll 0 center;
    width: 7px;
}

#unitcreationform .dojoxMultiSelectItem {
    cursor: default;
    padding: 0.1em 0.2em;
    white-space: nowrap;
}

#unitcreationform .panel {
    margin: 0 10px;
}

#unitcreationform .panel.general-info dd,
#unitcreationform .panel.connection-info dd {
    height: 150px;
}

#unitcreationform .unit_sim .field .dijit {
    width: 240px !important;
}

#unitcreationform .label {
    width: 40%;
}
#unitcreationform .panel.owner-info dd {
    height: 200px;
}

#unitcreationform .owner-info table {
    width: 100%;
}
#unitcreationform .owner-info .column-right {
    padding-left: 14px;
}

/* Events page
===================== */
#eventViewSplit .dijitSplitterH {
    background-color: #eeeeee;
    border-bottom: 1px solid #cfcfcf;
    border-top: 1px solid #ffffff;
}

#eventViewSplit .closer {
    top: 4px;
    right: 2px;
    z-index: 2;
}

/* / Events page */

/* Tree Grid
===================== */
.ipmpTreeGrid,
.ipmpTreeGrid .dojoxGridScrollbox {
    background-color: transparent !important;
    overflow-x: hidden;
}

.ipmpTreeGrid .dojoxGridHeader {
    display: none
}

.ipmpTreeGrid div.dojoxGridRow {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #A1ABB5 !important;
    border-top: 1px solid #A1ABB5 !important;
    margin: 0 3px;
    padding: 2px;
    position: relative;
    margin-bottom: 15px;
}

.ipmpTreeGrid div.dojoxGridRow .dojoxGridRowInner {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #A1ABB5;
    border-right: 1px solid #A1ABB5;
    margin: 0 -5px;
    padding: 0 2px;
    position: relative;
}

.ipmpTreeGrid .caption {
    color: #888
}

.ipmpTreeGrid .scale,
.ipmpTreeGrid .battery {
    float: right;
    line-height: 1.2em;
}

.ipmpTreeGrid .scale_outer,
.ipmpTreeGrid .battery_outer {
    float: right;
    margin-left: 4px;
}

.ipmpTreeGrid .scale_inner {
    background-position: 0 -194px !important;
    margin-top: -2px;
}

.ipmpTreeGrid .battery_inner {
    background: #ff4444 !important;
    margin-top: -2px;
}

.ipmpTreeGrid .battery_inner_green {
    background: #44ff44 !important;
    margin-top: -2px;
}

.ipmpTreeGrid .dojoxGridExpando {
    display: none
}

.ipmpTreeGrid .tHeader .dojoxGridExpando {
    display: block;
    float: right;
}

.ipmpTreeGrid .dojoxGridExpandoCell {
    background-position: 0 1px !important
}

.ipmpTreeGrid .dojoxGridRow .tl,
.ipmpTreeGrid .dojoxGridRow .tr,
.ipmpTreeGrid .dojoxGridRow .br,
.ipmpTreeGrid .dojoxGridRow .bl {
    background-position: left top;
    background-repeat: no-repeat;
    font-size: 0;
    height: 3px;
    position: absolute;
    width: 3px;
}

.ipmpTreeGrid .dojoxGridRow .tl {
    background-image: url("/public/images/corner_tl.png");
    left: -3px;
    top: -1px;
}

.ipmpTreeGrid .dojoxGridRow .tr {
    background-image: url("/public/images/corner_tr.png");
    right: -3px;
    top: -1px;
}

.ipmpTreeGrid .dojoxGridRow .br {
    background-image: url("/public/images/corner_br.png");
    bottom: -1px;
    right: -3px;
}

.ipmpTreeGrid .dojoxGridRow .bl {
    background-image: url("/public/images/corner_bl.png");
    bottom: -1px;
    left: -3px;
}

.ipmpTreeGrid .dojoxGridRow .dojoxGridCell,
.ipmpTreeGrid .dojoxGridRow th,
.ipmpTreeGrid .dojoxGridRow td {
    font-size: 8.6pt;
}

.ipmpTreeGrid .dojoxGridRowOver .tHeader .dojoxGridCell,
.ipmpTreeGrid .tHeader a {
    color: #525457;
    line-height: 100%;
}

.ipmpTreeGrid .dojoxGridRowOver .tHeader .dojoxGridCell,
.ipmpTreeGrid .dojoxGridRow .tHeader .dojoxGridCell {
    padding: 5px 7px;
    color: #0158bb !important;
}

.ipmpTreeGrid .actions .dijitButtonNode {
    padding: 0 !important;
}

.ipmpTreeGrid .spr {
    background: transparent url('/public/images/spr_untdiag.gif') no-repeat -99px -99px;
    vertical-align: middle;
}

.ipmpTreeGrid .ico {
    width: 17px;
    height: 17px;
}

.ipmpTreeGrid .i_cp {
    background-position: 0 3px
}

.ipmpTreeGrid .i_cam {
    background-position: 0 -28px
}

.ipmpTreeGrid .i_det {
    background-position: 0 -60px
}

.ipmpTreeGrid .i_kpad {
    background-position: 0 -88px
}

.ipmpTreeGrid .i_kfob {
    background-position: 0 -88px
}

.ipmpTreeGrid .i_sir {
    background-position: 0 -118px
}

.ipmpTreeGrid .i_test {
    background-position: 0 -150px
}

.ipmpTreeGrid .i_trb {
    background-position: 0 -238px
}

.ipmpTreeGrid .spr_scale {
    width: 37px;
    height: 15px;
    background-position: 0 -180px
}

.ipmpTreeGrid .spr_battery {
    width: 12px;
    height: 5px;
    margin-right: -1px;
    background-position: 0 -270px
}

.ipmpTreeGrid .spr_battery_green {
    width: 12px;
    height: 5px;
    margin-right: -1px;
    background-position: 0 -280px
}

.ipmpTreeGrid .actions {
    padding-right: 10px !important;
    text-align: right !important;
}

.ipmpTreeGrid a {
    text-decoration: underline
}

.ipmpTreeGrid a:hover {
    text-decoration: none
}

/* / Tree Grid */

/* left menu list
===================== */
.menuList .menuListGroup {
}

.menuList .menuListGroup .dijitTitlePaneTitle,
.menuList .menuListGroup .dijitTitlePaneContentOuter {
    background: none transparent;
    border: 0 none;
}

.menuList .menuListGroup .dijitTitlePaneTitle,
.menuList .menuListGroup .dijitTitlePaneContentInner {
    padding: 0;
}

.menuList .menuListGroup .dijitTitlePaneTextNode {
    margin: 0;
}

.menuList .menuListGroup .dijitTitlePaneFocused {
    outline: 0 none;
}

.menuList .menuListGroup .dijitTitlePaneFocused .dijitTitlePaneTextNode {
    text-decoration: none;
}

.menuList .menuListGroup .dijitArrowNodeInner,
.menuList .menuListGroup .dijitArrowNode {
    float: right;
    margin: 14px 13px 0 0;
}

.menuList .menuListGroup .dijitClosed .dijitArrowNode {
    background-position: -7px 0 !important;
}

.menuList .menuListGroup .dijitClosed .dijitTitlePaneTextNode {
    color: #0158BB;
}

.menuList .menuListGroupItem {
    padding-left: 20px;
}

.menuList .menuListGroup .current {
    padding-left: 6px;
}

/* // left menu list */

/* Unit-list popup
===================== */
.listPopup #unitlist {
    height: 508px !important;
}

/* // Unit-list popup */

.blockBody .columnLeft .ipmpQuickNav {
    line-height: 27px;
    overflow: hidden;
}

#zoneList .dojoxGridHeader {
    display: none;
}

/* // PmaxSetState Controls */

/****** app.widget.SrollPane ******/
.customScrollWindow {
    position: relative;
    overflow: hidden;
    width: 220px;
    height: 96px;
    padding: 5px;
    margin-top: 10px;
    /*     margin-bottom: 10px; */
    /*     border-bottom: 1px solid #e7e7e7; */
}

.customScrollWrapper {
    overflow: hidden;
}

.customScrollPane {
    height: 96px;
    overflow: hidden;
}

.customScrollHelper {
    height: 25px;
    width: 4px; /*Thinkness of scroll holder*/
    position: absolute;
    background: #6f6f6f;
    border: 1px solid #b7b7b7;
    overflow: hidden;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.scrollBackground {
    width: 6px;
    height: 96px;
    position: absolute;
    right: 0px;
    top: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.customScrollHelper .helperInner {
    visibility: hidden;
}