﻿body 
{
   margin:0px;
   padding:0px;
   text-align:left;
   font-size:12px;
   font-family: arial, helvetical, verdana;
   width:100%;
   /*background-color:#427D9F;*/
   background-color:#4580A1;
   background-image:url('images/bg-main.gif');
   background-repeat:repeat-x;
}

h1,h2,h3,h4,h5,h6
{
   padding:2px 2px 0px 0px;
   margin:2px 2px 0px 0px;
}

p
{
   margin-top:0px;
   padding-top:2px;   
}

ul
{
   margin-top:0px;
   padding-top:3px;   
   color:#666666;
}

li
{
  margin-top:0px;
  padding-top:3px;
  
}

table td
{
  vertical-align:top;
}

a:link, a:active, a:visited {
  text-decoration:none;
  border:none;
  color:#006699;
  
}

a:hover {
  color:#006699;
  text-decoration:none;
  border-bottom:1px dashed #006699;   
}

.red
{
    color:Red;   
}

.button1
{
    background-color:#282800;
    border: 1px solid #e6e6e6;
    font-family: arial, helvetical, verdana;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
}



/* style in fck editor*/
h2
{
    font-size:15px;
    color:#006699;
    font-weight:bold;
}

.content_h2
{
    font-size:15px;
    color:#006699;
    font-weight:bold;
}

.content_h2c
{
    font-size:15px;
    color:#403FF7;
    font-weight:bold;
}

.content_body
{
    color:#666666;
    font-size:12px;
}

.page_body
{
    text-align:justify;
}

.list1
{
    background-image:url('images/liststyle1.gif');
    background-repeat:no-repeat;
    background-position:0px 0px;
    padding-left:17px;
}

p.buttonStyle3
{
    background-image:url('images/button-bg.gif');   
    background-repeat:no-repeat;
    width:61px;
    height:18px;
    border:none;
    font-size:11px;
    font-family:Arial;
    cursor:pointer;
    text-align:center;
    text-decoration:none;
    padding-top:2px;
    margin:5px 0px 0px 0px;
}

p.buttonStyle3 a:link,p.buttonStyle3 a:visited,p.buttonStyle3 a:active
{
    text-align:center;   
    text-decoration:none;
    border:none;
    color:#000000;
}

p.buttonStyle3 a:hover
{  
    text-decoration:none;
    border:none;
    color:#000000;
}

p.buttonStyle4
{
    background-image:url('images/button-bg1.gif');   
     background-repeat:no-repeat;
     width:86px;
     height:18px;
     border:none;
     font-size:11px;
     font-family:Arial;
     cursor:pointer;
     text-align:center;
     text-decoration:none;
     padding-top:2px;
     margin:5px 0px 0px 0px;
}

p.buttonStyle4 a:link,p.buttonStyle4 a:visited,p.buttonStyle4 a:active
{
    text-align:center;   
    text-decoration:none;
    border:none;
    color:#000000;
}

p.buttonStyle4 a:hover
{
    text-decoration:none;
    border:none;
    color:#000000;
}

p.listStyle1
{
    background-image:url(images/list.gif);   
    background-repeat:no-repeat;
    background-position:0px 3px;
    padding-left:15px;
    padding-top:0px;
    padding-bottom:0px;
    padding-right:0px;
    margin:5px 0px 0px 0px;
}


a.fcklinkstyle1:link,a.fcklinkstyle1:visited,a.fcklinkstyle1:active
{
    text-decoration:none;
    border:none;
    color:#006699;
}

a.fcklinkstyle1:hover
{
   text-decoration:none;
   border-bottom:1px dashed #006699;     
}

a.fcklinkstyle2:link,a.fcklinkstyle2:visited,a.fcklinkstyle2:active
{
    text-decoration:none;
    border:none;
    color:#006699;
}

a.fcklinkstyle2:hover
{
   text-decoration:none;
   border-bottom:1px solid #006699;     
}
/* end style in fck editor */



/* menu*/
a.topmenu:link, a.topmenu:visited {
  background-image:url();
  line-height: 22px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  font-size: 12px;
  font-weight: bold; 
  color: white;
  text-decoration: none;
  height:100%;
  border:none;
}

a.topmenu:hover {
  background-image:url('images/top_menu_bg1.gif');
  color:#00CCFF;
  border:none;
}

