body {
    background-color: #DDDDFF;
    margin: 0px;
    font-Family: Calibri, Verdana, Arial, sans-serif;
    font-size: 11pt;
    letter-spacing: .01em;
    word-spacing: .05em;
    line-height: 1.3;
    text-decoration: none;
}

#HeaderRow {
    background-color: #AAAAAA;
    padding: 1px;
}

#loadingDiv {
    position: fixed;
    top: 0px;
    left: 0px;
    opacity: .35;
    z-index: 1000;
    /*color: #FFFFFF;
    font-weight: 900;*/
}
#loadingDivSpinner {
    z-index: 999999999;
    /*border: 6px solid #ffffff;*/
    /*border-radius: 50%;*/
    /*border-top: 6px solid #0084a9;*/
    width: 256px;
    height: 256px;
    -webkit-animation: scale 2s linear infinite; /* Safari */
    animation: scale 2s linear infinite;
    text-align: center;
    position: fixed;
    top: 75px;
    left: 65px;
    background-image: url('../images/DSI_SWX_Logo.ico');
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes scale {
    0% {
        transform: scale(.25);
    }

    50% {
        transform: scale(.5);
    }

    100% {
        transform: scale(.25);
    }
}

@keyframes scale {
    0% {
        transform: scale(.25);
    }

    50% {
        transform: scale(.5);
    }

    100% {
        transform: scale(.25);
    }
}



#loadingDivTiny 
{
    position: fixed;
    top: 0px;
    left: 0px;
    /*width: 27px;
    height: 39px;*/
}

#SidebarColumn {
    background-color: #DDDDDD;
    border-right: solid 1px #808080;
    width: 200px;
    height: 400px;
    padding: 7px;
    vertical-align: top;
    text-align: left;
    float: left;
    margin-right: 7px;
}

#BodyColumn {
    background-color: #FFFFFF;
    height: 100%;
    padding: 7px;
    vertical-align: top;
    text-align: left;
}

#FooterRow {
    background-color: #AAAAAA;
    clear: both;
}

.BodyText { 
		color: #000000;
		font-Family: Calibri, Verdana, Arial, sans-serif;
		font-size: 10pt;
		letter-spacing: .01em;
		word-spacing: .05em;
		line-height: 1.3;
		text-decoration: none;
}

.HeaderText { 
		color: #808080;
		font-size: 14pt;
		font-weight: 900;
}

.InactiveBodyText { 
		color: #000000;
		font-Family: Calibri, Verdana, Arial, sans-serif;
		font-size: 9pt;
}

.SmallBodyText { 
		color: #000000;
		font-Family: Calibri, Verdana, Arial, sans-serif;
		font-size: 8pt;
		letter-spacing: .01em;
		word-spacing: .05em;
		line-height: 1.3;
		text-decoration: none;
}
.MenuText { 
		
		font-Family: Calibri, Verdana, Arial, sans-serif;
		font-size: 10pt;
		letter-spacing: 0em;
		word-spacing: 0em;
		font-weight: 900;
}
.MenuTextClicked { 
		
		font-Family: Calibri, Verdana, Arial, sans-serif;
		font-size: 10pt;
		letter-spacing: 0em;
		word-spacing: 0em;
		font-weight: 900;
}

.ErrorPopUp { 
		color: #FF0000;
		font-Family: Calibri, Verdana, Arial, sans-serif;
		font-size: 10pt;
		letter-spacing: .01em;
		word-spacing: .05em;
		text-decoration: none;
		font-weight: bold;
}

.fieldButton {
                -moz-box-shadow:inset 0px 11px 4px -2px #336f9e;
                -webkit-box-shadow:inset 0px 11px 4px -2px #336f9e;
                box-shadow:inset 0px 11px 4px -2px #336f9e;
                background-color:#5190c2;
                text-indent:1px;
                border:1px solid #312b28;
                display:inline-block;
                color:#ffffff;
                font-family:Arial;
                font-size:16px;
                font-weight:bold;
                font-style:normal;
                height:18px;
                line-height:18px;
                width:24px;
                text-decoration:none;
                text-align:center;
}

