@import url("Menu.css");
@import url("LoadSlip.css");

* {
    margin: 0;
    padding: 0;
}

html {
    background-color: #fafafa; /*#d4d0b3;*/
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 10pt; /*height: 100%;*/ /*width: 100%;*/
    background-image: url('../images/FPTrak_background.jpg');
    background-repeat: no-repeat;
    background-position: left top;
}

body {
    margin: auto;
    min-width: 1024px;
    padding: 0px 10px 0px 10px;
    text-align: center;
}

#outerWrapper {
    border: thin none #CCC;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    position: relative;
    text-align: left;
    width: 1000px; /*background-color: #fafafa;*/
}

.logo {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 10px;
    width: 150px;
    height: 50px; /*background-image: url(  "../images/FPtrak.png" );     background-repeat: no-repeat;     background-position: left top;*/
    margin-left: -25px;
    position: absolute;
}

#header {
    height: 70px;
    padding-left: 30px;
    text-align: left;
}

#headlinks {
    color: #666666;
    float: right;
    font-size: 0.9em;
    padding-top: 46px;
    padding-right: 3px;
    padding-bottom: 0;
    padding-left: 0;
    text-align: right;
    width: 700px;
    font: 8pt verdana;
}

    #headlinks a, #headlinks a:link, #headlinks a:visited, #headlinks a:active {
        color: #666666;
        margin: 0px 2px 0px 2px;
        text-decoration: none;
    }

        #headlinks a:hover {
            color: #000;
        }

#menuContainer {
    background-image: url( '../images/TopMenu.png' );
    background-repeat: no-repeat;
    height: 40px;
    padding-left: 23px;
    text-align: left;
    position: relative;
    width: 100%;
    z-index: 999;
}

.PageTitle {
    padding-left: 100px;
}

#mainContainer {
    border: 1px solid #C0C0C0;
    height: 450px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    width: 1000px;
}

#sitePathContainer {
    height: 24px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    width: 1000px;
    margin-top: -9px;
}

#PageContainer {
    /*width : 1000px;*/
    height: 400px;
    float: none;
}

.PageMenuContainer {
    width: 150px;
    height: 400px;
    background-color: #F5F5F5;
    float: left;
    border: 1px solid red;
}

.LoggedUser {
    float: right;
    color: Green;
    padding: 5px 40px 0px 0px;
}

#footer {
    border: 1px solid #C0C0C0;
    font: 0.7em verdana;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 1000px;
    color: #2a2a2a;
}

#footerLeft {
    float: left;
    height: inherit;
    margin-left: 10px;
    margin-top: 9px;
    font: 7.5pt verdana;
    font-weight: normal;
}

#footerRight {
    float: right;
    height: inherit;
    margin-right: 10px;
    margin-top: 9px;
}

/* Site path */
.SitePath {
    clear: both;
    float: left;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 8pt;
    height: 24px;
    margin-left: 10px;
}

.rounded {
    border: 1px solid #C0C0C0;
    -moz-border-radius: 1ex;
    -webkit-border-radius: 1ex;
    border-radius: 1ex;
    background-color: #FFFFFF;
    height: 200px;
    width: 200px;
}

.MainPanel {
    font: 8pt verdana;
    color: #2A2A2A;
    height: 550px;
    width: 75%;
}

._ListBoxNoBorder {
    background-color: white;
    font-size: 8pt;
    padding: 0;
    list-style: none;
    overflow: auto;
    width: 100%;
    height: 100%;
}

._ListBox {
    background-color: white;
    font-size: 8pt;
    padding: 0;
    list-style: none;
    border: 1px solid #E3E3E3;
    overflow: auto;
    width: 100%;
    height: 100%;
}

.GridMainContainer {
    width: 100%;
    height: 340px;
    display: inline;
    margin-top: 10px;
}

.GridContainer {
    font-size: 8pt;
    list-style: none;
    overflow: auto;
    width: 100%;
    height: 313px;
    min-width: 600px;
    text-align: left;
    padding-left: 0px;
}

    .GridContainer td, .ReportHeader td {
        min-height: 20px;
    }

.GridCenter {
    width: 100%;
    height: 400px;
}

.Selection {
    background-color: #F8F8FF;
    border: 1px solid #E3E3E3;
    font: 8pt verdana;
    height: 20px;
}

.CheckBoxList {
    font: 8pt verdana;
}

.TopLine {
    background-color: #FFFFFF;
    border-top: 1px solid #e3eaf4;
    background-image: url('../images/top_line.png' );
    background-repeat: repeat-x;
}

.BottomLine {
    background-color: #FFFFFF;
    border-bottom: 1px solid #e3eaf4;
    background-image: url('../images/bottom_line.png' );
    text-align: left;
    height: 15px;
}

.Container {
    height: 100%;
    background-color: #FFFFFF;
    border-bottom: 1px solid #e3eaf4;
    width: 100%;
}

._Container {
    height: 450px;
    width: 100%;
    padding: 0px;
}

.PanelHeader {
    border-left: 1px solid #e3eaf4;
    border-right: 1px solid #e3eaf4;
    border-bottom: 1px solid #e3eaf4; /*	border-bottom		: 2px solid Green;*/
    height: 65px;
    background-color: #FFFFFF;
    background-image: url('../images/FPtrak.png' );
    background-position: top left;
    background-repeat: no-repeat;
    text-align: right;
}

.PanelFooter {
    font: 8pt verdana;
    height: 15px;
    width: 100%;
}

.ButtonNoBorder {
    border: 0px;
    height: 15px;
    font: 8pt verdana;
    background-color: Transparent;
    cursor: pointer;
    color: #2A2A2A;
}

    .ButtonNoBorder:hover {
        color: #FF0000;
        text-decoration: underline;
    }

.RowButton {
    border: 0px;
    height: 15px;
    font: 8pt verdana;
    background: #FFF;
    color: #2A2A2A;
    text-align: left;
}

    .RowButton:hover {
        cursor: pointer;
        color: #F00;
        text-decoration: underline;
    }


select {
    height: 25px;
    background-color: #FCFCFC;
    color: #555;
}

.TextInput {
    height: 18px;
    font: 8pt verdana;
    background: #FFF;
    cursor: pointer;
    color: #2A2A2A;
    border: 1px solid #EDEDED;
}

.Button {
    height: 20px;
    font: 8pt verdana, Helvetica;
    background: #f5f5f5; /* #ECF5E2;*/
    cursor: pointer;
    color: #2A2A2A;
    border: 1px solid #999 /*#55AE3A; */;
    width: 100px;
    background-image: url('../images/BackGray.gif' );
    border-radius: 6px;
    min-width: 80px;
}

    .Button:hover {
        cursor: pointer;
        color: #308014;
        border: 1px solid #308014;
        background-image: url('../images/BackBlue.gif' );
    }

.LinkButton {
    height: 20px;
    font: 8pt verdana;
    color: #2A2A2A;
    border: 0px OUTSET #E3E3E3;
    background-image: url('../images/TransparentBack.png' );
}

    .LinkButton:hover {
        height: 20px;
        font: 8pt verdana;
        cursor: pointer;
        color: #308014;
        border: 0px OUTSET #308014;
        background-image: url('../images/TransparentBackOver.png' );
    }

.PanelButton {
    height: 10px;
    font: 6pt verdana;
    background: #F0FFF0;
    cursor: pointer;
    color: #2A2A2A;
    border: 1px solid #FFF;
}

.ButtonShift {
    height: 25px;
    font: 8pt verdana;
    cursor: pointer;
    color: #308014;
    border: 1px solid #e3eaf4;
    background-color: #FAFAFA;
    width: 30px;
    text-align: center;
}

.ButtonShiftOver {
    height: 25px;
    font: 8pt verdana;
    cursor: pointer;
    color: #308014;
    border: 1px solid #FF6600;
    background-color: #FAFAFA;
    width: 30px;
}

.ShiftTable {
    height: 25px;
    width: 100%;
}

div.listbox {
    background-color: white;
    font-size: 8pt;
    padding: 0;
    list-style: none;
    overflow: auto;
    width: 400px;
    height: 290px;
    text-align: left; /*cursor: pointer;*/
}

.tablelistbox {
    width: 95%; /*cursor: pointer;*/
    text-align: left;
}

table.listbox tr input {
    float: left;
}

table.listbox tr {
    display: block;
    clear: both;
    height: 20px;
}

table.listbox td {
    white-space: nowrap;
    height: 1em;
    display: block;
    padding: 3px 6px 3px 0px;
    cursor: hand; /*cursor: pointer;*/
}

.listbox tr:hover {
    background-color: #E3E3E3;
}

table.listbox tr input:not([Hedger]) {
    display: none;
    _display: block;
    _float: left;
    _width: 0;
}

table.listbox td:not([Hedger]) {
    padding-left: 22px;
    border: solid 1px white;
    border-bottom-color: #f0f0f0;
}

.MachineListHeader {
    font-weight: bold;
}

.tablelistboxHeader {
    width: 95%; /*cursor: pointer;*/
    font-weight: bold;
}

.RowIntervalle, .FlatRowInterval {
    background-color: #F2F2F2;
    height: 20px;
    color: #2A2A2A;
}

    .RowIntervalle:hover {
        height: 20px;
        color: #F00;
    }

