/* Put any application/deployment specific over rides in here   */
/* You should store each custom file as custom-appname.css and  */
/* then copy that one to custom.css once deployed and also put  */
/* the application name in the comment below                    */

/* If you know the class name you wish to alter, then simply */
/* include it below and override any style you want. You do  */
/* NOT have to include all the styles, just new ones or ones */
/* you need to change */

/* Custom Fusion CSS For The Application: SMART */
/* "Smart Standard" amendments are at the end   */

.MainBox { border: 5px solid black; }
.BannerBox   { width: 1200px; height: 60px; }
.TopMenuBox  { width: 1020px; }
.MainMenuBox { width: 215px; }
.MainMenuBox a { width: 200px; }
.FusionLabelHilite { color: red; background: transparent; }
.FusionLabelOutput { color: black; background-color: #E9E89A; padding: 2px; }



/* All the classes and over-rides that SMART Uses */
/* All the classes and over-rides that SMART Uses */
/* All the classes and over-rides that SMART Uses */

/* Tab Dialogs */

.tabHeader {
 FLOAT: left; 
 DISPLAY: inline;
 FONT: bold 10px verdana;
 WIDTH: 100%;
 PADDING: 0;
 MARGIN: 0;
}


.ULtabHeader {
   margin-top: 0px;
   padding-left: 0px;
   list-style-type: none;
}

.tabHeader LI.tab-active {
 FLOAT:left;
 background: #000;
 color: #fff;
 border: 1px solid #silver;
 CURSOR: pointer;
}

.tabHeader LI.tab-active a {
 color: white;
 FLOAT:left;
 PADDING-BOTTOM:5px;
}


.tabHeader LI a {
 color: black;
 FLOAT:left;
 PADDING:5px 10px 4px;
}

.tabHeader LI.tab-disabled {
 FLOAT:left;
 CURSOR: hand;
 background: #E9E89A;
 color: #ddd;
 border: 1px solid silver;
}

.tab-disabled a:hover {
 BACKGROUND-COLOR: #F2F1A3;
}

.tabHeader LI.tab-warning-disabled {
 FLOAT:left;
 CURSOR: hand;
 background: red;
 color: #ddd;
 border: 1px solid silver;
}

.tab-warning-disabled a:hover {
 BACKGROUND-COLOR: #FF7373;
}

.SMARTSUBTITLE {
 FONT-SIZE: 12px;
 FONT-weight: bold;
 FONT-style: italic;
 COLOR: black;
 Vertical-Align:center;
}

.SMARTDASHBOARDTITLEBLACK {
 FONT-SIZE: 11px;
 FONT-weight: bold;
 COLOR: #585858;
 Vertical-Align:center;
}

.SMARTDASHBOARDTITLE {
 FONT-SIZE: 12px;
 FONT-weight: bold;
 FONT-style: italic;
 COLOR: white;
 Vertical-Align:center;
}

.SMARTWIDGET {
 padding: 5px;
}

.SMARTNOTE {
 FONT-SIZE: 11px;
 FONT-style: italic;
 COLOR: black;
 Vertical-Align:center;
}

.SMARTTITLE {
 FONT-SIZE: 14px;
 FONT-weight: bold;
 FONT-style: italic;
 COLOR: "black";
 Vertical-Align:center;
}

.SMARTBANNER {
 FONT-SIZE: 20px;
/* FONT-weight: bold; */
 COLOR: "black";
 Vertical-Align:center;
 white-space: nowrap;
 background-color: #E9E89A;
/* background-color: #FBFBEE; */
 border: 1px solid black;
 padding: 2px;
/* padding-top: 6px; */
 height: 30px;
 text-align: center; 
}

.SMARTGRAPH {
 background-color: #FBFBEE;
 border: 1px solid black;
}


/* Start of paging */

.SMARTPAGING {
}

.SMARTPAGING table {
 font: normal normal normal 11px/normal verdana;
 text-align: center;
}

.SMARTPAGING a {
}

.SMARTPAGING td {
 cursor:default;
 border:1px solid #FBFBEE;
}

.SMARTPAGING td.Over {
 cursor:pointer;
 border:1px solid silver;
 background-color:#DDD;
}

.SMARTPAGING span {
 background-repeat: no-repeat;
 background-size: 18px;
 display:block;
 height:22px;
 width:22px;
}

.SMARTPAGING span.First {
 background-image:url('../../images/toolbar/nav_first.png');
}

.SMARTPAGING span.Prev {
 background-image:url('../../images/toolbar/nav_prev.png');
}

.SMARTPAGING span.Next {
 background-image:url('../../images/toolbar/nav_next.png');
}

.SMARTPAGING span.Last {
 background-image:url('../../images/toolbar/nav_last.png');
}

.SMARTPAGING span.Go {
 padding-top: 2px;
 width:16px;
 text-decoration: underline;
}

.SMARTPAGING span.Go100 {
 font: normal normal bold 8px/normal verdana;
 padding-top: 2px;
 width:16px;
 text-decoration: underline;
}

.SMARTPAGING span.Go1000 {
 font: normal normal bold 8px/normal verdana;
 padding-top: 2px;
 width:26px;
 text-decoration: underline;
}

.SMARTPAGING span.GoCurrent {
 font: normal normal bold 16px/normal verdana;
 width:30px;
 border: 1px solid black;
}

.SMARTPAGING span.GoCurrent100 {
 font: normal normal bold 12px/normal verdana;
 padding-top: 1px;
 width:30px;
 border: 1px solid black;
}

.SMARTPAGING span.GoCurrent1000 {
 font: normal normal bold 8px/normal verdana;
 padding-top: 2px;
 width:30px;
 border: 1px solid black;
}

/* End of paging */

.SMARTTABVR {
 FLOAT: left; 
 DISPLAY: inline;
 FONT: bold 10px verdana;
 WIDTH: 100%;
 PADDING: 0;
 MARGIN: 0;
 /* for firefox, safari, chrome, etc. */
 -webkit-transform: rotate(90deg);
 -webkit-transform-origin-x: 0%;
 -webkit-transform-origin-y: 100%;
 -moz-transform: rotate(90deg);
 /* for ie */
 *filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
 _filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
 -ms-transform: rotate(90deg);
 -ms-transform-origin-x: 0%;
 -ms-transform-origin-y: 100%;
 overflow-x:hidden;
}

.SMARTTABVL {
 FLOAT: left; 
 DISPLAY: inline;
 FONT: bold 10px verdana;
 WIDTH: 100%;
 PADDING: 0;
 MARGIN: 0;
 /* for firefox, safari, chrome, etc. */
 -webkit-transform: rotate(-90deg);
 -webkit-transform-origin-x: 0%;
 -webkit-transform-origin-y: 0%;
 MARGIN-TOP: 100%;
 -moz-transform: rotate(-90deg);
 /* for ie */
 *filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
 _filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
 -ms-transform: rotate(-90deg);
 -ms-transform-origin-x: 0%;
 -ms-transform-origin-y: 0%;
}

.SMARTLARGETEXT {
 font-size: 14px;
}

.ToolbarImage {
 cursor:pointer;
 border:1px solid transparent;
 background-color:transparent;
 font-size:12px;
 text-align:center;
}

.ToolbarImageOver {
 cursor:pointer;
 border:1px solid silver;
 background-color:#DDD;
 font-size:20px;
 text-align:center;
}

/* Used within X.SVG.BUTTON */
.ToolbarImageOverSVG {
 cursor:pointer;
 border:1px solid silver;
 background-color:#DDD;
 text-align:center;
}

.FusionLabelOutput {
 color: black;
 background-color: #FBFBEE;
 FONT-SIZE: 16px;
 FONT-WEIGHT: bold;
 Vertical-Align:center;
}

.FusionLabelHeader {
 FONT-SIZE: 13PX;
 FONT-WEIGHT: BOLD;
 Vertical-Align: top;
}

.FusionRepBody {
 background-color: #FBFBEE;
 border: 1px solid black;
}

.FusionBox {
 background-color: #FBFBEE;
 border: 1px solid black;
}

.TranslationImage {
 cursor:pointer;
 border:1px solid #5F635E;
 background-color:transparent;
 font-size:12px;
 text-align:center;
}

.TranslationImageOver {
 cursor:pointer;
 border:1px solid silver;
 background-color:#DDD;
 font-size:20px;
 text-align:center;
}

/* Start of accordion */

.ui-accordion .ui-accordion-content
{ 
   padding: 0.2em 1em; 
}

.ui-helper-reset 
{ 
 /*  padding: 0.4em;  */
   padding: 0;
}

.ui-multiselect {
   background: white;
   border: 1px solid #AAA;
   font: 11px verdana;
   color: black;
   padding: 0px;
   padding-left: 5px;
   padding-top: 2px;
}

.ui-widget-header {
   background: #DDDB39;
}

.ui-corner-all {
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
}

/* STANDARD SMART */

body
{
   background-color: white;
   margin: 0px;
   overflow-y: auto;
   overflow-x: hidden;
}

h1
{
   font-size: 22px;
}

#main
{
   height: 100%;
   position: absolute;
   left: 0px;
   top: 0px;
}


.MenuPageInfo
{
   font-size: 10pt;
}

.MenuPageName
{
   font-size: 10pt;
}

.MenuPageDesc
{
   font-size: 10pt;
}

.MainBox
{
   width:100%; 
   border: none; 
   background: white;
}

.BannerBox
{
   width: 1020px;
   height: 53px;
   margin: 0 auto;
}

.TopMenuBox
{
   width:100%;
}

.TopMenu
{
   padding-left: 0px;
   width: 100%;
   min-width: 800px;
   height: 30px;
   font-size: 9pt;
   padding-top: 6px;
}



.MainMenuBox
{
   float: right; 
   width: 0px;
}

.MainMenu
{
   background-color: black; 
   margin-top: 10px; 
   padding-bottom: 20px;
}

.MainFormBox
{
   border: none; 
   float: left;
   width: 800px;
   height: 550px;
   padding: 0px;
   min-height: 550px;
   background: white;
}

.MainForm
{
   height: 550px;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
}

.loginForm
{   
   text-align: center; 
   width: 1020px; 
   background-image: url('../../images/smart/login_splash.jpg');
   height: 510px;
   margin-left: auto;
   margin-right: auto;
   border: 1px solid silver;
   margin-top: 15px;
   padding-top: 20px;
}

.loginTable
{
   background: white;
   opacity: 0.8;
   margin-top: 50px;
   margin-left: auto;
   margin-right: auto;
}

.loginTable button
{
   width: 130px;
}

.BannerLeft
{
   padding-left: 5px;
}

.BannerRight
{
   padding: 0px;
   padding-right: 5px;
}

.BannerCenter
{
   display: none;
}

.LoginTable
{
   margin: auto;
}

      .IconPage
      {
         width: 100%;  
      }
      
      .IconMenuPageTop
      {
         padding: 5px 20px;
         height: 180px;
         width: 780px;
         overflow: hidden;
         display: none;
      }
      
      .IconMenuPageTop p
      {
         font-size: 14px;
      }

      .IconPageBox
      {
         margin: 0; 
         padding-top: 10px;
         width: 250px; 
         height: 175px; 
         border: none; 
         float:left;
         font-size: 12px;
         overflow: hidden;
         xxborder: 1px solid white;
         xxbackground: white;
      }
      
      .IconPageBox:hover
      {
         xxborder: 1px solid silver;
         background: #eee;
         opacity: 0.8;
      }
      
      .IconPageTop
      {
         width:100%;
         height:170px;
         cursor: pointer;
      }
      
      .IconPageFooter
      {
         width: 100%;
         height: 30px;
         padding: 7px;
         cursor: pointer;
         text-align: center;
         color: gold;
      }
      
      .IconPageImage
      {
      }

      .IconPage a
      {
         text-decoration: none;
      }

         .IconPage a:hover
         {
            text-decoration: none;
         }

      .IconPageName
      {
         padding: 10px;
         padding-bottom: 0px;
         text-transform: uppercase;
         font-weight: bold;
         font-size: 12px;
         text-align: center;
      }

      .IconPageDesc
      {
         padding: 10px;
         text-align: center;
         height: 65px;
      }

.FooterBox
{
   background: black;
}

#Footer
{
   position: fixed;
   top: -40px;
   left: 0px;
}

.infoBarLeft
{
   float: left;
   width: 33.33%;
   color: white;
   text-align: left;
   padding: 5px;
}

.infoBarCenter
{
   text-align: center;
   color: white;
   float: left;
   width: 33.33%;
   padding: 5px;
}

.infoBarRight
{
   color: white;
   float: right;
   text-align: right;
   width: 33.33%;
   padding: 5px;
   padding-top: 0px;
}

.logo
{
   height: 52px;
}

.TopMenuCell
{
   background-color: black;
   text-align: center;
}

.TopMenuBox
{   
   margin: auto;
   background-color: #dddb39;
   border: none;
}



.TopMenu a
{
   border: none;
   margin-left: 10px;
   margin-right: 10px;
   margin-top: -6px;
}

#main
{
   width: 100%;
   position: static;
   margin: 0 auto;
}

.infoBar
{
   width: 1020px;
   margin: 0 auto;
}

.smartSearchLogo
{
   width: 22px; 
   height: 22px;
   cursor: pointer;
   vertical-align: bottom;
}

.smartSearchInput
{
   margin-top: 5px;
   width: 200px;
   background: #222;
   color: white;
   border: 1px solid #555;
}

.sideMenuItem, .SideMenuItem
{
   display: inline-block;
   width: 150px;
   color: black;
   line-height: 2;
   text-decoration: none;
   padding-left: 12px;
   /*    padding-left: 20px;
   background: white url(../../images/menubullet_black.jpg) no-repeat 0px 0px;
   background-position: 6px 10px; */
   border-bottom: 1px dotted silver;
   font-size: 14px;
}

   .sideMenuItem:hover, .SideMenuItem:hover 
   {
      display: inline-block;
      cursor: pointer;
      color: #bdbb19;      
      /* background: white url(../../images/menubullet_dark.jpg) no-repeat 0px 0px;
      background-position: 6px 10px; */
   }

.MainMenuBox a 
{
   width: 90%;
}

.TopMenuBlank 
{
   border: none;
}

.BannerBox
{
position:absolute; top: 0px; padding-top: 3px; background: black; width: 100%;
}

#infoBar
{
    height: 30px; position:absolute; top: 53px; background: black; width: 100%;
}

#TopMenuCell
{
    background: #dddb39; position:absolute; top: 83px; width: 100%;
}

/* jquery ui css adjustment for IE - accordion */

.ui-accordion .ui-accordion-header .ui-accordion-header-icon
{
   float: left;
   margin-top: 0px;
   position: static;
   top: 0px;
}

.ui-accordion .ui-accordion-header
{
   position: static;
}

/* Widget styling */

.widgetHeader, .WidgetHeader, .WIDGETHEADER, .Widgetheader {
 FONT-SIZE: 12px;
 FONT-weight: bold;
 COLOR: black;
 Vertical-Align:center;
 padding:2px;
}

.widgetInfo, .WidgetInfo, .WIDGETINFO, .Widgetinfo {
font: 60px Verdana;
text-decoration:none;
color:#000000;
border:none;
background:transparent;
}

.widgetSuccess, .WidgetSuccess, .WIDGETSUCCESS, .Widgetsuccess {
font: 60px Verdana;
text-decoration:none;
color:#8BBA00;
border:none;
background:transparent;
}

.widgetWarning, .WidgetWarning, .WIDGETWARNING, .Widgetwarning {
font: 60px Verdana;
text-decoration:none;
color:#F68D0F;
border:none;
background:transparent;
}

.widgetError, .WidgetError, .WIDGETERROR, .Widgeterror {
font: 60px Verdana;
text-decoration:none;
color:#FF0000;
border:none;
background:transparent;
}

.widgetButton, .WidgetButton, .WIDGETBUTTON, .Widgetbutton {
font:inherit;
text-decoration:inherit;
color:inherit;
border:inherit;
background-color:transparent;
cursor:pointer;
height:100%;
width:100%;
}

.TopMenuDropDownContainer {
    font-size: 9pt;
}
/* End of widget styling */

.ui-tooltip2 {
	-webkit-box-shadow: 0 0 5px #aaa;
	background: white !important;
	border-radius: 0.3em;
	box-shadow: 0 0 5px #aaa;
	max-width: 300px;
	padding: 8px;
	position: absolute;
	z-index: 1000;
}