/* Easy does it */

html, body  {height: 577px !important; 
min-height: 100%!important; margin: 0;background:#ffffff;
}
#aspnetForm  {height: 100%!important; min-height: 100%!important; margin: 0;background:#ffffff;}
#wrapperArea {      min-height: 100%;
                                                     
                    margin: 0 auto -40px;}
#headerArea {background-color:#495A62;min-width:100%;height:40px;float:left;color:white;}
#separatorArea, #footerArea {height:40px;}
#contentArea {margin:0 auto;padding:35px; background: #ffffff;}
#footerArea {
    background: #495A62;
    min-width: 100%;
    float: left;
    color: #ffffff;
    text-align: center;
}
#centreThis {position: fixed; top: 50%;left: 50%;padding: 10px;background-color: #FFFFFF;transform: translate(-50%, -50%);}
#TopPanel_EB {background: #ffffff;}
.dxm-main.dxm-horizontal {margin-top:5px!important;}
.dxmLite.dxm-ltr {z-index:1; position:relative;}
.dxm-main.dxm-vertical.main-menu {z-index: 2;}
.dxpnlControl.topPanel.dxpnl-expanded.expandedPanel {z-index:3; position: relative;}
.dxpnl-bar-tmpl.dxpnl-np {display: none!important;}
.dxpnl-bar.dxpnlControl.topPanel {background-color: #ffffff;}
#main {height:inherit}
.wrapperleftcenterright {right: 0; text-align: center;}
.wrapperleftcenterright .leftcolumn, .wrapperleftcenterright .centercolumn, .wrapperleftcenterright .rightcolumn { display: inline-block; }
.wrapperleftcenterright .leftcolumn { float: left; border: 1px solid red;}
.wrapperleftcenterright .centercolumn { margin: 0 auto; border: 1px solid blue; text-align: left;}
.wrapperleftcenterright .rightcolumn { float: right; border: 1px solid green;}
.wrapperleftcenterright .clear { clear: both; }
#gridContainer {float:left; width:100%; margin-bottom: 13px;}
#gridContainer1 {float:left; width:100%; margin-bottom: 13px;}
#gridContainer2 {float:left; width:100%; margin-bottom: 13px;}
#gridContainerSummaryReport  {float:left; width:100%; margin-bottom: 13px;}

.dxgvFooter td.dxgv {
    padding: 5px 6px 6px;
    border-bottom: 1px Solid #BCBCBC;
    border-right-width: 0;
    text-align: right;
    padding: 3px 6px 4px !important;
    text-align: right !important;
}




.dxbButtonSys.dxbTSys {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-table;
    border-spacing: 0;
    border-collapse: separate;
    border-radius: 25px;
}



.dxeMemoEditAreaSys, input[type="text"].dxeEditAreaSys, input[type="password"].dxeEditAreaSys {
    display: block;  
    box-shadow: none;
    transition: none;
    border-radius: 0px;
    font: 1em verdana, arial, sans-serif;
    color: black;
}



.dxgvControl, .dxgvDisabled {
    /*border: 1px Solid #9F9F9F;*/
    border: none;
    font: 12px Tahoma, Geneva, sans-serif;
    /*background-color: #F2F2F2;*/
    background-color: white!important;
    color: Black;
    cursor: default;
}

.dxgvControl .dxpLite, .dxgvDisabled .dxpLite {padding-top: 4px; display: inline-flex!important;}

.dxp-pageSizeItem label {
    padding-left: 30px;
    font: inherit;
    line-height: normal;
    display: inline;
    margin-bottom: 0px;
}

.dxgvEditFormDisplayRow td.dxgv, .dxgvDetailCell td.dxgv, .dxgvDataRow td.dxgv, .dxgvDetailRow.dxgvADR td.dxgvAIC {
    overflow: hidden;
    border-bottom: 1px Solid #CFCFCF;
    border-right: 1px Solid #CFCFCF;
    border-left: 1px Solid #CFCFCF!important;
    border-top-width: 0;
    border-left-width: 0;
    padding: 3px 6px 4px;
}

.dxgvTable .dxgvHEC {
    background-color: White;
    border-width: 0;
    overflow: hidden;
    visibility:hidden!important;
    
}


.dxgvGroupPanel {
    white-space: nowrap;
    background-color: white;
    color: #8D8D8D;
    border-bottom: 0px!important;
    padding: 7px 4px 8px 6px;
    text-align: center;
    vertical-align: middle;
}


.dxmLite.dxm-ltr {
    z-index: 0;
    position: static!important;
	background-color: #495A62!important;
}








#center-vertically-and-horizontally {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    background: #fff;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}



/* Easy does it */



html {
    margin: 0px;
	padding: 0px;
    background: #495A62;
}

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(../images/img05.jpg) repeat-x;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #666666;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	color:#000033;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 18px;
}

