/* Minification failed. Returning unminified contents.
(2492,1): run-time error CSS1019: Unexpected token, found '<'
(2670,1): run-time error CSS1019: Unexpected token, found '<'
(2670,2): run-time error CSS1019: Unexpected token, found '/'
: run-time error CSS1031: Expected selector, found ''
: run-time error CSS1066: Unexpected end of file encountered
 */

 html{-webkit-text-size-adjust:100%;}
#content textarea
{
    width: auto;
}
/*Global CSS*/
.redesign #content select,
.redesign #content input,
.redesign #content textarea
{
    font-family: Verdana, Sans-Serif, Arial;
    font-size: 11px;
}
.redesign #content select
{
    margin-left: 0px;
}
.redesign input[type="text"],
.redesign input[type="password"]
{
    width: auto;
}
.redesign #content input[type="button"],
.redesign #content input[type="submit"]
{
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 1px;
    margin-right: 1px;
}
#content input[type="radio"]
{
    border: none;
}

.redesign #content a:link, .redesign #content a:visited
{
    color: #000;
}
.redesign #content a:hover
{
    background-color: #BBB;
}
/*Print , screen CSS*/
@media print
{
    #content .NoShowOnPrintFont11
    {
        display: none;
    }
    #content .NoShowOnPrint, .NoShowOnPrint
    {
        display: none;
    }
    #content .batchPrintBack
    {
        display: none;
    }
    #content .DataDisplay
    {
        border-bottom-style: none;
        border-left-style: none;
        border-right-style: none;
        overflow: visible;
    }
    #content .HeaderDisplay
    {
        display: none;
    }
    #content .NoShowOnScreenTable
    {
        display: none;
        font-family: Verdana, Sans-Serif, Arial;
        font-size: 11px;
    }
    #content .RegularTable
    {
        margin-top: 0px !important;
        background: #fff;
    }
    .akh__popup, *:first-child + html .akh__popup, * html .akh__popup
    {
        display: none;
    }
    .ReportFooterEnalysisMessage {
        font-size: 7pt; 
        font-family: Verdana; 
        color: black; 
        text-align: center;
        margin: 0; 
        width: 700px;
    }
    .ReportFooterCopyright 
    {
        width: 100%; 
        height: 12px;
    }
}
@media screen
{
    #content .NoShowOnScreen
    {
        display: none;
    }
    #content .NoShowOnScreenRptHeader
    {
        display: none;
    }
    #content .DataDisplay
    {
        border-bottom-style: ridge;
        border-color: #F0F0F0;
        border-left-style: ridge;
        border-right-style: ridge;
        border-width: thin;
        overflow: auto;
    }
    #content .HeaderDisplay
    {
        border-collapse: collapse;
        border-color: #F0F0F0;
        border-width: thin;
        font-family: Verdana, Sans-Serif, Arial;
        font-size: 11px;
    }
    .redesign #content .NoShowOnScreenTable
    {
        font-family: Verdana, Sans-Serif, Arial;
        font-size: 11px;
    }
    .ReportFooterEnalysisMessage {
        font-size: 7pt; 
        font-family: Verdana; 
        color: black; 
        text-align: center;
        margin: 8px 0px 0px 0px; 
        width: 100%;
    }
    .ReportFooterCopyright {
        width: 100%; 
        height: 20px;
    }
}
@media print, screen
{
    #content .NoShowOnPrintFont11
    {
        font-family: Verdana, Sans-Serif, Arial;
        font-size: 11px;
    }
    #content .batchPrintBack
    {
        font-size: 13px;
        font-weight: bold;
        margin-bottom: 15px;
        margin-top: 15px;
        text-align: center;
    }
    #content .NoShowOnScreenRptHeader
    {
        background-color: Black;
        color: White;
        font-weight: bold;
    }
}
/*Specify CSS*/
#content .selected
{
    font-weight: bold;
}
#content .hidden
{
    display: none;
}

.redesign .left-align { text-align: left; white-space: nowrap; }
.redesign .right-align { text-align: right; white-space: nowrap; }
.redesign .center-align { text-align: center; white-space: nowrap; }

#content .alignCenter
{
    text-align: center;
}
#content .curSelectedMenu
{
    background-color: #808080;
    border-bottom: none 0px #fff;
    border-bottom-style: none;
    border-color: Maroon;
    border-style: ridge;
    border-width: 1px;
    color: #ffffff;
    font-family: Verdana;
    font-size: 8pt;
    text-decoration: none;
}
#content .ImgLogo
{
    float: right;
    margin-top: 12px;
    min-height: 16px;
    width: 220px;
    text-align: center;
    clear: right;
}
#content .LeftImage
{
    float: left;
    background-color: #000;
}
#content .leftImageLayer
{
    float: left;
    left: 0px;
    display: block;
    width: 180px;
}
#content .rightcompanylogo
{
    font-family: Verdana;
    font-size: 14px;
}
#content .CenterBorder
{
    margin-right: auto;
    margin-left: auto;
    border-collapse: collapse;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-style: solid;
}
#content .CenterBorder td
{
    margin: 0px;
    padding: 0px;
}
#content .CenterBorder th
{
    margin: 0px;
    padding: 0px;
}

