/* standard elements */

body
{
    font: normal 0.7em "Franklin Gothic Book";
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

li
{
    list-style: none;
}

h1
{
    font: normal 1.8em Tahoma,sans-serif;
}
h2
{
    font: bold 1.4em sans-serif;
}
h3
{
    font: bold 1em Tahoma,sans-serif;
}

form, input
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: inline;
}

h1, h2, h3
{
    padding-top: 6px;
    color: #553;
    margin-bottom: 4px;
}

.outer-container
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.inner-container
{
    border: 2px solid #F18D14;
    background: #FFF;
    font-size: 1.2em;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.clearer
{
    clear: both;
    font-size: 0;
}
.floatLeft
{
    float: left;
}
.floatRight
{
    float: right;
}

.pageMain
{
    height: 485px;
    width: 955px;
    min-width: 600px;
    padding: 5px 5px 5px 5px;
    margin: 0 auto;
}

.pageMainPrivate
{
    border: 2px solid #F18D14;
    min-height: 485px;
    min-width: 600px;
    padding: 0px 0px 0px 0px;
    margin: 0 auto;
}

.pageMainPublic
{
    border: 2px solid #F18D14;
    min-width: 600px;
    padding: 5px 5px 5px 5px;
    margin: 0 auto;
}


.pageMainBorder
{
    border: 2px solid #F18D14;
    min-width: 600px;
    padding: 5px 5px 5px 5px;
    margin: 0 auto;
}

.pageMainPublicTabsMenu
{
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    font-size: small;
    letter-spacing: 0.3pt;
    z-index: 1;
}

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

.pageMainPublicTabsMenu li
{
    float: left;
    background-color: #F4DD1B;
    color: #0000FF;
    font-weight: bolder;
    margin-right: 5px;
    padding: 5px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top: solid #F18D14 1px;
    border-left: solid #F18D14 1px;
    border-right: solid #F18D14 1px;
    border-bottom-width: 0;
    cursor: pointer;
    min-width: 75px;
    text-align: center;
}

.pageMainPublicTabsMenu li.active
{
    color: #0000FF;
    background-color: #F18D14;
}

.pageMainPublicTabsMenu li.inactive:hover
{
    color: #FFFFFF;
    background-color: #FFFF00;
}

.pageMainPublicTabsDetail
{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: solid #F18D14 3px;
    min-width: 950px;
    padding: 5px 5px 5px 5px;
    width: 98%;
    height: 405px;
    margin: 0 auto;
    z-index: 2;
}

.pageHeader
{
    background: #FFFFFF url(../images/Company1.jpg) left top no-repeat;
    height: 65px;
    margin: 0px;
    text-align: left;
    font: normal 1.1em Verdana,sans-serif;
    color: #FFF;
    border-color: #F60;
    text-decoration: none;
}

.pageTitle
{
    font: normal 8pt Verdana,sans-serif;
    padding-top: 2px;
    font: bold;
}

.pageHeaderRight
{
    text-align: right;
    float: right;
    margin-left: 406px;
}

.pageClock
{
    margin: 0px 2px 0px 0px;
    text-align: right;
    float: right;
    border: 1px solid #F18D14;
}

.pageFooter
{
    height: 15px;
    background: #F4DD1B;
    color: #0000FF;
    font: bold 1em sans-serif;
    padding: 5px 5px;
    border-bottom: 1px solid #F18D14;
}
.pageFooter a
{
    color: #0000FF;
    text-decoration: none;
}

.vwContent
{
    min-width: 600px;
    padding: 5px 5px 5px 5px;
    margin: 0 auto;
}

.divloginLeftPnl
{
    float: left;
    border: 2px solid #F18D14;
    background: #FFF;
    margin: 0;
    padding: 5px 5px 5px 5px;
    width: 30%;
    min-height: 380px;
}

.divloginRightPnl
{
    float: right;
    border: 2px solid #F18D14;
    background: #FFF;
    margin: 0;
    padding: 5px 5px 5px 5px;
    min-width: 620px;
    width: 67%;
    min-height: 380px;
    overflow: auto;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=60);
    opacity: 0.60;
}

.updateProgress
{
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFFF;
    position: absolute;
    width: 130px;
    height: 50px;
}

.updateProgressLong
{
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFFF;
    position: absolute;
    width: 450px;
    height: 50px;
}

.updateProgressMessage
{
    margin: 3px;
    font-family: Trebuchet MS;
    font-size: small;
    vertical-align: middle;
}

