.IconX { margin: 0 auto; width: 12px; height: 12px; background: url('images/x.gif') no-repeat }
.IconO { margin: 0 auto; width: 12px; height: 12px; background: url('images/o.gif') no-repeat }

body { 
  padding: 0; 
  margin: 0; 
  font: 9pt Tahoma, sans-serif, Mingiu; 
  line-height: 1.5em;
  background: #bbbbbb url(images/bg.gif);
  color: #454545;
}

* > tr.TableColFixer {height: 1px; line-height: 1px; visibility: hidden !important; display: table-row !important; background: transparent !important}
* > tr.TableColFixer > td {border-width: 0 !important; border-style: none !important}
tr.TableColFixer {display: none}

TR.Fixed {white-space: nowrap; overflow:hidden; text-overflow:ellipsis}
TD.Fixed {white-space: nowrap; overflow:hidden; text-overflow:ellipsis}
DIV.Fixed {white-space: nowrap; overflow:hidden; text-overflow:ellipsis}
TR.FixedOver {white-space: nowrap; overflow:visible; text-overflow:ellipsis}
TD.FixedOver {white-space: nowrap; overflow:visible; text-overflow:ellipsis}
DIV.FixedOver {white-space: nowrap; overflow:visible; text-overflow:ellipsis}
.FixedTable {table-layout: fixed}
Table.Fixed {table-layout: fixed}

.cTable tr { height: 24px }
.cTable tr td {  vertical-align: middle; font: 9pt Tahoma, sans-serif, Mingiu;  }