.redesign #content .RegularTable
{
    border-collapse: collapse;
    font-size: 11px;
    background: #fff;
    
}
#content .level1 UL
{
    text-align: left;
}
#content .RegularTable td
{
    padding: 3px;
}
#content .RegularTable .NoShowOnScreenTable td
{
    padding: 0px;
}
#content .ReportSortLink
{
    color: White;
    font-family: Verdana, Sans-Serif, Arial;
    font-size: 11px;
    text-decoration: none;
}
#content .HelpAnchor
{
    font-family: Verdana, Sans-Serif, Arial;
    font-size: 11px;
    text-decoration: none;
}
#content .RegularButton
{
    background-color: control;
    border: ridge;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    height: 25px;
}
#content .menuitem
{
    font-family: Verdana;
    font-size: 11px;
    text-decoration: none;
}
@media print
{
    #content .graphitem_NONE
    {
        font-family: Verdana;
        font-size: 9px;
        text-decoration: none;
    }
    #content .pageTitle
    {
        background-color: #ffffff;
        color: #000000;
        font-weight: bold;
        text-align: center;
    }
    #content .OverflowHidden {width: 65px;
                white-space: normal;
                word-break: break-all;
            }
    .tip-yellowsimple { display: none;}
}
@media screen
{
    #content .graphitem_NONE
    {
        background-color: #F1F1F1;
        font-family: Verdana;
        font-size: 9px;
        text-decoration: none;
    }
    #content .OverflowHidden
            {
                width: 65px;
                float: left;
                height: 12px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
    
    #content .pageTitle
    {
        background-color: #000000;
        color: #FFFFFF;
        font-weight: bold;
        text-align: center;
    }
}
@media print
{
    #content .graphitem
    {
        font-family: Verdana;
        font-size: 9px;
        text-decoration: none;
    }
}
@media screen
{
    #content .graphitem
    {
        background-color: #F1F1F1;
        font-family: Verdana;
        font-size: 9px;
        text-decoration: none;
    }
}
#content .border1
{
    font-size: 9px;
    margin: 0px;
    padding: 0px;
    border: 1px solid #000;
    border-bottom: none;
    border-collapse: collapse;
}
  
#content .border1 td
{
    border: 1px solid #808080;
    border-collapse: collapse;
    border-right: none;
    border-top: none;
    margin: 0px;
    padding: 0px;
}
#content .border1 th
{
    border: 1px solid #808080;
    border-collapse: collapse;
    border-right: none;
    border-top: none;
    margin: 0px;
    padding: 0px;
}
#content .removeBottomBorder td
{
    border-bottom: none;
}
#content .NoMarginPadding
{
    margin: 0px;
    padding: 0px;
}
#content .NoMarginPadding td
{
    margin: 0px;
    padding: 0px;
}
#content .NoMarginPadding th
{
    margin: 0px;
    padding: 0px;
}
#content .border2
{
    border-style: solid;
    border-width: 1px;
    border-color: #999;
    font-size: 9px;
    word-wrap: break-word;
    margin-bottom: 0;
}
#content .border2 td
{
    border: 1px;
}
#content .fdform
{
    font-family: Verdana;
    font-size: 10pt;
    height: 16px;
}
#content .fdinput
{
    font-family: Verdana;
    font-size: 8pt;
    height: 16px;
}
#content .csu
{
    font-family: Verdana;
    font-size: 10pt;
    height: 16px;
}
#content .csu_label
{
    background-color: #000000;
    color: #F8F8FF;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    height: 18px;
}
#content .copyright
{
    color: #990000;
    font-family: Verdana;
    font-size: 10px;
    width: 100%;
    text-align: center;
}
#content .fleetborder1
{
    border: 1px solid;
    border-bottom-style: solid;
    border-color: Gray #eee Gray Gray;
    border-left-style: solid;
    border-right-style: solid;
    font-family: Verdana;
    font-size: 7pt;
}
#content .fleetheader
{
    background-color: black;
    color: white;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
}
#content .compressnumb
{
    border: thin solid;
    border-bottom-style: solid;
    border-color: Gray;
    border-left-style: solid;
    border-right-style: double;
    border-top: solid;
    font-family: Verdana;
    font-size: 8pt;
    width: 10pt;
}
#content .FleetRpt10
{
    border-collapse: collapse;
    font-family: Verdana, Sans-Serif, Arial;
    font-size: 10px;
}
#content .fltchart
{
    color: black;
    font-size: 10pt;
    height: 16px;
    text-decoration: none;
    vertical-align: baseline;
}
#content .smallchk
{
    height: 16px;
    width: 16px;
}
#content .companycell
{
    background-color: Gray;
    border-bottom-color: Black;
    border-bottom-width: thin;
    border-left-color: Black;
    border-left-width: thin;
    color: Black;
    font-family: Verdana;
    font-size: 9pt;
    height: 16px;
    text-decoration: none;
    width: 170px;
}
#content .largetext
{
    font-family: Verdana;
    font-size: 18pt;
    font-weight: bold;
}

.redesign .alert { font-weight: bold;color: red; }
.redesign .alert-box,
.redesign #content .mediumText
{
    font-family: Verdana;
    font-size: 14px;
}
#content .normalText
{
    font-family: Verdana;
    font-size: 11px;
}
#content .errorText {
    text-align: center;
    font-family: Arial;
    color: #017DBB;
    font-size: 16px;
    font-weight: bold;
    padding: 32px;
}
#content .errorTextBox {
    border: 2px solid #017DBB;
}
#content .instructions
{
    background-color: #FFFFFF;
    color: #000000;
    font-family: Verdana;
    font-size: 8pt;
    height: 14px;
}
#content .PageBreak
{
    page-break-after: always;
}
#content .ReportSelectTitle
{
    color: #660000;
    font-family: Verdana;
}
#content .FloatingDIV
{
    background-color: Black;
    border-style: ridge;
    border-width: thin;
    color: White;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 9px;
    font-weight: bold;
    padding: 10px;
    text-decoration: none;
    width: 50px;
}
.redesign #content .ComboBoldText
{
    font-family: Verdana, Sans-Serif, Arial;
    font-size: 11px;
    font-weight: bold;
}
#content .MaroonText
{
    color: Maroon;
    font-family: Verdana, Sans-Serif, Arial;
    font-size: 12px;
}
#content .MainMenuCompressor
{
    width: 20px;
}
#content .RedBold12
{
    color: Red;
    font-family: Verdana, Sans-Serif, Arial;
    font-size: 12px;
    font-weight: bold;
}
#content .RedBold11
{
    font-family: Verdana, Sans-Serif, Arial;
    font-size: 11px;
}
.redesign #content .LinkAsButton
{
    background-color: #A5A5A5;
    border-color: Black;
    border-style: ridge;
    border-width: 1px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
#content .Verdana10PTBold
{
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10pt;
    font-weight: bold;
}
#content .Verdana8PT
{
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 8pt;
}
#content .Verdana8PTMaroon
{
    color: #990000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 8pt;
}
#content .Verdana13PTBold
{
    font-family: Verdana, Arial;
    font-size: 13pt;
    font-weight: bold;
}
#content .Verdana11PxBold
{
    font-family: Verdana, Sans-Serif, Arial;
    font-size: 11px;
    font-weight: bold;
}
#content .TableMediumText
{
    border-bottom-style: inset;
    border-bottom-width: thin;
    border-left-style: outset;
    border-left-width: thin;
    border-right-style: inset;
    border-right-width: thin;
    border-top-style: outset;
    border-top-width: thin;
    font-family: Verdana;
    font-size: 14px;
}
#content .TableInsetOutSetThinBorder
{
    border-bottom-style: inset;
    border-bottom-width: thin;
    border-left-style: outset;
    border-left-width: thin;
    border-right-style: inset;
    border-right-width: thin;
    border-top-style: outset;
    border-top-width: thin;
    font-family: Verdana;
    font-size: 11px;
}
#content .CellTBorderTPadding
{
    border-top-style: outset;
    border-top-width: thin;
    padding-bottom: 6px;
    padding-top: 6px;
}
#content .CellTBorder
{
    border-top-style: outset;
    border-top-width: thin;
}
#content .CellTBPadding
{
    background-color: Black;
    color: White;
    padding-bottom: 2px;
    padding-top: 2px;
}
#content .CellTBPadding8px
{
    padding-bottom: 8px;
    padding-top: 8px;
}
#content .CellTBPadding3px
{
    padding-bottom: 2px;
    padding-top: 3px;
}
#content .CellTLBorderTBPadding
{
    border-left-style: outset;
    border-left-width: thin;
    border-top-style: outset;
    border-top-width: thin;
    padding-bottom: 8px;
    padding-top: 8px;
}
#content .CellLBorderTBPadding
{
    border-left-style: outset;
    border-left-width: thin;
    padding-bottom: 6px;
    padding-top: 6px;
}
#content .TableTBPaddingThinBorders
{
    border-bottom-style: inset;
    border-bottom-width: thin;
    border-left-style: outset;
    border-left-width: thin;
    border-right-style: inset;
    border-right-width: thin;
    border-top-style: outset;
    border-top-width: thin;
    font-family: Verdana, Sans-Serif, Arial;
    font-size: 11px;
    padding-bottom: 3px;
    padding-top: 3px;
}
#content .CellNoPadding
{
    padding: 0px 0px 0px 0px;
}
#content .CellBorderLeft
{
    border-left-style: solid;
    border-left-width: thin;
    padding: 2px 2px 2px 2px;
}
#content .CellPadding2px
{
    padding: 3px 3px 3px 3px;
}
.redesign #content table.RegularTable
{
    border: 1px solid #eee;
    border-color: #eee;
    border-collapse: collapse;
}
#content table.RegularTable td
{
    border: 1px solid #eee;
    border-collapse: collapse;
}
#content table.RegularTable .alignTop {
    vertical-align: top;
}
#content table.RegularTable th
{
    border: 1px solid #eee;
    border-collapse: collapse;
    border-right: none;
    border-top: none;
}
#content table.RegularTable .ReportHeaderStyle
{
    background-color: Black;
    color: White;
}
#content table.RegularTable .ReportItemStyle
{
    background-color: White;
    color: Black;
    overflow: hidden;
}
#content .TdAlignCenter
{
    text-align: center;
    white-space: nowrap;
}
#content table.RegularTable .ReportAlternatingItemStyle
{
    background-color: WhiteSmoke;
    color: Black;
    overflow: hidden;
}
#content table.RegularTable .ReportPageHeaderStyle
{
    background-color: White;
    color: Black;
    font-weight: bold;
    text-align: center;
}
#content .CursorMove
{
    cursor: move;
}
#content .MaroonBold
{
    color: Maroon;
    font-weight: bold;
}
#content .MarginTB8PadL20
{
    font-size: 12px;
    margin-bottom: 8px;
    margin-top: 8px;
    padding-left: 20px;
}
.redesign #content .buttonCell
{
    padding-bottom: 6px;
    padding-top: 6px;
}

