:root{
	--main-bg-color:#f5f5f5;
	--main-box-border:#d5d5d5;
	--main-dark-border:1px solid #909090;
	--main-title-bg-gra-top: #ebebeb ;
	--main-title-bg-gra-bottom:#e3e3e3;
	--main-title-bg-moz:-moz-linear-gradient(top, var(--main-title-bg-gra-top), var(--main-title-bg-gra-top));
	--main-title-bg-webkit:-webkit-linear-gradient(top, var(--main-title-bg-gra-top), var(--main-title-bg-gra-top));
	--main-title-bg: linear-gradient(to bottom, var(--main-title-bg-gra-top), var(--main-title-bg-gra-top));
	
	--main-tab-back:#d0d0d0;
	--main-tab-border-right:2px solid #909090;
	--main-title-font-color:#000000;
}
@font-face {
    font-family:"alfano-header";
    src: url("./font/copperplate-gothic-bold.ttf") /* TTF file for CSS3 browsers */
}
input.button {
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 10px;
    text-shadow: 1px 1px 3px #666666;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: #ffffff;
    font-size: 12px;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
	cursor:pointer;
	    border: none;
}

input.button:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


.focus_input {
	background: #ffffff;
	background: -webkit-linear-gradient(#f0f0f0, #ffffff);	
	background: -moz-linear-gradient(#f0f0f0, #ffffff);	
	background: -o-linear-gradient(#f0f0f0, #ffffff);	
	background: -ms-linear-gradient(#f0f0f0, #ffffff);	
	background: linear-gradient(#f0f0f0, #ffffff);	
	border: 1px solid #c0c0c0;
	border-radius: 2px 2px 2px 2px;
	color: #888;
	display: inline-block;
	font-family:  helvetica, arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	height: 25px;
	line-height: 25px;
	margin: 0;
	padding: 0 5px;
}


.focus_input::-webkit-input-placeholder {
   color: #c0c0c0;
}

.focus_input:-moz-placeholder {
   color: #c0c0c0;
}

.focus_input:focus {
	-webkit-animation: glow 800ms ease-out infinite alternate;
	-moz-animation: glow 800ms ease-out infinite alternate;
	-o-animation: glow 800ms ease-out infinite alternate;
	-ms-animation: glow 800ms ease-out infinite alternate;
	animation: glow 800ms ease-out infinite alternate;
	background: #ffffff;
	background: -webkit-linear-gradient(#f0f0f0, #ffffff);	
	background: -moz-linear-gradient(#f0f0f0, #ffffff);	
	background: -o-linear-gradient(#f0f0f0, #ffffff);	
	background: -ms-linear-gradient(#f0f0f0, #ffffff);	
	background: linear-gradient(#f0f0f0, #ffffff);
	border-color: #ffffff;
	
	color: #000000;
	outline: none;
}

.focus_input:focus::-webkit-input-placeholder { 
	color: #c0c0c0;
}

.focus_input:focus:-moz-placeholder {
	color: #c0c0c0;
}

@-webkit-keyframes glow {
    0% {
		border-color: #393;
		box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1);
    }	
    100% {
		border-color: #6f6;
		box-shadow: 0 0 20px rgba(0,255,0,.6), inset 0 0 10px rgba(0,255,0,.4);
    }
}

@-moz-keyframes glow {
    0% {
		border-color: #393;
		box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1) ;
    }	
    100% {
		border-color: #6f6;
		box-shadow: 0 0 20px rgba(0,255,0,.6), inset 0 0 10px rgba(0,255,0,.4) ;
    }
}

@-o-keyframes glow {
    0% {
		border-color: #393;
		box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1) ;
    }	
    100% {
		border-color: #6f6;
		box-shadow: 0 0 20px rgba(0,255,0,.6), inset 0 0 10px rgba(0,255,0,.4) ;
    }
}

@-ms-keyframes glow {
    0% {
		border-color: #393;
		box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1) ;
    }	
    100% {
		border-color: #6f6;
		box-shadow: 0 0 20px rgba(0,255,0,.6), inset 0 0 10px rgba(0,255,0,.4) ;
    }
}

@keyframes glow {
    0% {
		border-color: #393;
		box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1) ;
    }	
    100% {
		border-color: #6f6;
		box-shadow: 0 0 20px rgba(0,255,0,.6), inset 0 0 10px rgba(0,255,0,.4) ;
    }
}

.BgAndFontClass{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  cellspacing : 0px;
  border-width : 1px 1px 1px 1px;
  cellpadding:0px;
  border-color : blue blue blue blue;
  align="left" ;
  height="24" ;
  border-style : solid solid solid solid;
  border-color : #D1D6E0 #D1D6E0 #D1D6E0 #D1D6E0 ;
  border-width : 1px 1px 0px 1px;
  ;
  bgcolor : "#e9f3fe" ;
  font-color : "#666666";
  font-weight : bold;
  font-size : "1";
  background-color : #e9f3fe;
  font-family : Verdana;
  text-align : left;
}
.inputBorder {
	background: #f4f4f4;
	border: solid 1px #7eb3f6;
	padding: 2px;
}
.TopBgClass{
  background-image : url(images/STPGatewaybg6.gif);
}
.TBFontClass{
  font-size : 12px;
  font-family : Arial, Helvetica, sans-serif;
  color : #4807cf;
}
.TableClass{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  border-width : 1px 1px 1px 1px;
  border-color : blue blue blue blue;
  align="left" ;
  height="24" ;
  border-style : solid solid solid solid;
  border-color : #D1D6E0 #D1D6E0 #D1D6E0 #D1D6E0 ;
  border-width : 1px 1px 1px 1px;
  ;
  align="center";
  font-weight : bold;
  font-size : 12px;
  font-family : Verdana;
  text-align : left;
  letter-spacing : 0px;
}
.SysButton{
  font-size : -2ex;
  font-family : Tahoma;
  color : #0000cc;
}
.StdFont{
  font-size : -2mm;
  color : #0000cc;
  font-family : Tahoma;
}
.Search{
  font-size : 11px;
  font-family : Verdana;
  border-width : 1px 1px 1px 1px;
  border-style : solid solid solid solid;
  border-color : #6d7a9c #6d7a9c #6d7a9c #6d7a9c;
}
.bttn {
  BACKGROUND: #e9f3fe;
  BORDER-BOTTOM: #104a7b 1px solid;
  BORDER-LEFT: #104a7b 1px solid;
  BORDER-RIGHT: #104a7b 1px solid;
  BORDER-TOP: #104a7b 1px solid;
  COLOR: #000066;
  CURSOR: hand;
  FONT-FAMILY: tahoma,sans-serif;
  FONT-SIZE: 15px;
  HEIGHT: 25px;
  TEXT-DECORATION: none
;
}
INPUT.clsSaveButton
{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  background-image : url(../images/save.bmp);
  background-repeat:no-repeat;
  color:#0000cc ;
  border-width :0cm;
  background-color=White;
  background-position:center left;
  cursor='hand';
}
INPUT.clsCancelButton
{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  background-image : url(../images/cancel.bmp);
  background-repeat:no-repeat;
  color:#0000cc ;
  background-color=White;
  border-width :0cm;
  background-position:center left;
  cursor='hand';
  margin-left:"5px";
}
INPUT.clsNewButton
{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  background-image : url(../images/new.jpg);
  background-repeat:no-repeat;
  color:#0000cc ;
  background-color=White;
  border-width :0cm;
  background-position:center left;
  cursor='hand';
  margin-left:"5px";
  font-weight:"bold";
}
INPUT.clsEditButton
{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  background-image : url(../images/edit.jpg);
  background-repeat:no-repeat;
  color:#0000cc ;
  background-color=White;
  border-width :0cm;
  background-position:center left;
  cursor='hand';
  margin-left:"5px";
  font-weight:"bold";
}
INPUT.clsDeleteButton
{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  background-image : url(../images/delete.jpg);
  background-repeat:no-repeat;
  color:#0000cc ;
  background-color=White;
  border-width :0cm;
  background-position:center left;
  cursor='hand';
  margin-left:"5px";
}
INPUT.clsResetButton
{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  background-image : url(../images/reset.jpg);
  background-repeat:no-repeat;
  color:#0000cc ;
  background-color=White;
  border-width :0cm;
  background-position:center left;
  cursor='hand';
  margin-left:"5px";
}
INPUT.clsDeleteMainButton
{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  background-image : url(../images/delete.jpg);
  background-repeat:no-repeat;
  color:#0000cc ;
  background-color=White;
  border-width :0cm;
  background-position:center left;
  cursor='hand';
  margin-left:"5px";
  font-weight:"bold";
}
INPUT.clsConfirmButton
{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  background-image : url(../images/ok.jpg);
  background-repeat:no-repeat;
  color:#0000cc ;
  background-color=White;
  border-width :0cm;
  background-position:center left;
  cursor='hand';
  margin-left:"5px";
}
INPUT.clsSearchMainButton
{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  background-image : url(../images/search.jpg);
  background-repeat:no-repeat;
  color:#0000cc ;
  background-color=White;
  border-width :0cm;
  background-position:center left;
  cursor='hand';
  margin-left:"5px";
  font-weight:"bold";
}
INPUT.clsSearchButton
{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  background-image : url(../images/search.jpg);
  background-repeat:no-repeat;
  color:#f5f5f5;
  background-color=#f5f5f5;
  border-width :0cm;
  background-position:center left;
  cursor='hand';
  margin-left:"3px";
  width:"10px";
}
INPUT.clsLoadButton
{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  background-image : url(../images/load.jpg);
  background-repeat:no-repeat;
  color:#0000cc ;
  background-color=White;
  border-width :0cm;
  background-position:center left;
  cursor='hand';
  margin-left:"5px";
  font-weight:"bold";
}
INPUT.clsRejectButton
{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  background-image : url(../images/reject.jpg);
  background-repeat:no-repeat;
  color:#0000cc ;
  background-color=White;
  border-width :0cm;
  background-position:center left;
  cursor='hand';
  margin-left:"5px";
  font-weight:"bold";
}
INPUT.clsDataEnhButton
{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  background-image : url(../images/dataEnrich.jpg);
  background-repeat:no-repeat;
  color:#0000cc ;
  background-color=White;
  border-width :0cm;
  background-position:center left;
  cursor='hand';
  margin-left:"5px";
  font-weight:"bold";
}
INPUT.clsPosButton
{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  background-image : url(../images/position.jpg);
  background-repeat:no-repeat;
  color:#0000cc ;
  background-color=White;
  border-width :0cm;
  background-position:center left;
  cursor='hand';
  margin-left:"5px";
  font-weight:"bold";
}
INPUT.clsBackButton
{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  background-image : url(../images/back.jpg);
  background-repeat:no-repeat;
  color:#0000cc ;
  background-color=White;
  border-width :0cm;
  background-position:center left;
  cursor='hand';
  margin-left:"5px";
  font-weight:"bold";
}
INPUT.clsUploadButton
{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  background-image : url(../images/upload.jpg);
  background-repeat:no-repeat;
  color:#0000cc ;
  background-color=White;
  border-width :0cm;
  background-position:center left;
  cursor='hand';
  margin-left:"5px";
  font-weight:"bold";
}
INPUT.clsDownloadButton
{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  background-image : url(../images/download.jpg);
  background-repeat:no-repeat;
  color:#0000cc ;
  background-color=White;
  border-width :0cm;
  background-position:center left;
  cursor='hand';
  margin-left:"5px";
  font-weight:"bold";
}
INPUT.clsTrxButton
{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  background-image : url(../images/transaction.jpg);
  background-repeat:no-repeat;
  color:#0000cc ;
  background-color=White;
  border-width :0cm;
  background-position:center left;
  cursor='hand';
  margin-left:"3px";
  font-weight:"bold";
}
INPUT.clsYesButton
{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  background-image : url(../images/ok.jpg);
  background-repeat:no-repeat;
  color:#0000cc ;
  background-color=White;
  border-width :0cm;
  background-position:center left;
  cursor='hand';
  margin-left:"3px";
  font-weight:"bold";
}
INPUT.clsNoButton
{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  background-image : url(../images/cancel.bmp);
  background-repeat:no-repeat;
  color:#0000cc ;
  background-color=White;
  border-width :0cm;
  background-position:center left;
  cursor='hand';
  margin-left:"3px";
  font-weight:"bold";
}
INPUT.clsExitButton
{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  background-image : url(../images/exit.jpg);
  background-repeat:no-repeat;
  color:#0000cc ;
  background-color=White;
  border-width :0cm;
  background-position:center left;
  cursor='hand';
  margin-left:"3px";
  font-family : Arial,Tahoma,Verdana;
  font-weight : normal;
  font-size : 12;
}
INPUT.clsPrintButton
{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  background-image : url(../images/print.gif);
  background-repeat:no-repeat;
  color:#0000cc ;
  background-color=White;
  border-width :0cm;
  background-position:center left;
  cursor='hand';
  margin-left:"3px";
  font-family : Arial,Tahoma,Verdana;
  font-weight : normal;
  font-size : 12;
}
INPUT.clsAdjButton
{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  background-image : url(../images/print.gif);
  background-repeat:no-repeat;
  color:#0000cc ;
  background-color=White;
  border-width :0cm;
  background-position:center left;
  cursor='hand';
  margin-left:"3px";
  font-weight : bold;
}
.noBorder { border:none }
.tr_back {background-color:#7FBCFE}
.table_style { 
	align="CENTER";
	width="55%" ;
	cellspacing:0;
	border:0;
	cellpadding:0;
}
.login_table {
  position:absolute; z-index:999; 
  top:0; left:0; 
  border-collapse:
  collapse;
 }

 .TBLborder
{
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #000000 1px solid; 
BORDER-LEFT: #000000 1px solid; 
BORDER-BOTTOM: #000000 1px solid;
}
.TBLborderNoLeft
{
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #000000 1px solid; 
BORDER-LEFT: #000000 0px solid; 
BORDER-BOTTOM: #000000 1px solid;
}
.TBLborderNoLeftNoTop
{
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #000000 0px solid; 
BORDER-LEFT: #000000 0px solid; 
BORDER-BOTTOM: #000000 1px solid;
}
.TBLborderNoTop
{
BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #000000 0px solid; 
BORDER-LEFT: #000000 1px solid; 
BORDER-BOTTOM: #000000 1px solid;
}

.border_only_right {
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 0px solid;
    BORDER-LEFT: #000000 0px solid;
    BORDER-BOTTOM: #000000 0px solid;
}
.blank5{height:8px; line-height:8px; clear:both; visibility:hidden;}

#statementTable tr:hover td {background-color:#e0e0e0;}
#statementTable tr:blur td {background-color:#fff;}
@media print
{
    #statementTable tr:hover td{background-color:#fff;}
}
 /*** MyQQShop layout ****/
.AreaL{background:#fff;width:200px; float:left; margin-right:10px;}
.AreaR{background:#fff;width:750px; float:left;}
    .box_1 .userCenterBox .userMenu a{display:block; height:25px; line-height:25px; background:url(images/menuBg.gif) no-repeat 0 -30px;
    color:#3f3f3f; text-decoration:none; margin:0 0 3px 10px; padding-left:3px;
    }
    .box_1 .userCenterBox .userMenu a.curs{background:url(images/menuBg.gif) no-repeat 0 0px; font-weight:bold;}
    .box_1 .userCenterBox .userMenu a img{ margin-right:3px;}
	
  .boxCenterList{padding:18px;text-align:left;}	
   .boxCenterList ul{ margin-bottom:5px;}
   .boxCenterList li{float:left;width:90px;}
   .boxCenterList li.goodsimg{width:70px; margin-right:10px;}
   .boxCenterList li.goodsimg img{width:70px; height:70px; display:block;}
 /*** EOF MyQQShop Layout ***/