@font-face {
    font-family: 'Roboto';
    src: url('../repair/fonts/Roboto-Regular-webfont.eot');
    src: url('../repair/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../repair/fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../repair/fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../repair/fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('../repair/fonts/Roboto-Italic-webfont.eot');
    src: url('../repair/fonts/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../repair/fonts/Roboto-Italic-webfont.woff') format('woff'),
         url('../repair/fonts/Roboto-Italic-webfont.ttf') format('truetype'),
         url('../repair/fonts/Roboto-Italic-webfont.svg#RobotoItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('../repair/fonts/Roboto-Bold-webfont.eot');
    src: url('../repair/fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../repair/fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('../repair/fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../repair/fonts/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('../repair/fonts/Roboto-BoldItalic-webfont.eot');
    src: url('../repair/fonts/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../repair/fonts/Roboto-BoldItalic-webfont.woff') format('woff'),
         url('../repair/fonts/Roboto-BoldItalic-webfont.ttf') format('truetype'),
         url('../repair/fonts/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('../repair/fonts/Roboto-Thin-webfont.eot');
    src: url('../repair/fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../repair/fonts/Roboto-Thin-webfont.woff') format('woff'),
         url('../repair/fonts/Roboto-Thin-webfont.ttf') format('truetype'),
         url('../repair/fonts/Roboto-Thin-webfont.svg#RobotoThin') format('svg');
    font-weight: 200;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('../repair/fonts/Roboto-ThinItalic-webfont.eot');
    src: url('../repair/fonts/Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../repair/fonts/Roboto-ThinItalic-webfont.woff') format('woff'),
         url('../repair/fonts/Roboto-ThinItalic-webfont.ttf') format('truetype'),
         url('../repair/fonts/Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg'); (under the Apache Software License). 
    font-weight: 200;
    font-style: italic;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('../repair/fonts/Roboto-Light-webfont.eot');
    src: url('../repair/fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../repair/fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../repair/fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../repair/fonts/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: 100;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('../repair/fonts/Roboto-LightItalic-webfont.eot');
    src: url('../repair/fonts/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../repair/fonts/Roboto-LightItalic-webfont.woff') format('woff'),
         url('../repair/fonts/Roboto-LightItalic-webfont.ttf') format('truetype'),
         url('../repair/fonts/Roboto-LightItalic-webfont.svg#RobotoLightItalic') format('svg');
    font-weight: 100;
    font-style: italic;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('../repair/fonts/Roboto-Medium-webfont.eot');
    src: url('../repair/fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../repair/fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('../repair/fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../repair/fonts/Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
    font-weight: 300;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('../repair/fonts/Roboto-MediumItalic-webfont.eot');
    src: url('../repair/fonts/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../repair/fonts/Roboto-MediumItalic-webfont.woff') format('woff'),
         url('../repair/fonts/Roboto-MediumItalic-webfont.ttf') format('truetype'),
         url('../repair/fonts/Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

body {
margin: 0px; 
padding: 0px; 
background: #ffffff;
COLOR: #333333; 
FONT-SIZE: 13px; 
FONT-WEIGHT: normal; 
FONT-FAMILY: Roboto, Helvetica, Sans; 
TEXT-DECORATION: none;
text-shadow: none;
}


*:focus {outline: none;}


#quickbar {
        z-index:27;
        position: fixed;
        top: 420px;
	right:-282px;
        width: 600px;
        height:28px;
	-webkit-transform: rotate(90deg);	
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}




        A:link    {text-decoration: none; color: #0038DF; FONT-SIZE: 13px; }
        A:visited {text-decoration: none; color: #0038DF; FONT-SIZE: 13px; }
        A:active  {text-decoration: none; color: #2058FF; FONT-SIZE: 13px; }
        A:hover   {text-decoration: none; color: #2058FF; FONT-SIZE: 13px;  border-bottom: 1px solid #d7d7d7;}



/* Main Button */

.button, A.linkbutton:link, A.linkbutton:visited  {
	FONT-FAMILY: Roboto, Helvetica, Sans;
	color:#333333;
	border:#cccccc 1px solid;
	background: #ffffff;
	box-shadow: 0 3px 2px -3px #333333;
	border-radius:3px;
	padding:5px 5px;
	font-size:14px;
	display:inline-block;
	font-weight:normal;
	margin:2px;
	transition: all 0.3s ease 0s;
}

.button:hover, A.linkbutton:hover, A.linkbutton:active   {
	background: #333333;
	color:#ffffff;
	border:#000000 1px solid;
}
.button:active {
	position:relative;
	top:1px;
}
.button:disabled {
	background: #818181;
	color:#eeeeee;
	border:#333333 1px solid;
}

.buttonopaque:hover {
	box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.2);
}

.ibutton {
	color:#d2322d;
	border: #d2322d 1px solid;
	border-radius: 3px;
	background: #ffffff;
	box-shadow: 0 3px 2px -3px #333333;
	padding:5px 5px;
	font-size:14px;
        display:inline-block;
        font-weight:normal;
	margin:2px;
	transition: all 0.3s ease 0s;
}

.ibutton:hover {
	background: #d2322d;
	color:#ffffff;
	border: #6D1918 1px solid;
}

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

.ibutton:disabled {
	background: #818181;
       	text-shadow:#555555 0 1px 2px;
        color:#eeeeee;
	border:#333333 1px solid;
}


.sbutton {
	color:#2FBC00;
	border: #2FBC00 1px solid;
	border-radius: 3px;
	background: #ffffff;
	box-shadow: 0 3px 2px -3px #333333;
	padding:5px 5px;
	font-size:14px;
        display:inline-block;
        font-weight:normal;
        margin:2px;
	transition: all 0.3s ease 0s;
}

.sbutton:hover {
	background: #2FBC00;
	color:#ffffff;
	border: #1F7C00 1px solid;
}

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

.sbutton:disabled {
	background: #818181;
       	text-shadow:#555555 0 1px 2px;
        color:#eeeeee;
	border:#333333 1px solid;
}




INPUT.bigrbutton {width: 30px; height: 30px; border-radius:15px; border: 3px solid #990000;}


.gbutton {
	color:#fff;
	border: #5cb85c 1px solid;
	border-radius:3px;
	background: #5cb85c;
	padding:8px 16px;
	font-size:16px;
        display:inline-block;
        font-weight:bold;
        text-decoration:none;
        margin:2px;
}

.gbutton:hover {
	background: #98d25f;
}

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

.gbutton:disabled {
	background: #818181;
        border:1px solid #555555;
        color:#eeeeee;
}



INPUT.deactbutton { background-color:#999999;font-weight:bold;color:#cccccc;font-size:small; border-radius:8px}

INPUT.largebutton { background-color:#009900;  font-weight:bold; color:#ffffff;font-size:30px; border-radius:15px; border: 3px solid #003300;text-shadow: 2px 2px 4px black,-1px 0px #444444, 0px 1px #444444, 1px 0px #444444, 0px -1px #444444;}


.touchbackground {
	background:#ffffff;
}

.notify {BACKGROUND: #FFEFEF; border: 1px solid red; border-radius:3px; width:100%; padding:3px 5px;box-sizing: border-box;}


#assetpreview {
BACKGROUND: #ffffff;  
border: 1px solid #000000; 
margin-top:5px; 
margin-bottom: 5px; 
padding:5px;
border-radius:7px;
box-shadow: 3px 3px 8px #222222;
position:absolute;
display:none;
z-index:50;
}


.assetimage {
BACKGROUND: #ffffff;
border: 1px solid #666666;
margin-top:5px;
margin-bottom: 5px;
padding:5px;
border-radius:7px;
}

.productimage {
BACKGROUND: #ffffff;
border: 1px solid #000000;
margin-top:5px;
margin-bottom: 5px;
margin-left:25px;
padding:5px;
border-radius:7px;
box-shadow: 1px 1px 4px #222222;
}


A.assetpreview:link    {text-decoration: none;  border-bottom: none;}
A.assetpreview:visited {text-decoration: none;  border-bottom: none;}
A.assetpreview:active  {text-decoration: none; border-bottom: none;}
A.assetpreview:hover   {text-decoration: none; border-bottom: none;}


.textpaymentheading {
border: 2px solid #000000;
padding:3px;
FONT-SIZE: 14px;
COLOR: #ffffff;
border-radius:7px;
BACKGROUND: #0000ff;
FONT-WEIGHT: bold;
COLOR: #ffffff;
}


A.imagelink:link    {text-decoration: none;  border-bottom: none;}
A.imagelink:visited {text-decoration: none;  border-bottom: none;}
A.imagelink:active  {text-decoration: none; border-bottom: none;}
A.imagelink:hover   {text-decoration: none; border-bottom: none;opacity:0.7;}

A.imagelinksolid:link    {text-decoration: none;  border-bottom: none;}
A.imagelinksolid:visited {text-decoration: none;  border-bottom: none;}
A.imagelinksolid:active  {text-decoration: none; border-bottom: none;}
A.imagelinksolid:hover   {text-decoration: none; border-bottom: none;}

A.noprint:link          {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 12px; TEXT-DECORATION: none}
A.noprint:active        {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 12px; TEXT-DECORATION: none}
A.noprint:visited	{BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 12px; TEXT-DECORATION: none}
A.noprint:hover         {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 12px; TEXT-DECORATION: none}

A.toplink:link    {text-decoration: none; color: #021693; FONT-SIZE: 11px; FONT-WEIGHT: bolder; border-bottom: 1px solid #535353;}
A.toplink:visited {text-decoration: none; color: #021693; FONT-SIZE: 11px; FONT-WEIGHT: bolder; border-bottom: 1px solid #535353;}
A.toplink:active  {text-decoration: none; color: #2863d9; FONT-SIZE: 11px; FONT-WEIGHT: bolder; border-bottom: 1px solid #d7d7d7;}
A.toplink:hover   {text-decoration: none; color: #ff0000; FONT-SIZE: 11px; FONT-WEIGHT: bolder; border-bottom: 1px solid #d7d7d7;}

A.menulink:link    {display:block;width:250px; text-decoration: none; color: #555555; FONT-SIZE: 15px; FONT-WEIGHT: normal;border-bottom:none;border-radius:2px;padding:5px;box-sizing:border-box;}
A.menulink:visited {display:block;width:250px; text-decoration: none; color: #555555; FONT-SIZE: 15px; FONT-WEIGHT: normal;border-bottom:none;border-radius:2px;padding:5px;box-sizing:border-box;}
A.menulink:active  {display:block;width:250px; text-decoration: none; color: #555555; FONT-SIZE: 15px; FONT-WEIGHT: normal;border-bottom:none;border-radius:2px;padding:5px;box-sizing:border-box;}
A.menulink:hover   {display:block;width:250px; text-decoration: none; color: #000000; background:#eeeeee; FONT-SIZE: 15px; FONT-WEIGHT: normal;border-bottom:none;border-radius:2px;padding:5px;box-sizing:border-box;}

A.menulinksm:link, A.menulinksm:visited, A.menulinksm:active {display:block; text-decoration: none; color: #555555; FONT-SIZE: 12px; FONT-WEIGHT: bold;border-bottom:none;border-radius:3px;padding:5px;}
A.menulinksm:hover   {display:block; text-decoration: none; color: #000000; FONT-SIZE: 12px; FONT-WEIGHT: bold;background:#dddddd;border-bottom:none;border-radius:3px;}


A.infolink:link {BACKGROUND: #89aaff; padding:1px;COLOR: #000053; FONT-SIZE: 12px; font-style: italic;
FONT-WEIGHT: bolder;  border: 1px solid blue; border-radius:5px;  padding:0px 5px;}
A.infolink:visited {BACKGROUND: #89aaff; padding:1px;COLOR: #000053; FONT-SIZE: 12px; font-style: italic;
FONT-WEIGHT: bolder;  border: 1px solid blue; border-radius:5px;  padding:0px 5px;}
A.infolink:active {BACKGROUND: #89aaff; padding:1px;COLOR: #000053; FONT-SIZE: 12px; font-style: italic;
FONT-WEIGHT: bolder;  border: 1px solid blue; border-radius:5px;  padding:0px 5px;}
A.infolink:hover {BACKGROUND: #89aaff; padding:1px;COLOR: #000053; FONT-SIZE: 12px; font-style: italic;
FONT-WEIGHT: bolder;  border: 1px solid blue; border-radius:5px;  padding:0px 5px;}


table.interface { width:100%; border-style:none; padding:0px; margin:0px; border-collapse:collapse;
        background: #999999; 
}


/* This is the orange bar used in the report graphs */
.gbarorange {
	float: left;
        border-left: 1px solid #000000;
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
        border-right: 1px solid #000000;
	height: 10px;
      	margin-top: 2px;
        margin-right: 10px;
        margin-bottom: 2px;
	background: #ffb76b;
}



option.one {color: #888888; font-style: italic;}

.textbox, .textboxw {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
        background-color:#f9f9f9;
        border: 1px solid #cccccc;
        display:inline-block;
        color:#333333;
        font-size:13px;
        font-weight:normal;
	font-family: Roboto, Helvetica, Sans;
        padding:7px;
        text-decoration:none;
	border-radius:3px;
}

.textbox:focus, .textboxw:focus {
  box-shadow: 0 0 5px #0090FF;
  padding: 7px;
  border: 1px solid #0090FF;
  display:inline-block;
  background-color:#ffffff;
}

.textbox:hover, .textboxw:hover {
  border: 1px solid #0090FF;
}



.textboxt{
 font-size: 12px;
 padding: 3px;
 font-weight: bold;
 background-color: #ffffff;
 border: 2px solid #555555;
 border-radius: 8px;
}

.textboxnoborder {
        background-color:#ffffff;
        border:none;
        display:inline-block;
        color:#000000;
        font-size:12px;
        font-weight:normal;
        padding:2px;
        text-decoration:none;
}


.selectwarning {
 	border: 2px solid #ff3333;
	border-radius: 3px;
}


.selectb {
 background-color: #ffc0c0;
 font-size: 16px;
 padding: 3px;
 font-weight: bold;
 border: 1px solid #cccccc;
border-radius: 3px;
}

.selectbig {
	background-color: #ffffff;
 	font-size: 16px;
 	padding: 3px;
 	font-weight: bold;
 	border: 1px solid #cccccc;
	border-radius: 3px;
}

select {
	border-radius: 3px;
	padding:6px;
	border: 1px solid #eeeeee;
	background:#f5f5f5;
	font-size:13px;
}



.selects {
 	background-color: #FFD7D7;
 	font-size: 10px;
 	padding: 3px;
 	font-weight: bold;
 	border: 0px solid #cf0404;
	border-radius: 3px;
}




.submenu{
	margin-bottom: 0.5em;
}



/* This is the style for the POS stock category buttons  */
.menutitle{
cursor:pointer;
border-radius:3px;
margin-bottom: 5px;
background-color:#777777;
color:#ffffff;
width:100%;
padding:8px;
text-align:center;
font-weight:bold;
box-sizing:border-box;
font-size:16px;
}
.menutitle:hover{
background-color:#666666;
}

.statusdrop {
	font-weight: bold; color:white; padding:3px;
	text-shadow: 2px 2px 1px black,-1px 0px #444444, 0px 1px #444444, 1px 0px #444444, 0px -1px #444444, -1px -1px #444444, 1px -1px #444444, -1px 1px #444444, 1px 1px #444444;
}

.touchstatusdropselector {
	border: 2px solid #999999;
	background:#eeeeee;
        font-weight: bold;
        font-size: 20px;
        color:white;
        padding:2px;
	margin:5px;
        text-shadow: 2px 2px 3px black,-2px 0px #222222, 0px 2px #222222, 2px 0px #222222, 0px -2px #222222, -2px -2px #222222, 2px -2px #222222, -1px 2px #222222, 2px 2px #222222;

}


.touchstatusdrop {
        font-weight: bold; 
	font-size: 20px;
	color:white; 
	padding:2px;
	text-shadow: 2px 2px 3px black,-2px 0px #222222, 0px 2px #222222, 2px 0px #222222, 0px -2px #222222, -2px -2px #222222, 2px -2px #222222, -1px 2px #222222, 2px 2px #222222;
}



/* scan,install,action,note drop down boxes - this only works in Firefox */
select.icon-menu option {
background-repeat:no-repeat;
background-position:bottom left;
padding-left:30px;
padding-bottom:5px;
padding-top:5px;

}

select.icon-menu {
border: 1px #cccccc solid;
border-radius:3px;
padding: 5px;
border-radius: 3px;
}

/* scan,install,action,note drop down boxes - this only works in Firefox */
select.attach-menu option {
background-repeat:no-repeat;
background-position:center;
padding-left:60px;
padding-bottom:25px;
padding-top:25px;
background-size: 50px 50px;
}

select.attach-menu {
border: 1px #cccccc solid;
border-radius:3px;
padding: 1px;
}





/* this is the style for the cart display in the POS */

table.pointofsale {
	margin-left:auto; 
    	margin-right:auto;
        width: 100%;
        padding:0px;
        border-collapse: collapse;
}
table.pointofsale th {
        padding: 6px;
        text-align: left;
       background: #636d42;
	color:#ffffff;
	font-size:14px;
        font-weight:bold;
	border-radius: 3px 3px 0px 0px;
}
table.pointofsale td {
        padding: 6px;
        background-color: white;
	border-bottom: 1px solid #cccccc;
	vertical-align:middle;
}

table.pointofsale td.subhead {
        padding: 5px;
        background: #CBDD87;
        color:#4D5434;
        FONT-SIZE: 11px;
}


/* this is the style for the sticky note calendar */
table.cal {
        width: 100%;
        border-width: 0px;
        border-spacing: 3px;
        border-style: none;
        border-color: black;
        border-collapse: separate;
}
table.cal th {
        border-top: black 1px solid;
        border-right: black 1px solid;
        border-bottom: black 1px solid;
        border-left: black 1px solid;
        padding: 3px;
        background-color: #cccccc;
        border-radius: 3px;
        text-align: left;
}
table.cal td {
	text-align: right;
	border: #cccccc 1px solid;
	vertical-align: top;
        padding: 3px;
        background-color: white;
        border-radius: 3px;
}



/* this is the style for the block of hours list */
table.blockcontract {
        width: 100%;
}
table.blockcontract th {
        padding: 5px;
}
table.blockcontract td {
        padding: 5px;
}


/* this is a generic style for all the gray interface boxes */
.startbox {
	padding: 10px;
	background: #fcfcfc;
	border-radius:3px;
	border: 1px #cccccc solid;
        box-sizing:border-box;
}


.timeritem {
	background: #fefefe;
	border-radius:3px;
        border-left: 10px solid #666666;
 	border-top: 1px solid #666666;
 	border-bottom: 1px solid #666666;
 	border-right: 1px solid #666666;
        padding: 2px;
        margin-bottom:10px;
        width: 100%;
        box-sizing:border-box;
}

.timeritemactive {
	background: #fefefe;
	border-radius:3px;
        border-left: 10px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
 	border-bottom: 1px solid #aaaaaa;
 	border-right: 1px solid #aaaaaa;
        padding: 2px;
        margin-bottom:10px;
        width: 100%;
        box-sizing:border-box;
}


/* this is the style for the Charges area and the Quick Labor add area on the repair system */
.moneybox {
	padding: 6px;
	border: 1px #AABA71 solid;
	border-radius: 3px;
 	background: #ffffff;
	box-sizing:border-box;
}


.groupbox {
        background: #fcfcfc;
}

.invoicebox {
        border: 1px solid #AAA58A;
        background: #dbd6bc;
        border-radius:2px;
	font-size:12px;
	color: #474539;
}

.invoiceprebox {
        border: 1px solid #AAA58A;
        background: #e8e5da;
        border-radius:2px;
        font-size:12px;
	color: #474539;
}


/* this is the style for all other color interface boxes*/
.colorbox {
        border-radius:5px;
        padding: 5px;
        margin-left:auto;
        margin-right:auto;
        box-sizing:border-box;
}



/* this is the style for the sticky note boxes*/
.colorboxsn {
	text-align:left;
	border-radius:3px;
        padding: 4px;
	margin: 5px 3px 5px 3px;
}



.touchbox {
        padding: 5px;
	border: 1px #777777 solid;
	background:#ffffff;
	border-radius:6px;
	box-shadow: 0px 6px 4px -6px #000000;
}


/* styles for the pc status boxes with no corner radii*/
.colortitle {
        padding: 6px;
        text-align: left;
        width: 100%;
        box-sizing: border-box;
}

/* styles for for the pc status boxes with corner radii - everything else should match above style */
.colortitletopround {
        padding: 6px;
        text-align: left;
        width: 100%;
	box-sizing: border-box;
	border-top-left-radius:3px; border-top-right-radius:3px;
}

.whitemiddle {
        padding: 10px;
        background: #ffffff;
        text-align: left;
        box-sizing: border-box;
}


.whitebottom {
        padding: 10px;;
        background: #ffffff;
        text-align: left;
        box-sizing: border-box;
}

.altbottom {
        padding: 10px;
        text-align: left;
        background: #eeeeee;
        box-sizing: border-box;
}


.whitebottom, .bluetitle, .colorbox, .moneybox, .startbox, .whitemiddle, .colortitletopround, .colortitle, .graytitle, .altbottom {
	 width: 100%;
}



a.infotext{
    position:relative;
    z-index:20;
    color:#000;
    text-decoration:none;
    font-weight:bold;
}

a.infotext:hover{z-index:101;}

a.infotext span{display: none}

a.infotext:hover span{
	box-shadow: 3px 3px 3px #000000;
	padding: 5px;
        border-radius:3px;
  	display:block;
    position:absolute;
    top:2em; left:-10em; width:40em;
    border:1px solid #999999;
    background-color:#eeeeee; color:#000;
    text-align: left;
    font-weight:normal;
}


.productimagebg {
background: #ffffff; /* Old browsers */

}



.calendar {
	font-size: 0.9em;
	background-color: #999999;
	color: #333;
	border: 2px solid #333;
	border-radius: 4px;
	padding: 0.2em;
	width: 14em;
	box-shadow: #000000 4px 4px 4px;
}
.calendar a {
	outline: none;
}
.calendar .months {
	background-color: #333333;
	border: 1px solid #000000;
	border-radius: 4px;
	color: #FFF;
	padding: 0.2em;
	text-align: center;
}
.calendar .prev-month, .calendar .next-month {
	padding: 0;
}
.calendar .prev-month {
	float: left;
}
.calendar .next-month {
	float: right;
}
.calendar .current-month {
	margin: 0 auto;
}
.calendar .months a {
	color: #FFF;
	text-decoration: none;
	padding: 0 0.4em;
	border-radius: 4px;
}
.calendar .months a:hover {
	background-color: #555555;
	color: #ffffff;
}
.calendar table {
	border-collapse: collapse;
	padding: 0;
	font-size: 0.8em;
	width: 100%;
}
.calendar th {
	text-align: center;
}
.calendar td {
	text-align: right;
	padding: 1px;
	width: 14.3%;
}
.calendar td a {
	border-radius:5px;
	display: block;
	color: #07009d;
	background-color: #f4f4f4;
	border: 1px solid #666666;
	text-decoration: none;
	padding: 0.2em;
}
.calendar td a:hover {
	color: #ffffff;
	background-color: #2058FF;
	border: 1px solid #000000;
}




.menuicon {
padding:2px;
vertical-align:middle;
margin-bottom: .25em;
border:none;
width:20px;
}

.menuicon2x {
padding:2px;
vertical-align:middle;
border:none;
margin-bottom: .2em;
}




/* header */

#topnavbarfixed {
        z-index:80;
        position: fixed;
	top:0px;
        width: 100%;
	min-width:800px;
	box-shadow: 0px 2px 4px #222222;
       	border-bottom: 2px solid #000000;
        padding: 0px;
	background: #ffffff;
}

#bottomnavbarfixed {
        z-index:80;
        position: fixed;
        bottom:0px;
	width:70%;
	right:0px;
        box-sizing:border-box;
        box-shadow: -1px -1px 4px #222222;
        border-top: 1px solid #000000;
        border-left: 1px solid #000000;
        border-radius:0px 0px 0px 0px;	
        padding: 3px;
        background: #222222;
	text-align:center;
}

#bottomnavbarfixedlight {
        z-index:80;
        position: fixed;
        bottom:0px;
        width:70%;
        right:0px;
        box-sizing:border-box;
        box-shadow: 0px 0px 4px #333333;
        border-top: 2px solid #777777;
        border-radius:0px 0px 0px 0px;
        padding: 3px;
        background: #fafafa;
        text-align:center;
}


/* Work Order Dropdowns */

/* MegaMenu */

#nav {
    width:200px;
    padding:0px;
    margin-bottom:10px;
    margin-top:0px;
}
#nav li {
    list-style:none;
    width:100%;
    position:relative;
}
#nav .primary_link {
    display:block;
    text-decoration:none;
    border-bottom: none;
    FONT-WEIGHT: bold; 
    FONT-SIZE: 13px; 
   
    text-align:center;
    padding:8px 0px;;
    background-color:#111111;
    color:#fff;
    text-shadow: 1px 1px 2px black,-1px 0px #222222, 0px 1px #222222, 1px 0px #222222, 0px -1px #222222, -1px -1px #222222,1px -1px #222222, 
-1px 1px #222222, 1px 1px #222222;

}
#nav .primary_link:hover {
    opacity:.8;
}
#nav .dropdown {
    z-index:202;
    display:none;
    width:275px;
    position:absolute;
    padding:10px;
    top:100%;
        background-color: #ffffff;
        margin-left:auto;
        margin-right:auto;
        box-shadow: 2px 2px 5px #333333;
}
#nav li:hover .dropdown {
    display:block;
}


/* left main menu? */

#navgonew {
    width:200px;
    top:0px;
    height: 50px;
    padding:0px;
    margin-bottom:0px;
    margin-top:0px;
    z-index:81;
}
#navgonew li {
    list-style:none;
    width:100%;
    position:relative;
    z-index:82;
}
#navgonew .primary_linkgonew {
    display:table-cell;
    width:200px;
    text-decoration:none;
    height: 51px !important; 
    FONT-WEIGHT: bold;
    FONT-SIZE: 20px;
    text-align:center;
    vertical-align:middle;
    border-bottom: none;
    color:#fff;
    text-shadow: 2px 2px #222222,-2px 0px #222222, 0px 2px #222222, 2px 0px #222222, 0px -2px #222222, -2px -2px #222222,2px -2px #222222,-2px 2px #222222, 2px 2px #222222;
}

#navgonew li:hover .primary_linkgonew {
    background:#eeeeee;
}

#navgonew .dropdowngonew {
    display:none;
    width:510px;
    border-radius:3px;
    position:absolute;
    padding:5px 10px;
    left:10px;
    top:100%;
        background-color: #ffffff;
        margin-left:auto;
        margin-right:auto;
        box-shadow: 2px 2px 5px #333333, inset 0px 0px 1px 2px rgba(255, 255, 255, 0.75);
}
#navgonew li:hover .dropdowngonew {
    display:block;
}






div.ipadhack img.close {display:none; width:100%; height:100%; position:fixed; left:0; top:0; z-index:-10;}
div.ipadhack ul:hover + img {display:block;}
.ipadhack {position:relative; z-index:1000;}

div.ipadhack2 img.close {display:none; width:100%; height:100%; position:fixed; left:0; top:0; z-index:-10;}
div.ipadhack2 a:hover + img {display:block;}
.ipadhack2 {position:relative; z-index:70; height:1px;}

div.ipadhack3 img.close {display:none; width:100%; height:100%; position:fixed; left:0; top:0; z-index:-10;}
div.ipadhack3 a:hover + img {display:block;}
.ipadhack3 {position:relative; z-index:60;}


/* right main menu? */

#navgo_rightnew {
    position: fixed;
    height:50px; 
   width:200px;
    top:0px;
    padding:0px;
    margin-bottom:0px;
    margin-top:0px;
    z-index:81;
    right:0px;
}


#navgo_rightnew li {
    list-style:none;
    width:100%;
    height:50px;
    position:relative;
    z-index:82;
}
#navgo_rightnew .primary_linkgo_rightnew {
    display:block;
    text-decoration:none;
    FONT-WEIGHT: bold;
    FONT-SIZE: 20px;
    text-align:right;
    padding:10px;
    color:#000;
    background: #ffffff;
    border: none;
}
#navgo_rightnew .dropdowngo_rightnew {
    display:none;
    width:510px;
    border-radius:3px; 
    position:absolute;
    padding:5px 10px;
    right:10px;
    top:100%;
        background-color: #ffffff;
        margin-left:auto;
        margin-right:auto;
        box-shadow: 2px 2px 5px #333333, inset 0px 0px 1px 2px rgba(255, 255, 255, 0.75);
}
#navgo_rightnew li:hover .dropdowngo_rightnew {
    display:block;
}



.checkbox input[type="checkbox"] {
    display:none;
}

.checkbox label {
    display:inline-block;
    padding:0px 5px;
    font-size:13px;
    font-weight:bold;
    width:200px;
    margin:4px;
    border: 2px white solid;
}

.checkbox input[type="checkbox"]:checked + label {
    display:inline-block;
    background-color:#0090FF;
    width:200px;
    margin:4px;
    color:#ffffff;
    padding:0px 5px;
    border: 2px #0090FF solid;
    border-radius:3px;
}
.checkbox label:hover {
  -webkit-transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  -ms-transition: all 0.20s ease-in-out;
  -o-transition: all 0.20s ease-in-out;
  background:#9BFAFF;
  box-shadow: 0 0 5px #0090FF;
  border: 2px solid #0090FF;
  margin:4px;
    border-radius:3px;
}

.radiobox input[type="radio"] {
    display:none;
    box-sizing:border-box;
}

.radiobox label {
    display:inline-block;
    padding:5px 5px;
    font-size:13px;
    font-weight:bold;
    width:100%;
    margin:4px;
    border: 2px white solid;
    box-sizing:border-box;
}

.radiobox input[type="radio"]:checked + label {
    display:inline-block;
    background-color:#0090FF;
    width:100%;
    margin:4px;
    color:#ffffff;
    padding:5px 5px;
    border: 2px #0090FF solid;
    border-radius:3px;
    box-sizing:border-box;
}

.radiobox label:hover {
  -webkit-transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  -ms-transition: all 0.20s ease-in-out;
  -o-transition: all 0.20s ease-in-out;
  background:#9BFAFF;
  box-shadow: 0 0 5px #0090FF;
  border: 2px solid #0090FF;
  margin:4px;
    border-radius:3px;
  box-sizing:border-box;
}

.radioboxtouchicon input[type="radio"] {
    display:none;
    box-sizing:border-box;
}

.radioboxtouchicon label {
    display:inline-block;
    padding:5px 5px;
    font-size:13px;
    font-weight:bold;
    width:100%;
    margin:4px;
    border: 2px white solid;
    box-sizing:border-box;
    max-width:150px;
}

.radioboxtouchicon input[type="radio"]:checked + label {
    display:inline-block;
    background-color:#0090FF;
    width:100%;
    margin:4px;
    color:#ffffff;
    padding:5px 5px;
    border: 2px #0090FF solid;
    border-radius:3px;
    box-sizing:border-box;
}

.radioboxtouchicon label:hover {
  -webkit-transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  -ms-transition: all 0.20s ease-in-out;
  -o-transition: all 0.20s ease-in-out;
  background:#9BFAFF;
  box-shadow: 0 0 5px #0090FF;
  border: 2px solid #0090FF;
  margin:4px;
    border-radius:3px;
  box-sizing:border-box;
}



.wonote {
	position:relative;
	padding:12px;
	margin:0 0 1.5em;
	border:1px solid #cccccc;
	color:#333;
	background:#fff;
}


.wonote.left {
	margin-left:30px;
}


.wonote.right {
	margin-right:30px;
}


.wonote:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:40px; /* controls horizontal position */
    	border-width:20px 20px 0;
	border-style:solid;
    	border-color:#cccccc transparent;
    	display:block; 
    	width:0;
}

/* creates the smaller  triangle */
.wonote:after {
	content:"";
	position:absolute;
	bottom:-16px; /* value = - border-top-width - border-bottom-width */
	left:43px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-width:16px 16px 0;
	border-style:solid;
	border-color:#fff transparent;
    	display:block; 
    	width:0;
}


/* creates the larger triangle */
.wonote.top:before {
	top:-10px; /* value = - border-top-width - border-bottom-width */
	bottom:auto;
	left:auto;
	right:10px; /* controls horizontal position */
    border-width:0 10px 10px;
}

/* creates the smaller  triangle */
.wonote.top:after {
	top:-10px; /* value = - border-top-width - border-bottom-width */
	bottom:auto;
	left:auto;
	right:9px; /* value = (:before right) + (:before border-right) - (:after border-right) */
    	border-width:0 10px 10px;
}


/* creates the larger triangle */
.wonote.left:before {
	top:10px; /* controls vertical position */
	bottom:auto;
	left:-10px; /* value = - border-left-width - border-right-width */
	border-width:10px 10px 10px 0;
	border-color:transparent #cccccc;
}

/* creates the smaller  triangle */
.wonote.left:after {
	top:10px; /* value = (:before top) + (:before border-top) - (:after border-top) */
	bottom:auto;
	left:-9px; /* value = - border-left-width - border-right-width */
	border-width:10px 10px 10px 0;
	border-color:transparent #fff;
}


/* Variant : right
------------------------------------------ */

/* creates the larger triangle */
.wonote.right:before {
	top:10px; /* controls vertical position */
	bottom:auto;
    left:auto;
	right:-10px; /* value = - border-left-width - border-right-width */
	border-width:10px 0 10px 10px;
	border-color:transparent #cccccc;
}

/* creates the smaller  triangle */
.wonote.right:after {
	top:10px; /* value = (:before top) + (:before border-top) - (:after border-top) */
	bottom:auto;
    left:auto;
	right:-9px; /* value = - border-left-width - border-right-width */
	border-width:10px 0 10px 10px;
	border-color:transparent #fff;
}


div#autosearch{ 
	width:80%; 
	display:none; 
         z-index:1010;
	position:absolute;
	padding:10px;
	top:50px;
	right:10%;
        background-color: #f7f7f7;
        box-shadow: 2px 2px 5px #333333, inset 0px 0px 1px 2px rgba(255, 255, 255, 0.75);

text-align:left;
}

div#autoinvsearch{
        width:99%;
        display:none;
        padding:10px;
	text-align:left;
	margin:3px;
}




.fademessagedivsuccess{
	FONT-SIZE: 12px; 
	FONT-WEIGHT: normal; 
	padding:3px 5px;
	width:100%;
	color:#0e5300;
	border: 1px solid #0e5300;
        background-color: #b7efac;
	margin-bottom: 20px;
	box-sizing:border-box;
}

.fademessagediverror{
        FONT-SIZE: 12px;
        FONT-WEIGHT: normal;
        padding:3px 5px;
        width:100%;
        color:#ff0000;
        border: 1px solid #ff0000;
        background-color: #ffd7d7;
        margin-bottom: 20px;
}

.fademessagedivwarning{
        FONT-SIZE: 12px;
        FONT-WEIGHT: normal;
        padding:3px 5px;
        width:100%;
        color:#FF8800;
        border: 1px solid #FF8800;
        background-color: #FFFFC6;
        margin-bottom: 20px;
}

.fademessagedivnotice{
        FONT-SIZE: 12px;
        FONT-WEIGHT: normal;
        padding:3px 5px;
        width:100%;
        color:#2D69AC;
        border: 1px solid #2D69AC;
        background-color: #D9EDF7;
        margin-bottom: 20px;
}

.statuslinkmargin{
        margin: 0px 0px 10px 0px;
}



.progbutton {
	background: #333333;
        display:inline-block;
	border: none; 
        color:#eeeeee;
        font-size:16px;
        font-weight:bold;
        padding:2px 6px;
        text-decoration:none;
	transition: all 0.3s ease 0s;
}.progbutton:hover {
	background: #eeeeee;
        color:#000000;
}.progbutton:active {
        position:relative;
        top:1px;
}

.progbuttonoff {
background: #cccccc; /* Old browsers */
        display:inline-block;
	border:none;
        color:#222222;
        font-size:16px;
        font-weight:bold;
        padding:2px 6px;
        text-decoration:none;
        text-shadow:0px 0px 0px #0261ff;
}



.selecttimepicker {
	font-size: 13px;
	padding: 3px;
	font-weight: bold;
	background-color:#f9f9f9;
	border: 2px solid #cccccc;
	color:#333333;
}

/* this is the style for the recent stock list */
table.stocklist {
        border-width: 0px;
        border-collapse: collapse;
}
table.stocklist th {
        padding: 3px 20px 3px 3px;
        background: #dddddd;
        text-align: left;
        border-bottom: 5px solid #777777;
}
table.stocklist td {
        padding: 5px;
	border: 1px solid #cccccc;
}

table.stocklist tr:nth-child(odd) {
       background: #eeeeee;
}

table.stocklist tr:nth-child(even) {
       background: #ffffff;
}


table.moneylist {
        border-width: 0px;
        border-collapse: collapse;
	width: 100%;
	box-sizing: border-box;
}
table.moneylist th {
        padding: 5px;
        background: #4D5434;
        text-align: left;
        color: #ffffff;
        font-size: 13px;
}
table.moneylist td {
        padding: 5px;
        border-bottom: 1px solid #AABA71;
}

table.moneylist td.subhead {
        padding: 5px;
        background: #CBDD87;
	color:#4D5434;
        FONT-SIZE: 11px;
}


table.moneylist tr:nth-child(odd) {
       background: #F3FFCE; 
       color: #4D5434;
}

table.moneylist tr:nth-child(even) {
       background: #FBFFEF;
       color: #4D5434;
}




/* Timeclock Extras */

.textboxnoborder{
 font-size: 12px;
 padding: 2px;
 font-weight: bold;
 background-color: #ffffff;
 border: 2px solid #ffffff;
 border-radius: 8px;
}


.textboxbig{
 font-size: 50px;
 padding: 5px;
 font-weight: bold;
 background-color: #ffffff;
 border: 2px solid #555555;
 border-radius: 8px;
}

.textboxblank{
 font-size: 35px;
 padding: 5px;
 font-weight: bold;
 background: none;
 border: none;
}

.bigbuttontimeclock {
color:#fff;
border:none;
border-radius:3px;
background: #60aa17;
text-shadow: -1px 0px #333333, 0px 1px #333333, 1px 0px #333333, 0px -1px #333333, -1px -1px #333333, 1px 1px #333333, -1px 1px #333333, 1px -1px #333333;
padding:8px 25px;
font-size:40px;

        display:inline-block;
        font-weight:bold;
        text-decoration:none;
        margin:2px;
}
.bigbuttontimeclock:hover {
background: #98d25f;
}
.bigbuttontimeclock:active {
        position:relative;
        top:1px;
}
.bigbuttontimeclock:disabled {
background: #818181;
        border:none;
       text-shadow:#555555 0 1px 2px;
        color:#eeeeee;
}

.bigbuttonpressedtimeclock {
color:#fff;
border:none;
border-radius:3px;
background: #ff0000;
text-shadow: -1px 0px #333333, 0px 1px #333333, 1px 0px #333333, 0px -1px #333333, -1px -1px #333333, 1px 1px #333333, -1px 1px #333333, 1px -1px #333333;
padding:8px 25px;
font-size:40px;
        display:inline-block;
        font-weight:bold;
        text-decoration:none;
        margin:2px;
}

div#autosearch2{ 
	width:25%; 
	display:none; 
         z-index:1010;
	position:absolute;
	padding:10px;
	top:50px;
	right:25%;
        background-color: #eeeeee;
        box-shadow: 2px 2px 5px #333333, inset 0px 0px 1px 2px rgba(255, 255, 255, 0.75);

text-align:left;
}