#popup #content
{
    margin-left: auto;
    margin-right: auto;
    position: inherit;
    width: 100%;
    top: 0px;
    overflow: visible;
}
#popup .pageTitle
{
    background-color: #000000;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}
#popup .RegularTable
{
    border-collapse: collapse;
    font-family: Verdana, Sans-Serif, Arial;
    font-size: 11px;
    background: #fff;
}
#content .blackWhite
{
    background-color: #000000;
    color: #ffffff;
}
.redesign #content .submitButton
{
    background-color: #CACACA;
    border-style: outset;
    font-family: Verdana;
    font-size: 13px;
}
.redesign #content .buttonCell .mainSearchButton 
{
    color: White;
    background-color: #CC0000;
    border-style: None;
    font-family: Arial;
    font-size: Medium;
    font-weight: bold;
    height: 40px;
    width: 220px;
}
.screw #content .buttonCell input.mainSearchButton
{
    background-color: #2c5e8f;
}
#content .commonButton {
    color: #000000;
    text-decoration: underline;
    background-color: Transparent;
    border: 0px none;
    cursor:pointer;
    padding-left: 0px;
}
#content .fltRptSubTitle
{
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
}
#content .fltRptPrintTitle
{
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 4px;
}
#content .fltRptPrintSubTitle
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    padding-bottom: 4px;
}
#content .SelectClearButton
{
    background-color: White;
    border-style: outset;
    color: Black;
    font-family: Verdana;
    font-size: 11px;
}
/*For HELP CSS*/
#content .Help
{
    cursor: help;
}
.HelpDiv
{
    background-color: #F9CE90;
    border: solid 1px #999999;
    color: black;
    left: 50px;
    padding: 2px 5px 2px 5px;
    position: absolute;
    top: 50px;
    z-index: 2;
    visibility: hidden;
    display: block;
}
#content .bold
{
    font-weight: bold;
}
#content .BMargin
{
    margin-bottom: 10px;
}
#content .NoBBorder
{
    border-bottom-width: 0px;
}
#content .NotApplicableTableDataCell
{
    color: gray;
}
/*Warning CSS*/
.redesign #content .Warning_aspx { width:700px;margin-left:auto;margin-right:auto }
#content .Warning, .redesign #content .Warning
{
    background-color: #ffeb9c;
    color: #9c6500;
    font-weight: bold;
    text-align: right;
}
.redesign #content .Warning a, .redesign #content .Warning a:hover, .redesign #content .Warning a:visited,
#content .Warning a, #content .Warning a:hover, #content .Warning a:visited
{
    background-color: transparent;
    color: #9c6500;
}
#content .Severe
{
    background-color: #ffc7ce;
    color: #9c0006;
    font-weight: bold;
    text-align: right;
}
.redesign #content .Severe a, .redesign #content .Severe a:hover, .redesign #content .Severe a:visited,
#content .Severe a, #content .Severe a:hover, #content .Severe a:visited
{
    background-color: transparent;
    color: #9c0006;
}
#content .AlignR
{
    text-align: right;
    padding-right: 1px;
}
#content .UserPanel
{
    border: solid 1px black;
    clear: right;
    float: right;
    margin: 8px;
    margin-right: 0;
    width: 220px;
    background: #eee;
}
#content .UserPanel h3
{
    background-color: #444;
    border-bottom: solid 1px black;
    border-top: solid 3px red;
    color: #bbb;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 2px 0;
    text-align: center;
}
#content .UserPanel h4
{
    color: black;
    font-size: 12px;
    font-weight: bold;
    margin: 0.20em;
}
#content .UserPanel ul
{
    margin: 0 0 0.5em 0.25em;
    float: left;
    padding: 0px;
}
#content .UserPanel ul li
{
    font-size: 11px;
    list-style: outside none none;
    margin: 0.75em 0;
    text-align: left;
}
#content .UserPanel ul li img
{
    vertical-align: middle;
}
#content .UserPanel a
{
    border-width: 0;
    color: #000;
    display: inline;
    text-decoration: none;
    width: auto;
}
#content .UserPanel a:hover
{
    background: transparent;
    border-width: 0;
    text-decoration: underline;
}
#content .UserPanel a:visited
{
    color: #003;
}
#content .UserPanel a img
{
    border-width: 0;
}
/*Message Centre Style */
#content .partnerMsgSummary li
{
    width: 220px;
}
#content .MSGView ul li
{
    font-size: 12px;
    list-style: outside none none;
    padding-top: 1em;
    text-align: left;
    width: 450px;
}
#content .messageList #newMsg
{
    font-weight: bold;
}
#content .HelpButton
{
    clear: both;
    clear: right;
    float: right;
    margin-bottom: 10px;
    vertical-align: text-top;
}
#content .messageCentre h1
{
    background-color: black;
    color: white;
    font-size: 12px;
    font-weight: bold;
}
#content .msgListHead ul li
{
    list-style: outside none none;
}
/*End Message Centre Style */
#content .MarginTB8List ul
{
    margin-left: 0;
}
#content .MarginTB8List li
{
    font-size: 12px;
    line-height: 23px;
    list-style-image: url(../images/bullet.png);
    margin-left: 0;
}
#content .MarginTB8List .NoDot
{
    list-style-image: none;
    list-style-type: none;
    display: block;
    height: 10px;
}
#content .MarginTB8List a:hover
{
    border-right: 0px;
    border-top: 1px solid;
    margin-top: 1px;
    margin-bottom: 1px;
    border-left: 0px;
    border-bottom: 1px solid;
    background-color: #bbbbbb;
}
#content .MarginTB8List a
{
    margin-top: 2px;
    margin-bottom: 2px;
    padding-bottom: 3px;
    width: 210px;
    padding-top: 3px;
    text-decoration: none;
}
#content .box
{
    word-break: break-all;
}
#content .box a
{
    text-decoration: none;
}
#content .selected
{
    color: #FF0000;
    font-weight: bold;
}
#content .selected .innerWrap
{
    color: #FF0000;
    font-weight: bold;
}
#content .FullHeightWidthTable
{
    height: 100%;
    width: 100%;
}
#content .FullHeightWidthTable td
{
    padding: 0px;
    
}
#content .SlideValveCoeficients td
{
    width: 52.5%;
    
}
#content .SlideValveIndent {
    text-indent: 15px;
    
}