.fieldButton:hover {
                -moz-box-shadow:inset 0px 11px 4px -2px #ce9663;
                -webkit-box-shadow:inset 0px 11px 4px -2px #ce9663;
                box-shadow:inset 0px 11px 4px -2px #ce9663;
                background-color:#935420;
}

.fieldButton:active {
                position:relative;
                top:1px;
}

.transactionFormCell {
    padding: 4px;
}

.FocusedSWXControl
{  
}

.NonFocusedSWXControl
{
    color: #000000;    
}

.OrangeBar {
    background-color: #f37424;
    width: 100%;
    height: 21px;
    padding: 0px;
}

.WhiteBar {
    background-color: #FFFFFF;
    width: 100%;
    height: 65px;
    padding: 0px;
}

.LoginBody {
    background-color: #FFFFFF;
	background-image: url('/images/Background-Login.jpg');
	background-repeat: no-repeat;
	color: #000000
}

.LoginFormDiv {
    width: 350px;
    padding-right:10px;
    text-align: right;

}

.LoginFormTable {
    float: right;
    width: 150px;
}

.LoginDetailsDiv {
    position: absolute;
    top: 460px;
    left: 10px;
    font-size: 11px; 
    color: #646464;
    width: 390px;
}

.LoginErrorDiv
{
    padding-top: 10px;
    color: #e3001a;
    text-align: left;
}

.MenuBody {
    background-color: #dadcde;
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: #474747
}

.MenuBodyOverlay  {
    position: fixed;
    top: 0px;
    left: 0px;
	background-image: url('../../images/Watermark-Menu.png');    
	width: 393px;
	height: 469px;
	z-index: -1;
}

.MenuItemsDiv {
    position: absolute;
    top: 86px;
    left: 0px;
    z-index: 1;
    width: 100%;
}

.MenuRow 
{
    clear: left;
    color: #474747;
    font-weight: 900;
    height: 46px;
}

.MenuRowSelected
{
    clear: left;
    color: #FFFFFF;
    font-weight: 900; 
    background-color: #0084a9;
    cursor: pointer;
    height: 46px;
}

.MenuIcon 
{
    margin: 5px;
    vertical-align: middle;
}

.MenuText
{
    font-size: 20px;
}

.MenuTextClicked
{
    font-size: 20px;   
}

.MenuTextDisabled
{
    font-size:20px;   
}
.NavigationBar 
{
	background-color: #f37424;
    height: 39px;
    width:100%;
    color: #FFFFFF;
    font-weight: 900;
    font-size: 15px;
    border-bottom: none;  
    position:fixed;
    top:0px;
    left:0px;
    
}

.NavigationBarSpacer
{
    height: 39px;
    
}

.NavigationButton {
	background-color: #0084a9;
    height: 39px;
    display: table-cell;
    width: 112px;
    text-align: center;
    vertical-align: middle;
    border-right: solid 1px #FFFFFF;    
}

.NavigationButtonEmpty {
	background-color: #0084a9;
    height: 39px;
    display: table-cell;
    width: 112px;
    text-align: center;
    vertical-align: middle;
    border-right: solid 1px #FFFFFF;    
}


.NavigationButton:hover {
	background-color: #00addd;     
	cursor: pointer;
}

.NavigationLeftButton {

}

.NavigationRightButton {

}

.PopUpMenu {
    position: relative;
    left: 100px;
    
    width:175px;
    background-color: #FFFFFF;
    border: solid 2px #808080;
    padding: 10px;
    color: #000000;
}

.Hidden {
    display: none;
}

.PopUpMenuTable {
    width: 100%;
    padding: 0;
    margin: none;
    border: none;
}

.PopUpMenuItem {
    width: 100%;
}

.PopUpMenuItemSelected {
    width: 100%;
}

.PopUpMenuItemSelected{
     background-color: #BBBBBB;
     
}


.PopUpMenuItemCell{
    padding: 12px; 
    white-space: nowrap;
}

.PopUpMenuItemCell:hover
{
    cursor: pointer;
    white-space:nowrap;
}

.CommandLabel:hover
{
    
}

.NavigationBarLogo {
	background-image: url('/images/Logo-ScanWorkX-SmallTrans.png'); 
    height: 39px;
    width: 150px;
    float: right;
    display: inline;    
}