h3 {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
}

p, blockquote, ul, ol {
	line-height: 18px;
	text-align: justify;
}

blockquote {
	padding-left: 20px;
	background: url(../images/img05.gif) repeat-y;
}

a {
	color: #F49500;
}

a:hover {
	text-decoration: none;
}

.dxeErrorCell, .dxeErrorCell td
{
    display: none;
}

.error 
{
	border: 2px solid red;
	background-color: #333333;
	padding: 1em;
	font-weight: bold;
	text-align: center;
	color: Red;
}

.advert 
{
	font-style:italic;
	color: Red;
}

.response 
{
	border: 2px solid #666666;
	background-color: #333333;
	padding: 1em;
	font-weight: bold;
	text-align: center;
	color: White;
}

.to_upper
{
    text-transform: uppercase;   
}

.to_upper input
{
    text-transform: uppercase;   
}

.highlight
{
  font-weight: bold;
}
/* Header */

#header {
	width: 960px;
	/*height: 180px; 20170915 */
	margin: 0 auto;
	/*background: url(../images/stratum_top.jpg) no-repeat; 20170915 */ 
}

#header h1, #header h2 {
	font-weight: normal;
	color: #FFFFFF;
}

#header h1 {
	float: left;
	padding: 100px 0 0 20px;
	font-size: 35px;
	font-weight:bold;
    display: none; /* 20170915 */
}

#header h2 {
	float: right;
	padding: 110px 20px 0 0;
	font-size: 22px;
	font-style:italic;
	text-align: right;
    display: none; /* 20170915 */
}

#headermobile {
    display: none;
}

#headernotmobile {
    display: block;
}

/* Menu */

#menu {
    z-index: 3;
    /* width: 960px; 20170915 */
    height: 35px;
	margin: 0 auto;
}
#account-menu {
    height: 35px;
}

.item > .dxm-popOut {
   display: none !important; /* this will hide devxpress 15 menu dopdown arrow */
}

.item  {
   width: auto !important; /* this will overcome devxpress menu item width 100% */
   padding-left: 10px !important;
   padding-right: 10px !important;
   margin-left: 2px !important;
   margin-right: 2px !important;
}

/*span.dx-vat {
   /* display:table !important; */
   /* margin:0 auto !important; */ 
/*   line-height: 100% !important; */
/*   padding: 2px 0 !important; */
/*   text-decoration: inherit !important; /* this will centre devxpress 15 menu headings */
/*}*/

#menumobile {
    display: none;
}

#menu {
    display: block;
    padding-left: 5px;
}

#account-menu {
    display: block;
    float: right !important;
}



#content {
	/* width: 920px;  20170915 */ 
	margin: 0 auto 0px auto;
	padding: 20px;
	padding-top: 5px;
	background: #FFFFFF; /* url(../images/center.jpg) repeat-y center; change the picture*/
}


/* Input and text area*/

input,
textarea 
{   
  overflow: hidden;
  resize: none;
  padding: 1px 3px;
  margin: 3px 0;
  font: 1em verdana, arial, sans-serif;
  color: black;
  /*background-color:#CCCCCC;*/
  border: 1px solid #999;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus {
  color: #000000;
  /*background-color: #CCCCCC;*/
  /*border: 1px solid #333;*/
  overflow: hidden;
  resize: none;
}

.button {
  text-transform:uppercase;
  font-size:xx-small;
  font-weight:bold;
  width: auto;
  cursor: pointer;
  background-color: #CCCCCC;
    height: 20px;
	border-radius: 25px;
}


.button:active {
  text-transform:uppercase;
  font-size:xx-small;
  font-weight:bold;
  width: initial;
  cursor: pointer;
  background-color: #CCCCCC;
    height: 20px;
	border-radius: 25px;     
}

.button:focus {
  text-transform:uppercase;
  font-size:xx-small;
  font-weight:bold;
  width: initial;
  cursor: pointer;
  background-color: #CCCCCC;
    height: 20px;
	border-radius: 25px;
}