#content .SlideValveTextCasesTable {
    text-align: right;
}

#content .SlideValveTextCasesTable th {
    text-align: center;
}


#content .NoResults
{
    font-style: italic;
    text-align: center;
}
#content div.accordion
{
    margin: 0;
    padding: 0;
    text-align: center;
}
#content h3.toggler
{
    background-image: url(../images/gen_bg_gray.png);
    background-position: bottom right;
    border: 1px solid #555;
    border-style: solid;
    border-width: 1px 0 0 1px;
    margin: 0;
    padding: 2px 0 4px 0px;
}
#content h3.toggler a
{
    background: url(../images/icons/video.png) no-repeat left center;
    margin: 4px;
    padding: 0 0 0 22px;
    text-decoration: none;
}
#content .SectionHeader
{
    background-color: whitesmoke;
}
#content .SectionFooter
{
    background-color: whitesmoke;
}
#content .SectionCell
{
    font-weight: bold;
}
#content .MarginBttm
{
    margin-bottom: 1px;
}
#content .questionTitle
{
    width: 50%;
    text-align: right;
}
#content .ValveLeft
{
    background-image: url(../images/ValveLeft.png);
    height: 70px;
    width: 80px;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    vertical-align: middle;
}
#content .ValveRight
{
    background-image: url(../images/ValveRight.png);
    height: 70px;
    width: 80px;
    background-repeat: no-repeat;
    background-position: center center;
}
#content .palForm
{
    padding: 2px;
    width: 100%;
}
#content .UnderlineTDTextLeft
{
    /*background-color:yellow;*/
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
    text-align: left;
}
#content .UnderLineTextBox80
{
    width: 80px;
    font-family: Verdana, Sans-Serif, Arial;
    font-weight: normal;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000000;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
}
#content .UnderLineTextBox140
{
    width: 140px;
    font-family: Arial Narrow;
    font-size: 12px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000000;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
}
#content .UnderLineTextBox40
{
    width: 40px;
    font-family: Arial Narrow;
    font-size: 12px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000000;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
}
#content .UnderLineTextBox20
{
    width: 34px;
    font-family: Arial Narrow;
    font-size: 12px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000000;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
}
#content .MessageBlock
{
    margin-top: 5px;
    font-size: 12px;
    margin-bottom: 5px;
    width: 80%;
    line-height: 19px;
    margin-left: auto;
    margin-right: auto;
}
.redesign #content .AdminInput
{
    font-family: Verdana, Sans-Serif, Arial;
    font-size: 11px;
    vertical-align: middle;
}
#content .MainDiv
{
    height: 100%;
    background-color: White;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
#content .linkPdf
{
    padding-bottom: 5px;
    padding-left: 20px;
    background: url(../images/icons/pdf.png) no-repeat left top;
}

.fontSize12
{
    font-size:12px;
 }

#content .linkVideo
{
    padding-bottom: 5px;
    padding-left: 20px;
    background: url(../images/icons/Video.png) no-repeat left top;
}
#content .closeButton
{
    display: block;
    border-style: solid;
    border-width: 1px;
    background-color: #BAB9B9;
    margin: 3px;
    height: 24px;
    width: 41px;
    text-align: center;
    line-height: 21px;
}
.titleText
{
    text-align: left;
    background-position: right;
    display: block;
    border-width: 1px;
    background-image: url(../images/titleTextBg.png);
    background-repeat: no-repeat;
    border-bottom-style: solid;
    height: 21px;
    line-height: 24px;
    width: 168px;
    font-family: Verdana;
    font-weight: bold;
    padding-right: 50px;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
}
#content .NoBorderTable
{
    padding: 0px;
    margin: 0px;
    border: none;
    empty-cells: hide;
}

#content .NoBorderTable tr
{
    border: none;
}
#content .NoBorderTable td
{
    border: none;
    padding-left: 0px;
    margin-left: 0px;
}
#content .NoBorderTable th
{
    border: none;
}
#content .RegularTable .RegularTable
{
    padding: 0px;
    margin: 0px;
    border: none;
}
#content .RegularTable .RegularTable tr
{
    border: none;
}
#content .RegularTable .RegularTable td
{
    border: none;
}
#content .RegularTable .RegularTable th
{
    border: none;
}
#content .CenterBorder .RegularTable tr
{
    border: none;
}
#content .CenterBorder .RegularTable td
{
    border: none;
}
#content .CenterBorder .RegularTable th
{
    border: none;
}

#content sup
{
    vertical-align: super;
}
#content .wysiwyg
{
    height: 120px;
}
#content IFrame
{
    display: block;
}
#content table
{
    margin-bottom: 0px;
}
/*UnitSetup Page*/
#content .UnitSetupStage
{
    width: 70px;
    display: block;
    font-weight: bold;
    text-align: center;
}
#content .SimulationNote {
    width: 70px;
    display: block;
    margin-bottom: 2px;
    text-align: center; 
}
/*Enalysis Report*/
#content .EnalysisReport
{
    background-color: #fff;
    width: 720px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 10px 0px 10px;
    font-size: 9px;
}
#content .reportTitle
{
    text-indent: 2px;
}
#content .reportHeaderTitle
{
    white-space: nowrap;
    font-weight: bold;
    font-size: 9px;
}
#content .ReportToolbar
{
    text-align: center;
    display: none;
    margin-top: 0px;
    margin-bottom: 10px;
}

