@media screen {

html, body{
  margin: 0;
  padding: 0;
  height:100%;
  font: 12px verdana, arial, helvetica, sans-serif;
  background: #dfdfdf;
}

h1{font:bold 20px 'Segoe UI', arial, helvetica, sans-serif;}
h2{font:bold 18px 'Segoe UI', arial, helvetica, sans-serif; margin-top: 2px; margin-bottom: 2px;}
h3{font:bold 16px Verdana, arial, helvetica, sans-serif; margin-top: 2px; margin-bottom: 2px;}
h4{font:bold 14px Verdana, arial, helvetica, sans-serif;}

div.jbtn{border-width: 1px 0;margin: 4px;}
div.jbtn a {position: relative;border-width: 0 1px;margin: 0 -1px;padding: 2px 4px;background-color: #184678; text-decoration: none; font:14px 'Segoe UI', arial, helvetica, sans-serif; color: #fff;}
div.jbtn, div.jbtn a {border: solid 1px #184678; border-radius: 5px;float: left;}
div.jbtn.hovered a, div.jbtn:hover a, div.jbtn a:hover { background-color: #bf1212; border-color: #bf1212; text-decoration: none;}
div.jbtn:hover, div.jbtn.hovered{border-color: #bf1212;} 

a.a1, a.a1:visited{
color:#006699;
width: 70px; height:1.5em;
text-align:center;
font: bold 12px arial, verdana, helvetica, sans-serif;
text-decoration:none;
border: 1px solid;
border-color: #aaa #000 #000 #aaa;
background: #cbe2ef;
} 

a.a1:hover{ 
color:#000;
position: relative; 
top: 1px; left: 1px; 
border-color: #000 #aaa #aaa #000;
background: #fff; 
}

a.sil, a.sil:visited, a.sil:hover{font: 10px verdana, arial, helvetica, sans-serif; color: #666666;}
a.aw, a.aw:visited, a.aw:hover{font: 11px verdana, arial, helvetica, sans-serif; color: #ffffff; text-decoration:none;}
a.a2, a.a2:visited{Height: 16px; font: 12px verdana, arial, helvetica, sans-serif; color: #666666;}
a.a2:hover{color:#ff0000;}
a.a3, a.a3:visited{font: 12px Tahoma, arial, helvetica, sans-serif; padding-left: 10px; color: #666666; text-decoration:none;}
a.a3:hover{color: #0000CC; text-decoration: underline;}

input.txt{   
    font:bold 12px Verdana, arial, helvetica, sans-serif; width: 90px; padding: 2px; color: #000000;
    border:1px solid; border-color:#899 #dee #dee #899; 
}

input.disabledtxt{   
    font:bold 12px Verdana, arial, helvetica, sans-serif; width: 100%; padding: 2px; color: gray;
    border:1px solid; border-color:#899 #dee #dee #899;    
}

input.num{   
    font:bold 14px Verdana, arial, helvetica, sans-serif;Text-align: right;width: 90px; color: #000000;
    border:1px solid; border-color:#899 #dee #dee #899; 
}

input.btn{
  font:12px Tahoma, Verdana, arial, helvetica, sans-serif; margin:0px 0 2px 0; width: 70px; Height: 22px;  color: #000000; 
  border:1px solid; border-color:#ffffff #006699 #006699 #ffffff; }

.clear{clear: both;}
.date{ font:11px Verdana, arial, helvetica, sans-serif; width: 75px; border:1px solid; border-color:#899 #dee #dee #899;}
.secid{ font:12px Verdana, arial, helvetica, sans-serif; text-transform: uppercase; width: 100px; padding: 2px; color: #000000; background-color: #ffffff;border:1px solid; border-color:#899 #dee #dee #899; }
.btnL{font:bold 12px Tahoma, Verdana, arial, helvetica, sans-serif; width: 150px;  height: 22px;
 border:1px solid; border-color:#ffffff #006699 #006699 #ffffff; }
.note{font:12px Verdana, arial, helvetica, sans-serif; color: #000000; background-color: #ffff99; padding: 5px; border:1px solid; border-color:#899 #dee #dee #899;}
.news{text-align: justify; font:12px Verdana, arial, helvetica, sans-serif; line-height: 1.5;}
.new{font: bold 10px verdana, arial, helvetica, sans-serif; color: #FF0000; vertical-align: text-top;}
.txts{font:10px Tahoma, verdana, arial, helvetica, sans-serif; color: #666666;}
.txt1{font:12px Tahoma, verdana, arial, helvetica, sans-serif; color: #666666;}
.txtwhi{font:12px Verdana, arial, helvetica, sans-serif; color: #ffffff;}
.tickimg {width:14px; height:14px; margin-left:-5px; border:none;}
.prnimg{display: block; vertical-align: bottom; width:23px; height:15px; border:0;}
.lblwrap{display:inline-block;word-wrap:break-word;}

Select.full{    
    font: 12px verdana, arial, helvetica, sans-serif;
    width: 100%;
    color: #000000; padding:2px; border:1px solid; border-color:#899 #dee #dee #899;
    background-color: #FFFFFF;
}

Select.disabledfull{
    font: 12px verdana, arial, helvetica, sans-serif;
    width: 100%;   
    color: gray; padding:2px; border:1px solid; border-color:#899 #dee #dee #899;
    background-color: #FFFFFF;
}

Select.half{
	font: 12px verdana, arial, helvetica, sans-serif;
    width: 90px;
    color: #000000; padding:2px; border:1px solid; border-color:#899 #dee #dee #899;
    background-color: #FFFFFF;
}

Select.defwidth{
	font: 12px verdana, arial, helvetica, sans-serif;
    color: #000000; padding:2px; border:1px solid; border-color:#899 #dee #dee #899;
    background-color: #FFFFFF;
}

Select.std{  
    font: 12px verdana, arial, helvetica, sans-serif; padding:2px;    
}

button{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size : 12px; font-weight: bold;
  color: #000000;  
}

.jgradient
{
	background: #ffffff;
	background: -moz-linear-gradient(left, #ffffff 0%, #006699 100%);	
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#006699));
	background: -webkit-linear-gradient(left, #ffffff 0%,#006699 100%);	
	background: -o-linear-gradient(left, #ffffff 0%,#006699 100%);
	background: -ms-linear-gradient(left, #ffffff 0%,#006699 100%);
	background: linear-gradient(to right, #ffffff 0%,#006699 100%);
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#006699', gradientType=1);	
}
.copyright{font: 9px verdana, arial, helvetica, sans-serif; color: #666666;}
.add{font: 11px verdana, arial, helvetica, sans-serif; color: #666666;}
.page-title{display: block;font-weight: bold;font-size: 20px;padding-bottom: 11px;
	font-family: verdana, arial, helvetica, sans-serif;}

.title1{padding-bottom: 1px; font: bold 12px verdana, arial, helvetica, sans-serif;}
.titleL{padding-bottom: 1px; font: bold 14px verdana, arial, helvetica, sans-serif;}

.titleBig{
  padding-bottom: 1px;
  font: 19px 'Segoe UI', arial, verdana, helvetica, sans-serif;
  text-decoration: none;
  text-shadow: 1px 1px 0px #eee, 1px 1px 0px #707070;
}

.msg{font: 12px verdana, arial, helvetica, sans-serif; color: #009900;}
.msg1{font: 18px verdana, arial, helvetica, sans-serif; color: #009900;}
.error, .errsum{font: 12px verdana, arial, helvetica, sans-serif; color: #ff0000;}
.warn1{font: 18px verdana, arial, helvetica, sans-serif; color: #ff0000; text-decoration: blink;}
.warn2{font: 22px verdana, arial, helvetica, sans-serif; color: #ff0000; text-decoration: blink;}
.errsum{background-color: #ffff99; padding: 5px; margin: 5px 0px 5px 0px; border:2px solid; border-color:#ff0000;}

.titleUp{
  padding-right: 0px; padding-left: 0px; padding-bottom: 1px; padding-top: 5px;
  color: #333; line-height: 14px; text-transform: uppercase; 
  font: bold 12px 'Segoe UI', verdana, arial, helvetica, sans-serif bold;
  letter-spacing: 0.5px;
  text-shadow: 1px 1px 0px #eee, 1px 1px 0px #707070;
}

hr{
  border: none;
  background-color: #ADD8E6;
  color: #ADD8E6;
  height: 1px; 
}

table{
   font: 12px verdana, arial, helvetica, sans-serif;
}

table.f8{
   font: 11px verdana, arial, helvetica, sans-serif;
}

table.List{
   font: 12px verdana, arial, helvetica, sans-serif;
   background-color: #0000FF;   
}

table.tablesorter, table.tablesorter th, table.tablesorter td {	border: #cdcdcd 1px solid;}
table.tablesorter tbody tr:hover td { background: #d9d9d9; }
th.tablesorter-header { background-color: #dedfdf; background-image: url(Images/black-bg.gif); background-repeat: no-repeat; background-position: center right; border-collapse: collapse; cursor: pointer; padding: 4px; font-weight: normal;}
th.tablesorter-headerSortUp { background-image: url(Images/black-asc.gif); font-weight: bold !important;}
th.tablesorter-headerSortDown { background-image: url(Images/black-desc.gif); font-weight: bold !important;}

caption {
  color: black;
  background-color: white;
  Text-align: left;
  font-size: 12px;
  font-weight: bold;
  font-family: verdana, arial, helvetica, sans-serif;  
}

thead{
  font-weight: bold;
  color: #000000;
  background-color: #00004D;
}

.Grid{
  border: solid 1px Tan; margin: 1px 1px 1px 1px;  
}

.GridTO{
  border: solid 1px #d4d0c8;  
}

.Grid1{
  border: solid 0px Tan;  
}

.Grid2{
  border: solid 1px Tan;  
}

.Grid td, .sortable td
{
    border: solid 1px #FFFFFF;
    margin: 2px 2px 2px 2px;   
    font-size: 12px;
    font-family: verdana, arial, helvetica, sans-serif;   
    padding: 2px 2px 2px 2px;    
}

.GridTO td
{
    border: solid 1px #d4d0c8;
    margin: 2px 2px 2px 2px;    
    font-size: 12px;
    font-family: verdana, arial, helvetica, sans-serif;
    padding: 2px 2px 2px 2px;    
}

.Grid1 td
{
    border: solid 1px #FFFFFF;
    margin: 1px 1px 1px 1px;
    font-size: 11px;
    font-family: verdana, arial, helvetica, sans-serif;
    padding: 1px 2px 1px 2px;
}


.Grid2 td
{
    border: solid 1px #FFFFFF;
    margin: 2px 2px 2px 2px;
    font-size: 12px;
    font-family: verdana, arial, helvetica, sans-serif;
    padding: 2px 4px 2px 4px;
    
}


.GridHeader, .GridHeaderPoint{  
  color: white; text-align:center; vertical-align: middle;
  padding: 1px 1px 1px 1px; 
  background-color: #00004D;
}

.GridHeaderTO{  
  color: #000000; font-weight: bold;  
  Text-align: center;
  border-right: 1px solid #47575F;
  border-bottom: 1px solid #526471;
  padding: 2px 2px 2px 2px;  
  background-color: #eeeeee;
}

.GridHeaderPoint{ cursor: pointer;
}

.GridHeaderWhite{  
  color: #000000; 
  border-right: 1px solid #47575F;
  border-bottom: 1px solid #526471;
  padding: 1px 1px 1px 1px;  
  background-color: #CBE2EF;
}

.GridFooter{  
  color: Black;
  font-weight: bold;
  border-right: 1px solid #47575F;
  border-bottom: 1px solid  #526471;
  padding: 1px 1px 1px 1px;  
  background-color: #CCFFCC;
}

.GridHeaderGre{color: white; text-align:center; vertical-align: middle; padding: 1px; background-color: #009900;}
.GridHeaderRed{color: white; text-align:center; vertical-align: middle; padding: 1px; background-color: #cc0000;}

.GridItem, .GridAltItem, .GridItemTO, .GridAltItemTO, .GridItem2, .GridAltItem2
{
    font: 12px verdana, arial, helvetica, sans-serif;
}

.GridItem1, .GridAltItem1
{
    font: 11px verdana, arial, helvetica, sans-serif;
}

.GridItem, .blacellL{ background-color: #E3F0F7;}
.GridAltItem, .blacellD{ background-color: #CBE2EF;}

.GridItemTO{ background-color: #ffffff;}
.GridAltItemTO{ background-color: #eeeeee;}

.GridItem1{ background-color: #CBE2EF;}
.GridAltItem1{ background-color: #E3F0F7;}

.GridItem2{ background-color: #E3F0F7;}
.GridAltItem2{ background-color: #CBE2EF;}

.GridItem3{ background-color: #DEDFDF;}

.GridItemGre, .grecellL{ background-color: #CCFFCC;}
.GridAltItemGre, .grecellD{ background-color: #CCFFCC;}

.GridItemRed, .redcellL{ background-color: #FFCCCC;}
.GridAltItemRed, .redcellD{ background-color: #FFCCCC;}

tr.GridItem:hover, tr.GridAltItem:hover, tr.over td{ background-color: #DEDCB3;}
tr.GridItemTO:hover, tr.GridAltItemTO:hover, tr.over td{ background-color: #DEDCB3;}

.lblNum, .lblNumGre, .lblNumRed{   
    font:bold 12px Arial, Verdana, helvetica, sans-serif; text-align: right; color: #333;  
}
.lblNumGre{ color: #178817;}
.lblNumRed{ color: #CD171C;}
.lblNum2, .lblNum2B{   
    font:15px Arial, Verdana, helvetica, sans-serif; text-align: right; color: #333;  
}

.lblNum2B{ font-weight: bold;}

.lblNumBig{   
    font:bold 15px Arial, Verdana, helvetica, sans-serif; text-align: right; color: #333;  
}

.lblNumBig2{   
    font:bold 20px Arial, Verdana, helvetica, sans-serif; text-align: right; color: #333;  
}

.header{
  background-color: #4A71B5;
}

td.small{
  color: black;
  background: white;
  font-weight: normal;
  font-size: 10px;
  font-family: verdana, arial, helvetica, sans-serif;
  height:10px;
}

.buy{
  background: #DEDFDF;
  color: #0000CC;
  font-weight: normal;
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;  
  line-height:11px;
}

a.buy{
  background-color: #DEDFDF;
  color: #0000CC;
  font-weight: normal;
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  line-height:11px;
}

.buygrid{  
  color: #0000CC;
  font-weight: normal;
  font-size: 12px;
  font-family: arial, verdana, helvetica, sans-serif;
  height:auto;
}

.Abuygrid A:link, .Abuygrid A:visited, .Abuygrid A:active{
  color: #0000CC;
  font-weight: normal;
  font-size: 12px;
  font-family: verdana, arial, helvetica, sans-serif;
  text-decoration: none;
  height:auto;
}

.Asellgrid A:link, .Asellgrid A:visited, .Asellgrid A:active{
  color: #FF0000;
  font-weight: normal;
  font-size: 12px;
  font-family: verdana, arial, helvetica, sans-serif;
  text-decoration: none;
  height:auto;
}

.Abuy A:link, .Abuy A:visited, .Abuy A:active{
  background: #DEDFDF; 
  color: #0000CC;
  font-weight: bold;
  font-size: 12px;
  font-family: arial, verdana; 
}

.blackgrid{  
  color: #000000;
  font-size: 12px;
  font-family: arial, verdana, helvetica, sans-serif;
  height:auto;
}

.sell{
  background: #DEDFDF;
  color: #FF0000;
  font-weight: normal;
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  line-height:11px;
}

a.sell{
  background-color: #DEDFDF;
  color: #FF0000;
  font-weight: normal;
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  line-height:11px;
}

.sellgrid{
  color: #FF0000;
  font-weight: normal;
  font-size: 12px;
  font-family: arial, verdana, helvetica, sans-serif;
  height:auto;
}

.Asell A:link, .Asell A:visited, .Asell A:active{
  background-color: #DEDFDF;
  color: #FF0000;
  font-weight: bold;
  font-size: 12px;
  font-family: arial, verdana;
}

a.trade:link, a.trade:active, a.trade:visited{
  background-color: #DEDFDF;
  color: #006633;
  text-decoration: none;
  font-weight: normal;
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  line-height:11px;
}

.trade{
  background-color: #DEDFDF;
  color: #006633;
  font-weight: normal;
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  line-height:11px;
}

.tradegrid{
  color: #006633;
  font-weight: normal;
  font-size: 12px;
  font-family: verdana, arial, helvetica, sans-serif;
  height:auto;
}

a.tradegrid{
  color: #006633;
  font-weight: normal;
  font-size: 12px;
  font-family: verdana, arial, helvetica, sans-serif;
}

.Atradegrid A:link, .Atradegrid A:visited, .Atradegrid A:active{
  color: #006633;
  font-weight: bold;
  font-size: 12px;
  font-family: arial, verdana, helvetica, sans-serif;
  text-decoration: none;
  height:auto;
}

.Ablackgrid A:link, .Ablackgrid A:visited, .Ablackgrid A:active,
.Ablackgridn A:link, .Ablackgridn A:visited, .Ablackgridn A:active{
  color: #000000;
  font-weight: normal;
  font-size: 12px;
  font-family: verdana, arial, helvetica, sans-serif;
  height:auto;
  text-decoration: none;
}

.Ablackgrid1 A:link, .Ablackgrid1 A:visited, .Ablackgrid1 A:active{
  color: #000000;
  font-weight: normal;
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  height:auto;
  text-decoration: none;
}

.Abuygrid A:hover{
  font-weight: normal;
  text-decoration: underline;
}

.Asellgrid A:hover{ 
  text-decoration: underline;
}

.Atradegrid A:hover{
  text-decoration: underline;
}

.Ablackgrid A:hover{
  color: #00839A;
  text-decoration: underline;
}

.Ablackgridn A:hover{
  color: #00839A;
  font-weight: normal;
  text-decoration: underline;
}

.Ablackgrid1 A:hover{
  color: #00839A;
  font-weight: normal;
  text-decoration: underline;
}

.qmenu{font: 11px verdana, arial, helvetica, sans-serif; color: white; text-align: center; vertical-align: middle; padding: 1px; width: 18px; height: 18px;}

.blacell, .blacellL, .blacellD{font: bold 11px verdana, arial, helvetica, sans-serif; color: #333; text-align:right;}
.redcell, .redcellL, .redcellD{font: bold 11px verdana, arial, helvetica, sans-serif; color: #CD171C;  text-align:right;}
.grecell, .grecellL, .grecellD{font: bold 11px verdana, arial, helvetica, sans-serif; color: green; text-align:right;}
.bluecell, .bluecellL, .bluecellD{font: bold 11px verdana, arial, helvetica, sans-serif; color: #336699; text-align:right;}

.hj{
  color: #00008B;
  font-size: 11px;
  font-weight: bold;  
  font-family: verdana, arial, helvetica, sans-serif;
}

.hj8{
  color: black;
  background: #CCCCCC;
  font-size: 11px;
  font-weight: normal;  
  font-family: verdana, arial, helvetica, sans-serif;
  Text-align: right;
}
.Box1{background:#E3F0F7;border:1px solid #CBE2EF;padding: 4px 4px 4px 4px;}
.jBox .jBoxCont{background:#fff;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;}
.jBox .jBoxH{height:4px;overflow:hidden;background:url(images/corner_wire_TR_bg.gif) 100% 0 repeat-x;}
.jBox .jBoxH div{height:4px;width:4px;background:#fff url(images/corner_wire_TL.gif) 0 0 no-repeat;}
.jBox .jBoxF{height:4px;overflow:hidden;background:url(images/corner_wire_BR._bg.gif) 100% 0 no-repeat;}
.jBox .jBoxF div{height:4px;width:4px;background:#fff url(images/corner_wire_BL.gif) 0 0 no-repeat;}

}

@media print {

html, body{
  background-color:#ffffff;
}

table{
   background-color:#ffffff;  
   font-size: 13px;
   font-family: "Times New Roman", sans-serif, arial, helvetica;
}

th { border-right: none; border-top: none;}
td { border-right: none; border-top: none;}

.GridHeader, .GridHeaderTO{  
  Text-align: center;
}

.titleBig{
  font: 18px "Times New Roman", sans-serif, arial, helvetica;
}

.title1{
  font: bold 14px "Times New Roman", sans-serif, arial, helvetica;
}

.blackgrid{  
  color: black;
  font-size: 12px;
  font-family: "Times New Roman", sans-serif, arial, helvetica;
}

input{
  display:none;
}

img{
  display:none;
}

a{
 text-decoration: none;
}

}