.OK { color: #2b972b; font-size: 12pt }
.NO { color: #ec2b17; font-size: 14pt }

.CAlign { text-align: center }



.swf_b {
  width: 300px;
  height: 200px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.swf_b2 {
  float: left;
  border: 1px solid black;
  width: 300px;
  height: 200px;
  margin-right: 10px;
  margin-bottom: 10px;
}

a {  color: #114886;  background: inherit;}
a:hover { color: #6C757A; background: inherit; }

h1 { font: normal 2.1em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; }
.dark  { color: #737373; background: inherit; font-weight: bold; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif, MingLiu; letter-spacing: -1px;  }
h2 { font-size: 1.4em; margin-bottom: 5px; color: #000; background: inherit; }

p {  margin: 0 0 5px 0; }

ul { margin: 0; padding: 0; list-style: none; }
ul.list  { margin-left: 10px !important; padding-left: 20px !important; list-style: disc !important; }

form {   margin: 0; }

input.search { 
  width: 292px; 
  border: 0;
  background: #FFF url(images/input.gif) no-repeat;
  padding: 4px; 
  color: #E0691A;
  font-weight: bold;
}

input.submit {
  background: #E0691A url(images/submit.gif) no-repeat;
  border: 0;
  padding: 4px 0;
  width: 65px;
  margin: 0 15px 1px 0;
  color: #FFF;
  font: bold 1em Arial, Sans-Serif;
}

input.login { 
  width: 150px;
  border: none; 
  
  padding: 4px; 
}

/* layout
   ------ */

.content { 
  margin: 5px auto;
  width: 780px;
  padding: 10px; 
  background: white;
  border-width: 0 0 7px 0;
  border-color: #696969;
  border-style: solid;
}

.header { 
  height: 120px;
  background: #eee;
  color: #808080;
  margin: 3px 0;
  padding: 0 0 0 0;
  border-bottom: 0 none #ccc;
}

.top_info {
  float: right;
  width: 555px;
  padding: 5px 0 4px 0;
  border-bottom: 1px solid #eee;
  background: #eee;
  color: #808080;
}

  .top_info_left {
    width: 200px;
    float: left;
  }

  .top_info_right {
    float: right;
    width: 180px;
    padding: 0 0 0 35px;
    border-left: 1px solid #eee;
  }

.browse_category  {
  font-size: 0.9em;
  width: 160px;
  color: #FFF;
  background: inherit;
}

.bar { 
  clear: both;
  font-size: 9pt;
  height: 31px; 
  color: #FFF;
  margin: 0 0 3px 0px; 
  background1: #6b749e;
  background2: #197b75;
  background3: #6d9a86;
  background: #478f4a;
}

  .bar li { 
    margin: 0; 
    padding: 7px 10px 6px 10px;
    color: #FFEADC;
    background1: #6b749e;
    background2: #197b75;
    background: #478f4a;
    float: left; 
  }
  
  .bar li.active { 
    background1: #014d49 url(images/bar.gif) no-repeat  center top; 
    background2: #6cbd71 url(images/bar.gif) no-repeat  center top; 
    background: #86cb88 url(images/bar.gif) no-repeat  center top; 
    color: #fff;
    font-weight1: bold; 
    padding: 7px 10px 6px 10px;
  }
  
  .bar li a { 
    font-weight1: bold;
    color: #FFF; 
    background: none;
    text-decoration: none;
  } 
  
  .bar li a:hover { 
    color: #ffd782; 
    background: none;
  } 
  .bar li.active a:hover { 
    color: #fff;
  }
.search_field { 
  background: #fff url(images/searchbg.gif) no-repeat left; 
  color: #808080;
  clear: both;
  font-weight: bold;
  padding: 7px 25px 10px 10px;
  margin: 5px 0;
}

.grey {
  color: #808080;
  background: inherit;
  font-weight: normal;
}

.search_form { float: right; }

.subheader {
  margin: 0px 0 10px 0;
  border-bottom: 1px solid #eee;
  padding: 5px 0 5px 0;
  background: #A4A4A4;
  color: #fff;
}


/* left side
   --------- */

.left {
  float: left;
  width: 65%;
  margin: 0 0 10px 0;
}

.left h3 {
  clear: both;
  background1: #ff7e00 url(images/corner2.gif) no-repeat top right;
  background: #6e7295 url(images/corner2.gif) no-repeat top right;
  color: #FFF;
  padding: 7px 0 7px 5px;
  font:  1.1em Tahoma, Arial, Sans-Serif;
  margin: 0 0 0px 0;
  height: 13px;
  overflow: hidden;
}
  .left_side {
    float: left;
    width: 180px;
    padding: 0 0 0 10px;
    margin: 10px 0;
  }
    
  .left_side a, .right_side a { color: #414141; background: #FFF; }
    
  .right_side {
    float: right;
    width: 220px;
    background: #FFF url(images/dotted.gif) repeat-y;
    color: #414141;
    padding: 0 0 0 40px;
    margin: 10px 0;
  }
    
  .left_box { margin: 0 10px 10px 10px; color: #000; background: #FFF; padding: 3px 3px 3px 0; }
  .left_box_minheight { min-height: 200px }
  
    
/* right side
   ---------- */
    
.right {
  float: right;
  width: 34.6%;
  margin: 0 0 10px 0;
}

.right h3 {
  background1: #ab2c00  url(images/corner2.gif) no-repeat top right;
  background2: #916e98  url(images/corner2.gif) no-repeat top right;
  background: #8474ad  url(images/corner2.gif) no-repeat top right;
  color: #FFF;
  padding: 7px 0 7px 5px;
  font:  1em Tahoma, Arial, Sans-Serif;
  margin: 0 0 3px 0;
  height: 13px;
  overflow: hidden;
}

  .right_articles {
    background: #f5f5f5;
    color: #414141;
    padding: 8px;  
    margin: 0 0 3px 0;
  }
  
.right_articles ol{
    margin-top: 0px;
}

.image {
  float: left;
  margin: 0 9px 3px 0;
}


/* left side swap
   --------- */

.right_x {
  float: right;
  width: 75%;
  margin: 0 0 10px 0;
}

.right_x h3 {
  clear: both;
  background: #ab2c00 url(images/corner2.gif) no-repeat top right;
  color: #FFF;
  padding: 7px 0 7px 5px;
  font: bold 1em Tahoma, Arial, Sans-Serif;
  margin: 0 0 0px 0;
  height: 13px;
  overflow: hidden;
}
  .right_x_side {
    float: left;
    width: 180px;
    padding: 0 0 0 10px;
    margin: 10px 0;
  }
    
  .right_x_side a, .right_x_side a { color: #414141; background: #FFF; }
    
  .right_x_side {
    float: right;
    width: 220px;
    background: #FFF url(images/dotted.gif) repeat-y;
    color: #414141;
    padding: 0 0 0 40px;
    margin: 10px 0;
  }
    
  .right_x_box { margin: 0 0 10px 0; color: #000; background: #FFF; padding: 3px 0; }

/* right side swap
   ---------- */
    
.left_x {
  float: left;
  width: 24.6%;
  margin: 0 0 10px 0;
}

.left_x h3 {
  background: #6C757A  url(images/corner2.gif) no-repeat top right;
  color: #FFF;
  padding: 7px 0 7px 5px;
  font: bold 1em Tahoma, Arial, Sans-Serif;
  margin: 0 0 3px 0;
  height: 13px;
  overflow: hidden;
}

  .left_x_articles {
    background: #f5f5f5;
    color: #414141;
    padding: 8px;  
    margin: 0 0 3px 0;
  }
  

.n_left { width: 75% !important }
.n_right { width: 24.6% !important }


/* footer
   ------ */

.footer { 
  clear: both;
  text-align: center;
  padding: 10px 0 10px 0;
  margin: 0;
  border-top: 1px solid #ccc;
  line-height: 1.8em;
}

.footer a { color: #808080; background: #fff; }