#content .ReportToolbar .dropdown
{
    height: 22px;
    line-height: 22px;
    min-width: 90px;
    display: inline-block;
    padding-right: 3px;
    position: relative;
    padding-top: 0px;
    vertical-align: top;
}

#content .ReportToolbar .dropdown select
{
    height:26px;
}

#content .ReportToolbar .Buttonset
{
    padding-left: 2px;
    padding-right: 2px;
    margin-right:5px;
    margin-left:0px;
}
#content .ReportToolbar .Buttonset button{
    margin-right:-4px;
}

#content .ReportToolbar span.ui-icon, #content .ReportToolbar span.ui-button-text
{
    float: left;
    margin: 1px;
    cursor: pointer;
}
#content .ReportToolbar .active
{
    border: 1px solid #aaaaaa;
    background: #808080;
    color: #EEE;
}

.webReportTable {
        width: 660px;
        padding: 0;
        margin-bottom: 10px;
        margin-top: 2px;
                
    /*
        border-collapse: collapse; 
        border-spacing: 0;
        border: 1px solid black;
    */
                
        margin-right: auto !important; 
        margin-left: auto !important; 
                
                
    }
.webReportTable td {
    vertical-align: top;
}
.webReportInnerTable {
    /*margin-bottom: 1.1px !important;*/
    margin: 1px;
    margin-top: 14px;
    margin-bottom: 1px !important;
}
.removeTopMargin {
    margin-top: 0 !important;
}

.longTitle {
    width: 100%;                
}
.paddingRight {
    padding-right: 1px !important;  
}
.webReportInnerTable td, th {
    vertical-align: middle;
    border: 1px solid black;              
}


.webReportHeader {
    white-space: nowrap;
    height: 14px;
    text-align: left;
}
.webReportFieldColumn {
    height: 14px;
    width: 190px;
    text-align: left;
}
.webReportUnitColumn {
    text-align: center;
    height: 14px; 
    width: 70px
}
.webReportValueColumn {
    text-align: right;
    height: 14px;
    width: 70px;
    padding-right: 2px !important;
}

/*Frame , Driver , Cooler*/
#content .reportSection3
{
    margin-right: auto;
    margin-left: auto;
    border-collapse: inherit;
    width: 660px;
    font-size: 9px;
}
/*For Chart*/
#content .chartContainer
{
    width: 98%;
    height: 450px;
    padding: 5px 5px 10px 5px;
}
#content .chartBorder,#content .chartHeader
{
    display: none;
    margin: 0px auto;
    padding:5px 0px 0px 0px;
    width: 97%;
    background-color: White;
}
#content .chartHeader
{
    display:block;
    border:0px;
    padding-bottom:5px;
}
#content .widget_PartnerMessages_ItemDiv{
    font-size: 11px;
    list-style: outside none none;
    margin: 0.75em 0;
    text-align: left;
}
/* Page Specific */
body#login-aspx #content .RegularTable
{
    background: transparent;
}

body#company-aspx #content TEXTAREA
{
    width: 90%;
    height: 100px;
}
body#siteuser-aspx TH
{
    text-align: left;
}
body#siteuser-aspx #Profile SELECT
{
    width: 150px;
}
body#siteuser-aspx #Profile INPUT[type="text"]
{
    min-width: 340px;
    width: 90%;
}
body#printsetup-aspx #content .RegularTable 
{
    margin-right: auto;
    margin-left: auto;
}
body#maintenance_serviceworkordersearch-aspx #content table.RegularTable 
{
    margin: 10px 10px;
}
body#admin_reports_exporttocalculateslidevalvecoefficients-aspx #content table.RegularTable {
    margin-right: auto;
    margin-left: auto;
    border: 1px;
    width: 600px;
    border-spacing: 0;
}
body#admin_reports_exporttocalculateslidevalvecoefficients-aspx #content table.RegularTable td {
    white-space: nowrap;
}
 /*Setting logo images maxwidth and maxheight*/
#ctl00_cphMain_ImgLogo
{
    max-width: 160px;
    max-height: 50px;
}
#client_logo img
{
    max-width: 160px;
    max-height: 50px;
}
#ctl00_cphMain_imgCompanyLogo
{
    max-width: 160px;
    max-height: 50px;
}
.wysiwygMaxHeight
{
    height: 100px;
    max-height: 100px;
}