.UpArrowButton {      
    border: none;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
}

.DownArrowButton {      
    border: none;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    padding-left: 5px;
}

.UpArrowText {
   
}

.UpArrowButton:hover 
{
    cursor:pointer;
}

.StatusBar 
{
    width:99%;
    height: 16px;
    text-align:left;
}

.StatusBarFixed 
{
    bottom: 0%;
    position: fixed;
    width:99%;
    height: 22px;
    text-align:left;
    padding-left: 10px;
    background-color: rgba(218,220,222,1) /*#DDDDFF*/;
}

.StatusText 
{
    font-size: 15px;
    font-weight: 900;
}



.MessageDiv {
    background-color: #FFFFFF;
    position: fixed;
    top: 75px;
    left: 10%;
    width: 80%;
    border: solid 2px #808080;
    text-align: center;
    
}

.MessageDivHeader {
    padding: 5px;
    color: #000000;
    font-weight: 900;
    text-align: left;
    background-color: #AAAAAA;
    border-bottom: solid 2px #808080;
}

.MessageBox {
    width: 99%;
    height: 200px;    
    border: none;
    

}

.AlertBoxTable {
    width :100%;
    padding: 5px;
    margin: 0px;
}

.AlertBoxHeaderRow {
    background-color: #808080;
    color: #FFFFFF;
    font-weight: 900;
    text-align: left;
}

.AlertBoxTitle
{
}

.AlertBoxMessageSpan
{
    white-space:pre-wrap;
}

.AlertBoxBodyCell
{
    color: #000000;
    word-wrap: break-word;
}

.AlertBoxBodyRow
{
    text-align: left; 
}

.AlertBoxButtonRow
{
    text-align: center;
}

.cameraPanel-pad {
    padding-top:30px;
}

.MainWindow {
    overflow: auto;
    width: 90%;
    padding: 10px;
}

.LovWindow {
    width: 100%;
}

.LovTitle{
    font-weight: 900;
}

.ParameterTitle
{
    font-weight: 900;   
}

.LovTable {
    width: 97%;    
}

.LovItem 
{
    border: solid 1px #EEEEEE;
    width: 100%;
    height: 100%;
    padding: 4px;
    
}
.LovItemSelected{
    border: solid 1px #BBBBBB;
    width: 100%;
    height: 100%;
    cursor : pointer;
    padding: 4px;
    /*background-color: #BBBBBB;*/
}

.LovItemHeader {
}

.LovItemDetails {
    /*font-size: 9pt;*/
    /*color: #808080;*/
}

.ShowHideLabel
{
    font-size: 10pt;
    color: #000000;   
}

.PictureWindow {
    width:90%
}

input, textarea, select { 
		word-spacing: .05em;
		line-height: 1.3;
        padding: 6px;
		}

input[type=text],
input[type=password],
input[type=number],
input[type=tel],
textarea,
select
{
	    border: solid 1px #BEBEBE;
		word-spacing: .05em;
		line-height: 1.3;
}

input:focus
{
    border: solid 1px #800000;
    background-color: #f3f2c5;
}

input:disabled 
{
    color: #000000;   
}

.UppercaseBox
{
    border: solid 1px #BEBEBE;
    word-spacing: .05em;
	line-height: 1.3;
    text-transform: uppercase;        
}

.AlertBoxButton {
    display: inline-block;
    background-color: #E0E0E0;
    border-width: 1px;
    border-style: Solid;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: pointer;
}


.SmallLinkButton {
    font-size: 8pt;
    display: inline-block;
    color: #FFFFFF;
    background-color: #1a263f;
    border-width: 2px;
    border-color: #bbc2d2;
    border-style: Solid;
    padding: 2px;
}


a:link {
		text-decoration: none;
		color: #3B3B33;
		
		}
a:visited {
		text-decoration: none;
		color: #3B3B33;
		}
a:hover {
		text-decoration: underline;
		color: #3B3B33;
		cursor: pointer;
		}

a.MenuText {
    color: #FFFFFF;
}

a.MenuTextClicked
{
    color:#FFFFFF;
}

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

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