body {
margin: 0px; 
padding: 0px; 
background: #111111;
COLOR: #cccccc; 
FONT-SIZE: 13px; 
FONT-WEIGHT: normal; 
FONT-FAMILY: 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  {
color:#cccccc;
border:#555555 1px solid;
background: #111111;
box-shadow: 0 3px 2px -3px #000000;
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:#cccccc 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:#ffffff;
border: #ff3d37 1px solid;
border-radius: 3px;
background: #d2322d;
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: #ffffff;
color:#d2322d;
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:#ffffff;
border: #007a00 1px solid;
border-radius: 3px;
background: #007a00;
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: #cffccf;
color:#007a00;
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;
}



.bigbutton {
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 16px;
font-size:30px;

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



.rbigbutton {
color:#fff;
border:2px #0E590F solid;
background: #34d32f;
background: linear-gradient(to bottom,  #34d32f 0%,#1db722 100%);
text-shadow:#034C00 0 1px 2px;
box-shadow:0 1px 1px rgba(0,0,0,0.3), inset 0px 0px 2px 2px rgba(168, 255, 168, 0.75);
border-radius:3px;
padding:10px 16px;
width:300px;
font-size:40px;

        display:inline-block;
        
        font-weight:bold;
        text-decoration:none;
        margin:2px;
}
.rbigbutton:hover {
background: #1db722;
background: linear-gradient(to bottom,  #1db722 0%,#34d32f 100%);
}
.rbigbutton:active {
        position:relative;
        top:1px;
}
.rbigbutton:disabled {
background: #818181;
background: linear-gradient(to bottom,  #818181 0%,#6a6a6a 100%);
        border:2px solid #555555;
       text-shadow:#555555 0 1px 2px;
        color:#eeeeee;
}



.rbigbuttonoc {
color:#fff;
border:2px #B52B1E solid;
background: #ff2925;
background: linear-gradient(to bottom,  #ff2925 0%,#ea1c09 100%);
text-shadow:#B52B1E 0 1px 2px;
box-shadow:0 1px 1px rgba(0,0,0,0.3), inset 0px 0px 2px 2px rgba(255, 198, 198, 0.75);
border-radius:3px;
padding:10px 16px;
width:300px;
font-size:40px;

        display:inline-block;
        
        font-weight:bold;
        text-decoration:none;
        margin:2px;
}
.rbigbuttonoc:hover {
background: #ea1c09;
background: linear-gradient(to bottom,  #ea1c09 0%,#ff2925 100%);
}
.rbigbuttonoc:active {
        position:relative;
        top:1px;
}
.rbigbuttonoc:disabled {
background: #818181;
background: linear-gradient(to bottom,  #818181 0%,#6a6a6a 100%);
        border:2px solid #555555;
       text-shadow:#555555 0 1px 2px;
        color:#eeeeee;
}


.redbigbutton40 {
border-radius:3px;
color:#fff;
border:none;
background: #e51400;
       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 16px;
font-size:30px;

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






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;
}

	
.touchbutton {
	
	font-weight:bold;
	color:#ffffff;
	border:0px;
	font-size:30px; 
       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;
	border-radius:5px;
}

.touchbutton:active {
        position:relative;
        top:2px;
}



.quickdivider {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none;text-shadow:none;border-bottom: 2px solid #333333}


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


.bstat {BACKGROUND: #575757; padding:1px;COLOR:#eeeeee; FONT-SIZE: 14px; font-style: italic;FONT-WEIGHT: bolder; 
border-bottom: 1px solid black; border-left: 1px solid black;border-top: 1px solid black;
TEXT-DECORATION: none;padding:5px 5px;}

.astat {padding:1px; COLOR: #ffffff; FONT-SIZE: 14px; font-style: italic;
FONT-WEIGHT: bolder;  border: 1px solid black;
text-shadow: 2px 2px 3px black,-1px 0px #444444, 0px 1px #444444, 1px 0px #444444, 0px -1px #444444;
TEXT-DECORATION: none; padding:5px 5px;}

.elaps {BACKGROUND: #eeeeee; padding:1px;COLOR: #777777; FONT-SIZE: 11px; font-style: italic;
FONT-WEIGHT: bolder; 
TEXT-DECORATION: none;padding:5px 5px;text-align:center}



.attachext {BACKGROUND: #eeeeee; padding:1px;COLOR: #444444; FONT-SIZE: 10px; font-style: italic;FONT-WEIGHT: bolder; 
border: 1px solid black; TEXT-DECORATION: none; border-bottom-left-radius:2px;
border-top-left-radius:2px; padding:1px 5px;}


.text12money {BACKGROUND: #ffffff; padding:2px 6px 2px 6px;COLOR: #000000; FONT-SIZE: 13px; font-style: normal; FONT-WEIGHT: bold;  border: 2px solid #777777; TEXT-DECORATION: none; line-height:250%; border-radius:3px;}



.currentcart {
COLOR: #cccccc;
FONT-SIZE: 20px;
font-style: italic;
text-align:right;
FONT-WEIGHT: bold;

}


.currentcartitems {
COLOR: #ff0000;
FONT-SIZE: 20px;
font-style: italic;
text-align:right;
FONT-WEIGHT: bold;

}



#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;
}


.rnumbers {BACKGROUND: #95c7ff; border: 1px solid #000000; padding:5px; border-radius:3px;  font-weight:bold; color:#000000; FONT-SIZE: 12px; display:inline-block;}
A.rnumbers:link {BACKGROUND: #eeeeee;border: 1px solid #000000;padding:5px; border-radius:3px;font-weight:bold;color:#000000; FONT-SIZE: 12px; display:inline-block;}
A.rnumbers:visited {BACKGROUND: #eeeeee;border: 1px solid #000000;padding:5px; border-radius:3px; font-weight:bold;color:#000000; FONT-SIZE: 12px; display:inline-block;}
A.rnumbers:active {BACKGROUND: #ffffff;border: 1px solid #000000;padding:5px; border-radius:3px; font-weight:bold;color:#000000; FONT-SIZE: 12px; display:inline-block;}
A.rnumbers:hover {BACKGROUND: #ffffff;border: 1px solid #000000;padding:5px; border-radius:3px; font-weight:bold;color:#000000; FONT-SIZE: 12px; display:inline-block;}

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;}


.pcid {BACKGROUND: #ffffff; padding:1px 3px 1px 3px;COLOR: #000000; FONT-SIZE: 12px; font-style: italic; FONT-WEIGHT: bolder;  border: 1px solid #000000;TEXT-DECORATION:none; border-radius:5px; box-shadow: 0px 0px 2px #222222; line-height:250%;}


.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: 14px; FONT-WEIGHT: bolder;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: 14px; FONT-WEIGHT: bolder;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: 14px; FONT-WEIGHT: bolder;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: 14px; FONT-WEIGHT: bolder;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:#555555;
        border: 1px solid #cccccc;
        display:inline-block;
        color:#efefef;
        font-family:Verdana;
        font-size:12px;
        font-weight:normal;
        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:#777777;
}

.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-family:Verdana;
        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:4px;
border: 1px #cccccc solid;
}

.selects {
 background-color: #FFD7D7;
 font-size: 10px;
 padding: 3px;
 font-weight: bold;
 border: 1px 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:#555555;
color:#ffffff;
width:250px;
padding:8px;
text-align:center;
font-weight:bold;
box-sizing:border-box;
}
.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: 1px;
}



/* this is the style for the cart display in the POS */
table.pos {
	width: 100%;
	border-width: 0px;
	border-spacing: 3px;
	border-style: none;
	border-color: black;
	border-collapse: separate;
}
table.pos th {
	border-width: 3px;
	border-color: black;
	border-style: solid;
	padding: 3px;
	background-color: #c4f4b3;
        border-radius: 6px;
        text-align: left;
}
table.pos td {
	padding: 3px;
	background-color: white;
	border-radius: 6px;
}


/* this is the style for the cart display in the POS */
table.pos2 {
	margin-left:auto; 
    	margin-right:auto;
        width: 100%;
        padding:0px;
        border-collapse: collapse;
}
table.pos2 th {
        padding: 8px;
        text-align: left;
       background: #636d42;
	color:#ffffff;
	font-size:14px;
        font-family:Sans-Serif;
        font-weight:bold;
	border-radius: 3px;
}
table.pos2 td {
        padding: 10px;
        background-color: #333333;
	border-bottom: 1px solid #cccccc;
}


/* 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;
	color:#333333;
}
table.cal td {
	text-align: right;
	border: #777777 1px solid;
	vertical-align: top;
        padding: 3px;
        background-color: #333333;
        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: 3px;
	background: #111111;
	border-radius:3px;
	border: 1px #555555 solid;
        box-sizing:border-box;
}


.repaircartitem {
background: #f6feda;
 border: 1px solid #6F7A4A;
 border-radius: 3px;
        padding: 2px;
	margin-bottom:10px;
        width: 95%;
        margin-left:0px;
}




.timeritem {
background: #111111;
border-radius:3px;
        border-left: 10px solid #222222;
 border-top: 1px solid #222222;
 border-bottom: 1px solid #222222;
 border-right: 1px solid #222222;
        padding: 2px;
        margin-bottom:10px;
        width: 95%;
        margin-left:5px;
}

.timeritemactive {
background: #222222;
border-radius:3px;
        border-left: 10px solid #444444;
 border-top: 1px solid #444444;
 border-bottom: 1px solid #444444;
 border-right: 1px solid #444444;
        padding: 2px;
        margin-bottom:10px;
        width: 95%;
        margin-left:5px;
}


/* 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: #5c653e;
	box-sizing:border-box;
}


.groupbox {
        background: #fcfcfc;
}

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

.invoiceprebox {
        border: 1px solid #AAA58A;
        background: #F2EDD5;
        border-radius:2px;
        font-family: Helvetica;
        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: #333333;
        text-align: left;
        box-sizing: border-box;
}


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

.altbottom {
        padding: 6px;
        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:#eeeeee;
    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: #222222; /* Old browsers */

}


.bigbluebutton {
color:#fff;
border:none;
background: #0050ef;
text-shadow:#13367C 0 1px 2px;
padding:4px 16px;
font-size:25px;

        display:inline-block;
        font-family:Verdana;
        font-weight:bold;
        text-decoration:none;
        margin:2px;
}

.bigbluebutton:hover {
background: #009def;
}
.bigbluebutton:active {
        position:relative;
        top:1px;
}
.bigbluebutton:disabled {
background: #818181;
        border:none;
       text-shadow:#555555 0 1px 2px;
        color:#eeeeee;
}

.touchmenubutton {
color:#fff;
border-radius:3px;
border:#357ebd 1px solid;
width:250px;
background: #428bca;
       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:4px 16px;
font-size:25px;

        display:inline-block;
        font-family:Verdana;
        font-weight:bold;
        text-decoration:none;
        margin:5px;
}

.touchmenubutton:hover {
background: #009def;
}
.touchmenubutton:active {
        position:relative;
        top:1px;
}
.touchmenubutton:disabled {
color:#cccccc;
background: #818181;
border:#777777 1px solid;
       text-shadow:#555555 0 1px 2px;
        color:#eeeeee;
}



.calendar {
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
	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;
}



/* 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;
}

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


/* exp 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:400px;
	right:0px;
        box-shadow: -1px -1px 4px #222222;
        border-top: 1px solid #000000;
        border-left: 1px solid #000000;
        border-radius:3px 0px 0px 0px;	
        padding: 3px;
        background: #222222;
	text-align:center;
}


/* wip */

#navgonew {
    width:200px;
    top:0px;
    height: 46px;
    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: 46px; 
    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;
    position:absolute;
    padding:0px 0px;
    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;}




#navgo_rightnew {
    position: fixed;
    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%;
    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;
    position:absolute;
    padding: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-family:Arial;
    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-family:Arial;
    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;
}



.wonote {
	position:relative;
	padding:12px;
	margin:0 0 1.5em;
	border:1px solid #999999;
	color:#eeeeee;
	background:#333333;
}


.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:#999999 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 #333333;
}


/* 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 #333333;
}


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;
}



A.notifybutton:link    {display:block; text-decoration: none; color: #C40000; FONT-SIZE: 12px;
FONT-WEIGHT: bold;border-bottom:none;border-radius:3px; padding:5px;transition: all 0.3s ease 0s;}
A.notifybutton:visited {display:block; text-decoration: none; color: #C40000;
FONT-SIZE: 12px; FONT-WEIGHT: bold;border-bottom:none;border-radius:3px; padding:5px;}
A.notifybutton:active  {display:block; text-decoration: none; color: #C40000;
FONT-SIZE: 12px; FONT-WEIGHT: bold;border-bottom:none;border-radius:3px; padding:5px;}
A.notifybutton:hover   {display:block; text-decoration: none; color: #ffffff;
FONT-SIZE: 12px; FONT-WEIGHT: bold;background:#C40000;border-bottom:none;border-radius:3px; padding:5px;}

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

.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;
        border-radius:3px;
        border:1px solid #000000;
        display:inline-block;
        color:#eeeeee;
        font-family:Verdana;
        font-size:16px;
        font-weight:bold;
        padding:0px 4px;
        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 */
        border-radius:3px;
        border:1px solid #555555;
        display:inline-block;
        color:#222222;
        font-family:Verdana;
        font-size:16px;
        font-weight:bold;
        padding:0px 4px;
        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;
        font-family:Verdana;
}

/* 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: #CBDD87;
        text-align: left;
        border-bottom: 5px solid #828E57;
	color: #4D5434;
        font-size: 13px;
}
table.moneylist td {
        padding: 5px;
        border-bottom: 1px solid #AABA71;
}

table.moneylist tr:nth-child(odd) {
       background: #636d42;
       color: #cbdd87; 
}

table.moneylist tr:nth-child(even) {
       background: #3d4329;
       color: #cbdd87;
}

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




/* 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-family:Verdana;
        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-family:Verdana;
        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;
}


A.barlink:link    {text-decoration: none; color: #ffffff; FONT-SIZE: 16px; display:block; background: #333333; padding:8px; 
font-weight:bold;}
A.barlink:visited {text-decoration: none; color: #ffffff; FONT-SIZE: 16px; display:block; background: #333333; padding:8px; 
font-weight:bold;}
A.barlink:active  {text-decoration: none; color: #ffffff; FONT-SIZE: 16px; display:block; background: #333333; padding:8px; 
font-weight:bold;}
A.barlink:hover   {text-decoration: none; color: #ffffff; FONT-SIZE: 16px; display:block; background: #444444; padding:8px; 
font-weight:bold; border:none;}

A.barlinkalt:link    {text-decoration: none; color: #ffffff; FONT-SIZE: 16px; display:block; background: #999999; padding:8px; font-weight:bold;}
A.barlinkalt:visited {text-decoration: none; color: #ffffff; FONT-SIZE: 16px; display:block; background: #999999; padding:8px; font-weight:bold;}
A.barlinkalt:active  {text-decoration: none; color: #ffffff; FONT-SIZE: 16px; display:block; background: #999999; padding:8px; font-weight:bold;}
A.barlinkalt:hover   {text-decoration: none; color: #ffffff; FONT-SIZE: 16px; display:block; background: #aaaaaa; padding:8px; font-weight:bold; border:none;}

.barlinkmoneydisabled    {text-decoration: none; color: #CDD8A6; FONT-SIZE: 16px; display:block; background: #9EAA75; padding:3px;}
A.barlinkmoney:link    {text-decoration: none; color: #ffffff; FONT-SIZE: 16px; display:block; background: #9EAA75; padding:3px;}
A.barlinkmoney:visited {text-decoration: none; color: #ffffff; FONT-SIZE: 16px; display:block; background: #9EAA75; padding:3px;}
A.barlinkmoney:active  {text-decoration: none; color: #ffffff; FONT-SIZE: 16px; display:block; background: #9EAA75; padding:3px;}
A.barlinkmoney:hover   {text-decoration: none; color: #ffffff; FONT-SIZE: 16px; display:block; background: #9EAA75; padding:3px; opacity:.75;}



A.barlinkstatus:link    {text-decoration: none; color: #ffffff; FONT-SIZE: 16px; display:block; padding:8px; font-weight:bold; border-radius:3px;transition: all 0.3s ease 0s;}
A.barlinkstatus:visited {text-decoration: none; color: #ffffff; FONT-SIZE: 16px; display:block; padding:8px; font-weight:bold; border-radius:3px;}
A.barlinkstatus:active  {text-decoration: none; color: #ffffff; FONT-SIZE: 16px; display:block; padding:8px; font-weight:bold; border-radius:3px;}
A.barlinkstatus:hover   {text-decoration: none; color: #ffffff; FONT-SIZE: 16px; display:block; padding:8px; font-weight:bold; border:none; opacity:.5; border-radius:3px;}


A.moneybarlink:link    {text-decoration: none; color: #ffffff; FONT-SIZE: 14px; display:block; background: #828E57; padding:8px;
font-weight:bold;transition: all 0.3s ease 0s;}
A.moneybarlink:visited {text-decoration: none; color: #ffffff; FONT-SIZE: 14px; display:block; background: #828E57; padding:8px;
font-weight:bold;}
A.moneybarlink:active  {text-decoration: none; color: #ffffff; FONT-SIZE: 14px; display:block; background: #828E57; padding:8px;
font-weight:bold;}
A.moneybarlink:hover   {text-decoration: none; color: #ffffff; FONT-SIZE: 14px; display:block; background: #828E57; padding:8px;
opacity:.75; font-weight:bold; border:none;}


.toolbarlinklabel {text-decoration: none; color: #ffffff; FONT-SIZE: 13px; background: #777777; padding:8px;
font-weight:bold;box-sizing: border-box; border-top-left-radius:3px; border-bottom-left-radius:3px; display:inline-block;}
.toolbarlinkdisabled {text-decoration: none; color: #cccccc; FONT-SIZE: 13px; background: #eeeeee; padding:8px;
font-weight:bold;box-sizing: border-box; display:inline-block;}
A.toolbarlink:link    {text-decoration: none; color: #555555; FONT-SIZE: 13px; background: #eeeeee; padding:8px;
font-weight:bold;display:inline-block;transition: all 0.3s ease 0s;}
A.toolbarlink:visited {text-decoration: none; color: #555555; FONT-SIZE: 13px; background: #eeeeee; padding:8px;
font-weight:bold;display:inline-block;}
A.toolbarlink:active  {text-decoration: none; color: #555555; FONT-SIZE: 13px; background: #eeeeee; padding:8px;
font-weight:bold;display:inline-block;}
A.toolbarlink:hover   {text-decoration: none; color: #ffffff; FONT-SIZE: 13px; background: #888888; padding:8px;
font-weight:bold; border:none;display:inline-block;}

.toolbarlinksmalllabel {text-decoration: none; color: #ffffff; FONT-SIZE: 10px; background: #777777; padding:2px 8px;
font-weight:bold;box-sizing: border-box; border-top-left-radius:3px; border-bottom-left-radius:3px; display:inline-block;}
.toolbarlinksmalldisabled {text-decoration: none; color: #ffffff; FONT-SIZE: 10px; background: #777777; padding:2px 8px;
font-weight:bold;box-sizing: border-box; display:inline-block;}
A.toolbarlinksmall:link    {text-decoration: none; color: #555555; FONT-SIZE: 10px; background: #eeeeee; padding:2px 8px;
font-weight:bold;display:inline-block;transition: all 0.3s ease 0s;}
A.toolbarlinksmall:visited {text-decoration: none; color: #555555; FONT-SIZE: 10px; background: #eeeeee; padding:2px 8px;
font-weight:bold;display:inline-block;}
A.toolbarlinksmall:active  {text-decoration: none; color: #555555; FONT-SIZE: 10px; background: #eeeeee; padding:2px 8px;
font-weight:bold;display:inline-block;}
A.toolbarlinksmall:hover   {text-decoration: none; color: #ffffff; FONT-SIZE: 10px; background: #888888; padding:2px 8px;
font-weight:bold; border:none;display:inline-block;}

.invtoolbarlinksmalllabel {text-decoration: none; color: #ffffff; FONT-SIZE: 11px; background: #777777; padding:6px 3px;
font-weight:bold;box-sizing: border-box; border-top-left-radius:3px; border-bottom-left-radius:3px; display:inline-block;}
A.invtoolbarlinksmall:link    {text-decoration: none; color: #474539; FONT-SIZE: 11px; background: #CEC8A5; padding:6px 3px;
font-weight:bold;display:inline-block;transition: all 0.3s ease 0s;}
A.invtoolbarlinksmall:visited {text-decoration: none; color: #474539; FONT-SIZE: 11px; background: #CEC8A5; padding:6px 3px;
font-weight:bold;display:inline-block;}
A.invtoolbarlinksmall:active  {text-decoration: none; color: #474539; FONT-SIZE: 11px; background: #CEC8A5; padding:6px 3px;
font-weight:bold;display:inline-block;}
A.invtoolbarlinksmall:hover   {text-decoration: none; color: #FCF4C9; FONT-SIZE: 11px; background: #474539; padding:6px 3px;
font-weight:bold; border:none;display:inline-block;}

.moneytoolbarlinksmalldisabled {text-decoration: none; color: #A4B26E; FONT-SIZE: 11px; background: #CBDD87; padding:6px 6px;
font-weight:bold;box-sizing: border-box;  display:inline-block;}
.moneytoolbarlinksmalllabel {text-decoration: none; color: #ffffff; FONT-SIZE: 11px; background: #777777; padding:6px 6px;
font-weight:bold;box-sizing: border-box; border-top-left-radius:3px; border-bottom-left-radius:3px; display:inline-block;}
A.moneytoolbarlinksmall:link    {text-decoration: none; color: #4D5434; FONT-SIZE: 11px; background: #CBDD87; padding:6px 6px;
font-weight:bold;display:inline-block;transition: all 0.3s ease 0s;}
A.moneytoolbarlinksmall:visited {text-decoration: none; color: #4D5434; FONT-SIZE: 11px; background: #CBDD87; padding:6px 6px;
font-weight:bold;display:inline-block;}
A.moneytoolbarlinksmall:active  {text-decoration: none; color: #4D5434; FONT-SIZE: 11px; background: #CBDD87; padding:6px 6px;
font-weight:bold;display:inline-block;}
A.moneytoolbarlinksmall:hover   {text-decoration: none; color: #F3FFCE; FONT-SIZE: 11px; background: #4D5434; padding:6px 6px;
font-weight:bold; border:none;display:inline-block;}




A.statusbarlink:link    {text-decoration: none; color: #ffffff; FONT-SIZE: 13px; padding:8px;
font-weight:bold;display:block;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;transition: all 0.3s ease 0s;}
A.statusbarlink:visited {text-decoration: none; color: #ffffff; FONT-SIZE: 13px; padding:8px;
font-weight:bold;display:block;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;}
A.statusbarlink:active  {text-decoration: none; color: #ffffff; FONT-SIZE: 13px; padding:8px;
font-weight:bold;display:block;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;}
A.statusbarlink:hover   {text-decoration: none; color: #ffffff; FONT-SIZE: 13px; padding:8px;
font-weight:bold; border:none;display:block;opacity:.75;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;}

A.groupbarlink:link    {text-decoration: none; color: #ffffff; FONT-SIZE: 14px; display:block; background: #222222; padding:8px;
font-weight:bold;transition: all 0.3s ease 0s;}
A.groupbarlink:visited {text-decoration: none; color: #ffffff; FONT-SIZE: 14px; display:block; background: #222222; padding:8px;
font-weight:bold;}
A.groupbarlink:active  {text-decoration: none; color: #ffffff; FONT-SIZE: 14px; display:block; background: #222222; padding:8px;
font-weight:bold;}
A.groupbarlink:hover   {text-decoration: none; color: #ffffff; FONT-SIZE: 14px; display:block; background: #222222; padding:8px;
opacity:.75; font-weight:bold; border:none;}


/* 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: #777777;
        text-align: left;
	color:#efefef;
	font-size: 12px;
	box-sizing: border-box;
}

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

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

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

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

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

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


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

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


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

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

table.lastalignright td:last-child {
    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: #777777;
        text-align: left;
        color:#efefef;
        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 #555555;
        color:#cccccc;
        box-sizing: border-box;
        font-size: 20px;
}

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

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

table.printables {
        border-width: 0px;
        border-collapse: collapse;
        width:100%;
}
table.printables th {
        padding: 10px 10px 10px 10px;
        color: #000000;
        FONT-SIZE: 13px;
        FONT-FAMILY: Helvetica;
        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;
        FONT-FAMILY: Helvetica;

}

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

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:#555555;
        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:#222222;
        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:#222222;
        vertical-align:middle;
	text-align:center;
        width:30px;
	color:#cccccc;
	border:none;
        border-radius:3px 0px 0px 3px;
}

table.passbadge td:nth-child(even) {
        padding: 5px 5px 5px 10px;
        border: none;
        background:#111111;
        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:#444444;
        vertical-align:top;
        border-radius:0px 3px 3px 0px;
}


table.badge {
width:100%;
border-radius:3px;
border:1px #555555 solid;
background:#333333;
margin-bottom:10px;
box-shadow: 0 6px 2px -6px black;
}

.badge, .badgeclick{
width:100%;
padding:8px;
border-radius:3px;
border:1px #aaaaaa solid;
background:#ffffff;
margin-bottom:10px;
box-shadow: 0 6px 2px -6px black;
box-sizing:border-box;
}


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


.assetlist {
width:90%;
border-bottom:1px #111111 solid;
background:#555555;
padding:5px;
}


.colormered {
color:#ff6863;
}
.colormegreen {
color:#45fe56;
}
.colormemoney {
color: #cbdd87;
}
.colormeblue {
color:#5bdfff;
}
.colormewhite {
color:#ffffff;
}
.colormeblack {
color:#000000;
}
.colormegray {
color:#bbbbbb;
}


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


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

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

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

h5 {
font-size: 4em;
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;
}

.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 {
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 {
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 {
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 {
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;
}



.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: #eeeeee; background: #555555;}
.linkbuttongray:visited {color: #eeeeee; background: #555555;}
.linkbuttongray:active  {color: #eeeeee; background: #555555;}
.linkbuttongray:hover   {color: #ffffff; background: #999999; 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: #ffffff; background: #007a00;}
.linkbuttongreen:visited {color: #ffffff; background: #007a00;}
.linkbuttongreen:active  {color: #ffffff; background: #007a00;}
.linkbuttongreen:hover   {color: #007a00; background: #cffccf; 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: #FFE8E8; background: #be0000;}
.linkbuttonred:visited {color: #FFE8E8; background: #be0000;}
.linkbuttonred:active  {color: #FFE8E8; background: #FFE8E8;}
.linkbuttonred:hover   {color: #Ff0000; background: #FFE8E8; text-decoration: none; border-bottom: none;}
.linkbuttonredcontainer {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;}

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    {color: #4D5434; background: #CBDD87;}
A.linkbuttonmoney:visited {color: #4D5434; background: #CBDD87;}
A.linkbuttonmoney:active  {color: #F3FFCE; background: #4D5434;}
A.linkbuttonmoney:hover   {color: #F3FFCE; background: #4D5434; text-decoration: none; border-bottom: none;}

.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);
}



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

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


.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;
}

.nowrap {
white-space:nowrap;
}


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