.RowIntervalle2, .FlatRowInterval2 {
    height: 20px;
    color: #2A2A2A;
}

    .RowIntervalle2:hover {
        height: 20px;
        color: #F00;
    }

.RowSelected {
    background-color: #9CD36F; /*#58A618; #FFFFB6;*/
    height: 20px;
    color: #2A2A2A;
}

.DropDownList {
    border: 0px solid #E3E3E3;
    font: 8pt verdana;
    color: #222;
    width: 280px;
}

.LinkCol {
    background-color: #FAFAFA;
    width: 25px;
}

.RailClass {
    color: Red;
    border: 12px solid red;
}

.ShiftHourText {
    border: 0px;
    color: #999;
}

.DaysRow {
    border-top: 1px solid #E3E3E3;
    text-align: left;
}

.SchedulesHeader {
    font: 8pt verdana;
    color: #3A3A3A;
    text-align: left;
    width: 100%;
    border-bottom: 1pt inset #e3e3e3;
    height: 20px;
}

.CalendarGeneral {
    font: 8pt verdana;
    color: #3A3A3A;
    text-align: left;
    height: 30px;
    width: 600px;
    border: 1pt solid #e3eaf4;
}

.NewSchedule {
    visibility: hidden;
    height: 20px;
}

.NewScheduleShow {
    visibility: visible;
    height: 20px;
}

.CalendarDaysRow {
    font: 8pt verdana;
    color: #3A3A3A;
    text-align: left;
    height: 200px;
    width: 687px;
}

.cal {
    background-color: #F00;
}

.MyCalendar .ajax__calendar_container {
    border: 1px solid #646464;
    background-color: #FFFAF0;
    color: #000;
}

.MyCalendar .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: #666;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight: bold;
}

.TimerHeaderCell {
    width: 18px;
    border-left: 1px solid #e3e3e3;
    text-align: left;
    color: #9a9a9a;
}

.TimerHeader {
    font: 7pt verdana;
    border-bottom: 1px solid #E3E3E3;
    width: 510px;
}

.ShiftCell {
    background-color: #FAFAFA;
    border-top: 1px solid #e3eaf4;
    border-bottom: 1px solid #e3eaf4;
    height: 26px;
    line-height: 26px;
    text-align: center;
    vertical-align: middle;
    width: 180px;
}

.Shift {
    border: 1px solid #e3eaf4;
    background-color: #FAFAFA;
    font: 8pt verdana;
    height: 26px;
    padding: 0px 1px 0px 1px;
    vertical-align: top;
    width: 100%;
}

input.Shift {
    border: 1px solid #C2C7CE;
    background-color: Red;
}

    input.Shift:hover {
        border: 1px solid #FF8000;
        cursor: pointer;
        height: 26px;
        vertical-align: top; /*width: 100px;*/
    }

.ScheduleDayContainer {
    width: 140px;
    text-align: left;
    padding: 0px 0px 0px 0px;
}

.ScheduleDay {
    background-color: #FAFAFA; /*border: 1px solid #E3EAF4;*/
    font: 8pt verdana;
    height: 26px;
    text-align: left; /*text-indent: 2px;*/
    vertical-align: middle;
    width: 100%;
    margin-left: 0px;
}

input.ScheduleDay {
    border: 1px solid #C2C7CE; /* text-indent: -2px;*/
}

    input.ScheduleDay:hover {
        border: 1px solid #FF8000;
        cursor: pointer;
    }

.ShiftToolbar {
    border-bottom: 2px inset #FFF;
    height: 25px;
    margin-bottom: 4px;
    width: 100%;
}

    .ShiftToolbar input {
        margin-left: 2px;
        margin-right: 8px;
        margin-top: 2px;
    }

.ShiftsTabContent {
    height: 200px;
    margin-bottom: 2px;
    overflow: auto;
    width: 100%;
    display: block;
}

.ShiftOverlapLegendWrapper {
    height: 24px;
    line-height: 24px;
}

.ShiftOverlapLegendShape {
    background-color: #FF4F4F;
    border: solid 1px #808080;
    float: left;
    height: 10px;
    margin-top: 7px;
    margin-right: 4px;
    width: 30px;
}

.ShiftOverlapLegendLabel {
    color: #0000FF;
    font-size: .95em;
}

.MySchedule {
    border: 1px solid #e3eaf4;
    border-collapse: collapse;
    font: 8pt verdana; /*width: 740px;*/
    width: 100%; /*height: 100px;*/
    text-align: center;
}

.ShiftDetails {
    font: 8pt verdana;
    position: absolute;
    visibility: hidden;
    background-color: #F3F3F3;
    border: 1px solid #999;
    width: 400px;
}

.ShiftDetailsHeader {
    background-color: #E8E8E8;
    text-align: right;
    border-bottom: 1px solid #999;
}

.PopupHeader {
    background-color: #77a440;
    color: #FFF;
    text-align: right;
    background-image: url( '../images/FPtrakLogo.png' );
    background-position: top left;
    background-repeat: no-repeat;
    height: 20px;
    letter-spacing: 1.5px;
    font: bold 8pt verdana;
    padding: 0px;
}

.MyScheduleHeader {
    font: 8pt verdana;
    width: 700px;
    height: 20px;
    padding: 0px;
}

.ScheduleControl {
    font: 8pt verdana;
    vertical-align: middle;
    text-align: left;
    border-bottom: 3pt solid #e3eaf4;
}