div.menubox {
  width:170px;
  top:65px;
  background-color:black;
  position:absolute;
  z-index:2;
  filter:alpha(opacity=70);
  opacity:0.7;
}

table.menuitem a:link, table.menuitem a:visited {
  font-family: arial, helvetical, verdana;
  font-size: 11px;
  display: block;
  padding-left: 10px;
  padding-right: 5px;
  line-height: 15px;
  text-decoration: none;
  font-weight:bold;
  width:150px;
  color:#ffffff;
  padding-top:5px;
  padding-bottom:5px;
  border:none;
}

table.menuitem a:hover {
  display: block;  
  /*color:#1675D3;*/
  color:#00CCFF;
  border:none;
}

table.menuitem td
{
    border-bottom:1px solid #A4A4A4;
}

.menubg
{
    background-image:url('images/top_menu_bg.gif');
    background-repeat:repeat-x;
}
/* end menu */


/*==========================================
Wrapper  //
==========================================*/

div#mainContent
{
    width:954px;
    padding:0px;
    margin:auto;   
}

div#contentTop
{
    width:922px;
    height:103px;
    background-image:url('images/bg-top.gif');
    background-repeat:repeat-x;
    /*background-color:#FFFFFF;*/
}

div#leftShadow
{
    width:16px;
    height:1020px; 
    background-image:url('images/bg-left.gif');  
}

div#rightShadow
{
    width:15px;
    height:1020px; 
    background-image:url('images/bg-right.gif');
}

div#shadowHr
{
     /*background-image:url('images/shodow-hr.gif');  */
     background-color:#FFFFFF;
     width:922px;
     height:10px;
     background-repeat:repeat-x;
}

div#contentBottom
{
    width:922px;
    height:72px;
    /*background-image:url('images/footer_gradient.gif');*/
    background-repeat:repeat-x;
    overflow:hidden; 
    background-color:#FFFFFF;
}

div#mainButtom
{
    width:922px;
    height:84px;
    background-image:url('images/bg-main-buttom.gif');
    background-repeat:repeat-x;  
    
}

div#content
{
    /*background-color:#F8F8F8;   */
    width:922px;
    /*height:400px;*/
    background-color:#FFFFFF;
}

div#leftPanel
{
    background-image:url('images/leftpanel2.gif');
    width:220px;
    height:370px;
    background-repeat:no-repeat;
}

div#sitemap
{
    background-image:url(images/sitemap-list.gif);
    padding-left:30px;
    background-repeat:no-repeat;
    background-position:8px 0px;
    width:100%;
    text-align:left;
    display:block;
}

div#rightbanner
{
    border-left:1px solid #CCCCCC;
    width:176px;
    overflow:auto;
    padding-left:1px;
}

/*==========================================
    END Wrapper  //
==========================================*/

.box220
{

    width:210px;
    /*height:110px;   
    padding-top:10px;*/
    padding-left:10px;
}

.box333
{
    background-image:url('images/content_box.gif');
    padding-top:14px;
    padding-left:14px;
    padding-right:15px;
    width:303px;
    height:175px;
    background-repeat:no-repeat;
}

.displayBox
{
    width:190px;
    height:60px;
    overflow:hidden;    
}

.box1
{
    Width:303px;
    VISIBILITY: hidden;
    position:absolute;
    padding-left:1px;
    padding-right:1px;
    padding-top:0px;
    padding-bottom:0px;
    
}

.box1 ul
{
    padding-top:0px;
    margin-top:0px;
}

.box1 li
{
    padding-top:0px;
    margin-top:0px;
}

div.backToTop
{
    font-size:12px;
    font-weight:bold;
    background-image:url(images/arror-up.gif);
    background-repeat:no-repeat;
    background-position:0px 25px;
    padding-left:15px;    
    color:#006699;
    padding-top:20px;
}

div.backToTop a:link,div.backToTop a:visited,div.backToTop a:active,div.backToTop a:hover
{
    text-decoration:none;
    border:none;
}

.leftTitle
{
    background-image:url(images/bg-pagetitle.gif);
    background-repeat:repeat-x;
    /*background-color:#E7E7E7;*/
    background-color:#FFFFFF;
    width:210px;
    font-size:12px;
    font-weight:bold;
    color:#006699;
    padding-left:10px;
    padding-bottom:2px;
    padding-top:2px;
    border:1px solid #CCCCCC;
}

