body,td,th
{
	color: #335566;
    font-size: 12px;
}

ul,li
{
  margin:0;
  padding:0;
  list-style:none;
  /*for close location*/
  position:relative;
}
li
{
  display:block;
  width:100px;
  height:25px;
  float:left;
  
  overflow:hidden;
}
#asgardCard li
{
  font-size:10pt;
  font-weight:bold;
  color:green;
  border:1px solid cyan;
  margin:10px;
  text-align:center;
  line-height:1.5;
}
/*Asgard CardProgram Css Start*/
#itemsPanel,#itemsPanel li
{
  margin:0;
  padding:0;
  list-style:none;
  /*for close location*/
  position:relative;
}

/*There is defect:the attribute-content hold one line place.*/
ul:after
{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#cardContent
{
  height:auto;
  min-height:300px;
  border:2px solid #cccccc;
  clear:both;
}
#itemsPanel li
{
  display:block;
  width:130px;
  height:25px;
  float:left;

  overflow:hidden;
}
.active
{
  background:url('images/biaoqian.jpg') 0 0 no-repeat;
}
.default
{
  background:url('images/biaoqian.jpg') 0 -25px no-repeat;
}
.title
{
  font-size:10pt;
  font-weight:bold;
  line-height:1.7;
  padding-left:10px;
  display:block;
  width:105px;
  height:25px;
}
li .close
{
  position:absolute;
  top:9px;
  left:115px;
  display:block;
  width:10px;
  height:10px;
  overflow:hidden;
}
.active .close
{
  background:url('images/biaoqian.jpg') 0 -50px no-repeat;
}
.default .title
{
  color:#999999;
}
.active .title
{
  color:#000000;
}
.active .close:hover
{
  background:url('images/biaoqian.jpg') -10px -50px no-repeat;
}
.default .close
{
  background:url('images/biaoqian.jpg') -20px -50px no-repeat;
}
.default .close:hover
{
  background:url('images/biaoqian.jpg') -30px -50px no-repeat;
}
.table
{
  border-width:1px 1px 1px 1px;
  background-color:#e6e8ff;
  border-color:#7878ef;
  border-style:solid;
  width:90%;
}

div
{
  padding-left:10px;
  border-width:1px 1px 0px 1px;
}
span
{
  float: left;
  padding-right: 12px;
}
.fax
{
  height:22px;
  background-color:#DDF1D8;
  border-color:#58CB64;
  border-style:solid;
  border-width:1px 1px 0px 1px;
}
.gg
{
  height:22px;
  background-color:#ffe8e6;
  border-color:#FE7878;
  border-style:solid;
  border-width:1px 1px 0px 1px;
}
.gg1
{
  height:22px;
  background-color:#e6e8ff;
  border-color:#7878FE;
  border-style:solid;
  border-width:1px 1px 0px 1px;
}

#fax
{
  float:left;
  background-color:#DDF1D8 ;
  border-color:#58CB64;
  height:160px;
  width:48%;
  background-color:#ffffff;
  border:#58cb64 solid 1px;
  text-align:left;
}
#fax1
{
  float:right;
  background-color:#DDF1D8 ;
  border-color:#58CB64;
  height:160px;
  width:48%;
  background-color:#ffffff;
  border:#58cb64 solid 1px;
  text-align:left;
}
#gg
{
  background-color:#ffe8e6;
  border-color:#7878FE;
  background-color:#ffffff;
  height:240px;
  border:#fe7878 solid 1px;
  text-align:left;
}
#gg1
{
  float:left;
  background-color:#ffe8e6;
  border-color:#7878FE;
  background-color:#ffffff;
  height:160px;
  width:48%;
  border:#7878fe solid 1px;
  text-align:left;
}
#gg2
{
  float:right;
  background-color:#ffe8e6;
  border-color:#7878FE;
  background-color:#ffffff;
  height:160px;
  width:48%;
  border:#7878fe solid 1px;
  text-align:left;
}
#gg3
{
  background-color:#ffe8e6;
  border-color:#7878FE;
  background-color:#ffffff;
  height:170px;
  border:#fe7878 solid 1px;
  text-align:left;
}