/*Modal Popup*/
.modalBackground {
    background-color: Gray;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.modalContainer {
    width: 300px;
    height: 130px;
}

.modalPopup {
    background-color: #ffffdd;
    border: 2px solid Gray;
    padding: 3px;
    width: 500px;
    text-align: left;
    font: 8pt verdana;
    height: 100px;
}

.ShiftUpdateHeader {
    background-color: #E3E3E3;
}

.TextBox_NoBorder {
    font: 8pt verdana;
    border: 0px solid #e3e3e3;
    color: #2a2a2a;
    vertical-align: middle;
    height: 17px;
    width: 100px;
}

    .TextBox_NoBorder:hover {
        font: 8pt verdana;
        border: 0px solid #e3e3e3;
        vertical-align: middle;
        height: 17px;
        cursor: pointer;
        color: Red;
        width: 100px;
    }

.TextBoxRight {
    text-align: right;
}

.TextBox, .TextBoxRight {
    font: 8pt verdana;
    border: 1px solid #e3e3e3;
    color: #2a2a2a;
    vertical-align: middle;
    height: 16px;
    cursor: text;
}

    .TextBox:hover {
        font: 8pt verdana;
        border: 1px outset #e3e3e3;
        vertical-align: middle;
        height: 16px;
        cursor: text;
        color: Red;
        background-color: #FAFAFA;
    }

.TextBoxAbsolute {
    font: 8pt verdana;
    border: 1px solid #e3e3e3;
    color: #2a2a2a;
    vertical-align: middle;
    height: 19px;
    visibility: hidden;
    position: absolute;
    width: 180px;
}

.DropDownList {
    font: 8pt verdana;
    border: 1px solid #e3e3e3;
    color: #2a2a2a;
}

.CostsTextBox {
    font: 8pt verdana;
    border: 0px;
    border-bottom: 1px solid #e3e3e3;
    color: #2a2a2a;
    height: 18px;
    vertical-align: bottom;
    width: 60px;
    font-weight: bold;
}

.CostProductionInput {
    cursor: text;
    font: 8pt verdana;
    margin-right: 4px;
    text-align: right;
    width: 60px;
}

.ProductionUnitInput {
    border: 1px solid #7F9DB9;
    font: 8pt verdana;
    height: 19px;
    width: 76px;
}

.FloatLeft {
    clear: none;
    float: left;
}

.FloatRight {
    clear: none;
    float: right;
}

.CostsTable {
    border: solid 1px #F5F5F5;
    border-collapse: collapse;
    margin: 4px auto 0px auto;
    text-align: left;
    width: 100%;
}

    .CostsTable tr {
        height: 22px;
    }

    .CostsTable td.RightCell {
        height: 22px;
        width: 30%;
    }

tr.Odd {
    background-color: #F5F5F5;
}

.CostsLabel_ {
    font: 8pt verdana;
    border: 0px;
    border-bottom: 1px solid #e3e3e3;
    color: #0000C0;
    height: 20px;
    vertical-align: bottom;
    width: 60px;
    font-weight: bold;
    text-align: right;
}

.CostsLabel {
    font: 8pt verdana;
    border: 0px;
    color: #F00;
    height: 20px;
    vertical-align: bottom;
    width: 100px;
    text-align: right;
}

.IntervalleArea {
    height: 20px;
}

.ShiftArea {
    height: 20px;
    background-color: Red;
}

.ConfirmationPopup {
    width: 250px;
    background-color: White;
    border: 2px solid #e3eaf4;
    padding: 20px;
}

.Message2 {
    font: 8pt verdana;
    color: #2A2A2A;
    text-align: center;
    height: 16px;
}

Table {
    font: 8pt verdana;
    margin-bottom: 0px;
}

.ListHeader {
    background-color: #e3eaf4;
    height: 20px;
    color: #2a2a2a;
    text-align: left; /*position: relative;  	top: expression(this.offsetParent.scrollTop); */
    border-top: 1px solid #e3eaf4;
    border-left: 1px solid #e3eaf4;
    border-right: 1px solid #e3eaf4;
    background-image: url( "../images/top_line.png" );
    background-position: top;
}

.ListHeader2 {
    background-color: #e3eaf4;
    height: 20px;
    color: #2a2a2a;
    text-align: left; /*position: relative;  	top: expression(this.offsetParent.scrollTop); */
}

.HoursMinutesSelect {
    position: absolute;
    visibility: hidden;
}

.HoursMinutesSelectShow {
    position: absolute;
    visibility: visible;
}

.PlainList {
    /*cursor: pointer;*/
}

.RadioButton {
    color: Red;
    width: 200px;
}

    .RadioButton hover {
        color: blue;
        width: 200px;
        cursor: pointer;
    }

.RadioButton2 {
    color: Red;
    width: 200px;
    background-color: #E3E3E3;
}

    .RadioButton2 hover {
        color: blue;
        width: 200px;
        cursor: pointer;
    }

.MachineStats {
    text-align: left;
    background-color: #E3E3E3;
}

    .MachineStats td {
        background-color: #FAFAFA;
    }

.MachineSchedules {
    height: 150px;
    border: 1px solid #e3e3e3;
    width: 400px;
}

.SchedulesList {
    width: 100%;
}

    .SchedulesList tr {
        height: 20px;
    }

        .SchedulesList tr:hover {
            cursor: pointer;
            color: red;
            height: 20px;
        }

.ScheduleClicked {
    font-weight: bold;
}

.ScheduleUnselect {
    font-weight: normal;
}

.SectionTitle {
    color: #999;
    font: 8pt bold verdana;
}

img {
    border-style: none;
    border-color: inherit;
    border-width: 0px; /*cursor: pointer;*/
    height: 16px;
}

.NodeEditDiv {
    /*background-color : #FAFAFA; */ /*border: 1px solid #e3e3e3;*/
    width: 250px;
    text-align: left;
    height: 20px;
    padding-top: 1px;
    display: none;
}
/*.NodeEditDivShow
{
	width: 300px;
	text-align: left;
	height: 20px;
	padding-top: 1px;
	display : inline;
	background-color : Red;
}*/

.TableCell {
    background-color: #FFF;
    height: 20px;
    text-align: right;
}

.TableCell2 {
    background-color: #FAFAFA;
    height: 20px;
    font: 8pt verdana;
}

.TableCell3 {
    background-color: #FFF;
    height: 20px;
    font: 8pt verdana;
}

.TableCell4 {
    background-color: #FFF;
    height: 20px;
    text-align: left;
}

.StatusBar {
    width: 100%;
    height: 20px; /*background-color: #FAFAFA;*/
    border-top: 2px outset #FFF;
    color: #666;
}

    .StatusBar td {
        width: 33%;
        padding-left: 5px;
    }

.sbTxt {
    color: #00C;
}

.accordion {
    font: 8pt verdana;
    height: 280px;
}

.accordion2 {
    font: 8pt verdana;
    height: 146px;
    width: 330px;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 5px;
    height: 152px;
    margin-bottom: 8px;
}

.accordionHeader {
    /*border-top: 1px solid #e3e3e3;*/ /*border-bottom: 1px inset #e3e3e3;*/ /*background-color: Transparent;/*#F2F2F2;*/
    padding: 2px;
    cursor: pointer;
    height: 20px;
    text-align: left;
    color: #000;
    background-image: url('../images/smalltoolbar_background_left.gif');
    background-position: top;
}

.accordionContent {
    background-color: #FAFAFA;
    border: 1px solid #F7F7F7;
    border-top: none;
    padding: 5px;
    padding-top: 5px;
    font: 8pt verdana;
    text-align: center;
}

.accordionContentDiv {
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    font: 9pt verdana;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    height: 270px;
    width: 500px;
    overflow: auto;
}

.Link, .Link2, .Link3 {
    font: 8pt verdana;
    text-decoration: none;
    color: #2A2A2A;
}

.Link2 {
    text-decoration: underline;
}

.Link3, .reportHeaderLink {
    color: #003399;
    text-decoration: underline;
}

    .Link3:hover, .reportHeaderLink:hover {
        color: Red;
        cursor: pointer;
    }

.Link:hover, .Link2:hover {
    color: Blue;
    cursor: pointer;
}

.summaryTable2 {
    font: 8pt verdana, arial;
    margin: 4px auto 0px auto;
    text-align: left;
    width: 100%;
}

    .summaryTable2 td {
        height: 20px;
        border-bottom: 1px solid #e3e3e3;
    }

.GraphTable {
    font: 8pt arial;
    padding: 0px;
    text-align: left;
    width: 380px;
    height: 100px;
}

.CenterCell {
    text-align: center;
}

.TableHeader {
    background-color: #e3e3e3;
    height: 20px;
}

.GridOptions {
    visibility: hidden;
    width: 150px;
    height: 80px;
    background-color: #fafafa;
    border: 1px solid #e3e3e3;
}

.TableTotals {
    font-weight: bold;
}

.OrganizationTable {
    padding: 0px;
    width: 600px;
    text-align: left;
    border: 1px solid #e3eaf4;
    font: 8pt verdana;
}

.ButtonsBar {
    width: 100%;
    height: 20px;
    padding-top: 5px;
    text-align: center;
}

.UploadLayerTypeSelection {
    border-bottom: 1px solid #F0F0F0;
    height: 30px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 8px;
    padding-left: 8px;
    width: 787px;
}

.UploadLayerTypeSelectionInput {
    border: 1px solid #7F9DB9;
    font: 8pt verdana;
    height: 20px;
    width: 100px;
}

.UploadCurrentLayerStatus {
    background-color: #FFFF99;
    border: solid 1px #C0C0C0;
    height: 26px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    line-height: 26px;
    margin-left: 8px;
    margin-top: 4px;
    padding-left: 8px;
    width: 600px;
}

.UploadContainer {
    border: solid 1px #C0C0C0;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    height: 356px;
    margin-left: 8px;
    margin-top: 8px;
    text-align: left;
    width: 778px;
}

.UploadDescription {
    margin-bottom: 16px;
    margin-top: 4px;
    padding: 0px 8px 0px 8px;
}

.UploadConfirmButtons {
    height: 40px;
    margin-top: 4px;
    width: 500px;
}

.UploadFileWrapper {
    height: 50px;
    width: 100%;
}

.UploadFileLabel {
    height: 15px;
    line-height: 15px;
    margin: 0px 0px 4px 32px;
    width: 300px;
}

.UploadFileControl {
    height: 20px;
    line-height: 20px;
    margin: 0px 0px 8px 32px;
    width: 500px;
}

.MapProductsButtons {
    height: 40px;
    margin-top: 16px;
}

.MapProductsCatalogInput {
    border: 1px solid #7F9DB9;
    font: 8pt verdana;
    height: 20px;
    width: 250px;
}

.MapProductsSaveLoader {
    background-color: #FFFFFF;
    height: 444px;
    left: 187px;
    position: absolute;
    top: 11px;
    width: 804px;
    z-index: 501;
    filter: alpha(opacity=75);
    opacity: 0.75;
    -moz-opacity: 0.75;
}

.HeaderPane {
    background-color: #E4E4E4;
    border: solid 1px #C0C0C0;
    height: 26px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    line-height: 26px;
    margin-left: 8px;
    padding-left: 8px;
    width: 770px;
}

.FieldSelectionDropDownList {
    border: 1px solid #7F9DB9;
    height: 21px;
}

.ContentPane {
    border: solid 1px #C0C0C0;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    height: 394px;
    margin-left: 8px;
    margin-top: 8px;
    text-align: left;
    width: 778px;
}

    .ContentPane .MainContent {
        height: 334px;
        text-align: left;
        width: 100%;
    }

    .ContentPane .SaveCancelButtons {
        height: 40px; /*margin-top: 16px;*/
    }

.FieldSelectionPanel {
    height: 30px;
    line-height: 30px;
    margin-bottom: 4px;
    margin-left: 32px;
    margin-top: 16px;
}

.FieldSelectionErrorMessagePanel {
    color: Red;
    height: 24px;
    margin-bottom: 4px;
    margin-left: 32px;
    margin-top: 16px;
}

.FieldSelectionLabel {
    height: 15px;
    line-height: 15px;
}

/*.Wizard
{
	background-color: #FAFAFA;
	border: 1px solid #e3e3e3;
	vertical-align: top;
}*/
/*.WizardHeader
{
	height: 17px;
	vertical-align: middle;
	text-align: left;
	background-position: bottom;
	border: 1px solid #e3eaf4;
	background-image: url(  "../images/top_line.png" );
	background-position: top;
}
*/
.GroupingOptions {
    width: 100%;
    text-align: left;
    background-color: #fafafa;
    border-bottom: 1px solid #E9E9E9;
    margin-top: -13px;
    padding-bottom: 0px;
    margin-left: 0px;
}

.FileUpload {
    border: 1px solid #E3E3E3;
    color: #222;
    height: 20px;
    font: 8pt verdana;
    width: 450px;
}

.HideControl {
    display: none;
}

.ShowControl {
    display: inline;
}

.HideControl2 {
    visibility: hidden;
}

.SystemConfig {
    width: 600px;
    text-align: left;
    border: 1px solid #e3eaf4;
    height: 150px;
}

.CellRight {
    text-align: right;
}

.MapTable {
    margin: 10px;
    width: 880px;
    height: 100%;
    border-collapse: collapse;
}

.MapViewer {
    border: thin solid #808080;
    width: 100%;
    height: 100%;
}

td .MapViewerCell {
    border: 1px solid #C0C0C0;
    width: 600px;
}

td .MapViewerAttribCell {
    vertical-align: top;
    width: 280px;
    padding-right: 5px;
    padding-left: 5px;
}

.AttribTable {
    font-family: 'Segoe UI';
    font-size: 12px;
}

    .AttribTable tr {
        height: 20px;
    }

    .AttribTable td {
        text-indent: 1em;
        border: solid 1px white;
    }

    .AttribTable th {
        border-width: 0px;
        background-color: #e3eaf4;
        text-align: center;
        font-weight: bold;
    }

#ProductTable td {
    width: 50%;
}