/*.button:focus { outline-style: none; }*/

/* The login button styles stem from reflecting the normal Devexpress button impression */
.buttonLogin {
    padding: 4px 9px 11px 9px !important;
    color: #000000;
    font: 12px Tahoma, Geneva, sans-serif;
    border: 1px solid #7F7F7F !important;
    background: #E0DFDF url(/DXR.axd?r=1_50-z0Lgf) repeat-x top;
    

    font-weight: bold;
    width: auto;
    cursor: pointer;
    background-color: #CCCCCC;   
    border-radius: 25px;
	
    text-transform: uppercase;
    font-size: xx-small;

    box-sizing: border-box;
    display: inline-table;
    border-spacing: 0;
    border-collapse: separate;
    height: 21px;
}


.buttonLogin:focus { outline-style: none; }

.buttonLogin:hover { 
    background: #F2F2F2 url(/DXR.axd?r=1_51-z0Lgf) repeat-x top;  
    border: 1px solid #606060;
}

.radiobutton {
  border: 0px;
  background-color: White;
}

.MultiLine
{
    overflow: auto;
}


/* Posts */

#posts {
	float: left;
	width: 480px;
}

/* Links  */
.links{
	/*padding-left: 10px; 20170915 */
	text-decoration: none;
	font-weight:bold;
	color: #000000;
    text-align: left;
}

.links a {
	padding-left: 10px;
	background: url(../images/img08BlackAndWhite.gif) no-repeat left center;
	text-decoration: none;
	font-weight:normal;
	color: #000000;
}

/* Footer */

#footer {
	height: 32px;
	width: auto;
	background: #495A62;
    margin-top:8px;
}

#footer p {
	text-align: center;
	color:#FFFFFF;
}

/* Fonts */

.alert_sml {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #FF0000;
}

.alert_sml_lower 
{
    text-transform: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FF0000;
}

.alert_nrl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #FF0000;
    text-align: left;
}


.alert_nrl_popup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #FF0000;
}



.text_sml {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight:normal;
	color: #000000;
}

.text_sml_tbl{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight:normal;
	color: #000000;
}

.text_sml_tbl:hover {
	background:#495A62;
	color:#FFFFFF;
}



.text_nrl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000000;
}

.text_sml_bld {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
}

.text_nrl_bld {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
    text-align: left;
}

.title_nrl_bld {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-align: left;
}

/* Loader Message */

#prepage {
    z-index: 5;
 	width: 200px;
 	height: 100px;
 	background-color: #c0c0c0;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin-top: -50px;
 	margin-left: -100px;
 	text-align: center;
	font-weight: bold;
	color: #495A62;
	padding: 20px;
	border:thick #495A62;
}


/* Search Suggest*/

.suggest_link {
	background-color:#FFFFFF;
	padding: 2px 6px 2px 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
}
.suggest_link_over {
	background-color:#4646B5; /*#3366CC;*/
	padding: 2px 6px 2px 6px;
	color: #FFFFFF;
}
#search_suggest_product_code {
	z-index: 0;
	position: absolute; 
	background-color: #FFFFFF; 
	text-align: left; 
	border: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #7B004A;			
}

#search_suggest_product_desc {
	z-index: 1;
	position: absolute; 
	background-color: #FFFFFF; 
	text-align: left; 
	border: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;			
}

/* HORIZONTAL FREESTYLE MENU LAYOUT */

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 2.4em; margin-top: 3px;
 left: -1px;
 width: 150px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px; 
 margin-top: 0;
 left: 148px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 display: block;
 z-index:3;
 position: relative;
 background: #495A62; 
 border: 2px solid #495A62;
 margin-right: -1px;
 font-weight:bold;
}

.menulist li:hover>ul {
 display: block;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 border: 1px solid #FFFFFF;
 margin: 0px;
 margin-bottom: -1px;
}
.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
 display: block;
 padding: 5px;
 color:#FFFFFF;
 text-decoration: none;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:x-small;
 font-weight:bold;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFFFFF; 
 background-color: #993399; 
}
.menulist a.highlighted {
 color: #FFFFFF;
 background-color: #495A62;
}

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}

.menulist a {
 float: none;
}