/* this is the style for standard list tables */
table.standard, table.doublestandard {
        border-collapse: collapse;
        width:100%;
}

table.standard th, table.doublestandard th {
        padding: 5px 5px 5px 5px;
        background: #555555;
        text-align: left;
	color:white;
	font-size: 12px;
	box-sizing: border-box;
	text-transform: uppercase;
}

table.standard th:first-child, table.doublestandard th:first-child, table.moneylist th:first-child {
    border-radius: 5px 0 0 0;
}

table.standard th:last-child, table.doublestandard th:last-child, table.moneylist th:last-child {
    border-radius: 0 5px 0 0;
}

table.standard th:only-child, table.doublestandard th:only-child, table.moneylist th:only-child{
    border-radius: 5px 5px 0 0;
}

table.standard td, table.doublestandard td {
        padding: 5px;
        border-bottom: 1px solid #dddddd;
        color:#555555;
        box-sizing: border-box;       
        font-size: 12px;
	line-height: 1.5;
}

table.standard tr:nth-child(odd) {
       background: #fcfcfc;
}

table.standard tr:nth-child(even) {
       background: #ffffff;
}


table.doublestandard tr:nth-child(4n-1), table.doublestandard tr:nth-child(4n-2) {
       background: #fcfcfc;
}

table.doublestandard tr:nth-child(4n-5) {
       background: #efefef;
       border-bottom: 5px solid #555555;
}