.PopupEditContainer
{
    width: 700px;
    border: solid 1px #F18D14;
    border-width: 1px 0px;
    font-size: Large;
}

.PopupEditHeader
{
    background-color: #F4DD1B;
    color: #0000FF;
    border-color: #F18D14 #F18D14 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 3px 10px;
    font-size: Large;
}

.PopupEditBody
{
    background-color: #f2f2f2;
    border-color: #F18D14;
    border-style: solid;
    border-width: 0px 1px;
    padding: 10px 10px 30px 0px;
    height: 350px;
    font-size: Medium;
    overflow-y: scroll;
    overflow-x: hidden;
}

.PopupEditFooter
{
    background-color: #F4DD1B;
    border-color: #F18D14;
    border-style: none solid;
    border-width: 0px 1px;
    text-align: right;
    padding: 4px 8px 0px 0px;
}

.PopupEditFooterIn
{
    background-color: #F4DD1B;
    border-color: #F18D14;
    border-style: none solid;
    border-width: 0px 0px;
    text-align: right;
    padding: 4px 8px 0px 0px;
    font-size: Medium;
}

.PopupEditHeader .PopupEditMsg
{
    font-weight: bold;
}

.PopupEditMsg .PopupEditBody
{
    float: left;
    padding-left: 22px;
}




.PopupErrorContainer
{
    width: 550px;
    border: solid 1px #F18D14;
    border-width: 1px 0px;
    font-size: Large;
}

.PopupErrorHeader
{
    background-color: #F4DD1B;
    color: #0000FF;
    border-color: #F18D14 #F18D14 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 3px 10px;
}

.PopupErrorBody
{
    background-color: #f2f2f2;
    border-color: #F18D14;
    border-style: solid;
    border-width: 0px 1px;
    padding: 10px 10px 30px 0px;
    height: 250px;
    font-size: small;
    overflow-y: scroll;
    overflow-x: hidden;
}

.PopupErrorFooter
{
    background-color: #F4DD1B;
    border-color: #F18D14;
    border-style: none solid;
    border-width: 0px 1px;
    text-align: right;
    padding: 4px 8px 0px 0px;
}

.PopupErrorHeader .PopupErrorMsg
{
    font-weight: bold;
}

.PopupErrorMsg .PopupErrorBody
{
    float: left;
    padding-left: 22px;
}

.PopupEditBodyUsrCtrl
{
    background-color: #f2f2f2;
    padding: 0px 0px 0px 0px;
    font-size: Medium;
    overflow-y: hidden;
    overflow-x: hidden;
}

.PopupEditBodyUsrCtrlIn
{
    overflow-y: scroll;
    overflow-x: hidden;
}

.PopupEditContainerWCLoss
{
    width: 720px;
    border: solid 1px #F18D14;
    border-width: 1px 1px;
    font-size: Medium;
}

.PopupEditContainerWCEmpl
{
    width: 720px;
    border: solid 1px #F18D14;
    border-width: 1px 1px;
    font-size: Medium;
}

.PopupEditContainerUpLoad
{
    width: 720px;
    border: solid 1px #F18D14;
    border-width: 1px 1px;
    font-size: Medium;
}

.PopupEditContainerCAVeh
{
    width: 745px;
    border: solid 1px #F18D14;
    border-width: 1px 1px;
    font-size: Medium;
}

.PopupEditContainerCADrv
{
    width: 480px;
    border: solid 1px #F18D14;
    border-width: 1px 1px;
    font-size: Medium;
}

.PopupEditContainerCAVehSum
{
    width: 830px;
    border: solid 1px #F18D14;
    border-width: 1px 1px;
    font-size: Medium;
}

.PopupEditContainerCALoss
{
    width: 624px;
    border: solid 1px #F18D14;
    border-width: 1px 1px;
    font-size: Medium;
}

.PopupEditContainerPIP
{
    width: 800px;
    border: solid 1px #F18D14;
    border-width: 1px 1px;
    font-size: Medium;
}

.PopupEditContainerFEIN
{
    width: 680px;
    border: solid 1px #F18D14;
    border-width: 1px 1px;
    font-size: Medium;
}

.PopupEditContainerGLLoc
{
    width: 430px;
    border: solid 1px #F18D14;
    border-width: 1px 1px;
    font-size: Medium;
}

.PopupEditContainerGLCls
{
    width: 750px;
    border: solid 1px #F18D14;
    border-width: 1px 1px;
    font-size: Medium;
}

