body {
    background-color: #FFFFFF;
    color: #004080;
    font-family: Calibri,"Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 12px;
    width: 100%;
    margin-left: auto;
  margin-right:auto;
  text-align:center;
  }
  .bd {
    /*background-color: #FFFFFF;*/
    color: #004080;
    font-family: inherit;
    font-size: 12px;
  }
  .tbl {
    /*background-color: #FFFFFF;*/
  }
  a:link { 
    color: #FF0000;
    font-family: inherit;
    font-size: 12px;
  }
  a:active { 
    color: #0000FF;
    font-family: inherit;
    font-size: 12px;
  }
  a:visited { 
    color: #800080;
    font-family: inherit;
    font-size: 12px;
  }
  .hr {
    background-color: #336699;
    color: #FFFFFF;
    font-family: inherit;
    font-size: 12px;
  }
  a.hr:link {
    color: #FFFFFF;
    font-family: inherit;
    font-size: 12px;
  }
  a.hr:active {
    color: #FFFFFF;
    font-family: inherit;
    font-size: 12px;
  }
  a.hr:visited {
    color: #FFFFFF;
    font-family: inherit;
    font-size: 12px;
  }
  .dr {
    background-color: #F7F7F7;
    color: #000000;
    font-family: inherit;
    font-size: 12px;
  }
  .sr {
    background-color: #FFFFCF;
    color: #000000;
    font-family: inherit;
    font-size: 12px;
  }
  
  .nr {
    background-color: #C7E6FB;
    color: #000000;
    font-family: inherit;
    font-size: 12px;
  }
  #content
  {
  width:  1024px;
  margin-left: auto;
  margin-right:auto;
  
  background: #ffffff;
  font-family:inherit;
  font-size:12px;


  }
  .bg-blue
  {
   background-color:#336699;
    color:#FFFFFF;
  }
  #content .hd
  {
    height: 40px;

    width: 100%;
/*padding:10px;*/
   
  }
  #content .hd h2
  {
    margin-left: 20px;
  }
  #content .bd
  {
  width: 100%;
  }
  #content .bd .body-left-full
  {
    width: 100%;
  }
  #content .bd .body-right-full
  {
    width: 0;
  }
  #content .bd .body-left
  {
    width: 80%;
    float:left;
  }
  
  #content .bd .body-right
  {
    width: 20%;
    float:left;
  }
  
  #content .ft
  {
  width: 100%;
  }
  .header-tag.tag1
  {
    
  }
  .header-tag ul
  {
    margin:0;
  }
  .header-tag ul li
  {
    list-style: none;
    display:inline-block;
    float:left;
  }
  
  .header-tag ul li a
  {
   height: 20px;
    line-height: 20px;
    display:inline-block;
    float:left;
    margin-right:2px;
    padding:10px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
  }
  
  .header-tag  ul li a.logo
  {
    background: transparent;
    padding:0;
    margin-left:0;
    
  }
  .header-tag.tag1 ul li a
  {
    
    background: #C3D9FF;
    color: #336699;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
    font-family: Calibri,"Helvetica Neue",Arial,Helvetica,sans-serif;
  }
  
  .header-tag.tag1 ul li a.selected
  {
    
    background: #336699;
    color: #ffffff;
    text-decoration: none;
  }
  
  .header-tag.tag1 ul li a:hover
  {
        color: #4646F4; 
 
    text-decoration: underline;
  }
  
  .header-tag.tag1 ul li a.selected:hover
  {
    color: #c6c6c6;
       background: #336699;
    text-decoration: none;
  }
  
  
  .header-tag.tag2 ul li a
  {
    
    background: #a1a1a1;
    color: #1c1c1c;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
    font-family: Calibri,"Helvetica Neue",Arial,Helvetica,sans-serif;
  }
  
  .header-tag.tag2 ul li a.selected
  {
    
    background: #3a3a3a;
    color: #ffffff;
    text-decoration: none;
  }
  
  .header-tag.tag2 ul li a:hover
  {
        color: #1c1c1c; 
 
    text-decoration: underline;
  }
  
  .header-tag.tag2 ul li a.selected:hover
  {
    color: #c1c1c1;
       background: #3a3a3a;
    text-decoration: none;
  }
  
  
  
  .header-tag ul li.logout-block
  {
    vertical-align: top;
        float:right;
        display: inline-block;
    padding:0;
  }
  .header-tag ul li.logout-block span
  {
    padding:0;
    float:right;
    color:#000000;
    font-size:16px;
    height:20px;
    line-height:20px;
    margin-right:20px;
  }
  .header-tag ul li.logout-block a
  {
    float:right;
    background:#f7f7f7;
    font-size:12px;
    color: #ff0030;
    text-decoration: none;
    padding:0;
    display: inline;margin-right:20px;
    
  }
  
  
  .login-div
  {
    width: 400px;
    margin-left:auto;
    margin-right:auto;
    margin-top:40px;
  }
  table.login-table
  {
    width: 100%;
    border: 1px inset #336699;
  }
  table.login-table td
  {
  
  }
  table.login-table td.title
  {
    width: 40%;
    font-weight: bold;
    padding-left:20px;
  }
  table.login-table td.btn-td
  {
     padding-left:20px;
  }
  #err
  {
    font-weight:bold;
    color:#ff0030;
  }
  
  .filter-div
  {
    width:100%;
  }
  
  .filter-div label,
  .filter-div input
  {
    
    margin-left:10px;
  }
  
  /** For table style **/
  #content form input.normal-text,