.RowOdd {
    background-color: #F5F5F5;
}

.RowEven {
    background-color: White;
}

.ProductTableProductNameField {
    text-align: left;
    text-indent: 1em;
}

.ProductTableQuantityField {
    text-align: right;
    text-indent: 1em;
    padding-right: 1em;
}

#MachineTable {
    border-collapse: collapse;
}

    #MachineTable tr {
    }

    #MachineTable th {
        text-align: left;
    }

.MachineTableCheckBox {
    width: 36px;
}

.MachineTableNameField {
    text-align: left;
    text-indent: 1em;
    width: auto;
}

.FadeLabel {
    font: 8pt verdana;
    color: #999;
}

.ContextMenu {
    border: 1px outset #FFF;
    background-image: url('../images/TransparentBack.png' );
    position: absolute;
    cursor: pointer;
    text-align: left;
    width: 100px;
    height: 40px;
    padding: 1px;
}

.ContextMenuItem {
    height: 25px;
    color: #2A2A2A;
    padding: 2px 0px 2px 5px;
    width: 100%;
    vertical-align: middle;
    border: 0px;
    background-color: transparent;
    text-align: left;
    font: inherit;
}

    .ContextMenuItem[disabled="disabled"] {
        color: #666;
    }

    .ContextMenuItem:hover {
        color: #FFF;
        background-image: url('../images/TransparentBackOver.png');
        cursor: pointer;
    }

.GridOptions {
    display: none;
    width: 200px;
    height: 100px;
    border: 1px solid red;
    position: absolute;
}

.GridOptionsShow {
    display: inline;
    width: 200px;
    height: 100px;
    border: 1px solid red;
    position: absolute;
}

.ReportConfigTable {
    width: 100%;
    text-align: left;
    padding: 5px;
    height: 80px;
    border-top: 1px outset #FFF;
}

.Loader, .LoaderVisible {
    position: absolute;
    text-align: center;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.Loader {
    visibility: hidden;
    z-index: 0;
}

.divLoader {
    position: fixed !important;
    top: 0% !important;
    left: 0% !important;
    padding-top: 25% !important;
    padding-left: 50% !important;
}

.LoaderVisible {
    visibility: visible;
    z-index: 9999999999999999999;
    background-image: url("../images/TransparentBack.png" );
}

.ReportOptions {
    position: absolute;
    width: 350px;
    height: 80px;
    display: none;
    background-color: #fafafa; /*e3eaf4*/
    border: 1px solid #999;
    padding: 10px;
}

.ImageList {
    cursor: pointer;
    width: 100%;
    height: 100px;
    background-color: #fafafa;
    overflow: auto;
    border: 1px solid #e3e3e3;
}

.ImageListHeader {
    border: 1px solid #e3e3e3;
    height: 15px;
    background-color: #e3e3e3;
    text-align: right;
    width: 100%;
    vertical-align: middle;
}

.ImageListClose {
    height: 5px;
    float: right;
    padding: 0px 5px 5px 0px;
    width: 10px;
}

    .ImageListClose:hover {
        cursor: pointer;
        color: Red;
    }

.ImageListContainer {
    position: absolute;
    width: 210px;
    height: 115px; /*visibility: hidden;*/
    display: none;
    background-color: #fafafa; /*padding: 10px;*/
}

.ImageListTable {
    width: 100%;
    padding: 0px;
}

.menu {
    margin-top: -16px;
    height: 20px;
}

.CheckList {
    background-color: white;
    font-size: 8pt;
    padding: 0;
    list-style: none;
    overflow: auto;
    border: 1px solid #E3E3E3;
    width: 100%;
    height: 60px;
    cursor: pointer;
}

.SelectedTemplateName {
    color: #222;
    font-weight: normal;
}

.TimePanel {
    background-color: #fafafa;
    width: 100px;
    border: 1px solid #e3e3e3;
    position: Relative;
}

.WeeklyActivityTable {
    font: 7pt arial; /*background-image : url('../images/TableLine.png');	*/
    padding: 0px;
}

.PrintReportHeader {
    border-bottom: 4px solid Green;
    width: 100%;
    font: 16pt verdana;
    color: Green;
    vertical-align: bottom;
    text-align: left;
}

.GridHeader {
    /*background-color: #e3eaf4;*/
    height: 20px;
    color: #2a2a2a;
    text-align: left;
    margin-left: 10px;
    width: 760px;
    float: left;
    margin-top: 2px;
}

.ZoomIndicator {
    color: #999;
    width: 20px;
    text-align: center;
}

.GridHeader2 {
    vertical-align: top;
    text-align: center;
    min-height: 20px; /*	background-color: #e3eaf4; 	height: 20px; 	color: #2a2a2a; 	margin-left: 10px;  	margin-top: 2px;*/
}

.GridCol {
    color: Red;
    padding-left: 0px;
    padding-right: 0px;
}

.ChartLegend {
    font: 7.5pt verdana;
    float: left;
    color: #2a2a2a;
    text-align: left;
    width: 200px;
}

.UserMachinesSummary {
    text-align: left;
    width: 600px;
    font: 9pt verdana;
    height: 20px;
    color: #666;
    border-top: 1px solid #e3eaf4;
    border-left: 1px solid #e3eaf4;
    border-right: 1px solid #e3eaf4;
    background-image: url( "../images/top_line.png" );
    background-position: top;
}

.GridTable {
    background-color: #e3e3e3;
    padding: 0px;
}

    .GridTable td {
        background-color: #fafafa;
        height: 25px;
    }

.OperatorsList {
    width: 300px;
    height: 200px;
    border: 1px solid #e3e3e3;
    text-align: left;
    vertical-align: top;
}
/*************************** data list ********************/
.DataList {
    background-color: #FFF;
    text-align: left;
    width: 100%;
}

    .DataList tr {
        height: 20px;
    }

        .DataList tr:hover {
            background-color: #EEEEE0;
            color: Red; /*cursor: pointer;*/
        }

.DataListTitle {
    font-weight: bold;
    color: #222;
    border-bottom: 1px inset #E3E3E3;
}

.DataListMainTable {
    background-color: #FFF;
    color: #2a2a2a;
    text-align: left; /*border-top: 1px solid #e3eaf4;     border-left: 1px solid #e3eaf4;     border-right: 1px solid #e3eaf4;*/
    border-collapse: collapse;
}

.DataListToolBar {
    text-align: left;
    padding: 0px 0px 0px 2px;
    width: 100%;
    height: 25px;
}

.DataListHeader {
    background-color: #FFF;
    color: #2a2a2a;
    text-align: left;
    border-top: 1px solid #e3eaf4;
    border-left: 1px solid #e3eaf4;
    border-right: 1px solid #e3eaf4;
    background-image: url("../images/DataListHeader.png"); /*DataListHeader.png" );*/
    background-position: top;
    height: 18px;
}

.ReportSectionHeader {
    color: red; /*#2a2a2a;*/
    text-align: left;
    border-top: 1px solid #e3eaf4;
    background-image: url( "../images/header_background_silver.gif" );
    background-position: top;
    height: 20px;
}

.ReportHeader {
    color: #2a2a2a;
    border-top: 1px solid #e3eaf4;
    border-left: 1px solid #FFF; /*#e3eaf4;*/
    border-right: 1px solid #FFF; /*#e3eaf4;*/
    background-image: url( "../images/bottom_line.png" );
    background-position: bottom;
    background-repeat: repeat-x;
    height: 20px;
    background-color: #FFF;
    width: 100%;
    margin-left: 0px;
}

    .ReportHeader td {
        border: 1px solid #e3eaf4;
    }

.ReportTotalsSection {
    /*color: #2a2a2a;*/
    border-top: 1px solid #e3eaf4;
    height: 20px; /*color: #CC0000;*/
}

.MachineContent {
    width: 800px;
    height: 440px;
    border: 1px solid #F0F0F0;
}

.MachinePageWrapper {
    border: 0px; /*1px solid #F0F0F0;*/
    height: 440px;
    padding-left: 4px;
    width: 99%; /*976px;*/
    background-color: #FFF;
}

.PageWrapperContentWithTopMargin {
    margin-top: 4px;
}

.Toolbar {
    height: 22px;
    margin: 2px 2px 6px 0px;
    padding-left: 4px;
    padding-top: 4px;
    width: 100%;
}

.MachinePageToolbar {
    border-bottom: 2px solid #E3E3E3;
    height: 22px;
    margin: 2px 2px 6px 0px;
    padding-left: 4px;
    padding-top: 4px;
    width: 100%;
}

.MachineConfigurationPageToolbar {
    border-bottom: 2px solid #E3E3E3;
    height: 22px;
    margin: 2px 2px 6px 0px;
    padding-left: 4px;
    width: 100%;
    font: 8.5pt arial;
}

.MachinePageTreeViewContainer {
    border: 1px solid #E3E3E3;
    clear: left;
    float: left;
    height: 400px;
    overflow: auto;
    padding-top: 2px;
    width: 250px;
}

.UserPageTreeViewContainer {
    border: 1px solid #E3E3E3;
    clear: left;
    float: left;
    height: 400px;
    overflow: auto;
    padding-top: 2px;
    width: 31%;
}

.MachinePageMiddleContainer {
    border: 1px hidden #E3E3E3;
    display: inline-block;
    height: 400px;
    margin-left: 4px;
    text-align: center;
    vertical-align: top;
    width: 24px;
}

.AddMDatMachineButton {
    display: block;
    margin-top: 180px;
}

.RemoveMDatMachineButton {
    margin-top: 10px;
}

.MachinePageRightContainer {
    border: 1px solid #E3E3E3;
    display: inline-block;
    height: 400px;
    margin-left: 4px;
    vertical-align: top;
}

.MachinePageRightContent {
    border: 1px solid #E3E3E3;
    float: left;
    height: 400px;
    margin-left: 4px;
}

/*.MachineFieldset
{
	margin-left: 4px;
	margin-top: 0px;
	text-align: left;
	width: 100%;
	padding: 0px 5px 2px 5px;
}*/

.ImageHyperLink {
    color: Green;
    vertical-align: top;
    background-color: Yellow;
}


.AddNode, .Widget, .OkLinkButton, .CancelLinkButton, .exportLinkButton, .ExportToExcelLinkButton, .SubMenu, .OrderLinkButton, .reportLinkButton, .mapLinkButton, .Chrome, .IE, .EditLinkButton, .CalendarLinkButton, .GiveAccess, .RenameNode, .FavLinkButton, .DeleteNode, .FilterLinkButton, .ConfigLinkButton, .ToolLinkButton, .UpdateLinkButton, .ZipLinkButton, .PasteLinkButton, .RefreshLinkButton, .ShareLinkButton, .RemoveShareLinkButton, .ParamsLinkButton, .ZoomButton, .ZoomInButton, .ZoomOutButton, .PreviousButton, .barChartButton, .pieChartButton, .MachinesButton, .UpButton, .DownButton, .GalleryButton, .DefaultLinkButton, .SendMessageLinkButton, .MessageHistoryLinkButton, .HelpLinkButton, .CopyScheduleLinkButton, .GeozoneSelectionLinkButton {
    background-position: left center;
    background-repeat: no-repeat;
    height: 20px;
    padding: 5px 0px 5px 20px;
    cursor: pointer;
    color: #222;
    text-decoration: none;
    font: 8pt verdana;
}

#MachineConfigurationPageToolbar, td, button {
    font: 8.5pt arial;
}

    #MachineConfigurationPageToolbar .btnSendConfig, .CopyLinkButton, .PrintLinkButton, .EditLinkButton, .AddNode, .ToolLinkButton, .exportLinkButton {
        background-position: left center;
        background-repeat: no-repeat;
        height: 20px;
        padding: 5px 0px 5px 20px;
        cursor: pointer;
        color: #222;
        text-decoration: none;
        font: 8.5pt arial;
    }

        .AddNode:hover, .OkLinkButton:hover, .CancelLinkButton:hover, .exportLinkButton:hover, .ExportToExcelLinkButton:hover, OrderLinkButton:hover, .reportLinkButton:hover, .mapLinkButton:hover, .Chrome:hover, .IE:hover, .EditLinkButton:hover, .GiveAccess:hover, .RenameNode:hover, .FavLinkButton:hover, .DeleteNode:hover, .FilterLinkButton:hover, .CopyLinkButton:hover, .ConfigLinkButton.hover, .ToolLinkButton:hover, .UpdateLinkButton:hover, .PrintLinkButton:hover, .ZipLinkButton:hover, .PasteLinkButton:hover, .RefreshLinkButton:hover, .ShareLinkButton:hover, .RemoveShareLinkButton:hover, .ParamsLinkButton:hover, .CalendarLinkButton:hover, .ZoomButton:hover, .ZoomInButton:hover, .ZoomOutButton:hover, PreviousButton:hover, .barChartButton:hover, .pieChartButton:hover, .MachinesButton:hover, .GalleryButton:hover, .MessagingToolbarItem:hover, .HelpLinkButton:hover, .CopyScheduleLinkButton:hover, .GeozoneSelectionLinkButton:hover, .btnSendConfig:hover {
            color: #FF0000;
            text-decoration: underline;
        }