table.doublestandard tr:nth-child(4n-3), table.doublestandard tr:nth-child(4n-4) {
       background: #efefef;
}

table.doublestandard tr:nth-child(4n-3) {
       background: #efefef;
       border-bottom: 5px solid #555555;
}


/* this is the style for standard list tables */
table.pillbox {
        border-collapse: separate;
	border-spacing:0px;
        width:100%;
	box-sizing:border-box;
}

table.pillbox td {
        padding: 10px;
        border-bottom: 1px solid #dddddd;
        color:#555555;
	background:#ffffff;
        box-sizing: border-box;
        font-size: 13px;
        line-height: 1.5;
}

table.pillbox tr:first-child td { border-top: 1px solid #dddddd; }
table.pillbox tr:first-child td:first-child { border-top-left-radius: 10px; }
table.pillbox tr:first-child td:last-child { border-top-right-radius: 10px; }
table.pillbox tr:last-child td:first-child { border-bottom-left-radius: 10px; }
table.pillbox tr:last-child td:last-child { border-bottom-right-radius: 10px; }

table.pillbox td:last-child {
        border-right: 1px solid #dddddd;
}

table.pillbox td:first-child {
        border-left: 1px solid #dddddd;
}

table.lastalignright td:last-child {
    text-align:right;
}


table.lastalignright2 td:nth-last-child(-n+2) {
    text-align:right;
}

table.lastalignright3 td:nth-last-child(-n+3),  th:nth-last-child(-n+3) {
    text-align:right;
}


/* this is the style for big standard list tables */
table.bigstandard, table.bigdoublestandard {
        border-collapse: collapse;
}

table.bigstandard th, table.bigdoublestandard th {
        padding: 10px;
      background: #555555;
        text-align: left;
        color:white;
        font-size: 20px;
        box-sizing: border-box;
}

table.bigstandard th:first-child, table.bigdoublestandard th:first-child {
    border-radius: 3px 0 0 0;
}

table.bigstandard th:last-child, table.bigdoublestandard th:last-child {
    border-radius: 0 3px 0 0;
}

table.bigstandard th:only-child, table.bigdoublestandard th:only-child{
    border-radius: 3px 3px 0 0;
}

table.bigstandard td, table.bigdoublestandard td {
        padding: 10px;
        border-bottom: 1px solid #dddddd;
        color:black;
        box-sizing: border-box;
        font-size: 20px;
}

table.bigstandard tr:nth-child(odd) {
       background: #fcfcfc;
}

table.bigstandard tr:nth-child(even) {
       background: #ffffff;
}


table.printables {
        border-width: 0px;
        border-collapse: collapse;
        width:100%;
}
table.printables th {
        padding: 10px 10px 10px 10px;
        color: #000000;
        FONT-SIZE: 13px;
        text-align: left;
        box-shadow: inset 0 0 0 1000px #dddddd;
        border: 1px solid #eeeeee;
}
table.printables td {
        padding: 5px;
        border-bottom: 1px solid #eeeeee;
}

table.printables td.subhead {
        padding: 5px;
        border-bottom: 2px solid #333333;
        FONT-SIZE: 11px;
}

table.printables td.bordernone {
        padding: 5px;
        border-bottom: 2px solid #333333;
        FONT-SIZE: 11px;
}

table.printables tr:nth-child(even) {
       background: #ffffff;
}



table.payments {
        border-collapse: separate;
        border-spacing:10px;
}

table.payments td {
        padding: 10px;
	border: #333333 2px solid;
	vertical-align:top;
	border-radius:3px;
}

table.scanlist {
        border-collapse: separate;
        border-spacing:0px 10px;
}

table.scanlist td:nth-child(odd) {
        padding: 3px;
	box-sizing:border-box;
	background:#cccccc;
        vertical-align:middle;
	width:30px;
        border-radius:3px 0px 0px 3px;
}

table.scanlist td:nth-child(even) {
        padding: 5px 5px 0px 10px;
        border: none;
        background:#eeeeee;
        vertical-align:top;
        border-radius:0px 3px 3px 0px;
}

table.passbadge {
        border-collapse: separate;
        border-spacing:0px 5px;
	width:100%;
}

table.passbadge td:nth-child(odd) {
        padding: 3px;
        box-sizing:border-box;
        background:#cccccc;
        vertical-align:middle;
	text-align:center;
        width:30px;
	color:#777777;
        border:none;
        border-radius:3px 0px 0px 3px;
}

table.passbadge td:nth-child(even) {
        padding: 5px 5px 5px 10px;
        border: none;
        background:#eeeeee;
        vertical-align:top;
        border-radius:0px 3px 3px 0px;
}



table.passbadge2 {
        border-collapse: separate;
        border-spacing:0px 5px;
        width:100%;
}

table.passbadge2 td:nth-child(odd) {
        padding: 3px;
        box-sizing:border-box;
        background:#000000;
        vertical-align:middle;
        text-align:center;
        width:30px;
        color:#cccccc;
        border:none;
        border-radius:3px 0px 0px 3px;
}

table.passbadge2 td:nth-child(even) {
        padding: 5px 5px 5px 10px;
        border: none;
        background:#eeeeee;
        vertical-align:top;
        border-radius:0px 3px 3px 0px;
}


table.badge {
width:100%;
border-radius:3px;
background:#ffffff;
margin-bottom:10px;
border-collapse:collapse;
line-height: 1.5;
}



table.badgetop {
width:100%;
border-top-left-radius:3px;
border-top-right-radius:3px;
background:#ffffff;
margin-bottom:0px;
border-collapse:collapse;
line-height: 1.5;
}


.badge, .badgeclick {
width:100%;
padding:5px;
border-radius:3px;
background:#ffffff;
margin-bottom:10px;
box-sizing:border-box;
}


.badgeclick:hover {
background:#888888;
border:1px #000000 solid;
}

.badgeonwhite, .badgeclickonwhite{
width:100%;
padding:8px;
border-radius:3px;
border:1px #dddddd solid;
background:#ffffff;
margin-bottom:10px;
// box-shadow: 0 6px 2px -6px black;
box-sizing:border-box;
color:#000000;
}


.badgeclickonwhite:hover {
background:#eeeeee;
border:1px #cccccc solid;
}




.assetlist {
width:90%;
border-bottom:1px #cccccc solid;
background:#ffffff;
padding:2px;
}


.colormered {
color:#ff0000;
}
.colormedarkred {
color:#990000;
}
.colormegreen {
color:#30B53E;
}
.colormedarkgreen {
color:#009900;
}
.colormemoney {
color: #636d42;
}
.colormeblue {
color:#0050EF;
}
.colormewhite {
color:#ffffff;
}
.colormeblack {
color:#000000;
}
.colormegray {
color:#bbbbbb;
}
.colormedarkgray {
color:#333333;
}
.colormeyellow {
color:#ffe100;
}

.colormelevel1 {
color:#59AAE7;
}
.colormelevel2 {
color:#AACD64;
}
.colormelevel3 {
color:#E2BC68;
}
.colormelevel4 {
color:#FA727B;
}
.colormelevel1back {
background:#59AAE7;
}
.colormelevel2back {
background:#AACD64;
}
.colormelevel3back {
background:#E2BC68;
}
.colormelevel4back {
background:#FA727B;
}





h1 {
font-size: 4em;
color: #777777;
}


h2 {
font-size: 3em;
color: #777777;
}

h3 {
font-size: 2em;
color: #777777;
}

h4 {
font-size: 1.5em;
color: #777777;
margin-bottom:10px;
margin-top:5px;
}

h5 {
font-size: 1.25em;
color: #777777;
}





.sizemesmaller {
font-size: 0.85em;
}

.sizemelarge {
font-size: 1.25em;
}

.sizemelarger {
font-size: 1.4em;
}


.sizeme2x {
font-size: 2.0em;
}

.sizeme3x {
font-size: 3.0em;
}

.sizeme4x {
font-size: 4.0em;
}


.sizeme10 {
font-size: 0.85em;
}

.sizeme16 {
font-size: 1.25em;
}

.sizeme20 {
font-size: 1.54em;
}

.boldme {
font-weight: bold;
}

.boldme600 {
font-weight: 600;
}

.boldme500 {
font-weight: 500;
}


.italme {
font-style: italic;
}

.textoutline {
text-shadow: -1px 0px #333333, 0px 1px #333333, 1px 0px #333333, 0px -1px #333333, -1px -1px #333333, 1px 1px #333333, -1px 1px #333333, 1px -1px #333333;
}

.displayblock {
display: block !important;
}

.displayinline {
display: inline !important;
}


.floatright {
float: right;
}

.textalignright {
text-align: right;
}

.textalignleft {
text-align: left;
}


.radiusleft {
 border-top-left-radius:3px; border-bottom-left-radius:3px;
}

.radiusright {
 border-top-right-radius:3px; border-bottom-right-radius:3px;
}

.radiustop {
 border-top-left-radius:3px; border-top-right-radius:3px;
}

.radiusbottom {
 border-bottom-left-radius:3px; border-bottom-right-radius:3px;
}

.radiusall {
 border-radius:3px;
}

.linkbuttontiny {
FONT-FAMILY: Roboto, Helvetica, Sans;
padding: 3px 8px;;
font-size:10px !important;
font-weight:bold;
text-decoration: none;
box-sizing: border-box;
transition: all 0.3s ease 0s;
display:inline-block;
border:none;
}

.linkbuttonsmall {
FONT-FAMILY: Roboto, Helvetica, Sans;
padding: 6px 8px;;
font-size:11px !important;
font-weight:bold;
text-decoration: none;
box-sizing: border-box;
transition: all 0.3s ease 0s;
display:inline-block;
border:none;
}

.linkbuttonmedium {
FONT-FAMILY: Roboto, Helvetica, Sans;
padding: 8px;
font-size:13px !important;
font-weight:bold;
text-decoration: none;
box-sizing: border-box;
transition: all 0.3s ease 0s;
display:inline-block;
border:none;
}

.linkbuttonlarge {
FONT-FAMILY: Roboto, Helvetica, Sans;
padding: 10px;
font-size:16px !important;
font-weight:bold;
text-decoration: none;
box-sizing: border-box;
transition: all 0.3s ease 0s;
display:inline-block;
border:none;
}

.linkbutton2x {
FONT-FAMILY: Roboto, Helvetica, Sans;
padding: 10px;
font-size:20px !important;
font-weight:bold;
text-decoration: none;
box-sizing: border-box;
transition: all 0.3s ease 0s;
display:inline-block;
border:none;
}



.linkbuttongrayselected {border-bottom: 5px #0090ff solid; border-radius: 0px 0px 5px 5px;}
.linkbuttongraylabel     {color: #ffffff; background: #777777;}
.linkbuttongraydisabled  {color: #cccccc; background: #eeeeee;}
.linkbuttongray:link, .linkbuttongray {color: #333333; background: #eeeeee;}
.linkbuttongray:visited {color: #333333; background: #eeeeee;}
.linkbuttongray:active  {color: #555555; background: #eeeeee;}
.linkbuttongray:hover   {color: #ffffff; background: #888888; text-decoration: none; border-bottom: none;}
.linkbuttongraycontainer {background: #eeeeee; padding:0px;}

.linkbuttongreenlabel     {color: #ffffff; background: #00CE00;}
.linkbuttongreendisabled  {color: #cccccc; background: #eeeeee;}
.linkbuttongreen:link, .linkbuttongreen {color: #00CE00; background: #EDFFD8;}
.linkbuttongreen:visited {color: #00CE00; background: #EDFFD8;}
.linkbuttongreen:active  {color: #ffffff; background: #00CE00;}
.linkbuttongreen:hover   {color: #ffffff; background: #00CE00; text-decoration: none; border-bottom: none;}
.linkbuttongreencontainer {background: #eeeeee; padding:0px;}

.linkbuttongreen2disabled  {color: #cccccc; background: #eeeeee;}
.linkbuttongreen2:disabled  {color: #cccccc; background: #eeeeee;}
.linkbuttongreen2:link, .linkbuttongreen2 {color: #ffffff; background: #5cb85c;}
.linkbuttongreen2:visited {color: #ffffff; background: #5cb85c;}
.linkbuttongreen2:active  {color: #ffffff; background: #98d25f;}
.linkbuttongreen2:hover   {color: #ffffff; background: #98d25f; text-decoration: none; border-bottom: none;}
.linkbuttongreencontainer {background: #eeeeee; padding:0px;}


.linkbuttonredlabel     {color: #ffffff; background: #ff0000;}
.linkbuttonreddisabled  {color: #cccccc; background: #eeeeee;}
.linkbuttonred:link, .linkbuttonred {color: #ff0000; background: #FFE8E8;}
.linkbuttonred:visited {color: #ff0000; background: #FFE8E8;}
.linkbuttonred:active  {color: #ffffff; background: #ff0000;}
.linkbuttonred:hover   {color: #ffffff; background: #ff0000; text-decoration: none; border-bottom: none;}
.linkbuttonredcontainer {background: #eeeeee; padding:0px;}

.linkbuttonred2disabled  {color: #cccccc; background: #eeeeee;}
.linkbuttonred2:link, .linkbuttonred2 {color: #FFFFFF; background: #FF0000;}
.linkbuttonred2:visited {color: #ffffff; background: #FF0000;}
.linkbuttonred2:active  {color: #ffffff; background: #ee0000;}
.linkbuttonred2:hover   {color: #ffffff; background: #ff6666; text-decoration: none; border-bottom: none;}
.linkbuttonred2container {background: #eeeeee; padding:0px;}

.linkbuttonopaquelabel     {color: #ffffff; background: #777777; opacity:.5;}
.linkbuttonopaquedisabled  {color: #cccccc; background: #eeeeee; opacity:.5;}
A.linkbuttonopaque:link, .linkbuttonopaque {color: #000000; background: #ffffff; opacity:.5;}
A.linkbuttonopaque:visited {color: #000000; background: #ffffff; opacity:.5;}
A.linkbuttonopaque:active  {color: #000000; background: #ffffff; opacity:.5;}
A.linkbuttonopaque:hover, .linkbuttonopaque:hover  {color: #ffffff; background: #000000; text-decoration: none; border-bottom: none; opacity:.4;}
.linkbuttonopaquecontainer {background: #ffffff; padding:0px; opacity:.5;}

.linkbuttonopaque2label     {color: #ffffff; background: #777777; opacity:.75;}
.linkbuttonopaque2disabled  {color: #cccccc; background: #eeeeee; opacity:.75;}
A.linkbuttonopaque2:link, .linkbuttonopaque2 {background: #000000; color: #ffffff;}
A.linkbuttonopaque2:visited {color: #ffffff; background: #000000;}
A.linkbuttonopaque2:active  {color: #ffffff; background: #000000;}
A.linkbuttonopaque2:hover, .linkbuttonopaque2:hover  {color: #ffffff; background: #000000; text-decoration: none; border-bottom: none; opacity:.75;}
.linkbuttonopaque2container {background: #ffffff; padding:0px; opacity:.75;}


A.linkbuttonblack:link    {color: #ffffff; background: #222222;}
A.linkbuttonblack:visited {color: #ffffff; background: #222222;}
A.linkbuttonblack:active  {color: #ffffff; background: #666666;}
A.linkbuttonblack:hover   {color: #ffffff; background: #666666; text-decoration: none; border-bottom: none;}

A.linkbuttonmoneydark:link    {color: #ffffff; background: #828E57;}
A.linkbuttonmoneydark:visited {color: #ffffff; background: #828E57;}
A.linkbuttonmoneydark:active  {color: #ffffff; background: #A1AA81;}
A.linkbuttonmoneydark:hover   {color: #ffffff; background: #A1AA81; text-decoration: none; border-bottom: none;}

.linkbuttonmoneylabel     {color: #F3FFCE; background: #4D5434;}
.linkbuttonmoneydisabled  {color: #cccccc; background: #CBDD87;}
A.linkbuttonmoney:link, .linkbuttonmoney {color: #4D5434; background: #CBDD87;}
A.linkbuttonmoney:visited {color: #4D5434; background: #CBDD87;}
A.linkbuttonmoney:active  {color: #F3FFCE; background: #4D5434;}
A.linkbuttonmoney:hover, button.linkbuttonmoney:hover  {color: #F3FFCE; background: #4D5434; text-decoration: none; border-bottom: none;}
.linkbuttonmoneycontainer {background: #CBDD87; padding:0px;}

.linkbuttoninvlabel     {color: #CEC8A5; background: #474539;}
.linkbuttoninvdisabled  {color: #cccccc; background: #CEC8A5;}
A.linkbuttoninv:link    {color: #474539; background: #CEC8A5;}
A.linkbuttoninv:visited {color: #474539; background: #CEC8A5;}
A.linkbuttoninv:active  {color: #474539; background: #474539;}
A.linkbuttoninv:hover   {color: #FCF4C9; background: #474539; text-decoration: none; border-bottom: none;}


.icontiny {
width: 12px;
text-decoration: none;
border-bottom: none;
vertical-align:middle;
}

.iconsmall {
width: 16px;
text-decoration: none;
border-bottom: none;
vertical-align:middle;
}

.iconregular, .iconmedium {
width: 24px;
text-decoration: none;
border-bottom: none;
vertical-align:middle;
}

.nopointerevents {
pointer-events:none;
}

table.pad5 td {
padding: 5px;
}

table.pad10 td {
padding: 10px;
}

table.pad20 td {
padding: 20px;
}


.year {
width: 75px;
}

.month {
width: 50px;
}

.vmiddle {
vertical-align:middle;
}

.menuheading {
display:block;
text-align:center;
padding:10px;
box-sizing:border-box;
background:#333333;
color:#ffffff;
font-size:16px !important;
font-weight:bold;
text-decoration: none;
border-radius:3px;
}


A.notifybarlink:link, A.notifybarlink:visited, A.notifybarlink:active {text-decoration: none; color: #777777; FONT-SIZE: 14px; background: #ffffff; padding:14px; margin:0px;
font-weight:normal;border-right:#cccccc 1px solid;border-bottom:none;border-left:none;border-top:none;
box-sizing:border-box;margin:0px;height:46px;transition: all 0.3s ease 0s;}
A.notifybarlink:hover   {text-decoration: none; color: #555555; background: #f1f1f1; transition: all 0.3s ease 0s;}

A.notifybadge:link, A.notifybadge:visited, A.notifybadge:active {
   position:relative;
   text-decoration: none; 
   color: #777777; 
   padding:13px;
   border-bottom:0px;
transition: all 0.3s ease 0s;
}
A.notifybadge:hover {
   position:relative;
   text-decoration: none; color: #333333; padding:13px;
   border-bottom:0px;
transition: all 0.3s ease 0s;
}



.notifybadge[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top:-1px;
   right:0px;
   font-size:.8em;
   font-weight:bold;
   background:#ff0000;
   color:#ffffff;
   width:22px;height:18px;
   text-align:center;
   line-height:18px;
   border-radius:50%;
}


a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:10px 10px;
    margin-top:35px; margin-left:-250px; text-align:center; min-width:250px;
}
a.tooltip:hover span{
    display:inline-block; position:absolute; color:#777777;
    background:#fff;border:#777777 1px solid; border-radius:3px;box-shadow:2px 2px 2px rgba(0, 0, 0, 0.3);
}


.scansbadge[data-badge]:after {
   content:attr(data-badge);
   position:relative;
   top:-10px;
   right:0px;
   font-size:.8em;
   font-weight:bold;
   background:#ff0000;
   color:#ffffff;
   width:50px;
   height:18px;
   text-align:center;
   line-height:18px;
   border-radius:50%;
}



.flextouch-container {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
justify-content: center;
}

.flextouch-item {
    background-color: #ffffff;
    padding:10px;
    width: 400px;
    margin: 10px;
    border-radius:3px;
}

.flextouchicon-container {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}

.flextouchicon-item {
    padding:10px;
    margin: 0px;
    text-align:center;
    max-width:150px;
}


.flexsticky-container {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
justify-content: center;
}

.flexsticky-item {
    background-color: #ffffff;
    padding:5px;
    width: 250px;
    margin: 10px;
    border-radius:3px;
}

.flexassets-container {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
justify-content: center;
}

.flexassets-item {
    background-color: #ffffff;
    padding:10px;
    text-align:center;
    border-radius:3px;
}


.nowrap {
white-space:nowrap;
}


.addashadow {
box-shadow: 3px 3px 3px #333333;
}






.nvbar {
    overflow: hidden;
    background-color: #333333;
    font-family: Arial;
    color:#eeeeee;
}

.nvbar a {
    float: left;
    font-size: 13px;
    color: #eeeeee;
    text-align: center;
    padding: 8px 8px;
    text-decoration: none;
    border-bottom: none;
}

.nvdropdown {
    float: left;
    overflow: hidden;
}



.nvdropdown .nvdropbtn {
    font-size: 13px;    
    border: none;
    outline: none;
    color: #eeeeee;
    padding: 8px 8px;
    background-color: inherit;
}

.nvbar a:hover, .nvdropdown:hover .nvdropbtn {
    background-color: #777777;
    color:white;
    text-decoration: none;
    border-bottom: none;
//    opacity:0.7;
}



.nvdropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 160px;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.5);
    z-index: 21;
    border-radius: 0px 5px 5px 5px;
    padding: 10px 0px 10px 0px;
}

.nvdropdown-content a {
    float: none;
    color: black;
    padding: 6px 8px;
    text-decoration: none;
    display: block;
    text-align: left;
    border-bottom: none;
}

.nvdropdown-content a:hover {
    color:black;
    background-color: #ddd;
    border-bottom: none;
//    opacity:0.7;
}

.nvdropdown:hover .nvdropdown-content {
    display: block;
}

.nvdropdown-content li {
    float: none;
    color: white;
    padding: 6px 8px;
    text-decoration: none;
    display: block;
    text-align: left;
    border-bottom: none;
    background:#333333;
}


.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}


.leftindent {
border-left: 7px #dddddd solid;
padding-left: 5px;
}

.vam {
vertical-align:middle;
}



.nvbar2 {
    overflow: hidden;
    background-color: #333333;
    font-family: Arial;
    color:#eeeeee;
    text-align:center;
}

.nvbar2 a {
    float: left;
    font-size: 14px;
    font-weight:bold;
    color: #eeeeee;
    text-align: center;
    padding: 2px 3px;
    text-decoration: none;
    border-bottom: none;
}

.nvdropdown2 {
    float: left;
    overflow: hidden;
}

.nvdropdown2 .nvdropbtn2 {
    font-size: 14px;
    font-weight:bold;
    border: none;
    outline: none;
    color: #eeeeee;
    padding: 4px 8px;
    background-color: inherit;
}

.nvbar2 a:hover, .nvdropdown2:hover .nvdropbtn2 {
    background-color: #777777;
    color:white;
    text-decoration: none;
    border-bottom: none;
    cursor: pointer;
}



.nvdropdown-content2 {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 200px;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.5);
    z-index: 21;
    border-radius: 0px 5px 5px 5px;
    padding: 10px 0px 10px 0px;
}

.nvdropdown-content2 a {
    float: none;
    color: black;
    padding: 2px 8px;
    text-decoration: none;
    display: block;
    text-align: left;
    border-bottom: none;
}
.nvdropdown-content2 a:hover {
    color:black;
    background-color: #ddd;
    border-bottom: none;
    cursor: pointer;
}

.nvdropdown2:hover .nvdropdown-content2 {
    display: block;
}

.nvdropdown-content2 li {
    float: none;
    color: white;
    padding: 2px 8px;
    text-decoration: none;
    display: block;
    text-align: left;
    border-bottom: none;
    background:#333333;
}

.margin5 {
margin: 5px;
}

/* this is the style for standard badge tables */
table.standardbadge {
        border-collapse: collapse;
        width:100%;
}

table.standardbadge th {
        padding: 5px 5px 5px 5px;
        background: #777777;
        text-align: left;
        color:white;
        font-size: 12px;
        box-sizing: border-box;
}

table.standardbadge th:first-child {
    border-radius: 3px 0 0 0;
}

table.standardbadge th:last-child {
    border-radius: 0 3px 0 0;
}
table.standardbadge th:only-child {
    border-radius: 3px 3px 0 0;
}

table.standardbadge td {
        padding: 5px;
        color:#555555;
        box-sizing: border-box;
        font-size: 12px;
	border-bottom: #eeeeee 1px solid;
}

table.standardbadge tr:nth-child(odd) {
       background: #fcfcfc;
}

table.standardbadge tr:nth-child(even) {
       background: #ffffff;
}


.scrolling-sticky-flexbox {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}


.positemgrid {
  display: flex;
  flex-flow: column wrap;
  justify-content:flex-start;
  align-content:flex-start;
  align-items:flex-start;
}

.positemgrid::after {
  content: "";
  flex:auto;
}

.ajaxspinner {
  position: fixed;
  top: 50%;
  left: 50%;
  padding:20px;
  border-radius:10px;
  transform: translate(-50%, -50%);
  background-color:rgba(0,0,0,.75);
  color:#cccccc;
  display:none;
  z-index:10000;
}




.nvmbar {
    overflow: hidden;
    background-color: #f1f1f1;
    font-family: Arial;
    color:#555555;
}

.nvmbar a {
    float: left;
    font-size: 13px;
    color: #555555;
    text-align: center;
    padding: 8px 8px;
    text-decoration: none;
    border-bottom: none;
}

.nvmdropdown {
    float: left;
    overflow: hidden;
}



.nvmdropdown .nvmdropbtn {
    font-size: 13px;
    border: none;
    outline: none;
    color: #555555;
    padding: 8px 8px;
    background-color: inherit;
}

.nvmbar a:hover, .nvmdropdown:hover .nvmdropbtn {
    background-color: #555555;
    color:#f1f1f1;
    text-decoration: none;
    border-bottom: none;
}



.nvmdropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 160px;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.5);
    z-index: 21;
    border-radius: 0px 5px 5px 5px;
    padding: 10px 0px 10px 0px;
}

.nvmdropdown-content a {
    float: none;
    color: black;
    padding: 6px 8px;
    text-decoration: none;
    display: block;
    text-align: left;
    border-bottom: none;
}

.nvmdropdown-content a:hover {
    color:black;
    background-color: #ddd;
    border-bottom: none;
//    opacity:0.7;
}

.nvmdropdown:hover .nvmdropdown-content {
    display: block;
}

.nvmdropdown-content li {
    float: none;
    color: white;
    padding: 6px 8px;
    text-decoration: none;
    display: block;
    text-align: left;
    border-bottom: none;
    background:#555555;
}