.leftBody
{
    background-image:url('images/leftbox_gradient_bg.gif');
    background-repeat:repeat-x;
    background-color:#F3F3F2;
    /*background-color:#F7F8F8;
    background-color:#FFFFFF;*/
    width:210px;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    
    padding-top:10px;
    padding-bottom:10px;
    padding-left:15px;
    padding-right:15px;
}

.buttonSearch
{
    background-image:url('images/icon_search.gif');   
    background-repeat:no-repeat;  
    width:16px;
    height:17px;
    border:0px;
}


.buttonStyle1
{
    background-image:url('images/button-bg.gif');   
    background-repeat:no-repeat;
    width:61px;
    height:18px;
    border:none;
    color:#666666;
    font-size:11px;
    font-family:arial, helvetical, verdana;
    font-weight:bold;
    cursor:pointer;
    text-align:center;
    text-decoration:none;
    padding-top:2px;
}

a.buttonStyle1:link,a.buttonStyle1:visited,a.buttonStyle1:hover,a.buttonStyle1:active,
td.buttonStyle1 a:link,td.buttonStyle1 a:visited,td.buttonStyle1 a:hover,td.buttonStyle1 a:active,
div.buttonStyle1 a:link,div.buttonStyle1 a:visited,div.buttonStyle1 a:hover,div.buttonStyle1 a:active
{
     text-decoration:none;  
     display:block;
     color:#666666;
     border:none;
}

.buttonStyle2
{
     background-image:url('images/button-bg1.gif');   
     background-repeat:no-repeat;
     width:86px;
     height:18px;
     border:none;
     color:#666666;
     font-size:11px;
     font-family:arial, helvetical, verdana;
     font-weight:bold;
     cursor:pointer;
     text-align:center;
     text-decoration:none;
     padding-top:2px;
}

a.buttonStyle2:link,a.buttonStyle2:hover,a.buttonStyle2:visited,a.buttonStyle2:active,
td.buttonStyle2 a:link,td.buttonStyle2 a:hover,td.buttonStyle2 a:visited,td.buttonStyle2 a:active,
div.buttonStyle2 a:link,div.buttonStyle2 a:visited,div.buttonStyle2 a:hover,div.buttonStyle2 a:active
{
     text-decoration:none;  
     display:block;
     color:#666666;
     border:none;
}

.buttonLogin
{
    background-image:url('images/button-b-bg.gif');   
    background-repeat:repeat-x;
    width:41px;
    height:18px;
    border:0px;
    color:#666666;
    font-size:11px;
    font-family:arial, helvetical, verdana;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    margin:0px;
    
}

.buttonSearch1
{
    background-image:url('images/button-b-bg.gif');   
    background-repeat:repeat-x;
    width:51px;
    height:18px;
    border:0px;
    color:#666666;
    font-size:11px;
    font-family:arial, helvetical, verdana;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    margin:0px;
}

.buttonDefault
{
    background-image:url('images/button-b-bg.gif');   
    background-repeat:repeat-x;
    height:18px;
    border:0px;
    color:#666666;
    font-size:11px;
    font-family:arial, helvetical, verdana;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    margin:0px;
}

a.linkStyle1:link,a.linkStyle1:active,a.linkStyle1:hover,a.linkStyle1:visited
{
    font-size:10px;
    color:#006699;  
    text-decoration:none;
    font-weight:bold;
    border:none;
}

a.linkStyle2:link,a.linkStyle2:active,a.linkStyle2:hover,a.linkStyle2:visited
{
    font-size:11px;
    color:#006699;  
    text-decoration:none;
    font-weight:bolder;
    border:none;
}

a.linkStyle3:link,a.linkStyle3:active,a.linkStyle3:hover,a.linkStyle3:visited
{
    font-size:10px;
    color:#006699;  
    text-decoration:none;
    font-weight:bold;
    text-align:right;
    border:none;
}


a.linkStyle4:link,a.linkStyle4:active,a.linkStyle4:hover,a.linkStyle4:visited
{
    color:#44487B;
    font-size:11px;
    font-weight:bold;    
    text-decoration:none;
    border:none;
}