.OkLinkButton {
    background-image: url("../images/OK.png" );
}

.Widget {
    background-image: url("../images/widgetConfig.png" );
}

    .Widget:hover {
        background-color: Yellow;
    }

    .Widget[disabled="disabled"] {
        background-image: url("../images/widgetConfig_disabled.png" );
    }

.CancelLinkButton {
    background-image: url("../images/Delete.png" ); /*text-decoration: underline;*/
}

.barChartButton {
    background-image: url("../images/bars.png" );
    padding-left: 25px;
}

.pieChartButton {
    background-image: url("../images/pieChart.png" );
    padding-left: 25px;
}

.MachinesButton {
    background-image: url("../images/Machine.png" );
    padding-left: 25px;
}

.ShareLinkButton {
    background-image: url( "../images/Share.png" );
}

.ZoomButton {
    background-image: url( "../images/loupe.png" );
    padding-left: 30px;
}

.exportLinkButton {
    background-image: url("../images/export.png" );
}

.ExportToExcelLinkButton {
    background-image: url("../images/export_excel.png" );
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

    .ExportToExcelLinkButton[disabled="disabled"] {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: url("../images/export_excel.png" );
        opacity: 0.4;
        filter: alpha(opacity=40);
        color: #666;
    }

.DisabledExportToExcelLinkButton {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0.4;
    filter: alpha(opacity=40);
    background-image: url("../images/export_excel.png" );
    color: #666;
}

.exportLinkButton[disabled="disabled"] {
    background-image: url("../images/export_disabled.png" );
    color: #666;
}

.OrderLinkButton, .DownButton:hover {
    background-image: url("../images/Order.png" );
}

    .OrderLinkButton[disabled="disabled"], .DownButton {
        background-image: url("../images/Order_disabled.png" );
    }

.ZoomInButton {
    background-image: url( "../images/ZoomIn.png" );
}

    .ZoomInButton[disabled="disabled"] {
        background-image: url( "../images/ZoomIn_disabled.png" );
    }

.PreviousButton {
    background-image: url( "../images/arrow-previous.png" );
}

    .PreviousButton[disabled="disabled"] {
        background-image: url( "../images/arrow-previous_disabled.png" );
    }

.ZoomOutButton {
    background-image: url( "../images/ZoomOut.png" );
}

    .ZoomOutButton[disabled="disabled"] {
        background-image: url( "../images/ZoomOut_disabled.png" );
    }

.ShareLinkButton[disabled="disabled"] {
    background-image: url( "../images/ShareDisabled.png" );
}

.RemoveShareLinkButton {
    background-image: url( "../images/Share_remove.png" );
}

.AddNode {
    background-image: url( "../images/InsertNode.png" );
}

    .AddNode[disabled="disabled"] {
        background-image: url( "../images/InsertNode_disabled.png" );
        color: #666;
    }

.reportLinkButton {
    background-image: url("../images/report.png" );
    padding-left: 25px;
    text-decoration: none;
}

.mapLinkButton {
    background-image: url("../images/map.enabled.png" );
    padding-left: 25px;
    text-decoration: none;
    border: none;
    background-color: Transparent;
}

.EditLinkButton {
    background-image: url( "../images/edit.png" );
}

.Chrome {
    background-image: url( "../images/Chrome.png" );
    padding-left: 30px;
}

.IE {
    background-image: url( "../images/IE.png" );
    padding-left: 30px;
}

.reportLinkButton[disabled="disabled"] {
    background-image: url("../images/report_disabled.png" );
}

.mapLinkButton:disabled {
    background-image: url("../images/map.disabled.png" );
    cursor: not-allowed;
}

.EditLinkButton[disabled="disabled"] {
    background-image: url( "../images/edit_disabled.png" );
    color: #666;
}

.GiveAccess {
    background-image: url( "../images/CadenasOpen.png" );
    padding: 5px 0px 5px 25px;
}

.RenameNode {
    background-image: url( "../images/Rename.png" );
    background-color: transparent;
    height: 20px;
    border: 0px; /*text-decoration: underline;*/
}

    .RenameNode[disabled="disabled"] {
        background-image: url( "../images/RenameDisabled.png" );
        background-color: transparent;
        height: 20px;
        border: 0px; /*text-decoration: underline;*/
    }

.FavLinkButton {
    background-image: url( "../images/Star.png" );
}

.DeleteNode {
    background-image: url( "../images/Delete.png" );
    color: #000;
}

    .DeleteNode[disabled="disabled"] {
        background-image: url( "../images/DeleteDisabled.png" );
        color: #666;
    }

.CopyLinkButton {
    background-image: url("../images/Copy.png" );
    padding-left: 25px;
    padding-top: 0px !important;
}

    .CopyLinkButton[disabled="disabled"] {
        background-image: url( "../images/CopyDisabled.png" );
        color: #666;
    }


.btnSendConfig {
    background-image: url('../images/Messaging/SendMessage.png');
    background-color: transparent;
    border: none;
}

    .btnSendConfig:enabled {
        padding-left: 25px;
        padding-top: 0px !important;
    }

    .btnSendConfig:disabled {
        color: #666;
        padding-left: 25px;
        padding-top: 0px !important;
    }

.ConfigLinkButton {
    background-image: url("../images/tool_disabled.png" );
    padding-left: 25px;
    padding-top: 0px !important;
}


    .ConfigLinkButton[disabled="disabled"] {
        background-image: url( "../images/tool_disabled.png" );
        color: #666;
    }


.FilterLinkButton {
    background-image: url("../images/sigma.png" );
    background-size: 12px 12px;
    padding-left: 20px;
    padding-top: 0px !important;
}

    .FilterLinkButton[disabled="disabled"] {
        background-image: url( "../images/sigma.png" );
        background-size: 12px 12px;
        color: #666;
    }

.CopyScheduleLinkButton {
    background-image: url("../images/Copy.png" );
}

    .CopyScheduleLinkButton[disabled="disabled"] {
        background-image: url( "../images/CopyDisabled.png" );
        color: #666;
    }

.HelpLinkButton {
    background-image: url("../images/help.png" );
}

    .HelpLinkButton[disabled="disabled"] {
        background-image: url( "../images/help_disabled.png" );
        color: #666;
    }

.ToolLinkButton {
    background-image: url( "../images/machines/1.png" );
    padding: 0px 0px 5px 25px;
}

    .ToolLinkButton[disabled="disabled"] {
        background-image: url( "../images/tool_disabled.png" );
        padding: 5px 0px 5px 25px;
        color: #666;
    }

.ParamsLinkButton {
    background-image: url( "../images/Settings.png" );
}

.CalendarLinkButton {
    background-image: url( "../images/calendar.png" );
    padding-top: 0px !important;
}

.UpdateLinkButton {
    background-image: url( "../images/Save.png" );
}

    .UpdateLinkButton[disabled="disabled"] {
        background-image: url( "../images/SaveDisabled.png" );
    }

.PrintLinkButton {
    background-image: url( "../images/print.png" );
}

    .PrintLinkButton[disabled="disabled"] {
        background-image: url( "../images/print_disabled.png" );
        color: #666;
    }

.ZipLinkButton {
    background-image: url( "../images/zip.png" );
    padding: 5px 0px 5px 25px;
}

.PasteLinkButton[disabled="disabled"] {
    background-image: url("../images/PasteDisabled.png" );
}

.PasteLinkButton {
    background-image: url( "../images/Paste.png" );
    padding-top: 0px !important;
}

.SendMessageLinkButton {
    background-image: url('../images/Messaging/SendMessage.png');
}


.MessageHistoryLinkButton {
    background-image: url('../images/Messaging/MessageHistory.png');
}

.GeozoneSelectionLinkButton {
    background-image: url("../images/polygon.png");
    background-size: 12px 12px;
    padding-left: 18px;
    padding-top: 3px !important;
}

.ToolBox {
    height: 30px;
    padding: 5px 0px 5px 2px;
    border-bottom: 3px inset #FFF;
    width: 100%;
}

.LoginStrip {
    background-color: #E3E3E3;
    height: 130px;
    left: 0px;
    margin: 150px 1px auto 0px;
    position: absolute;
    width: 100%;
}

.LoginBox {
    color: #666;
    font: 9pt arial;
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    width: 100%;
}

    .LoginBox td {
        padding: 2px 2px 2px 2px;
    }

.LoginButton {
    color: #333;
    width: 100px;
    margin-right: 8px;
    background-color: #F5F5F5;
    font: 8pt verdana;
    border: 1px solid #999;
    height: 20px; /*border-radius: 10px;*/
}

.RecoverBox {
    color: #666;
    font: 9pt arial;
    margin-left: 12px;
    margin-top: 12px;
    text-align: right;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}

.RecoverHeader {
    font-size: larger;
    font-weight: bold;
    margin-left: 12px;
}

.failureNotification {
    font-size: 1.2em;
    color: Red;
}

#FPSuiteLogo {
    width: 150px;
    height: 120px;
    background-image: url( "../images/FPSuite.png" );
    background-repeat: no-repeat;
    background-position: bottom right;
    margin-top: 300px;
    left: 0px;
    float: right;
    cursor: pointer;
}