#content .transparentInput
{
    border-top-width: 0px;
    border-left-width: 0px;
    background: none transparent scroll repeat 0% 0%;
    border-bottom-width: 0px;
    margin: 0px;
    vertical-align: middle;
    width: 2em;
    color: #ffffff;
    height: 1.2em;
    text-align: left;
    border-right-width: 0px;
}

/* css for Map.aspx */
#map
{
    margin: 0;
}

#map #mainTable
{
    vertical-align: top;
    border-collapse: collapse;
    width: 100%;
    overflow: hidden;
    background-color:White;
}

#map #left
{
    width: 220px;
    overflow: hidden;
    border: solid 1px darkgrey;
    margin: 0px;
    vertical-align: top;
}

#map #left .row
{
    width: 230px;
    overflow: hidden;
}
.ie7 #map #left .row /* for IE7 */ {
    width: auto;
    padding-left: 2px;
}

.ie7 #map #left .sliderFixedIE7 {
    padding-left:2px;
}

#map #left .option_description
{
    margin-top: 10px;
    font-size: 10px;
}

#map #left .blod
{
    font-weight: bold;
}

#map #left .silerMarginleft {
    margin-left: -6px;
}

.ie7 #map #left .silerMarginleft /* For IE7 hack*/ {
    margin-left:0px;
}

#map #left .silerEndMarginRight {
    margin-right: 30px;
}

.ie7 #map #left .silerEndMarginRight /* For IE7 hack*/ {
    margin-right: 60px;
}

#map #left .option_description label
{
    width: 55px;
}

#map #left .option_description .input
{
    width: 115px;
    border: 0;
    font-size: 10px;
    font-weight: normal;
}

#map #left .checkboxes, #map #left .dropdownlist
{
    width: 200px;
    margin-top: 3px;
}

#map #left .slider
{
    width: 178px;
    height: 1.0em;
    margin-top: 3px;
}

#map #left .button
{
    margin-top: 20px;
    text-align: center;
}

#map #middle
{
    border: solid 1px darkgrey;
    overflow: hidden;
    vertical-align: top;
    width:100%;
    padding:0px;
}

#map #middle #gg_map
{
    width: 100%;
    height: 100%;
}

#map #right
{
    width: 380px;
    overflow: hidden;
    border: solid 1px darkgrey;
    padding-bottom: 0px;
    vertical-align: top;
}


#map #right #compressorsStatic
{
    text-align: center;
}

#map #right .button
{
    margin-top: 10px;
    text-align: left;
    margin-left: 15px;
    font-family: Verdana,Sans-Serif,Arial;
    font-size: 12px;
}

#map #right #compressorsList
{
    padding-left: 2px;
    overflow: auto;
}

#map #right #compressorsList .link, .mapContent .link
{
    cursor: pointer;
    text-decoration: underline;
}

#map #right #compressorsList .link:hover, .mapContent .link:hover
{
    color: #999999;
    text-decoration: underline;
}

#map #counter
{
    font-weight: bold;
}
#map .ui-dialog-title
{
    font-weight:bold;
    font-size:12px;
}
#map .compressorsListTitle
{
    width:370px;

}

.gm-style .gm-style-iw div table span
{
    font-family: Verdana,Sans-Serif,Arial;
    font-size: 10px;
}

.mapContent
{
    font-family: Verdana,Sans-Serif,Arial;
    font-size: 10px;
    margin-top: 5px;
    background-image: url(../images/maps/MarkerInfo_Back.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    word-break: keep-all;
    cursor: default;
}
.mapContent tr td
{
    vertical-align: top;
}

#map .mapToolbar
{
    background-color: #f5f5f5;
    height: 27px;
}
#map .leftPanelToggle, #map .rightPanelToggle
{
    width: 23px;
    height: 27px;
    position: relative;
    background-image: url(../images/mapToolbar.png);
    background-repeat: no-repeat;
    cursor: pointer;
    z-index:9999;
}
#map .leftPanelToggle
{
    float: left;
}
#map .rightPanelToggle
{
    float: right;
}
#map .leftExpand
{
    background-position: 0px -27px;
}
#map .leftCollapse
{
    background-position: 0px 0px;
    left: -1px;
}
#map .rightExpand {
    background-position: 0px 0px;
    top: 2px;
    left: 28px;
}

#map .rightCollapse {
    background-position: 0px -27px;
    left: 1px;
}

#map .filterCatigray {
    color: Gray;
}

#map .cancelicon {
    background-image: url(../images/cancel.png);
    left: 215px;
    position: absolute; 
    margin-top: -16px
}

.ie7 #map .cancelicon {
    left: 0px;
    margin-top: -18px;
    margin-left: 215px;
}

#FilterButton {
    margin-left: 30px;
    position: relative;
    top: -13px;
    margin-bottom: 0px;
    padding: 0px;
    height: 20px;
}

.ie7 #FilterButton {
    margin-left: 15px;
}

#filterTB {
    height: 500px;
}

.ie7 #filterTB {
    height: 100%;
}

#fiterDiv {
    width: 250px;
    height: 490px;
}

.ie7 #fiterDiv {
    height: 100%;
}

#directions #directionItems
{
    margin-top:40px;
    height:auto;
}

#directions .kd-input-text
{
    border-bottom:#d9d9d9 1px solid;
    border-left:#d9d9d9 1px solid;
    background-color:#fff;
    border-top:#c0c0c0 1px solid;
    border-right:#d9d9d9 1px solid;
    -moz-border-radius:1px;
    border-radius:1px;
    -webkit-border-radius:1px;
    font-family:Arial,sans-serif;
    color:#000;
    font-size:13px;
}

#directions .wp
{
    padding-bottom : 3px;
    line-height:16px;
    margin : -1px -6px;
    padding-left : 5px;
    height:16px;
    width:220px;
    padding-right:5px;
    padding-top:3px;
    display:inline;
}

#directions .icon
{
    width:16px;
    height:16px;
    background-image:url(../images/maps/dl5.png);
    background-position: 0px -59px;
    background-repeat:no-repeat;
    margin-top:4px;
    margin-right:4px;
}