#content form select.normal-text
{
  
  width: 100px;
}
#content .div-hidden
{
		display:none;
		margin-bottom:0;
		padding:0;
}

#content .div-display
{

		margin-bottom:0;
		padding:0;
}

#content .hs-div
{
		margin-top:5px;
}


 a.logout-link
  {
    float:right;
    background:#081A65;
    color:#ffffff;
    padding:5px 8px;
    text-decoration: none;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   font-size:93%;
   height:20px;
   line-height:20px;
   position: relative;
   top:-40px;
   margin-right:10px;

  }
  a.logout-link:hover
  {
  color:#5CC4F1;
  text-decoration: underline;
  }
  
  #content .filter-block
  {
    width:100%;
    display:inline-block;
    color:#004080;
    font-family:inherit;
    font-size:12px;
  }
  #content .filter-block .filter-left
  {
    width:20%;
    float:left;
    display:inline-block;
  }
  
   #content .filter-block .filter-left table
   {
    width: auto;
    font-size:12px;
   }

  #content .filter-block .filter-div
  {
    width:40%;
    float:right;
    display:inline-block;
  }
  #content .filter-block .filter-div-small
  {
    width:18%;
    float:right;
    display:inline-block;
  }
#content .arc-block
{
    width: 98%;
    display:block;
    
    padding:0;
    margin-top:20px;
    margin-bottom:20px;
    height:auto;
    float:right;
    
}
#content .arc-block .hd
{
    border: 1px solid #336699;
    background: #336699;
    color:#ffffff;
    margin:0;
    vertical-align:middle;
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-topright: 10px;
   -webkit-border-top-right-radius:10px;
   -webkit-border-top-left-radius:10px;
   padding:0;
   height:auto;
   text-align:center;
}
#content .arc-block .hd h3
{
    margin-top:10px;
    margin-bottom: 10px;
    font-size:14px;
    font-weight: bold;
}
#content .arc-block .bd
{
    width: 100%;
    border: 1px solid #336699;
    display:block;
    text-align:left;
    float:left;
    height:200px;
    overflow:auto;
    
}

#content .arc-block .bd ul
{
    padding:0;
    margin:0;
}
#content .arc-block .bd ul li
{
    list-style: none;
    display:inline-block;
    float:left;
 
    margin-top:10px;
   /* margin-bottom:10px;*/
}
#content .arc-block .bd a.selected,
#content .arc-block .bd a.selected:visited,
#content .arc-block .bd a.selected:hover
{
    color: #FF0000;
    display:inline-block;
}


#content .arc-block .bd a,
#content .arc-block .bd a:visited
{
    color: #033C5A;
    text-decoration: none;
}
#content .arc-block .bd a:hover
{
    color: #3094B6;
}

#content .arc-block .bd #archieve-list li
{
    width:40%;
    padding-left:10px;
    
    
}

#content .arc-block .bd #ctype-list li
{
    width:90%;
    padding-left:10px;
    
}
#content .content-list-arc h3
{
    float: left;
    height: 20px;
    line-height: 20px;
    margin:0;
    
}
#content .content-list-arc span
{
    color:#1569C7;
    /*float: left;*/
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    margin-left:20px;
    font-style: italic;
    
}

#viewform_menu a{
    float:left;
}

#viewform
{
    text-align:left;
}