.TabContainer {
    text-align: left;
    margin-top: auto;
    margin-bottom: auto;
}

.RefreshLinkButton {
    background-image: url( "../images/reset.gif" );
}
/*.RefreshLinkButton[disabled="disabled"]
{
	background-image: url(  "../images/reset_disabled.gif" );
	color: #666;
}*/
.TabContainer {
    text-align: center;
    height: 370px;
    vertical-align: middle;
    width: 100%;
    overflow: auto;
}

.User {
    background-image: url( "../images/User.png" );
    background-position: left center;
    background-repeat: no-repeat;
    height: 20px;
    padding: 5px 0px 05px 20px; /*margin-left : 20px;*/
}

.Version {
    margin-top: 35px;
    padding: 0px 0 0 65px;
    font: 7pt verdana;
    position: absolute;
}

.NodeContainer {
    width: 100%;
    height: 15px;
    padding: 5px 0px 0px 25px;
}

.ColorContainer {
    width: 12px;
    height: 12px;
    border: 1px solid #e3e3e3;
}
/******************** hiererchy ************************/
.HierarchyContainer, .HierarchyContainerWithHeader {
    width: 320px;
    height: 440px;
    border: 0px; /*cursor: pointer;*/
    font-size: 8pt;
    border: 1px solid #E3E3E3;
    overflow: auto;
}

.HierarchyContainer2 {
    width: 300px;
    height: 200px;
    padding-bottom: 5px;
    background-color: Transparent;
    text-align: left;
    border: 0px;
    font-size: 8pt;
    padding: 0;
    list-style: none;
    overflow: auto;
    overflow-x: hidden !important;
}

.HierarchyContainerWithHeader {
    height: 320px;
}

.HierarchyControlTD {
    width: 30px;
    text-align: center;
    vertical-align: middle;
}

/*.tvHierarchy input
{
	width: 20px;
	height: 16px;
	padding: 0px 0px 0px 0px;
	position: absolute;
}*/
.tvHierarchy {
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font: 8pt verdana;
}

.TreeViewNode {
    height: 20px;
    color: #333300;
    padding-left: 2px;
    padding-right: 2px;
    width: 100%;
    cursor: pointer;
}

.SelectedTreeViewNode {
    border: 1px solid #E3E3E3;
    text-decoration: none;
    color: #2A2A2A;
    background-color: #9CD36F; /*#58A618; #FFFFB6;*/
    height: 16px;
    font-weight: bold;
}
/**************************************/

.modalPopupMessage {
    background-color: #ffffdd;
    border: 1px solid #61B329;
    width: 450px;
    text-align: left;
    font: 8pt verdana;
    min-height: 120px;
}

.PopupHeaderMessage {
    background-color: #77a440; /*#397D02; FF3D0D*/
    color: #FFF;
    text-align: right;
    background-image: url( "../images/FPtrakLogo.png" );
    background-position: center left;
    background-repeat: no-repeat;
    height: 20px;
    letter-spacing: 5px;
    font-weight: bold;
}

.ErrorMessage, .InfoMessage {
    background-position: center center;
    background-repeat: no-repeat;
    width: 60px;
    min-height: 60px;
}

.ErrorMessage {
    background-image: url( "../images/warning.png" );
    background-position: center;
    background-repeat: no-repeat;
}

.InfoMessage {
    background-image: url( "../images/info.png" );
}

.Message {
    font: 8pt verdana;
    color: #F00;
    vertical-align: middle;
    padding: 10px 2px 10px 2px;
    max-height: 1500px;
    overflow: auto;
    text-align: left;
}

.ImageListSelectedValue {
}

    .ImageListSelectedValue:hover {
        cursor: pointer;
        text-decoration: underline;
    }

.ContentContainer {
    margin-top: 4px;
    width: 100%;
    height: 100%;
}

.ContentInnerContainer {
    margin: auto auto auto auto;
}

.InfoBulle {
    float: right;
    margin-top: -3px;
    /*position: relative;
	z-index: 102;
	float: right;
	text-align: right;
	left: -30px;
	padding-top: 5px;*/
}

.GraphRadioButtonList {
    border: solid 1px #E3E3E3;
    margin-top: 4px;
}

#chartContainer {
    width: 670px;
    height: 350px;
    overflow: auto;
    vertical-align: bottom;
}