*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}


        /* Help */
        .container {
          /*background-color: white; */
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: small;
			font-weight: normal;
			color: #495A62;		  
          float: left; /* Makes the container height the same as its children. */
          padding: 0px 10px 10px 0px;
        }

        .container div {
          /*padding: 20px;*/
          float: left;
    width: 143px;
}

        #container1 {
          width: auto;
 		  /*margin-left: 90px;*/
        }


        .forceInline
        {
            display: inline-table;
            vertical-align: auto;
        }


        .forceInlineInTable
        {
            display: inline-table;
            vertical-align: auto;
            overflow: hidden;
            resize: none;
            padding: 1px 0px 1px 3px;
            margin: 3px 0;
            font: 1em verdana, arial, sans-serif;
            color: black;
            border: 1px solid #999;
        }

        /*.forceInLine input {
            font-family: Verdana, Arial, Helvetica, sans-serif!important;
            font-size: small!important;
            font-weight: normal!important;
            color: #000000!important;
        }*/

        .pixelsPaddingLeft
        {
            padding-left: 40px;
        }


        /* Attempt flows from responsivetest */

        #responsiveTable,#responsiveTableby5 ul {
          list-style-type: none;
          margin: 0;
          padding: 0;
        }
        #responsiveTable,#responsiveTableby5 ul:after { /* to clearfix your ul list */
          content: "";
          display: table;
          clear: both;
        }
        #responsiveTable ul li {
          display: block; /* inline-block have an extra 4px margin wich makes it harder to use in this situation */
          width: 25.0%; /* You get it (100/4) but use exact number */
          padding: 10px 5px;
          float: left; /* if you use block elements you have to float them */
          text-align: center;
        }
        #responsiveTableby5 ul li {
          display: block; /* inline-block have an extra 4px margin wich makes it harder to use in this situation */
          width: 20.0%; /* You get it (100/5) but use exact number */
          padding: 10px 5px;
          float: left; /* if you use block elements you have to float them */
          text-align: center;
        }		
        #responsiveTable,#responsiveTableby5 figure {
          margin: 0; /* to normalize figure element */
        }
        #responsiveTable,#responsiveTableby5 figure img {
          max-width: 100%;
          max-height: 100%;
        }
		
		.inline-block{
			width: 19%;
			display: inline-block;
			float: left;
			text-align: left;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: small;
			font-weight: normal;
			color: #495A62;			
		}
		

        /* Attempt flows from responsivetest */

/* Try to solve table to mobile challange beginning */
/*.rTable { display: table; } 
.rTableRow { display: table-row; } 
.rTableHeading { display: table-header-group; } 
.rTableBody { display: table-row-group; } 
.rTableFoot { display: table-footer-group; } 
.rTableCell, .rTableHead { display: table-cell; }
[class^="day-section"] {
    margin-bottom: 1rem;
}

.day-content {
    padding: 1rem;
    border: 1px solid #ccc;
    margin: -1px 0 0 -1px;
    box-sizing: border-box;
}

p.day-content:hover {
    background: #c8f1c5;
}*/


/* Move audit.aspx general css from inline to accessible area generally */
        body, form
        {
            padding: 0;
            margin: 0;
            /*overflow: auto;*/
            /*min-height: 240px;*/
            min-width: 325px;
            overflow-x: hidden;
    height: 346px;
}
        .title
        {
            float: right;            
            font-size: 2em;
            color: #666666;
            font-family: Verdana, Arial, Helvetica, sans-serif; 
            background: #FFFFFF; 
            font-weight:bold;
        }
        .expandedPanel .title
        {
            display: none;
        }
        .main-menu
        {
            float: right!important;
            margin: 8px 0 4px;
        }
        .expandedPanel .main-menu
        {
            width: 100%;
        }
        .grid,
        .grid .dxgvHSDC,
        .grid .dxgvCSD
        {
            border-left: 0!important;
            border-right: 0!important;
            border-bottom: 0!important;
        }

        .verticalListItem  {
            border: 1px solid #333;
            display: block;
            overflow: hidden
        }

        .verticalItemImage {
            float: left
        }
        .verticalItemImage img {
            display: block;       
        }
/* Move audit.aspx general css from inline to accessible area generally */
    	.containerouter {
		width: 100%;
        margin: auto !important;        
        }