a.linkStyle5:link,a.linkStyle5:active,a.linkStyle5:hover,a.linkStyle5:visited
{
    color:#006699;
    font-size:12px;
    font-weight:bold;    
    text-decoration:none;
    border:none;
}

a.linkStyle6:link,a.linkStyle6:active,a.linkStyle6:hover,a.linkStyle6:visited
{
    color:#000000;
    font-size:11px;    
    text-decoration:none;
    border:none;
}

a.linkStyle7:link,a.linkStyle7:active,a.linkStyle7:hover,a.linkStyle7:visited
{
    padding-left:5px;
    padding-top:2px;
    padding-bottom:2px;
    font-size:12px;
    text-decoration:none;
    text-align:left;
    font-weight:bold;
    display:block;
    width:150px;
    color:#666666;
    /*border:1px solid #F8F8F8; */ 
    border:none;
}

a.tabTitle:link,a.tabTitle:visited,a.tabTitle:hover,a.tabTitle:active
{
    font-size:12px;
    color:#006699;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    vertical-align:middle;
    padding-bottom:0px;
    border:none;
}

a.breadcrum:visited,a.breadcrum:link,a.breadcrum:active,a.breadcrum:hover
{
    text-decoration:none;
    font-weight:bold;
    color:#696969;
    font-size:11px;
    border:none;
}



a.searchTitle:link,a.searchTitle:visited,a.searchTitle:active,a.searchTitle:hover
{
    font-size:15px;
    font-weight:bold;
    text-decoration:underline;
    color:#006699;
    border:none;
}

.searchContent
{
    color:Black;
}

/*.leftNavCol
{
   padding-left:15px;
   font-size:12px;
   text-decoration:none;
   text-align:left;
   font-weight:bold;
   display:block;
   width:170px;
   color:#666666;
}*/

a.leftNavCol:link,a.leftNavCol:visited,a.leftNavCol:active
{
    
	
	padding:3px 2px 4px 15px;
	
    font-size:12px;
    text-decoration:none;
    text-align:left;
    font-weight:bold;
    display:block;
    width:160px;
    color:#666666;
    border:none;
    /*border:1px solid #F1f1f1;
    border:1px solid #FFFFFF;*/
}

a.leftNavCol:hover
{
    background-image:url('images/bg-itemSelect.gif');
    background-repeat:repeat-x;
	background-color:#FFFFFF;
    text-decoration:none;
    width:160px;
    border:1px solid #CCCCCC;
	
	padding:2px 1px 3px 14px;
}

a.selected:link,a.selected:visited,a.selected:active,a.selected:hover
{
    text-align:left;
    font-size:12px;
    text-decoration:none;
    font-weight:bold;
    display:block;
    color:#666666;
    border:none;
}

a.selected1:link,a.selected1:visited,a.selected1:active,a.selected1:hover
{
    text-align:left;
    text-decoration:none;
    font-weight:bold;
    display:block;
    width:170px;
    font-size:12px;
    font-weight:bold;
    color:#006699;
    padding-left:5px;
    border:none;
}

.selected
{
    text-align:left;
    font-size:12px;
    text-decoration:none;
    font-weight:bold;
    display:block;
    color:#666666;
    border:none;
}

div.selected
{
    background-image:url('images/bg-itemSelect.gif');
    background-repeat:repeat-x;
	background-color:#FFFFFF;

    font-size:12px;
    border:1px solid #CCCCCC;
    width:160px;

	padding:2px 1px 3px 14px;
}

div.selectedspec
{
    background-image:url('images/bg-itemSelect.gif');
    background-repeat:repeat-x;
    background-color:#FFFFFF;
    padding-top:2px;
    padding-bottom:2px;
    
    border:1px solid #CCCCCC;
    width:160px;
    padding-left:15px;
}

.maintitle
{
    font-size:16px;
    color:#000000;
    font-weight:bold;
}

.maintitle1
{
    font-size:22px;
    color:#006699;
    font-weight:bold;
}

.maintitle2
{
    font-size:14px;
    color:#006699;
    font-weight:bold;
}

.label
{
    font-size:11px;
    padding-top:2px;
}

.label1
{
    font-size:11px;
    color:#006699;
}

.label2
{
    font-size:12px;
    font-weight:bold;
    text-align:left;
}


.label3
{
    font-size:11px;
    font-weight:bold;
    color:#006699;
}