.PopupEditContainerGLIns
{
    width: 600px;
    border: solid 1px #F18D14;
    border-width: 1px 1px;
    font-size: Medium;
}

.PopupEditContainerGLPrv
{
    width: 600px;
    border: solid 1px #F18D14;
    border-width: 1px 1px;
    font-size: Medium;
}

.GLClassesBody 
{
    height: 350px;
    overflow: auto;
} 

.PopupEditContainerUsrAdd
{
    width: 500px;
    border: solid 2px #F18D14;
    border-width: 1px 1px;
    font-size: medium;
}

.PopupEditContainerUsrEdt
{
    width: 500px;
    border: solid 2px #F18D14;
    border-width: 1px 1px;
    font-size: medium;
}

.PopupEditContainerUsrPwd
{
    width: 550px;
    border: solid 2px #F18D14;
    border-width: 1px 1px;
    font-size: medium;
}

table.baseTable
{
    border-width: 0px 0px 0px 0px;
    border-style: solid solid solid solid;
    border-color: black black black black;
    border-collapse: collapse;
}

table.baseTable td
{
    border-width: 0px 0px 0px 0px;
    padding: 4px 4px 4px 4px;
    border-style: inset inset inset inset;
    border-color: gray gray gray gray;
    -moz-border-radius: 0px 0px 0px 0px;
}

table.rbTable td
{
    border: 0px;
}

table.dataTable
{
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
}

table.dataTable th
{
    margin: 0;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    font-weight: normal;
    padding: 4px 3px 3px 4px;
    background: #5D7B9D;
    font-weight: bold;
}

table.dataTable td
{
    margin: 0;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    padding: 2px 3px 3px 4px;
}

/* This makes the scrolling table work */

div.scrollContainer
{
    height: 100%;
    overflow: auto;
    width: 100%;
    margin: 15px 0 0 0;
    position: relative;
}

/* The different widths below are due to the way the scroll bar is implamented
we are keeping these here instead of putting them in the IE css file b/c it 
is easier to change the width if both numbers are in the same place. */