#directions .delIcon
{
    background-image:url(../images/delete.png);
    width:12px;
    height:12px;
    background-repeat:no-repeat;
    margin-top:5px;
    cursor: pointer;
}
#directions  .item
{
    margin-bottom:10px;
    height:25px;
}
#directions  .item div
{
    float:left;
    margin-left:8px;
}
#directions .clearboth
{
    clear:both;
}
#directions .kd-button
{
    text-align:center;
    max-width:auto;
    overflow:visible;
    position:absolute;
    line-height:16px;
    text-transform:uppercase;
    margin:2px 0px 0px;
    height:29px;
    right:55px;
}
#directions .no-wrap
{
    color:#15c;
    text-decoration:none;
    white-space:nowrap;
    margin-left:35px;
}
#directions .kd-button-submit
{
    border:#3079ed 1px solid;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#478ed');
    line-height:normal;
    background-color:#4d90fe;
    color:#fff;
}

.RecentCompressor
{
    font-family: Verdana,Sans-Serif,Arial;
    font-size: 10px;
    background-image: url(../images/maps/MarkerInfo_Back.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    word-break: keep-all;
    cursor: default;
    background-color:White;
    width:100%;
}

.maploading
{
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
}

.SmallModuleIcon { width: 19px; height: 19px;background-image: url(../images/maps/MapMarkersSprite.png); background-repeat: no-repeat; }
.SmallModuleIcon.Empty { background: none; }

/*Without SCADA*/
.SmallModuleIcon.RecipGreen { background-position: 0px -139px; }
.SmallModuleIcon.RecipGrey { background-position: -19px -139px; }
.SmallModuleIcon.RecipYellow { background-position: -38px -139px; }
.SmallModuleIcon.RecipRed { background-position: -57px -139px; }

.SmallModuleIcon.ScrewGreen { background-position: 0px -120px; }
.SmallModuleIcon.ScrewGrey { background-position: -19px -120px; }
.SmallModuleIcon.ScrewYellow { background-position: -38px -120px; }
.SmallModuleIcon.ScrewRed { background-position: -57px -120px; }

.SmallModuleIcon.OtherGrey { background-position: -81px -120px; }

/*Using SCADA*/
.SmallModuleIcon.RecipGreenAntenna { background-position: -116px -139px; }
.SmallModuleIcon.RecipGreyAntenna { background-position: -135px -139px; }
.SmallModuleIcon.RecipYellowAntenna { background-position: -154px -139px; }
.SmallModuleIcon.RecipRedAntenna { background-position: -173px -139px; }
.SmallModuleIcon.RecipBlackAntenna { background-position: -192px -139px; }

.SmallModuleIcon.ScrewGreenAntenna { background-position: -116px -120px; }
.SmallModuleIcon.ScrewGreyAntenna { background-position: -135px -120px; }
.SmallModuleIcon.ScrewYellowAntenna { background-position: -154px -120px; }
.SmallModuleIcon.ScrewRedAntenna { background-position: -173px -120px; }
.SmallModuleIcon.ScrewBlackAntenna { background-position: -192px -120px; }

.HeaderStarHolder { width:21px; height: 21px; line-height:31px; }

.FavouriteBackground { width:21px; height:21px; 
                       background-image: url(../images/FavouriteBackground.png); 
                       background-repeat:no-repeat;
                        cursor:pointer; 

}
.FavouriteStar { width:21px; height: 21px; 
                 background-image: url(../images/FavouriteStar.png);
                  background-repeat:no-repeat; 
                  cursor:pointer; 

}

.not_on_map
{
    background-image: url(../images/maps/MapMarkersSprite.png);
    background-repeat: no-repeat;
    background-position: -81px -138px;
    width: 19px;
    height: 19px;
}
    .hiddeBodyScrollBar
    {
        overflow: auto;
        overflow-x: hidden;
        overflow-y: hidden;
    }
.disable_Link {
    font-size: 9pt;      
    filter:alpha(opacity=0); /* IE */
    -moz-opacity:0.5; /* Moz + FF */
    opacity: 0.5;
}
label.disabled { color: grey; }
.simulation_warning {
    color: #9C6548;
    background-color: #FFEB9C;
}
.simulation_severe {
    color: #9C003A;
    background-color: #FFC7CE;
}
.whiteCircleBg
{
    width:25px;
    height:25px;
    line-height:25px;
    padding:1px;
    background-image: url(../images/maps/whiteCircle.png);
    background-repeat: no-repeat;
    margin-top:-5px;
}


.btn-primary {
    color: white;
    background-color: #017DBB;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    width: 150px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border-color: #017DBB;
    border: none;
    cursor: pointer;
}

.btn-primarySmall {
    color: white;
    background-color: #017DBB;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border-color: #017DBB;
    border: none;
    cursor: pointer;
}

.btn-default {
    color: black;
    background-color: gainsboro;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    width: 150px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border-color: gainsboro;
    border: none;
    cursor: pointer;
}

.btn-defaultWide {
    color: black;
    background-color: gainsboro;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    height: 30px;    
    -ms-border-radius: 4px;
    border-radius: 4px;
    border-color: gainsboro;
    border: none;
    cursor: pointer;
}

.ServiceWorkorderSearch_FilterParameters {
    background-color: white;
    border: 1px solid black;
    width: 98%;
    margin-right: auto;
    margin-left: auto;
    font-size: 11px;
}

.ServiceWorkorderSearch_ResultOptions {
    margin: 10px;
    margin-bottom: -10px;
    padding: 10px;
    background-color: white;
    border: 1px solid black;
    width: 95.8%;
    margin-right: auto;
    margin-left: auto;
    height: 30px;
    font-size: 11px;
}

.ServiceWorkorderSearch_ResultBorder {
    border: 1px solid black !important;
    margin: 10px;
}
.ServiceWorkorderSearch_ResultBorder th {
    border: 1px solid black !important;
}

.CompressorSearch_FiltersGrid .columns {
    border: 0px !important;
}



.float-left{float:left;width:100px;}
.float-right{float:right;width:100px;}
.float-center{margin:0 auto;width:100px;}

.pull-left{float:left;}
.pull-right{float:right;}
.pull-center{margin:0 auto;}

.trendingVariables {
              
}

.trendingVariables li {
              
}

.trendOptionsContainer {
    margin-top: 10px;
}

.trendVariableOptions {
    margin: 5px 25px;
}
.trendReportToolbar {
    margin: 10px 20px;
}

.highcharts-tooltip>span {
    z-index: 999;
    background: rgba(255,255,255,0.8);
    border: 1px solid #8CBEEE;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #888;
    padding: 8px;
}
            
.ddlThrow {
    background-color: white;
    padding: 2px;
    margin: 3px;

}

.ddlField {
    padding: 2px;
    margin: 3px;
    background-color: white;
}

.trendAddButton {
    width: 50px;      
}

.trendAddButton:disabled {
    background-color: grey;
}

.btn-remove-trendline {
    margin-left: 5px;
}

.red-anchor {
    color: #017DBB !important;
}

.fancybox-skin{
    background-color:white !important;
}

.chartOption{
    vertical-align: middle;
    position: relative;
    bottom: 1px;
    margin: 0;
}
.chartOptionsContainer {
    clear: both;
    margin-left: 25px;
    margin-bottom: 100px;
}

.chartSettingContainer {
    width: 100%;
}

.chartSettingDiv {
    margin: 5px 15px;
    width: 28%;
}

.chartSettingCell {
    padding: 3px 10px;
}

.chartSettingDdl {
    padding: 3px 10px;
}

#ChartSetting_DashStyle {
    width: 100%;
}
.tooltipGraphs {
    position: relative;
    display: inline-block;
}