/*
.label4
{
    font-size:11px;
    font-weight:bold;
    color:#006699;
}
*/

.label4
{
    font-size:11px;
    font-weight:bold;
    color:#666666;
    
}

.label5
{
    font-size:12px;
    color:#006699;
}

.label6
{
    font-size:12px;
    color:#666666;   
}

.txtboxSearch
{
    border-top:1px outset #C3C3C3;
    border-left:1px solid #DDDDDD;
    border-right:1px outset #C3C3C3;
    border-bottom:1px solid #DDDDDD;
    font-family: arial, helvetical, verdana;
    font-size: 11px;
    width:120px;  
    height:13px;
}

.txtbox
{
    border: 1px solid #666666;
    font-family: arial, helvetical, verdana;
    font-size: 11px;
}

.txtbox120
{
    border-top:1px solid #7C7C7C;
    border-left:1px solid #C3C3C3;
    border-right:1px solid #C3C3C3;
    border-bottom:1px solid #C3C3C3;
    font-family: arial, helvetical, verdana;
    font-size: 11px;
    width:120px;
}

.txtbox180
{
    border: 1px solid #666666;
    font-family: arial, helvetical, verdana;
    font-size: 11px;
    width:180px;
}

.txtbox220
{
    border: 1px solid #666666;
    font-family: arial, helvetical, verdana;
    font-size: 11px;
    width:220px;
}

.txtbox320
{
    border: 1px solid #666666;
    font-family: arial, helvetical, verdana;
    font-size: 11px;
    width:320px;
}

.txtBox250
{
    border: 1px solid #666666;
    width:250px;
    font-family: arial, helvetical, verdana; 
    font-size: 11px;
}

.txtAreaW250H100
{
    width:250px;
    height:100px;
    font-family: arial, helvetical, verdana;
    border: 1px solid #666666;
    font-size: 11px;
}

.quoteBody
{
    font-size:12px;
    font-weight:bold;
    /*color:#828282;*/
    color:#666666;
}

.quoteTitle
{
    font-size:11px;
    /*color:#B4B4B4;*/
    color:#666666;
}

.errormsg
{
    color:Red;
    font-size:10px;
    font-weight:bold;
}

.msgnotice 
{ 
    font-size: 11px; 
    color: Green; 
}

.noborder
{
    border:0px;
    padding:0px;
    margin:0px;   
}

table.inputform td
{
    padding-top:3px;   
    padding-bottom:3px;
    padding-left:3px;
}

td.pageNoSelected
{
    width:15px;
    text-align:center;
    background-color:#D6D6D7;   
    
}

td.pageNoSelected a:link,td.pageNoSelected a:hover,td.pageNoSelected a:visited,td.pageNoSelected a:active
{
    text-decoration:none;
    font-weight:bold;
    color:#343434;
}

.pageSelected
{
    font-weight:bold;
}



/******************************
    LEFT NAVIGATE MENU SHADOW 
******************************/
.leftshadow-top
{
    background-image:url('images/leftbox_shadow_top.gif');
    background-repeat:repeat-x;
    background-position:bottom;
    /*height:10px;*/
    height:8px;
    font-size:0px;
}

.leftshadow-bottom
{
    background-image:url('images/leftbox_shadow_bottom.gif');
    background-repeat:repeat-x;
    background-position:top;
    /*height:10px;*/
    height:8px;
    font-size:0px;
}

.leftshadow-left
{
    background-image:url('images/leftbox_shadow_left.gif');
    background-repeat:repeat-y;
    background-position:right;
    width:10px;
}

.leftshadow-right
{
    background-image:url('images/leftbox_shadow_right.gif');
    background-repeat:repeat-y;
    background-position:left;
    width:10px;
}

/******************************
    END LEFT NAVIGATE MENU SHADOW 
******************************/


/***************************
    OTHER
***************************/
div.height8px
{
    height:8px;
    overflow:hidden;
    width:4px;
}

div.height750px
{
    height:750px;
    border:0px solid red;
    width:6px;
}

div.height400px
{
    height:400px;
    border:none;
    width:6px;
}

div.height16px
{
    height:16px;
    overflow:hidden;
    width:100%;
}

div.height2px
{
    height:2px;
    overflow:hidden;
    width:100%;
}
/***************************
    END OTHER
***************************/