#AxisXContainer {
    width: 665px;
    height: 60px;
    overflow: hidden;
    vertical-align: bottom;
}

.SliderBullet {
    width: 15px;
    height: 15px;
    padding-top: 2px;
    cursor: pointer;
}

.TrailerProductsNode {
    width: 80%;
    height: 20px;
    position: absolute;
    margin-left: 20px;
    margin-top: -20px;
}

.ActivityReportHeader {
    width: 100%;
    background-image: url( "../images/top_line.png" );
    background-repeat: repeat-x;
    background-position: top;
    height: 30px;
    text-align: left;
    background-color: #FFF;
    border: 1px solid #e3e3e3;
    margin-bottom: 5px;
}

.ActivityReportHeader2 {
    text-align: left;
    width: 963px;
    margin-left: 15px;
    height: 35px;
    border-bottom: 2px solid #e3e3e3;
    margin-bottom: 5px;
}

.DisplayedRange {
    font: 8pt arial;
    vertical-align: top;
    width: 330px;
    text-align: center;
    text-transform: uppercase;
    color: #333;
}

.CollapsePlus, .CollapseMoins {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: left bottom;
    font: 7pt verdana;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    height: 12px;
    padding-top: 2px;
    background-position: bottom left;
}

.CollapsePlus {
    background-image: url( '../images/plus.png' );
}

.CollapseMoins {
    background-image: url( '../images/moins.png' );
}

    .CollapsePlus:hover, .CollapseMoins:hover {
        color: #F00;
        cursor: pointer;
    }

.CostIndicatorsTable {
    border: 0px;
    background-color: #FFFFFF;
    font: 7.5pt Tahoma, arial;
    height: 380px;
    width: 100%;
    text-align: right;
}

.HeaderTop, .HeaderBottom {
    background-repeat: repeat-x;
    height: 20px;
}

.HeaderTop {
    background-image: url( "../images/top_line.png" );
    background-position: top;
}

.HeaderBottom {
    background-image: url( "../images/bottom_line.png" );
    background-position: bottom;
}

.PeriodList {
    font: 8pt verdana;
    width: 100%;
    height: 120px;
    padding: 0px 0px 5px 5px; /*margin: 10px 0px 5px 0px;*/
    cursor: pointer;
    overflow: auto;
    text-align: left;
    overflow-x: hidden !important;
}

    .PeriodList td {
        height: 18px;
        padding: 0px 0px 0px 0px;
        border-collapse: collapse;
    }

.DisplayReportOptions {
    position: absolute;
    width: 30%;
    background-color: #FFF;
    padding: 10px;
    text-align: center;
    border: 1px outset #e3e3e3;
    background-image: url("../images/bottom_line.png");
    background-position: bottom;
    background-repeat: repeat-x;
    /*overflow-x: hidden !important;*/
    overflow: hidden;
}



.GroupReportOptions {
    background-color: #FFF;
    padding: 10px;
    text-align: center;
    border: 1px outset #e3e3e3;
    background-image: url("../images/bottom_line.png");
    background-position: bottom;
    background-repeat: repeat-x;
    overflow: hidden;
}

.GeozoneSelectionReportOptions {
    background-color: #FFF;
    background-image: url("../images/bottom_line.png");
    background-position: bottom;
    background-repeat: repeat-x;
    border: 1px outset #e3e3e3;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    width: 400px;
}

#ucGeozoneSelection_rlbGeozoneList > .rlbTemplateContainer {
    height: 400px;
    max-height: 400px;
}

#ucGeozoneSelection_rlbGeozoneList .rlbGroupContainer {
    height: 380px;
    max-height: 380px;
    overflow-y: scroll;
}

.CostReportOptions {
    position: absolute;
    width: 300px;
    background-color: #FFF;
    padding: 10px;
    height: 220px;
    text-align: center;
    border: 1px outset #e3e3e3;
    background-image: url("../images/bottom_line.png");
    background-position: bottom;
    background-repeat: repeat-x;
    z-index: 99 !important;
    /*overflow-x: hidden !important;*/
    overflow: hidden;
}

.CostReportOptionsHeader {
    background-image: url("../images/top_line.png");
    background-position: top;
    background-repeat: repeat-x;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 40px;
    z-index: -1;
}

.PopupHeaderBack {
    border-bottom: 1px inset #999;
    color: #636363;
    text-align: left;
    background-image: url( '../images/Settings.png' );
    background-position: top left;
    background-repeat: no-repeat;
    height: 20px;
    letter-spacing: 1.1px;
    font: bold 8pt verdana;
    padding-left: 30px;
    padding-top: 3px;
    background-color: #e3e3e3;
}

.MessageContainer {
    width: 450px;
    padding: 5px;
    background-color: #e3e3e3;
}

.PopupHeaderFront {
    color: #2a2a2a;
    text-align: left;
    background-image: url( '../images/FPtrakLogo.png' );
    background-position: top left;
    background-repeat: no-repeat;
    height: 25px;
    width: 80%;
    letter-spacing: 1.5px;
    font: bold 8pt verdana;
    margin-bottom: 5px;
    padding-left: 30px;
    padding-top: 3px;
}

