body { margin: 0px; padding: 0px; background: #ffffff; COLOR: #333333; 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:#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: 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:#f9f9f9;
        border: 1px solid #cccccc;
        display:inline-block;
        color:#333333;
        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:#ffffff;
}
.textbox:hover, .textboxw:hover {
  border: 1px solid #0090FF;
}


.textboxbig {
  -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: 3px solid #cccccc;
        display:inline-block;
        color:#333333;
        font-size:50px;
        font-weight:normal;
        padding:7px;
        text-decoration:none;
        border-radius:3px;
}
.textboxbig:focus {
  box-shadow: 0 0 5px #0090FF;
  padding: 7px;
  border: 3px solid #0090FF;
  display:inline-block;
  background-color:#ffffff;
}
.textboxbig:hover {
  border: 3px 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: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.pointofsale {
	margin-left:auto;
    	margin-right:auto;
        width: 100%;
        padding:0px;
        border-collapse: collapse;
}
table.pointofsale th {
        padding: 8px;
        text-align: left;
       background: #636d42;
	color:#ffffff;
	font-size:14px;
        font-weight:bold;
	border-radius: 3px 3px 0px 0px;
}
table.pointofsale td {
        padding: 10px;
        background-color: white;
	border-bottom: 1px solid #cccccc;
}
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: 3px;
	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: #e5deb5;
        border-radius:2px;
	font-size:12px;
	color: #474539;
}
.invoiceprebox {
        border: 1px solid #AAA58A;
        background: #F2EDD5;
        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;
}
/* 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;
}
/* 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: 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:260px;
    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;} /* right main menu? */
#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:250px;
    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="radio"] {
    display:none;
}
.checkbox label {
    display:inline-block;
    padding:5px 10px;
    font-family:Arial;
    font-size:20px;
    font-weight:bold;
    width:200px;
    margin:4px;
    border: 2px #0090ff solid;
}
.checkbox input[type="radio"]:checked + label {
    display:inline-block;
    background-color:#0090FF;
    width:200px;
    margin:4px;
    color:#ffffff;
    padding:5px 10px;
    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;
}


.checkbox2 input[type="radio"] {
    display:none;
}
.checkbox2 label {
    display:inline-block;
    padding:5px 10px;
    font-family:Arial;
    font-size:40px;
    font-weight:bold;
//    width:200px;
    margin:4px;
    border: 2px #0090ff solid;
}
.checkbox2 input[type="radio"]:checked + label {
    display:inline-block;
    background-color:#0090FF;
 //   width:200px;
    margin:4px;
    color:#ffffff;
    padding:5px 10px;
    border: 2px #0090FF solid;
    border-radius:3px;
}
.checkbox2 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;
}





.checkboxsmall input[type="checkbox"] {
    display:none;
}
.checkboxsmall label {
    display:inline-block;
    padding:1px 10px;
    font-family:Arial;
    font-size:11px;
    color:#555555;
    font-weight:bold;
    width:200px;
    margin:2px;
    border: 1px #bbbbbb solid;
}
.checkboxsmall input[type="checkbox"]:checked + label {
    display:inline-block;
    background-color:#0079D6;
    width:200px;
    margin:2px;
    color:#ffffff;
    padding:1px 10px;
    border: 1px #0079D6 solid;
    border-radius:3px;
}
.checkboxsmall 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: 1px solid #0090FF;
  margin:2px;
    border-radius:3px;
}


.checkboxlarge input[type="checkbox"] {
    display:none;
}
.checkboxlarge label {
    display:inline-block;
    padding:10px 10px;
    font-family:Arial;
    font-size:20px;
    color:#555555;
    font-weight:bold;
    width:775px;
    margin:10px;
    border: 1px #bbbbbb solid;
}
.checkboxlarge input[type="checkbox"]:checked + label {
    display:inline-block;
    background-color:#009900;
    width:775px;
    margin:10px;
    color:#ffffff;
    padding:10px 10px;
    border: 1px #005500 solid;
    border-radius:3px;
}
.checkboxlarge 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:#00ff00;
  box-shadow: 0 0 5px #003300;
  border: 1px solid #009900;
  margin:10px;
    border-radius:3px;
}




.radioboxsmall input[type="radio"] {
    display:none;
}
.radioboxsmall label {
    display:inline-block;
    padding:1px 10px;
    font-family:Arial;
    font-size:11px;
    color:#555555;
    font-weight:bold;
    width:200px;
    margin:2px;
    border: 1px #bbbbbb solid;
}
.radioboxsmall input[type="radio"]:checked + label {
    display:inline-block;
    background-color:#0079D6;
    width:200px;
    margin:2px;
    color:#ffffff;
    padding:1px 10px;
    border: 1px #0079D6 solid;
    border-radius:3px;
}
.radioboxsmall 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: 1px solid #0090FF;
  margin:2px;
    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 #999999;
	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:#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 #999999;
}
/* 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 #999999;
}
/* 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;
}
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-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-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;
}
/* 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;
}
.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;
}
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:white;
	font-size: 12px;
	box-sizing: border-box;
}
table.standard th:first-child, table.doublestandard th:first-child, table.moneylist th:first-child {
    border-radius: 3px 0 0 0;
}
table.standard th:last-child, table.doublestandard th:last-child, table.moneylist th:last-child {
    border-radius: 0 3px 0 0;
}
table.standard th:only-child, table.doublestandard th:only-child, table.moneylist th:only-child{
    border-radius: 3px 3px 0 0;
}
table.standard td, table.doublestandard td {
        padding: 5px;
        border-bottom: 1px solid #dddddd;
        color:black;
        box-sizing: border-box;
        font-size: 12px;
}
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: #fcfcfc;
       border-bottom: 5px solid #555555;
}
table.doublestandard tr:nth-child(4n-3), table.doublestandard tr:nth-child(4n-4) {
       background: #ffffff;
}
table.doublestandard tr:nth-child(4n-3) {
       background: #ffffff;
       border-bottom: 5px solid #555555;
}
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) {
    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: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;
}
.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:5px;
}
.colormered { color:#ff0000;
}
.colormegreen { color:#30B53E;
}
.colormedkgreen { color:#04af70;
}
.colormemoney { color: #636d42;
}
.colormeblue { color:#0050EF;
}
.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;
}
.linkbutton2x { 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;} 
.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;} .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 {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;} 
.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);
}
.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;
}
.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;
}


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

.radioboxsuper label {
    display:inline-block;
    padding:5px 5px;
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    width:60px;
    margin:4px;
    color:gray;
    text-align: center;
    border: 2px gray solid;
}

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

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


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

.radioboxlong label {
    display:inline-block;
    padding:5px 5px;
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    width:200px;
    margin:4px;
    color:gray;
    text-align: center;
    border: 2px gray solid;
}

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

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