.tooltipGraphs .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #666666;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 5px 5px;
    position: absolute;
    z-index: 9999;
    top: -5px;
    left: 110%;
}

.tooltipGraphs .tooltiptext::after {
    content: "";
    position: absolute;
    top: 20%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #666666 transparent transparent;
}
.tooltipGraphs:hover .tooltiptext {
    visibility: visible;
}
#lblShowSettings {
    display: block;
}

/* On screens that are 992px or more */
@media screen and (min-width: 992px) {
    .gotonew {
        display: block;
        background-color: #ffffff;
        border: 1px solid #017dba;
        border-radius: 0px;
        margin-top: 10px;
        padding: 1px;
        color: #017DBA;
        font-family: arial;
        font-size: 1.1em;
    }

    .newbutton {
        background-color: #017dba !important;
        color: white !important;
        padding: 7px;
        border-radius: 7px;
        text-decoration: none;
    }

    .newbuttonmob {
        display: none;
    }

    .gotonewmob {
        display: none;
    }
}

/* On screens that are 991px or less */
@media screen and (max-width: 991px) {
    .gotonew {
        display: none;
    }

    .newbutton {
        display: none;
    }

    .newbuttonmob {
        display: block;
        background-color: #017dba !important;
        color: white !important;
        padding: 7px;
        border-radius: 7px;
        text-decoration: none;
        margin-bottom: 10px;
    }

    .gotonewmob {
        display: block;
        background-color: #ffffff;
        border: 1px solid #017dba;
        border-radius: 0px;
        margin-top: 10px;
        padding: 1px;
        color: #017DBA;
        font-family: arial;
        font-size: 1.1em;
    }
}

.gotonewdriver {
    margin-left: 48px;
    margin-right: 48px;
}

.gotonewdowtime {
    margin-left: 52px;
    margin-right: 52px;
}

<style>
    #toggle {
        position: fixed;
        opacity: 0;
        z-index:1000000000;
    }

.labelSlide {
    position: fixed;
    top: 155px;
    right: -55px;
    z-index: 1000;
    display: block;
    font-size: 1.5em;
    color: white;
    cursor: pointer;
    transform: rotate(90deg);
    transition: transform .4s;
    -ms-transform: rotate(90deg);
    transition: transform .4s;
    background-color: #007DBC;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: white;
    border-bottom-color: white;
    border-left-color: white;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 3px;
}

    input[type=checkbox]:checked ~ .labelSlide {
        transform: translate3d(-250px, 0, 0) rotate(90deg);
        -ms-transform: translate3d(-250px, 0, 0) rotate(90deg);
    }

    .contentslide {
        width: 100%;
        height: 94px;
        padding: 40px;
        background: #f2f2f2;
        transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transition: transform .4s;
    }

    input[type=checkbox]:checked ~ .contentslide {
        transform: translate3d(-250px, 0, 0);
        -ms-transform: translate3d(-250px, 0, 0);
    }

    input[type=checkbox]:checked ~ .slide-menu {
        transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
    }

        input[type=checkbox]:checked ~ .slide-menu .slidemenu li {
            width: 100%;
        }

    .slide-menu {
        transform: translate3d(250px, 0, 0);
        -ms-transform: translate3d(250px, 0, 0);
        position: fixed;
        width: 250px;
        background: #4f6b81;
        right: 0;
        transition: all .4s;
        z-index: 1000;
        top: 100px;
    }

        .slide-menu h1 {
            margin: 10px;
            text-shadow: 1px 1px 1px #000;
        }

    .slidemenu {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .slidemenu a {
            display: block;
            text-decoration: none;
            color: #fff;
            font-size: 1.1em;
            padding: 15px;
            background: linear-gradient(#628297, #4f6b81);
            border-bottom: 1px solid #1e222b;
            box-shadow: inset 0px 1px 1px #8b9db3;
        }

            .slidemenu a:hover {
                background: linear-gradient(#3b3f48, #3c434d);
                box-shadow: inset 0px 1px 1px #475059;
            }

    .searchOptions {
        border: 1pt solid black;
        background-color: white;
        z-index: 21000;
        height: 160px;
    }

    .favouritesBox {
        overflow-y: scroll;
        overflow-x: hidden;
        border: 1pt solid black;
        background-color: white;
        z-index: 21000;
        max-height: 600px;
    }

    .recents {
        overflow-y: scroll;
        overflow-x: hidden;
        border: 1pt solid black;
        background-color: white;
        z-index: 21000;        
        height:230px;
    }

    .favouritesDivider {
        background-color: black;
        color: white;
        font-weight: bold;
        font-size: 1.5em;
        text-align: center;
    }

    .slidemenu div.FavouriteBackground {
        float: left;
    }

    .slidemenu td.compressorDataTd {
        cursor: pointer;
        padding:5px;
    }
    @media (max-height: 1024px) {
        .searchOptions {            
            overflow:hidden;
        }

        .favouritesBox {
            height: 400px;
        }
        
    }
     @media (max-height: 900px) {
        .searchOptions {            
            overflow:hidden;
        }

        .favouritesBox {
            height: 270px;
        }
        
    }
    @media (max-height: 768px) {
        .searchOptions {
            height: 150px;
        }

        .favouritesBox {
            height: 195px;
        }

        .recents {
            height:195px;
        }
    }
  
</style>