body {
margin: 0px; 
padding: 0px; 
background: #ffffff;
}

*:focus {outline: none;}

#statuslisteven { background-color:#eeeeee; border-top: #cccccc 1px solid; border-bottom: #cccccc 1px solid; }
#statuslistodd { background-color:#ffffff; border-top: #cccccc 1px solid; border-bottom: #cccccc 1px solid; }


#quickbar {
        z-index:27;
        position: fixed;
        top: 510px;
	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);
}



#uquickbar {
	z-index:28;
        position: fixed;
        top: 295px;
        left:-60px;
        width: 150px;
        height:28px;
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
       transform: rotate(-270deg);
}

.addressphone {
	display:block;
	font-weight:bold;
	color: #ffffff;
	font-size: 12px;
	font-family: Verdana;
        padding:3px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
       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;
}



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

        A.smalllink:link    {text-decoration: none; color: #0038DF; FONT-SIZE: 11px; FONT-FAMILY: Helvetica, Sans;}
        A.smalllink:visited {text-decoration: none; color: #0038DF; FONT-SIZE: 11px; FONT-FAMILY: Helvetica, Sans;}
        A.smalllink:active  {text-decoration: none; color: #2058FF; FONT-SIZE: 11px; FONT-FAMILY: Helvetica, Sans;}
        A.smalllink:hover   {text-decoration: none; color: #2058FF; FONT-SIZE: 11px; FONT-FAMILY: Helvetica, Sans; border-bottom: 1px solid #d7d7d7;}




        A.statuslink:link    {z-index:27;position:relative; text-decoration: none; color: #0038DF; FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Helvetica, Sans;}
        A.statuslink:visited {z-index:27;position:relative; text-decoration: none; color: #0038DF; FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Helvetica, Sans;}
        A.statuslink:active  {z-index:27;position:relative; text-decoration: none; color: #2058FF; FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Helvetica, Sans; border-bottom: 1px solid #d7d7d7;}
        A.statuslink:hover   {z-index:28;position:relative; text-decoration: none; color: #2058FF; FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Helvetica, Sans; border-bottom: 1px solid #d7d7d7;}

a.statuslink span{display: none;}

a.statuslink:hover span{
	 z-index:29;
        box-shadow: 2px 2px 3px #000000;
        padding: 5px;
        display:block;
        position:absolute;
        top:0em; left:25em; width:30em;
	color:#fff;
        text-align: left;
 	text-shadow: #000000 2px 2px 1px;
}


        A.statuslinkbig:link    {z-index:24;position:relative; text-decoration: none; color: #0038DF; FONT-WEIGHT: bold; FONT-SIZE: 15px; FONT-FAMILY: Helvetica, Sans;}
        A.statuslinkbig:visited {z-index:24;position:relative; text-decoration: none; color: #0038DF; FONT-WEIGHT: bold; FONT-SIZE: 15px; FONT-FAMILY: Helvetica, Sans;}
        A.statuslinkbig:active  {z-index:24;position:relative; text-decoration: none; color: #2058FF; FONT-WEIGHT: bold; FONT-SIZE: 15px; FONT-FAMILY: Helvetica, Sans;border-bottom: 1px solid #d7d7d7;}
        A.statuslinkbig:hover   {z-index:25;position:relative; text-decoration: none; color: #2058FF; FONT-WEIGHT: bold; FONT-SIZE: 15px; FONT-FAMILY: Helvetica, Sans;border-bottom: 1px solid #d7d7d7;}

a.statuslinkbig span{display: none;}

a.statuslinkbig:hover span{
         z-index:26;
        box-shadow: 2px 2px 3px #000000;
        padding: 5px;
        display:block;
        position:absolute;
        top:1.5em; left:25em; width:30em;
        color:#fff;
        text-align: left;
        text-shadow: #000000 2px 2px 1px;
}





        A.csc:link    {z-index:24;position:relative; text-decoration: none; color: #0038DF;FONT-WEIGHT: bold;FONT-SIZE: 12px; FONT-FAMILY: Helvetica, Sans; border-bottom: 1px solid #535353;}
        A.csc:visited {z-index:24;position:relative; text-decoration: none; color: #0038DF;FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Helvetica, Sans; border-bottom: 1px solid #535353;}
        A.csc:active  {z-index:24;position:relative; text-decoration: none; color: #2058FF;FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Helvetica, Sans; border-bottom: 1px solid #d7d7d7;}
        A.csc:hover   {z-index:25;position:relative; text-decoration: none; color: #2058FF;FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Helvetica, Sans; border-bottom: 1px solid #d7d7d7;}

a.csc span{display: none;}

a.csc:hover span{
         z-index:26;
        box-shadow: 2px 2px 3px #000000;
        padding: 5px;
        display:block;
        position:absolute;
        top:0em; left:4em; width:25em;
        color:#fff;
        text-align: left;
        text-shadow: #000000 2px 2px 1px;
}




        A.grouphover:link    {padding:4px;z-index:24;position:relative; text-decoration: none; color: #ffffff; FONT-WEIGHT: bold; FONT-SIZE: 15px;FONT-FAMILY: Helvetica, Sans;border-bottom:none;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;}
        A.grouphover:visited {padding:4px;z-index:24;position:relative; text-decoration: none; color: #ffffff; FONT-WEIGHT: bold; FONT-SIZE: 15px;FONT-FAMILY: Helvetica, Sans;border-bottom:none;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;}
        A.grouphover:active  {padding:4px;z-index:24;position:relative; text-decoration: none; color: #ffffff; FONT-WEIGHT: bold; FONT-SIZE: 15px;FONT-FAMILY: Helvetica, Sans;border-bottom:none;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;}
        A.grouphover:hover   {padding:4px;z-index:100;position:relative; text-decoration: none; color: #ffffff; FONT-WEIGHT: bold; FONT-SIZE: 15px;FONT-FAMILY: Helvetica, Sans;background: #cae0f3;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;}


a.grouphover span{display: none;}

a.grouphover:hover span{
        z-index:101;
        box-shadow: 2px 2px 5px #000000;
        padding: 5px;
        display:block;
        position:absolute;
       top:2em; right:0; width:30em;
	color:#fff;
        text-align: left;
        background: #cae0f3;
}




/* Main Button */

.button {
color:#fff;
border:#357ebd 1px solid;
background: #428bca;
border-radius:3px;
padding:5px 5px;
font-size:14px;
	display:inline-block;
	font-family:Helvetica, Sans;
	font-weight:normal;
	margin:3px;
}

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


.ibutton {
color:#fff;
border: #ac2925 1px solid;
border-radius: 3px;
background: #d2322d;
padding:5px 5px;
font-size:14px;

        display:inline-block;
        font-family:Verdana;
        font-weight:normal;
        margin:2px;

}.ibutton:hover {
background: #ff4938;
}.ibutton:active {
	position:relative;
	top:1px;
}.ibutton: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-family:Verdana;
        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-family:Verdana;
        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-family:Verdana;
        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-family:Verdana;
        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-family:Verdana;
        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-family:Helvetica, Sans;font-weight:bold;color:#cccccc;font-size:small; border-radius:8px}

INPUT.largebutton { background-color:#009900; font-family:Helvetica, Sans; 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-family:Helvetica, Sans;
	font-weight:bold;
	color:#ffffff;
	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;
        box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.65), inset 0px 0px 1px 1px rgba(255, 255, 255, 0.75);
}

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




.text10 {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none}
.text10b {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bolder; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none}
.text10i {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; font-style: italic; FONT-WEIGHT: normal; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none}
.text12 {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-WEIGHT: normal; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none;text-shadow:none;}
.text12i {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; font-style: italic; FONT-WEIGHT: normal; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none;text-shadow:none;}
.text12eng {BACKGROUND: none; COLOR: #aaaaaa; FONT-SIZE: 12px; FONT-WEIGHT: normal; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none; text-shadow: #ffffff 1px 1px 0px;}
.text12b {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none;text-shadow:none;}
.text12bu {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: underline;}

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

.text12bub {BACKGROUND: #777777; padding:1px;COLOR: #ffffff; FONT-SIZE: 12px; font-style: italic; FONT-WEIGHT: bolder; FONT-FAMILY:Helvetica, Sans; TEXT-DECORATION: none; text-shadow: #000000 1px 1px 1px; line-height:250%;padding: 4px 5px;}
.text12bub2 {BACKGROUND: #ffffff; padding:1px;COLOR: #000000; FONT-SIZE: 12px;FONT-WEIGHT: normal; FONT-FAMILY:Helvetica, Sans; 
TEXT-DECORATION: none; line-height:250%; padding: 4px 5px;}

.bwoid {BACKGROUND: #575757; COLOR: #eeeeee; FONT-SIZE: 12px; font-style: italic;FONT-WEIGHT: bolder; FONT-FAMILY:Helvetica, Sans; 
TEXT-DECORATION: none; padding:2px 5px;}

.bpcid {BACKGROUND: #575757; COLOR: #eeeeee; FONT-SIZE: 12px; font-style: italic;FONT-WEIGHT: bolder; FONT-FAMILY:Helvetica, Sans; 
TEXT-DECORATION: none; padding:2px 5px;}

.awoid {BACKGROUND: #b7efac; COLOR: #0e5300; FONT-SIZE: 12px; font-style: italic;
FONT-WEIGHT: bolder; FONT-FAMILY:Helvetica, Sans; 
TEXT-DECORATION: none;padding:2px 10px;}

.apcid {BACKGROUND: #ffc7c7; COLOR: #530000; FONT-SIZE: 12px; font-style: italic;
FONT-WEIGHT: bolder; FONT-FAMILY:Helvetica, Sans; 
TEXT-DECORATION: none; padding:2px 10px;}

.bwoid10 {BACKGROUND: #575757; padding:1px; COLOR: #eeeeee; FONT-SIZE: 10px; font-style: normal;FONT-WEIGHT: bolder; FONT-FAMILY:Helvetica, Sans;
TEXT-DECORATION: none;padding:3px 5px;}

.bpcid10 {BACKGROUND: #575757; padding:1px; COLOR: #eeeeee; FONT-SIZE: 10px; font-style: normal;FONT-WEIGHT: bolder; FONT-FAMILY:Helvetica, Sans;
TEXT-DECORATION: none; padding:3px 5px;}

.awoid10 {BACKGROUND: #b7efac; padding:1px; COLOR: #0e5300; FONT-SIZE: 10px; font-style: normal;
FONT-WEIGHT: bolder; FONT-FAMILY:Helvetica, Sans;
TEXT-DECORATION: none; padding:3px 5px;}

.apcid10 {BACKGROUND: #ffc7c7; padding:1px; COLOR: #530000; FONT-SIZE: 10px; font-style: normal;
FONT-WEIGHT: bolder; FONT-FAMILY:Helvetica, Sans;
TEXT-DECORATION: none;padding:3px 5px;}


.bgid {BACKGROUND: #575757; padding:1px;COLOR: #eeeeee; FONT-SIZE: 12px; font-style: italic;FONT-WEIGHT: bolder; FONT-FAMILY:Helvetica, Sans;
TEXT-DECORATION: none; padding:5px 5px;}

.agid {BACKGROUND: #89aaff; padding:1px;COLOR: #000053; FONT-SIZE: 12px; font-style: italic;
FONT-WEIGHT: bolder; FONT-FAMILY:Helvetica, Sans; 
TEXT-DECORATION: none; padding:5px 5px;}

.bgid10 {BACKGROUND: #575757; padding:1px;COLOR: #eeeeee; FONT-SIZE: 10px; font-style: italic;FONT-WEIGHT: bolder; FONT-FAMILY:Helvetica, Sans;
TEXT-DECORATION: none; padding:3px 5px;}

.agid10 {BACKGROUND: #89aaff; padding:1px;COLOR: #000053; FONT-SIZE: 10px; font-style: italic;
FONT-WEIGHT: bolder; FONT-FAMILY:Helvetica, Sans;
TEXT-DECORATION: none; padding:3px 5px;}




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


.bstat {BACKGROUND: #575757; padding:1px;COLOR:#eeeeee; FONT-SIZE: 14px; font-style: italic;FONT-WEIGHT: bolder; FONT-FAMILY:Helvetica, Sans;
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; FONT-FAMILY:Helvetica, Sans; 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; FONT-FAMILY:Helvetica, Sans; 
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; FONT-FAMILY:Helvetica, Sans;
border: 1px solid black; TEXT-DECORATION: none; border-bottom-left-radius:2px;
border-top-left-radius:2px; padding:1px 5px;}

.thankyou {
background: #5a6608; /* Old browsers */
background: linear-gradient(to bottom,  #5a6608 0%,#b28a1c 7%,#caab32 23%,#d4bf64 29%,#eee17c 35%,#f7ef85 41%,#d8c766 52%,#cdae47 57%,#caab32 63%,#d1b85f 69%,#dfd26d 76%,#d7c363 82%,#cdae49 87%,#b28c22 93%,#887516 97%,#5a6608 100%,#5a6608 100%); /* W3C */
COLOR: #000000; FONT-SIZE: 10px; font-style: normal;FONT-WEIGHT: bolder; FONT-FAMILY:Helvetica, Sans;
border: 1px solid black;text-shadow: #ffffff 1px 1px 0px;
TEXT-DECORATION: none;border-radius:3px; padding:0px 5px;}


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

.systemheading {
padding:1px;
white-space:nowrap;
margin-right:5px;
COLOR: #ffffff; 
FONT-SIZE: 25px; 
font-style: italic;
text-align:right;
FONT-WEIGHT: bold; 
FONT-FAMILY:Trebuchet MS,Helvetica, Sans,Arial; 
border-bottom: 2px solid #000000; 
border-left: 2px solid #000000;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
TEXT-DECORATION: none;
 text-shadow: 2px 2px 1px #333333,-2px 0px 1px #333333, 0px 2px 1px #333333, 2px 0px 1px #333333, 0px -2px 1px #333333;
border-bottom-left-radius:10px;
box-shadow: -2px 2px 4px #222222,inset 0px 0px 1px 1px rgba(255, 255, 255, 0.5);
background: #7d7e7d;
background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%);

}


.currentcart {
padding:0px;
COLOR: #ffffff;
FONT-SIZE: 25px;
font-style: italic;
text-align:right;
FONT-WEIGHT: bold;
FONT-FAMILY:Trebuchet MS,Helvetica, Sans,Arial;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
border-top-left-radius:3px;
border-bottom-left-radius:3px;
TEXT-DECORATION: none;
       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;
background: rgb(168,168,168);
}


.currentcartitems {
padding:0px;
COLOR: #ffffff;
FONT-SIZE: 25px;
font-style: italic;
text-align:right;
FONT-WEIGHT: bold;
border-top-right-radius:3px;
border-bottom-right-radius:3px;
FONT-FAMILY:Trebuchet MS,Helvetica, Sans,Arial;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
TEXT-DECORATION: none;
       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;
background: rgb(255,130,130);
}



#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-family:Helvetica, Sans; font-weight:bold; color:#000000; FONT-SIZE: 12px;}
A.rnumbers:link {BACKGROUND: #eeeeee;border: 1px solid #000000;padding:5px; border-radius:3px;font-family:Helvetica, Sans;font-weight:bold;color:#000000; FONT-SIZE: 12px;}
A.rnumbers:visited {BACKGROUND: #eeeeee;border: 1px solid #000000;padding:5px; border-radius:3px;font-family:Helvetica, Sans;font-weight:bold;color:#000000; FONT-SIZE: 12px;}
A.rnumbers:active {BACKGROUND: #ffffff;border: 1px solid #000000;padding:5px; border-radius:3px;font-family:Helvetica, Sans;font-weight:bold;color:#000000; FONT-SIZE: 12px;}
A.rnumbers:hover {BACKGROUND: #ffffff;border: 1px solid #000000;padding:5px; border-radius:3px;font-family:Helvetica, Sans;font-weight:bold;color:#000000; FONT-SIZE: 12px;}

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; FONT-FAMILY:Helvetica, Sans; border: 1px solid #000000;TEXT-DECORATION:none; border-radius:5px; box-shadow: 0px 0px 2px #222222; line-height:250%;}


.text14b {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none}
.text20b {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 20px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none}
.text20bo {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 20px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none; border: 2px solid #000000; padding:3px; border-radius: 5px;}
.text30b {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 30px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none}

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

.text14bu {
      FONT-SIZE: 16px;
    COLOR: #333333;
        font-style: normal;
        FONT-WEIGHT: normal;
        FONT-FAMILY: Helvetica, Sans;
padding:4px;
line-height:250%;

}


.text16bu {
      FONT-SIZE: 20px;
    COLOR: #333333;
        font-style: normal;
        FONT-WEIGHT: normal;
        FONT-FAMILY: Helvetica, Sans;
line-height:200%;
padding:5px;
}

.text16heading {
white-space:nowrap; 
border-radius:3px;
       padding:4px;
        COLOR: #ffffff;
        FONT-SIZE: 20px;
        font-style: italic;
        FONT-WEIGHT: bold;
        FONT-FAMILY: Helvetica, Sans;
        border-left: 5px solid #000000;
        TEXT-DECORATION: none;
       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;
background: #999999;
}

.groupheading {
        padding:6px;
	border-radius:3px;
        COLOR: #ffffff;
        FONT-SIZE: 18px;
        FONT-WEIGHT: bold;
        FONT-FAMILY: Helvetica, Sans;
        border-left: 5px solid #002b83;
        TEXT-DECORATION: none;
        text-shadow: -1px 0px #444444, 0px 1px #444444, 1px 0px #444444, 0px -1px #444444;
        background: #0050ef; /* old browsers */
}


.text12heading {
        padding:4px;
        COLOR: #ffffff;
        FONT-SIZE: 12px;
        font-style: italic;
        FONT-WEIGHT: bold;
        FONT-FAMILY: Helvetica, Sans;
        border-left: 5px solid #000000;
        TEXT-DECORATION: none;
        text-shadow: #000000 2px 2px 1px;
        background: #222222; /* old browsers */
}


.text16bu-ongreen {
      FONT-SIZE: 20px;
    COLOR: #636d42;
        font-style: normal;
        FONT-WEIGHT: normal;
        FONT-FAMILY: Helvetica, Sans;
padding:3px;
line-height:200%;
}



.textred10 {BACKGROUND: none; COLOR: #ff0000; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none}
.textblue10 {BACKGROUND: none; COLOR: #0000ff; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none}
.textred12 {BACKGROUND: none; COLOR: #ff0000; FONT-SIZE: 12px; FONT-WEIGHT: normal; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none}
.textred12b {BACKGROUND: none; COLOR: #ff0000; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none}
.textwhite10b {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none}
.textwhite12 {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 13px; FONT-WEIGHT: normal; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none}
.textwhite12b {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 14px; FONT-WEIGHT: normal; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none; 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;}
.textwhite14b {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 15px; FONT-WEIGHT: normal; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none; 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;}
.textred14b {BACKGROUND: none; COLOR: #ff0000; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none}
.textred20b {BACKGROUND: none; COLOR: #ff0000; FONT-SIZE: 20px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none}
.textred30b {BACKGROUND: none; COLOR: #ff0000; FONT-SIZE: 30px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none}
.textgreen12b {BACKGROUND: none; COLOR: green; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none}
.textgreen14b {BACKGROUND: none; COLOR: green; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none}
.textblue12b {BACKGROUND: none; COLOR: #0000ff; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none}
.textgray12b {BACKGROUND: none; COLOR: gray; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none}
.textwhite16b {BACKGROUND: none; COLOR: white; FONT-SIZE: 18px; FONT-WEIGHT: normal; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none;       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;}
.textwhite20b {BACKGROUND: none; COLOR: white; FONT-SIZE: 20px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none;       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;}
.textgray10i {BACKGROUND: none; COLOR: gray; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none; FONT-STYLE: italic}
.textgray12i {BACKGROUND: none; COLOR: gray; FONT-SIZE: 12px; FONT-WEIGHT: normal; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none; FONT-STYLE: italic}
.textltblue12b {BACKGROUND: none; COLOR: #a9a9ff; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none;       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;}


A.biglink:link    {text-decoration: none; color: #010d57; FONT-SIZE: 14px; FONT-FAMILY: Helvetica, Sans; border-bottom: 1px solid #535353;}
A.biglink:visited {text-decoration: none; color: #010d57; FONT-SIZE: 14px; FONT-FAMILY: Helvetica, Sans; border-bottom: 1px solid #535353;}
A.biglink:active  {text-decoration: none; color: #2058FF; FONT-SIZE: 14px; FONT-FAMILY: Helvetica, Sans; border-bottom: 1px solid #d7d7d7;}
A.biglink:hover   {text-decoration: none; color: #2058FF; FONT-SIZE: 14px; FONT-FAMILY: Helvetica, Sans; border-bottom: 1px solid #d7d7d7;}
A.giantlink:link    {text-decoration: none; color: #0038DF; FONT-SIZE: 30px; FONT-FAMILY: Helvetica, Sans; border-bottom: 1px solid #535353;}
A.giantlink:visited {text-decoration: none; color: #0038DF; FONT-SIZE: 30px; FONT-FAMILY: Helvetica, Sans; border-bottom: 1px solid #535353;}
A.giantlink:active  {text-decoration: none; color: #2058FF; FONT-SIZE: 30px; FONT-FAMILY: Helvetica, Sans; border-bottom: 1px solid #d7d7d7;}
A.giantlink:hover   {text-decoration: none; color: #2058FF; FONT-SIZE: 30px; FONT-FAMILY: Helvetica, Sans; border-bottom: 1px solid #d7d7d7;}
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.boldlink:link    {text-decoration: none; color: #0038DF; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans;}
A.boldlink:visited {text-decoration: none; color: #0038DF; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans;}
A.boldlink:active  {text-decoration: none; color: #2058FF; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans;}
A.boldlink:hover   {text-decoration: none; color: #2058FF; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans; border-bottom: 1px solid #d7d7d7;}
A.noprint:link          {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 12px; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none}
A.noprint:active        {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 12px; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none}
A.noprint:visited	{BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 12px; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none}
A.noprint:hover         {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 12px; FONT-FAMILY: Helvetica, Sans; TEXT-DECORATION: none}

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

A.menulink:link    {display:block;width:250px; text-decoration: none; color: #555555; FONT-SIZE: 14px; FONT-WEIGHT: bolder; FONT-FAMILY: Helvetica, Sans;border-bottom:none;border-radius:2px;}
A.menulink:visited {display:block;width:250px; text-decoration: none; color: #555555; FONT-SIZE: 14px; FONT-WEIGHT: bolder; FONT-FAMILY: Helvetica, Sans;border-bottom:none;border-radius:2px;}
A.menulink:active  {display:block;width:250px; text-decoration: none; color: #555555; FONT-SIZE: 14px; FONT-WEIGHT: bolder; FONT-FAMILY: Helvetica, Sans;border-bottom:none;border-radius:2px;}
A.menulink:hover   {display:block;width:250px; text-decoration: none; color: #000000; background:#dddddd; FONT-SIZE: 14px; FONT-WEIGHT: bolder; FONT-FAMILY: Helvetica, Sans;border-bottom:none;border-radius:2px;}

A.menulinksm:link    {display:block;width:270px; text-decoration: none; color: #555555; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans;border-bottom:none;border-radius:3px;}
A.menulinksm:visited {display:block;width:270px; text-decoration: none; color: #555555; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans;border-bottom:none;border-radius:3px;}
A.menulinksm:active  {display:block;width:270px; text-decoration: none; color: #555555; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans;border-bottom:none;border-radius:3px;}
A.menulinksm:hover   {display:block;width:270px; text-decoration: none; color: #000000; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans;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; FONT-FAMILY:Helvetica, Sans; 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; FONT-FAMILY:Helvetica, Sans; 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; FONT-FAMILY:Helvetica, Sans; 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; FONT-FAMILY:Helvetica, Sans; border: 1px solid blue; border-radius:5px;  padding:0px 5px;}


table.interface { width:100%; border-style:none; padding:0px; margin:0px;
        background: #999999; /* old browsers */
        background: linear-gradient(to right, #b5bdc8 0%,#828c95 36%,#28343b 100%); /* W3C */
}

/* This is the empty bar under the main top link bar */
.topline {
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
        width: 100%;
        height: 8px;
        background: #65FF00; /* old browsers */
	box-shadow: 0px 3px 10px #000000;
        background: linear-gradient(to bottom, #65FF00 0%,#439600 100%); /* W3C */
}




.bottombar {
        border-left: 1px solid #999999;
        border-top: 1px solid #999999;
        border-right: 1px solid #999999;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
        width: 75%;
        margin-left:auto;
        margin-right:auto;
	margin-bottom:0px;
	text-align:center;       
 	padding:10px 0px 10px 0px;
        background: #fcfff4; /* old browsers */
}

/* This is the orange bar used in the report graphs */
.gbarorange {
	float: left;
        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; /* old browsers */
        background: linear-gradient(to bottom, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* W3C */
	box-shadow: 0px 3px 5px #000000;
}

/* This is the red bar used in the report graphs */
.gbarred {
	float: left;
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
        border-right: 1px solid #000000;
        height: 8px;
        margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	background: #f85032; /* old browsers */
        background: linear-gradient(to bottom, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* W3C */
	box-shadow: 0px 3px 5px #000000;
}

/* This is the green bar used in the report graphs */
.gbargreen {
       	float: left;
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
        border-right: 1px solid #000000;
        height: 8px;
        margin-top: 2px;
	margin-right: 10px;
        margin-bottom: 2px;
	background: #9dd53a; /* old browsers */
        background: linear-gradient(to bottom, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
	box-shadow: 0px 3px 5px #000000;
}

/* This is the blue bar used in the report graphs */
.gbarblue {
        float: left;
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
        border-right: 1px solid #000000;
        height: 8px;
        margin-top: 2px;
        margin-right: 10px;
        margin-bottom: 2px;
background: #6db3f2; /* Old browsers */
background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C */
        box-shadow: 0px 3px 5px #000000;
}



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-family:Verdana;
        font-size:12px;
        font-weight:normal;
        padding:7px;
        text-decoration:none;
}

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

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



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

.textboxnoborder {
        background-color:#ffffff;
        border:none;
        display:inline-block;
        color:#000000;
        font-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 #333333;
border-radius: 3px;
}

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


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


input.search {
	font-size: 14px;
 	padding: 3px;
 	font-weight: bold;
 	background-color: #eeeeee;
 	border: 1px solid #555555;
	padding-left:25px;
	background-image: url('images/find.png');
	background-repeat: no-repeat;
}



.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:#eeeeee;
width:200px;
padding:8px;
text-align:center;
font-weight:bold;
border:1px solid #000000;
}
.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;
}


/* 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-width: 1px;
        border-spacing: 0px;
        border-style: solid;
        border-color: black;
        border-collapse: collapse;
}
table.pos2 th {
        border-width: 1px solid #000000;
        padding: 5px;
        text-align: left;
       background: #636d42;
}
table.pos2 td {
        padding: 10px;
        background-color: white;
	border: 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 5px 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 recurring invoice list */
table.inv {
	width: 100%;
        border-width: 0px;
        border-collapse: collapse;
}
table.inv th {
        padding: 5px;
        background: #eeeeee;
        text-align: left;
        border-bottom: 5px solid #777777
}
table.inv td {
	padding: 5px;
}

.troweven {
	border-bottom: 2px solid #777777;
        background: #cccccc;
}

.trowodd {
        border-bottom: 1px solid #777777;
        background: #eeeeee;
}
.troweven2 {
        background: #cccccc;
}

.trowodd2 {
        background: #ffffff;
}


/* 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: #eeeeee;
	border-radius:3px;
	border: 1px #cccccc solid;
}

.startbox_nested {
        background-color: #eeeeee;
        padding: 3px;
	width: 97%;
	margin-left:auto;
	margin-right:auto;
        border-radius:3px;
        border: 1px #cccccc solid;

}

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




.timeritem {
background: #f9f9f9;
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: 95%;
        margin-left:5px;
}

.timeritemactive {
background: #f9f9f9;
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: 95%;
        margin-left:5px;
}


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

/* this is the style for the boxes at the bottom of the current cart */
.moneybox_nested {
        padding: 3px;
	width: 97%;
	background: #F3FFCE; /* old browsers */
        border: 1px #AABA71 solid;
        border-radius: 3px;
}


.groupbox {
        background: #cae0f3;
}

.invoicebox {
        border: 1px solid #645814;
        background: #e5deb5;
        border-radius:3px;
}

.invoiceprebox {
        border: 1px solid #645814;
        background: #fff7ca;
        border-radius:3px;
}


/* this is the style for all other color interface boxes*/
.colorbox {
	padding: 7px;
}

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


.colorbox_nested {
        padding: 3px;
	border-radius:3px;
  	width:97%;
	margin-left:auto;
        margin-right:auto;
}

.touchbox {
        border: 2px solid #777777;
        padding: 7px;
	background:#ffffff;
}


/* styles for the pc status boxes with no corner radii*/
.colortitle {
        border-right: 2px solid #000000;
        border-left: 2px solid #000000;
        border-top: 2px solid #000000;
        border-bottom: 1px solid #000000;
        padding: 4px;
        text-align: left;
        width: 100%;
        box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.65), inset 0px 0px 1px 1px rgba(255, 255, 255, 0.75);
}

/* styles for for the pc status boxes with corner radii - everything else should match above style */
.colortitletopround {
        padding: 4px;
        text-align: left;
        border-top-left-radius:6px;
        border-top-right-radius:6px;
        width: 100%;
        box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.65), inset 0px 0px 1px 1px rgba(255, 255, 255, 0.75);
}

.whitemiddle {
        border-right: 2px solid #000000;
        border-left: 2px solid #000000;
        padding: 4px;
        background: #ffffff;
        text-align: left;
}


.whitebottom {
        border-bottom: 2px solid #000000;
        border-right: 2px solid #000000;
        border-left: 2px solid #000000;
        padding: 4px;
        background: #ffffff;
        text-align: left;
        border-bottom-left-radius:5px;
        border-bottom-right-radius:5px;
}


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



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

a.infotext:hover{z-index:21; background-color:#fff}

a.infotext span{display: none}

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


.productimagebg {
background: #ffffff; /* 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; 
    FONT-FAMILY: Helvetica, Sans;
    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;
}


/* 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 0px 0px 0px;
	background: #ffffff; /* old browsers */
}


#navgo {
    position: fixed;
    width:175px;
    top:0px;
    padding:0px;
    margin-bottom:10px;
    margin-top:0px;
    z-index:81;
}
#navgo li {
    list-style:none;
    width:100%;
    position:relative;
    z-index:82;
}
#navgo .primary_linkgo {
    display:block;
    text-decoration:none;
    FONT-WEIGHT: bold;
    FONT-SIZE: 20px;
    FONT-FAMILY: Helvetica, Sans;
    text-align:center;
    padding:10px 0px;
    background-color:#111111;
    border-bottom-right-radius:4px;
    color:#fff;
    text-shadow: 1px 1px 0px black,-2px 0px #222222, 0px 2px #222222, 2px 0px #222222, 0px -2px #222222, -2px -2px #222222,2px -2px #222222,-2px 2px #222222, 
2px 2px #222222;
    box-shadow: -2px 2px 4px #222222;
    background: #7d7e7d;
    border: none;

}
#navgo .dropdowngo {
    display:none;
    width:255px;
    position:absolute;
    padding:10px;
    left:10px;
    top:100%;
        background-color: #ffffff;
        margin-left:auto;
        margin-right:auto;
        box-shadow: 2px 2px 5px #333333, inset 0px 0px 1px 2px rgba(255, 255, 255, 0.75);
}
#navgo li:hover .dropdowngo {
    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_right {
    position: fixed;
    width:150px;
    top:0px;
    padding:0px;
    margin-bottom:10px;
    margin-top:0px;
    z-index:81;
    right:0px;
}


#navgo_right li {
    list-style:none;
    width:100%;
    position:relative;
    z-index:82;
}
#navgo_right .primary_linkgo_right {
    display:block;
    text-decoration:none;
    FONT-WEIGHT: bold;
    FONT-SIZE: 20px;
    FONT-FAMILY: Helvetica, Sans;
    text-align:center;
    padding:10px 0px;
    background-color:#111111;
    border-bottom-left-radius:4px;
    color:#fff;
    text-shadow: 1px 1px 0px black,-2px 0px #222222, 0px 2px #222222, 2px 0px #222222, 0px -2px #222222, -2px -2px #222222,2px -2px #222222,-2px 2px #222222, 2px 2px #222222;
    box-shadow: 2px 2px 4px #222222;
    background: #7d7e7d;
    border: none;
}
#navgo_right .dropdowngo_right {
    display:none;
    width:255px;
    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_right li:hover .dropdowngo_right {
    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;
}

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

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

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



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


/* this is the style for the autosearch dropdown tables */
table.autosearchtable {
        width: 100%;
        border-collapse: collapse;
}
table.autosearchtable th {
	background-color:#eeeeee;
	border:#cccccc 2px solid;
        padding: 3px 0px 3px 10px;
        text-align: left;
}
table.autosearchtable td {
        padding: 0px;
}

A.notifybutton:link    {display:block; text-decoration: none; color: #ff0000; FONT-SIZE: 12px;
FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans;border-bottom:none;border-radius:3px; padding:5px;}
A.notifybutton:visited {display:block; text-decoration: none; color: #ff0000;
FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans;border-bottom:none;border-radius:3px; padding:5px;}
A.notifybutton:active  {display:block; text-decoration: none; color: #ff0000;
FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans;border-bottom:none;border-radius:3px; padding:5px;}
A.notifybutton:hover   {display:block; text-decoration: none; color: #ffffff;
FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Sans;background:#ff0000;border-bottom:none;border-radius:3px; padding:5px;}

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

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

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

.fademessagedivnotice{
        FONT-SIZE: 12px;
        FONT-WEIGHT: normal;
        FONT-FAMILY: Helvetica, Sans;
        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;
}.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;
}