/* All browsers accept this, but we are targeting IE with this rule */
div.scrollContainer table
{
    width: 100%;
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html > /**/ body div.scrollContainer table
{
    width: 100%;
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html > /**/ body div.scrollContainer table > tbody
{
    overflow: auto;
    height: 100%;
    overflow-x: hidden;
}

div.scrollContainer thead tr
{
    position: relative;
}

/*prevent Mozilla scrollbar from hiding cell content*/
div.scrollContainer td:last-child
{
    padding-right: 20px;
}


/* non-standard IE Specific Rules*/

div.scrollContainer thead tr
{
    /* Causes the pixel header row to stay fixed in IE*/
    top: expression(offsetParent.scrollTop); /* This fixes a strange bug in IE where the header row would "shift" 1px to 	   the right after the table was scrolled down.  It would not shift back        after scrolling all the way, which made my first solution based on        offSetParent.scrollTop == 0 not an effective solution*/
    left: expression(typeof(myvar) == 'undefined' ? 0+"px"+(myvar='true') : -1+"px");
}


div.scrollContainerTreeView
{
    height: 100%;
    overflow: auto;
    margin: 15px 0 0 0;
    position: relative;
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html > /**/ body div.scrollContainerTreeView table > tbody
{
    overflow: auto;
    height: 100%;
    overflow-x: hidden;
}

div.scrollContainerTreeView thead tr
{
    position: relative;
}

/*prevent Mozilla scrollbar from hiding cell content*/
div.scrollContainerTreeView td:last-child
{
    padding-right: 20px;
}


/* non-standard IE Specific Rules*/

div.scrollContainerTreeView thead tr
{
    /* Causes the pixel header row to stay fixed in IE*/
    top: expression(offsetParent.scrollTop); /* This fixes a strange bug in IE where the header row would "shift" 1px to 	   the right after the table was scrolled down.  It would not shift back        after scrolling all the way, which made my first solution based on        offSetParent.scrollTop == 0 not an effective solution*/
    left: expression(typeof(myvar) == 'undefined' ? 0+"px"+(myvar='true') : -1+"px");
}

.ConfirmDetailHeaders
{
    font-size: Medium;
    line-height: 10%;
}

.ConfirmDetailSubHeaders
{
    font-size: Medium;
    line-height: 10%;
    font-weight: bold;
    text-decoration: underline;
    white-space: nowrap;
    word-break: break-all;
}

.ConfirmDetailRequired
{
    color: Red;
    font-size: Small;
    line-height: 10%;
}

.ConfirmDetailNeeded
{
    color: Blue;
    font-size: Small;
    line-height: 10%;
    white-space: nowrap;
    word-break: break-all;
}


.DGGridView
{
    font-family: Arial;
    border: solid 1px #000000;
    font-size: 10px;
    margin-bottom: 10px;
    padding: 0px 0px;
}
.DGGridView td
{
    overflow: hidden;
    white-space: nowrap;
    border: solid 1px #000000;
    padding: 0px 0px;
    margin: 0px;
    height: 15px;
    word-wrap: break-word;
    text-overflow: ellipsis;
}
.DGGridView th
{
    overflow: hidden;
    white-space: nowrap;
    border: solid 1px #000000;
    padding: 0px 0px;
    margin: 0px;
    height: 15px;
    word-wrap: break-word;
    text-overflow: ellipsis;
}
.collapsePanel
{
    border: none;
    width: 97%;
    background-color: white;
    overflow: visible;
    float: none;
    padding: 0px 0px 0px 10px;
    white-space: normal;
}
.collapsePanelHeader
{
    width: 97%;
    height: 20px;
    float: none;
    padding: 5px;
    font-weight: bold;
    cursor: pointer;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
}
.DisplayLabelTitle
{
    display: inline-block;
    width: 115px;
    font-weight: bold;
    text-align: left;
    margin-right: 5px;
    overflow: hidden;
    word-break: break-all;
}
.DisplayLabelTitleData
{
    font-weight: normal;
}
.DisplayLongDesc
{
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
}

.Grid_ItemText
{
    text-align: left;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
}
.Grid_ItemNumber
{
    text-align: right;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
}
.Grid_ItemDate
{
    text-align: right;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
}
.Grid_ItemCenter
{
    text-align: center;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
}

.CloseForms
{
    margin: 0px 2px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 20px;
    height: 20px;
    border: none;
    float: right;
}

.ClosableForms
{
    float: left;
}

.exportOptions
{
    text-align: right;
    float: right;
    margin: 0px 2px 0px 0px;
}

.exportOptions span
{
    cursor: pointer;
    color: Blue;
    font-size: Small;
    text-decoration: underline;
}

div.ajax__calendar_days table tr td
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

div.ajax__calendar_months table tr td
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
div.ajax__calendar_years table tr td
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.divPnlMain
{
    height: 100%;
    min-height: 485px;
}

.divPnlMainLeft
{
    vertical-align: top;
    max-width: 200px;
    width: auto;
    height: 100%;
}

.divPnlMainLeftPnlMenu
{
    background-color: #F4DD1B;
    border-color: #F18D14;
    border-style: solid;
    border-width: 1px;
    border-right-width: 4px;
    width: 200px;
    height: 100%;
    min-height: 485px;
    display: none;
}

.divPnlMainMenuHeader
{
    background-color: #F18D14;
    text-align: right;
    float: right;
    height: 20px;
    width: 200px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.divPnlMainMenuHeaderClosed
{
    background-color: #F18D14;
    text-align: right;
    float: right;
    height: 20px;
    width: 25px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.divPnlMainMenuHeader .divPnlMainMenuHeaderClosed img
{
    background-color: #F18D14;
    padding: 0px 0px 0px 0px;
    margin: 0px 0x 0px 0px;
    cursor: pointer;
    color: Blue;
    width: 15px;
    height: 15px;
}

.divPnlMainLeftPnlMenuClosed
{
    background-color: #F18D14;
    border-color: #F18D14;
    border-style: solid;
    border-width: 1px;
    border-right-width: 4px;
    width: 25px;
    height: 100%;
    min-height: 485px;
    display: none;
}

.divPnlMainRight
{
    border-color: #F18D14;
    border-style: solid;
    border-width: 0px;
    border-left-width: 2px;
    vertical-align: top;
    width: 100%;
    height: 100%;
}

.accordionHeader
{
    border-color: #F18D14;
    color: Blue;
    cursor: pointer;
    margin:0px 0px 10px 0px;
}
.accordionContent
{
    border-color: #F18D14;
    background-color: white;
    border: 2px solid;
    margin: 0px 10px;
    padding: 0px 10px;
}
.accordionHeaderSelected
{
    border-color: #F18D14;
    color: Blue;
    cursor: pointer;
    margin:0px 0px 10px 0px;
}