/* Styles for the grid groups, grid header and column picker */
whiteFont {color: white; }
.floatRight {float: right; padding: 0px;}
.dxgvHeader, .dxgvHeader table {color: white; background-color: #7F7F7F;}
.dxgvGroupPanel {white-space: nowrap; background-color: white; color: #8D8D8D; border-bottom: 1px Solid #9F9F9F;
                    padding: 7px 4px 8px 6px; text-align: center; vertical-align: middle; }
.dxmLite .dxm-main {border: 1px solid #A8A8A8; background-color: #F0F0F0; padding: 0px; }
.dxm-ltr .dxm-main, .dxm-ltr .dxm-horizontal ul.dx {margin-right: -5px; float: left; } 
ul.dx { margin-bottom: -5px!important; }
.dxgvGroupPanel {text-align: left;} 		










	







.logo
{
    display: block;
    float: right;
    text-align: right;
    width: auto;   
} 



.loginDisplay
{
    font-size: 0.90em;
    display: block;
    text-align: right;
    padding: 10px;
    /*color: White;*/     
    clear: both; 
}

.loginDisplay a
{
    /*color: white;*/
    font-weight: bold;
    text-decoration: none;
}

.loginDisplay a:link
{
    /*color: white;*/
}

.loginDisplay a:visited
{
    /*color: white;*/
}

.loginDisplay a:hover
{
    /*color: white;*/
}

.bold {
    font-weight: bold;
}

table.headerTable
{
  border-collapse: separate;
  border-spacing:2px; /*use to work like cellspacing */
  /*width:100%;*/
}
table.headerTable td, table.headerTable th
{
  padding:1px; /*use to work like cellpadding */
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000000;
}


table.jobTableOuter
{
  border-collapse: separate;
  border-spacing:0px; /*use to work like cellspacing */
  width:95%;
}

table.tabWraper
{   
    border-color:#666666;
    border-style:solid;
    border-width: 2px; 
    padding-top: 5px;
    padding-bottom: 10px;        
    border-collapse: separate; border-spacing: 5px; 
}

pixels10
{
    padding-top: 10px;
}

table.jobTableOuter
{
  border-collapse: separate;
  border-spacing:0px; /*use to work like cellspacing */
  width:95%;
}
table.jobTableOuter td, table.jobTableOuter th
{
  padding:5px; /*use to work like cellpadding */
}




table.dxMenu
{
  border-collapse: separate;
  border-spacing:2px; /*use to work like cellspacing */
  width:100%;
  padding: 4px 0px 4px 8px;
  /*width:400px;
  height:400px;*/
 }
table.dxMenu td, table.dxMenu th
{
  border: 0px;
  border-color: #3a4f63;
  background-color: #3a4f63;
}

.dxlpLoadingDiv {
    background-color: #777777!important;
    opacity: 0.7!important;
    filter: progid:DXImageTransform.Microsoft.Alpha(Style=0, Opacity=70)!important;
}
.dxmLite .dxm-main {
    border: 0px!important; 
    background-color: #F0F0F0;
    padding: 0px!important;
}

.radiobutton {
  border: 0px;
  background-color: White;
}


fieldset {
    display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-inline-size: min-content;
    border-width: 0px!important;
    border-style: groove;
    border-color: threedface;
    border-image: initial;
}

.hideAndTakeSpace 
{
    visibility:hidden;
}

.moveLeftPlease
{
    margin-left: -4px;
}

/*.dxeMemoSys td {
    padding: 0px 2px 0px 0px!important; 
}*/

table.tabWraper td, table.tabWraper th
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
    color: #000000;  
}

.responseNotification
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;	
    /* font-size: 1.2em; */
    color: #666666; 
}

.failureNotification
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;	
    /* font-size: 1.2em; */
    color: Red;
}

.dxm-ltr .dxm-main, .dxm-ltr .dxm-horizontal ul.dx 
{
    float:none!important;
}

.rightAlignString
{
    text-align: right;
}

/*.dxmMenu 
{
    border: 0px!important;
    border-color: #3a4f63!important;
    background-color: #3a4f63!important;
}*/

td.dxmtb.dxmMenu 
{
    padding: 2px;
}

.dxm-main.dxm-horizontal.dxmMenu 
{
    display: inline-block;
    margin-top: 5px!important;
    background-color: #495A62!important;
    font-size: xx-small;
    font-weight: bold;
    width: 100%;
    text-align: left;
}

.dxmLite.dxm-main.dxmtb
{
    border: 0px;
    border-color: #3a4f63;
    background-color: #3a4f63;
    padding: 4px 0px 4px 8px;
    vertical-align: middle;
}

.leftPadding2 
{
    padding-left: 2px!important;
}