.PopupFooter {
    background-image: url( "../images/bottom_line.png" );
    background-repeat: repeat-x;
    background-position: bottom;
    height: 20px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.PopupContainer {
    background-color: #FFF;
    border: 1px solid #e3e3e3;
    width: 500px;
    text-align: left;
    font: 8pt verdana;
    height: 100px;
    border-collapse: collapse;
    background-image: url( "../images/top_line.png" );
    background-position: top;
    background-repeat: repeat-x;
}

    .PopupContainer td {
        height: 21px;
        padding-left: 10px;
    }

.ZoomPanel {
    text-align: left;
    background-color: #fafafa;
    border: 1px solid #e3e3e3;
    width: 200px;
    position: absolute;
    display: none;
}

.CalendarHeader {
    color: #2a2a2a;
    font: 8pt verdana;
    text-align: center;
}

.Bubble, .greenBubble, .greyBubble, .redBubble {
    background-repeat: no-repeat;
    background-position: center center;
    width: 20px;
    height: 20px;
}

.greenBubble, .checkedOption {
    background-image: url('../images/green.png');
}

.greyBubble, .uncheckedOption {
    background-image: url('../images/grey.png');
}

.redBubble {
    background-image: url('../images/rouge.png');
}

fieldset {
    margin: 5px 2px 5px 2px;
    padding: 5px 5px 5px 5px;
}

    fieldset legend {
        color: #666;
        font-weight: bold;
        padding: 0px 5px 5px 5px;
        font: 8pt arial;
    }

.FullPageLine {
    border: 1px solid #DCDCDC;
    margin: 10px 20px 10px 20px;
}

.FullPageContentText {
    margin: 2px 20px 10px 20px;
    font-family: Verdana;
    font-size: 1em; /*font-weight: bold; */
    text-decoration: none;
}

.ErrorLabel {
    color: #FF0000;
    margin: 10px 20px 10px 20px;
    font-family: Verdana;
    font-size: x-large; /*font-weight: bold; */
    text-decoration: none;
}

.CostsTabHeader {
    font: 8pt arial;
}

.LegendHover {
    text-decoration: underline;
}

.chartReportSummary {
    margin-left: 10px;
    text-align: left;
    color: #666;
    width: 300px;
    font: 8pt verdana;
}

/*********** change log *****************/
.ChangeLogTable {
    height: auto; /*390px;*/
    width: 100%;
}

.ChangeLogHeaderRow {
    font-weight: bold;
    background-color: #9CD36F;
    height: 24px;
    border: 1px solid #000000;
    margin-left: 20px;
}

.ChangeLogTypeRow {
    font-weight: bold;
}

.ChangeLogDetailRow, .ChangeLogTypeRow {
    height: 22; /*background-color: #EEEEEE; 	vertical-align: top;*/
}
/*.BoxHeader
{
	height: 15px;
	text-align: right;
	background-image: url(../../images/BackGray.gif);
	height: 15px;
}*/
.ReportFooterToolBar {
    height: 20px;
    vertical-align: middle;
    padding-top: 5px;
    background-image: url(../images/bottom_line.png);
    background-position: bottom;
    background-repeat: repeat-x;
    border: 1px solid #e3e3e3;
    margin-left: 15px;
    width: 963px;
}

.ReportGridView td {
    /*border-color: #e3e3e3;*/
    border-top: 1px solid #e3eaf4;
    border-right: 1px solid #e3eaf4;
    border-bottom: 1px solid #e3eaf4;
}

.TabReportTitle, .TabReportTitle2 {
    font: 8pt verdana;
    width: 961px;
    height: 17px;
    margin-left: 15px;
    padding: 5px 0px 5px 0px;
    color: #585858;
}

.TabReportTitle {
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3; /*background-image: url('../../images/DataListHeader.png');     background-repeat: repeat-x; 	background-position: top;*/
}

.PeriodOptionsContainer {
    line-height: 25px;
    text-align: left;
    padding: 5px 5px 5px 15px;
}

.EditSmallPanel {
    width: 250px;
    height: 50px;
    display: inline;
    margin-top: 0px;
    border: 1px outset #e3e3e3;
    background: #ECF5E2;
    position: absolute;
    z-index: 999;
    padding: 10px 5px 5px 5px;
}

.PageHeader {
    background-image: url('../images/TransparentBackOver.png');
}

.EulaTitle {
    font: bold 10pt verdana;
    padding: 5px 0px 5px 20px;
    height: 20px;
}

.EulaFooter {
    height: 20px;
    text-align: right;
    padding: 10px 20px 0px 0px;
}

div.RecurrenceEditor .rsAdvRecurrenceFreq {
    width: auto;
    height: auto;
}

.RadScheduler .rsAptSubject {
    text-align: left;
    padding: 4px 0 1px;
    margin: 0 0 3px;
    font-size: 12px;
    font-weight: bold;
    color: #369;
    height: 17px;
    border-bottom: 1px solid #99DEFD;
    width: 100%;
}

.RadScheduler .rsAdvancedEdit .RadColorPicker label {
    text-align: left;
    display: block;
    padding: 0;
}

.rsModalDialog {
    left: 274.5px !important;
    top: 158px !important;
    position: fixed !important;
}

/*.Shift1, .Shift2, .Shift3, .Shift4
{
	height: 30px;
}

.Shift1
{
	background-color: Blue;
}

.Shift2
{
	background-color: White;
}

.Shift3
{
	background-color: Red;
}

.Shift4
{
	background-color: Turquoise;
}*/

.lblError {
    background: #CC0000;
    border: 1px solid darkred;
    color: white;
    font: bold 13px "Segoe UI", Arial, sans-serif;
    vertical-align: middle;
    display: none;
    height: 30px;
    line-height: 28px;
    position: absolute;
    padding-left: 5px;
    width: 710px;
    z-index: 1001;
    cursor: pointer;
    opacity: 0.9;
    -moz-opacity: 0.9;
    filter: alpha(opacity=90);
}

div.RadMenu {
    text-align: left;
    z-index: 9999999999 !important;
}

.rsTopWrap {
    z-index: 0 !important;
}

.ExpensesTable {
    border: 0px;
    background-color: #E3E3E3;
    font: 8pt arial;
    height: 380px;
    width: 963px;
    text-align: right;
    margin-top: 20px;
    display: none;
    margin-left: 15px;
}

    .ExpensesTable td {
        background-color: #FFF;
    }

.rwTitlebar em {
    text-align: left;
    color: #e6e6e6;
    font: bold 8pt verdana;
}

.DashboardBackground {
    /*background-image: url('../images/FPTrak_Home.png');*/
    background-position: center center;
    background-repeat: no-repeat;
}

.DashboardBackgroundOff {
    background-image: none;
}

.TotalRow {
    background-image: url('../images/bottom_line.png' );
    height: 20px;
    background-position: bottom;
}

input[type="checkbox"] {
    min-width: 20px;
    vertical-align: middle;
    margin-top: -3px;
}

table tr {
    vertical-align: middle;
}

.TabHeaderCSS {
    font-family: Verdana, Arial, Courier New;
    font-size: 10px;
    background-color: Silver;
    text-align: center;
    cursor: pointer;
}

.MachineConfigMSG {
    border: 1px solid #e3e3e3;
    font: 8pt verdana;
    width: 400px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px 5px 5px 5px;
}

.RadGridHeaderTD {
    min-width: 100px;
    max-width: 160px;
    font-size: 8pt;
    font-weight: normal;
    color: #2a2a2a;
    border: 1px solid #e3eaf4;
    background-image: url( "../images/bottom_line.png" );
    background-position: bottom;
    background-repeat: repeat-x;
    height: 20px;
}

.TimeLineGrid td {
    border-color: #e3e3e3;
    height: 20;
    font: 8pt arial;
    color: #333; /*text-align: center;*/
}

.POIDetailsTable {
    width: 300px;
    font: 9pt verdana;
    width: 100px;
    text-align: left;
    width: 450px;
    margin-left: 20px;
    position: relative;
}

    .POIDetailsTable tr {
        height: 21px;
    }

/* Begin override */
/* POI - the contents of dialog window are off on the right */
table[id='tblPOIElementDetails'] {
    display: block !important;
    margin-left: 20px;
}

div[class='rrClipRegion'] {
    position: relative !important;
    visibility: visible !important;
}
/* End override */

.DetailsContainer {
    width: 600px;
    float: right;
    text-align: left;
    padding: 10px;
    color: #666;
}

.POIDetailsPanel {
    width: 400px;
    height: 80px;
    padding: 10px;
    background-color: #fafafa;
}


.checkedOption, .uncheckedOption {
    width: 90%;
    height: 20px;
    padding: 7px 0px 0px 25px;
    font: 9pt verdana;
    background-repeat: no-repeat;
    background-position: left center;
}

.RadTreeView .rtImg {
    width: 20px !important;
    height: 20px !important;
}

.POIGallery {
    position: absolute;
    width: 200px;
    height: 220px; /*display: none;*/
    margin-top: -15px;
    text-align: center;
    padding-left: 15px; /*background-color: #fafafa;*/
    right: 15px;
}

.UpButton {
    background-image: url("../images/arrow_up_disabled.png" );
}

    .UpButton:hover {
        background-image: url("../images/arrow_up.png" );
        background-position: center;
    }

.itemTemplate {
    width: 100px;
    height: 100px;
}

.GalleryButton {
    background-image: url("../images/folder_image.png" );
    padding-left: 30px;
    cursor: default;
}
/* RadMenu CSS definitions begins */

img[alt='Expand Equipment'] {
    z-index: 997;
}

img[alt='Expand Catalogs'] {
    z-index: 997;
}

img[alt='Expand Administration'] {
    z-index: 997;
}

img[alt='Expand Numeric reports'] {
    padding-right: 7px;
    z-index: 997;
}

img[alt='Expand Graphic reports'] {
    padding-right: 7px;
    z-index: 997;
}

/* POI - the contents of dialog window are off on the right */
table[id='tblPOIElementDetails'] {
    display: block !important;
    margin-left: 20px;
}

div[class='rrClipRegion'] {
    position: relative !important;
    visibility: visible !important;
}

div[class='POIGallery'] {
    right: -35px !important;
}
/* End Override stylesheets */


.SpeedReportSummary {
    width: 200px;
    font: 8pt arial;
    border: 1px solid #e3e3e3;
    border-collapse: collapse;
    width: 100%;
    text-align: left;
    width: 963px;
    margin-left: 15px;
    margin-bottom: 5px;
}

    .SpeedReportSummary td {
        padding-left: 5px;
    }

    .SpeedReportSummary tr:nth-child(odd) {
        height: 23px; /*background-color: #e3e3e3;*/
        background-image: url('../images/DataListHeader.png'); /*border-bottom: 1px solid #f5f5f5;*/
    }

    .SpeedReportSummary tr:nth-child(even) {
        height: 23px;
        background-color: #FFF;
    }

h1 {
    font-size: 2.0em;
    font-weight: normal;
    margin-top: 0em;
    margin-bottom: 0em; /*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
}

h2 {
    font-size: 1.7em;
    font-weight: normal;
    color: #000000; /*#F90;*/
    margin-top: 1.2em;
    margin-right: 0em;
    margin-bottom: 0.2em;
    margin-left: 0em;
}

h3 {
    font-size: 1.4em;
    font-weight: bold;
    margin-top: 1.2em;
    margin-right: 0em;
    margin-bottom: 1.2em;
    margin-left: 0em;
}

h4 {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 1.2em;
    margin-right: 0em;
    margin-bottom: 0em;
    margin-left: 0em;
}

h5 {
    font-size: 1.0em;
    margin: 1.2em 0em 1.2em 0em;
    font-weight: bold;
}

h6 {
    font-size: 0.8em;
    margin: 1.2em 0em 1.2em 0em;
    font-weight: bold;
}

img {
    border: 0;
}

.spaced ol, .spaced ul, .spaced li {
    font-size: 1.0em;
    line-height: 1.8em;
    margin-top: 0.2em;
    margin-bottom: 0.1em;
}

p {
    font-size: 1.0em;
    line-height: 1.5em;
    margin-top: 0em;
    margin-right: 0em;
    margin-bottom: 1.2em;
    margin-left: 0em;
}

li > p {
    margin-top: 0.2em;
}

pre {
    font-family: monospace;
    font-size: 1.2em;
    background: #F4F4F4;
    margin: 15px;
    padding: 10px;
    border: 1px dotted #CCC;
}

.narrow1 {
    line-height: 1.1em;
}

.MessagingToolbar {
    list-style: none;
    padding: 10px 0px;
    width: 100%;
}

.MessagingToolbarItem {
    list-style: none;
    display: inline;
    padding: 5px 10px 5px 10px;
}

.DialogFooter {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin-top: 5px;
    padding-bottom: inherit;
}

/*******************************************************************/
/* Load slip CSS 
/*******************************************************************/
.GridDataDiv_Default {
    overflow-x: visible !important;
}

/* Machine hierarchy treeview */
.MachineHierarchyTreeview {
    border: 1px solid #e3e3e3;
    display: inline-block;
}

.ChartReportPanelView {
    float: left;
    width: 320px;
    margin: 0px;
    padding: 0px;
    text-align: left;
    margin-top: 10px;
}