/* DEFAULTS
----------------------------------------------------------*/
body { font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; color: #000; margin: 0 0 0 0; padding: 0 0 0 0; }
/* This rule resets a core set of elements so that they will appear consistent across browsers. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; outline: 0; }
/* The body is the outermost layout component and contains the visible page content. */
html { height: 100%; }
p { margin-bottom: 0; margin-top: 4px; }
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-size: 1.5em; text-transform: none; font-weight: 200; margin-bottom: 2px; margin-top: 2px; }
h1 { font-size: 1.5em; color: #666666; font-weight: 600; margin-bottom: 10px; margin-top: 10px; }
h2 { font-size: 1.5em; color: #666666; padding-bottom: 0; margin-bottom: 2px; margin-top: 2px; }
h3 { color: #FFF; font-weight: 600; font-size: 1.1em; margin-bottom: 2px; border-radius: 5px 5px 0 0; width: auto; padding: 8px 0px 8px 10px; text-transform: uppercase; }
h5, h6 { font-size: 1em; color: #666666; }
.datalistitem { float: left; background-color: white; margin: 10px; padding: 10px; width: 400px; -moz-box-shadow: 4px 4px 5px #999; -webkit-box-shadow: 4px 4px 5px #999; box-shadow: 4px 4px 5px #999; text-align: center; }
.sectioncontainer { padding-top: 5px; padding-bottom: 10px; padding-left: 2px; }
.paneltopbuttonscontainer { clear: both; background-color: white; }
.panelsticky { position: -webkit-sticky; position: sticky; top: 0; z-index: 999; }
.panelbottompadding { padding-bottom: 10px; }
.ModalPopupBG { background-color: #666666; opacity: 0.7; }
.ModalPopupDev { display: none; }
.ModalPopup { z-index: 1000; position: fixed; top: 0; bottom: 0; overflow-y:auto; overflow-x:hidden;background-color: #FFF; border-style: solid; border-width: 8px; border-radius: 5px; border-color: #666666; padding: 10px; display: unset; }
.ModalPopupMsg { z-index: 1000; position: fixed; top: auto; background-color: #FFF; height: 25%; left: 20%; width: 60%; border-style: solid; border-width: 4px; border-radius: 5px; border-color: #666666; background-color: #fff; box-shadow: 0 0 6px #DFDFDF; padding:0px 4px 4px 4px }
.dimout { opacity: 0.20; }
.addressbookpage { width: 1000px; margin: 0 auto 0 auto; overflow: hidden; text-align: left; }
.marginbottomspace { margin-bottom: 10px; }
.margintopspace { margin-top: 10px; }
/* FORM ELEMENTS   
----------------------------------------------------------*/
fieldset { margin: 1em 0; padding: 1em; border: 1px solid #ccc; }
fieldset p { margin: 2px 12px 10px 10px; }
fieldset .inline { display: inline; }
.login label, .register label, .changePassword label { display: block; }
.ddlstyle { border: 1px solid #ccc; }
.textFinancial, .textNumbernocol, .textFinancialnocol, .textFinancialnocolunderline, .textPrice, .textTotal, .textTax, .textLookup, .textName, .textTime, .textEntry, .textCountry, .textEntrydisabled, .textEntrytransparent, .textCentral, .textRight, textarea { border: 1px solid #ccc;
    margin-top: 0px;
}
.textLookup { background-color: #FFFFCC; }
.textName { background-color: #CCFFCC; }
.textLabel { background-color: transparent; border: none; }
.textInvisible { border: none; width: 0; visibility: hidden; }
.textCountry { background-color: #CCCCFF; }
.textTime { background-color: #FFCC99; text-align: right;}
.textFinancial { background-color: #FFFFFF; text-align: right; }
.textTotal { background-color: #FFCCCC; text-align: right; }
.textFinancialnocol, .textNumbernocol { text-align: right; }
.textFinancialnocolunderline { text-align: right; border-bottom: 2px solid }
.textPrice { background-color: #E0FFFF; text-align: right; }
.textTax { background-color: #FFFFFF; text-align: right; }
.textEntrydisabled { background-color: #E6E6E6; }
.textCentral { text-align: center; }
.textRight { text-align: right; }
.accountInfo { width: 99%; }
.checkboxprimary { background-color: lightyellow; padding-top: 10px; padding-bottom: 10px; margin-bottom: 2px; }
/* MISC  
----------------------------------------------------------*/
.clear { clear: both; }
.clearleft { clear: left; }
.title { display: block; float: left; padding: 5px 0 0 0; text-align: left; width: auto; margin-left: 5px; padding-left: 5px; }
.logindisplay {font-size: 1.2em; display: block; text-align: right; padding:0; color: white; float: right; }
.logindisplay a:link { color: white; }
.logindisplay a:visited { color: white; }
.logindisplay a:hover { color: white; }
.bold { font-weight: bold; }
.submitButton { text-align: right; padding-right: 10px; }
.floatright { float: right; }
.floatrightpadded { float: right; padding-right: 10px; }
.floatleft { float: left; }
.searchdatepadding { padding-top: 10px; padding-left: 2px; }
.labelalignright { text-align: right; }
/* CONTROLS 
----------------------------------------------------------*/
.addresslabel { vertical-align: top; }
.PopUpPanel { position: absolute; z-index: 1; padding: 5px; }
.CalendarPanel { position: absolute; z-index: 1; }
.boxedpanel { width: 100%; background-color: white; margin-bottom: 20px;}
.boxedpanelrow { width: auto; background-color: transparent; margin-bottom: 5px; padding: 3px; border-style: solid; border-width: 1px; border-radius: 5px; border-color: #C0C0C0; }
.boxedpanelinternal { width: auto; padding: 3px; padding-bottom: 10px; border-style: solid; border-width: 1px; border-radius: 5px; border-color: #a9a9a9; margin-bottom: 2px; }
.groupcontainer { position: relative; padding: 0 5px 10px 5px; margin-bottom: 10px; border-style: solid; border-width: 1px; border-radius: 5px; border-color: #F7F7F7; background-color: #fff; box-shadow: 0 0 6px #DFDFDF }
.groupcontainerbutton { position: absolute; top: 10px; right: 10px; }
.groupcontainerheaderonly { position: relative; }
.groupcontainerheaderonlybutton { position: absolute; top: 1px; right: 10px; }
.groupcontainerstatus { position: absolute; top: -2px; right: 10px; }
.groupcontainer h3 { margin: 0 -5px 10px -6px; }
.textLeft {text-align:left;}
.CalendarDropdown { background-color: #efefef; margin-left: 100px; }
.CalendarDropDown .CalendarDropDownTitle { font-weight: bold; margin-left: 0; }
.menumain { display: inline-block; text-align: center; padding-bottom: 5px; }
.menumainpadsmall { padding-left: 2px; padding-right:2px }
.menumainpadmedium { padding-left: 5px; padding-right: 5px }
.menumainpadlarge { padding-left: 8px; padding-right: 8px }
.menumainimg:hover { background-color: #CCCCCC; }
.treeview { font-size: 0.9em;}
.treeview img { width: 22px; height: 22px; }
.treeviewnode { color:black !important; }
.lookupfield { border: 1px solid #ccc; background-color: #FFFFCC; }
.lookupfieldautoaddress { border: 1px solid #ccc; background-color: moccasin }
.invisible { border: 0; background-color: transparent; }
.gridvhide { display: none; }
.gridvcontainer { border-top-left-radius: 6px; border-top-right-radius: 6px; overflow:auto; }
.gridv td { border-bottom: #a9a9a9 1px solid; }
.gridv { margin: 2px 0 0px 0; border-right: 1px #a9a9a9 solid; border-left: 1px #a9a9a9 solid; background-color:#fff; }
.gridv input[type="text"] { width: 98%; font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; }
.gridv textarea { width: 100%; font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; }
.gridv .ddlstyle { width: 100%; font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; }
.gridvheader { color: #FFFFFF; font-size: 0.9em; }
.gridviewcalendarheader { color: #FFFFFF; font-size: 1.0em; border-radius: 6px; }
.gridvheader th a { color: #FFF; }
.gridvheader th { padding: 3px 2px 3px 2px; }
.gridvfooter { color: #FFFFFF; }
.gridvrow { background: #EFF3FB; }
.gridvrowalt { background: #fff; }
.gridvpager table { margin: 5px 0; }
.gridvpager td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #FFFFFF; line-height: 12px; }
.gridvpager a { color: Silver; text-decoration: none; }
.gridvpager a:hover { color: #FFFFFF; text-decoration: none; }
.gridvselected { color: Black; font-weight: bold; }
.updatepanel { position: absolute; z-index: 1; left: 47%; top: 50%; background-color: #CF4342; color: #fff; padding: 10px; }
.cbl input[type="checkbox"] { table-layout: fixed; }
.impactmessage { color: white; border-style: solid; border-color: transparent; border-width: 1px; border-radius: 5px; padding: 2px; padding-left: 5px; padding-right: 5px; margin-right:10px; }
.buttoniconsmall, .buttonicontiny { outline: 0; border: none; }
.buttoniconsmall:active, .buttonicontiny:active { transform: scale(0.85); }

.marginleftspace { margin-left: 3px; }
.marginleftspacelarge { margin-left: 15px; }
.marginrightspace { margin-right: 3px; }
.marginleftspacelarge { margin-right: 15px; }
.ajax_fileupload_hide { display: none; }
/* DASHBOARD Formatting */
.dashitem { border: solid 2px; }
.dashtable { width: 100%; }
.dashtable th { border: 1px solid black; background-color: yellow; width: 100%; padding-top: 10px; padding-bottom: 10px }
.dashtable tr { width: 100%; align-content: center; text-align: center }
/* AJAX Calendar */
.fmsajaxcalendar td { border: none; font-weight: normal; }
.fmsajaxcalendar .ajax__calendar_container { padding: 4px; position: relative; cursor: default; width: 170px; font-size: 11px; text-align: center; font-family: tahoma,verdana,helvetica; }
.fmsajaxcalendar .ajax__calendar_body { height: 139px; width: 170px; position: relative; overflow: hidden; margin: auto; }
.fmsajaxcalendar .ajax__calendar_title, .cal_Theme1 .ajax__calendar_next, .cal_Theme1 .ajax__calendar_prev { color: #000000; }
.fmsajaxcalendar .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years { top: 0; left: 0; height: 139px; width: 170px; position: absolute; text-align: center; margin: auto; }
.fmsajaxcalendar .ajax__calendar_container TABLE { font-size: 11px; }
.fmsajaxcalendar .ajax__calendar_header { height: 20px; width: 100%; color: #000; }
.fmsajaxcalendar .ajax__calendar_title { cursor: pointer; font-weight: bold; }
.fmsajaxcalendar .ajax__calendar_footer { height: 15px; }
.fmsajaxcalendar .ajax__calendar_today { cursor: pointer; padding-top: 3px; }
.fmsajaxcalendar .ajax__calendar_dayname { height: 17px; width: 17px; text-align: right; padding: 0 2px; }
.fmsajaxcalendar .ajax__calendar_day { height: 17px; width: 18px; text-align: right; padding: 0 2px; cursor: pointer; }
.fmsajaxcalendar .ajax__calendar_month { height: 44px; width: 40px; text-align: center; cursor: pointer; overflow: hidden; }
.fmsajaxcalendar .ajax__calendar_year { height: 44px; width: 40px; text-align: center; cursor: pointer; overflow: hidden; }
.fmsajaxcalendar .ajax__calendar_container { border: 1px solid #646464; background-color: #ffffff; color: #000000; }
.fmsajaxcalendar .ajax__calendar_footer { border-top: 1px solid #f5f5f5; }
.fmsajaxcalendar .ajax__calendar_dayname { border-bottom: 1px solid #f5f5f5; }
.fmsajaxcalendar .ajax__calendar_day { border: 0 solid #ffffff; }
.fmsajaxcalendar .ajax__calendar_month { border: 0 solid #ffffff; }
.fmsajaxcalendar .ajax__calendar_year { border: 0 solid #ffffff; }
.fmsajaxcalendar .ajax__calendar_hover .ajax__calendar_today { color: #0066cc; }
.fmsajaxcalendar .ajax__calendar_today { border-color: #ff7d7d; border-style: solid; border-width: 1px; }
.fmsajaxcalendar .ajax__calendar_active { border-style: solid; border-width: 1px; font-weight: 600 }
/* AJAX Calendar - next section fixes missing arrows on some pages where they do not appear */
.fmsajaxcalendar .ajax__calendar_prev { cursor: pointer; width: 15px; height: 15px; float: left; background-repeat: no-repeat; background-position: 50% 50%; background-image: url(../images/structure/arrow-left.gif); }
.fmsajaxcalendar .ajax__calendar_next { cursor: pointer; width: 15px; height: 15px; float: right; background-repeat: no-repeat; background-position: 50% 50%; background-image: url(../images/structure/arrow-right.gif); }
.ajax_fileupload_hide { display: none; }
.buttonstd { border: none; border-radius: 5px; color: #fff; display: inline-block; font: 300 arial; text-align: center; text-shadow: none; }
.buttonwide { border: none; border-radius: 5px; color: #fff; display: inline-block; font: 300 arial; text-align: center; text-shadow: none; }
.buttonxwide { border: none; border-radius: 5px; color: #fff; display: inline-block; font: 300 arial; text-align: center; text-shadow: none; }
.buttonauto { border: none; border-radius: 5px; color: #fff; display: inline-block; font: 300 arial; text-align: center; text-shadow: none; }
.buttongreen { background: #2e7a17; }
.buttonblue { background: #003399; }
.buttonred { background: #990000; }
.buttongray { background: #8d8d8d; }
.buttonorange { background: #e03d07; }
.popupmessagecontainer {width: 100%; top: 40%; left:0; position:fixed; text-align: center; -webkit-animation: cssAnimation 4s forwards; animation: cssAnimation 4s forwards; }
.popupmessage { border-radius:10px; width: auto; max-width:60%; color: white; display: inline-block; padding: 20px;}
.popupbox { border-radius: 10px; width: auto; position: relative; margin:0 auto; padding: 30px; text-align: center; }
@keyframes cssAnimation {
    0% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; visibility: hidden }
}

@-webkit-keyframes cssAnimation {
    0% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; visibility: hidden }
}